@hpcc-js/common 2.73.3 → 2.73.5

package/src/Platform.ts

@@ -1,125 +1,125 @@
-const _version = "1.14.2-dev";
-export function version() {
-    return _version;
-}
-
-export const ieVersion = (function () {
-    const ua = navigator.userAgent;
-    let tem;
-    const M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
-    if (/trident/i.test(M[1])) {
-        tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
-        return parseFloat(tem[1]);
-    }
-    if (/msie/i.test(M[1])) {
-        return parseFloat(M[2]);
-    }
-    return null;
-})();
-
-export const isIE = ieVersion !== null;
-export const svgMarkerGlitch = isIE && ieVersion <= 12;
-
-let _scrollBarWidth = null;
-export function getScrollbarWidth() {
-    if (_scrollBarWidth === null) {
-        const outer = document.createElement("div");
-        outer.style.visibility = "hidden";
-        outer.style.width = "100px";
-        // @ts-ignore
-        outer.style.msOverflowStyle = "scrollbar";
-
-        document.body.appendChild(outer);
-
-        const widthNoScroll = outer.offsetWidth;
-        outer.style.overflow = "scroll";
-
-        const inner = document.createElement("div");
-        inner.style.width = "100%";
-        outer.appendChild(inner);
-
-        const widthWithScroll = inner.offsetWidth;
-
-        outer.parentNode.removeChild(outer);
-
-        _scrollBarWidth = widthNoScroll - widthWithScroll;
-    }
-    return _scrollBarWidth;
-}
-
-//  Polyfills  ---
-(window as any).MutationObserver = (window as any).MutationObserver || (window as any).WebKitMutationObserver || (window as any).MozMutationObserver || function (callback) {
-    //  Just enough for HTMLOverlay and C3  ---
-    this.callback = callback;
-    this.listeners = [];
-
-    const MutationListener = function (callback2, domNode, type) {
-        this.callback = callback2;
-        this.domNode = domNode;
-        this.type = type;
-    };
-    MutationListener.prototype = {
-        handleEvent(evt) {
-            const mutation = {
-                type: this.type,
-                target: this.domNode,
-                addedNodes: [],
-                removedNodes: [],
-                previousSibling: evt.target.previousSibling,
-                nextSibling: evt.target.nextSibling,
-                attributeName: null,
-                attributeNamespace: null,
-                oldValue: null
-            };
-            this.callback([mutation]);
-        }
-    };
-
-    this.observe = function (domNode, config) {
-        let listener = null;
-        if (config.attributes) {
-            listener = new MutationListener(this.callback, domNode, "attributes");
-            this.listeners.push(listener);
-            domNode.addEventListener("DOMAttrModified", listener, true);
-        }
-
-        if (config.characterData) {
-            listener = new MutationListener(this.callback, domNode, "characterData");
-            this.listeners.push(listener);
-            domNode.addEventListener("DOMCharacterDataModified", listener, true);
-        }
-
-        if (config.childList) {
-            listener = new MutationListener(this.callback, domNode, "childList");
-            this.listeners.push(listener);
-            domNode.addEventListener("DOMNodeInserted", listener, true);
-            domNode.addEventListener("DOMNodeRemoved", listener, true);
-        }
-    };
-
-    this.disconnect = function () {
-        this.listeners.forEach(function (item) {
-            switch (item.type) {
-                case "attributes":
-                    item.domNode.removeEventListener("DOMAttrModified", item, true);
-                    break;
-                case "characterData":
-                    item.domNode.removeEventListener("DOMCharacterDataModified", item, true);
-                    break;
-                case "childList":
-                    item.domNode.removeEventListener("DOMNodeRemoved", item, true);
-                    item.domNode.removeEventListener("DOMNodeInserted", item, true);
-                    break;
-            }
-        });
-        this.listeners = [];
-    };
-};
-
-(Math as any).sign = (Math as any).sign || function (x) {
-    x = +x; // convert to a number
-    if (x === 0 || isNaN(x)) {
-        return x;
-    }
-    return x > 0 ? 1 : -1;
-};
+const _version = "1.14.2-dev";
+export function version() {
+    return _version;
+}
+
+export const ieVersion = (function () {
+    const ua = navigator.userAgent;
+    let tem;
+    const M = ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
+    if (/trident/i.test(M[1])) {
+        tem = /\brv[ :]+(\d+)/g.exec(ua) || [];
+        return parseFloat(tem[1]);
+    }
+    if (/msie/i.test(M[1])) {
+        return parseFloat(M[2]);
+    }
+    return null;
+})();
+
+export const isIE = ieVersion !== null;
+export const svgMarkerGlitch = isIE && ieVersion <= 12;
+
+let _scrollBarWidth = null;
+export function getScrollbarWidth() {
+    if (_scrollBarWidth === null) {
+        const outer = document.createElement("div");
+        outer.style.visibility = "hidden";
+        outer.style.width = "100px";
+        // @ts-ignore
+        outer.style.msOverflowStyle = "scrollbar";
+
+        document.body.appendChild(outer);
+
+        const widthNoScroll = outer.offsetWidth;
+        outer.style.overflow = "scroll";
+
+        const inner = document.createElement("div");
+        inner.style.width = "100%";
+        outer.appendChild(inner);
+
+        const widthWithScroll = inner.offsetWidth;
+
+        outer.parentNode.removeChild(outer);
+
+        _scrollBarWidth = widthNoScroll - widthWithScroll;
+    }
+    return _scrollBarWidth;
+}
+
+//  Polyfills  ---
+(window as any).MutationObserver = (window as any).MutationObserver || (window as any).WebKitMutationObserver || (window as any).MozMutationObserver || function (callback) {
+    //  Just enough for HTMLOverlay and C3  ---
+    this.callback = callback;
+    this.listeners = [];
+
+    const MutationListener = function (callback2, domNode, type) {
+        this.callback = callback2;
+        this.domNode = domNode;
+        this.type = type;
+    };
+    MutationListener.prototype = {
+        handleEvent(evt) {
+            const mutation = {
+                type: this.type,
+                target: this.domNode,
+                addedNodes: [],
+                removedNodes: [],
+                previousSibling: evt.target.previousSibling,
+                nextSibling: evt.target.nextSibling,
+                attributeName: null,
+                attributeNamespace: null,
+                oldValue: null
+            };
+            this.callback([mutation]);
+        }
+    };
+
+    this.observe = function (domNode, config) {
+        let listener = null;
+        if (config.attributes) {
+            listener = new MutationListener(this.callback, domNode, "attributes");
+            this.listeners.push(listener);
+            domNode.addEventListener("DOMAttrModified", listener, true);
+        }
+
+        if (config.characterData) {
+            listener = new MutationListener(this.callback, domNode, "characterData");
+            this.listeners.push(listener);
+            domNode.addEventListener("DOMCharacterDataModified", listener, true);
+        }
+
+        if (config.childList) {
+            listener = new MutationListener(this.callback, domNode, "childList");
+            this.listeners.push(listener);
+            domNode.addEventListener("DOMNodeInserted", listener, true);
+            domNode.addEventListener("DOMNodeRemoved", listener, true);
+        }
+    };
+
+    this.disconnect = function () {
+        this.listeners.forEach(function (item) {
+            switch (item.type) {
+                case "attributes":
+                    item.domNode.removeEventListener("DOMAttrModified", item, true);
+                    break;
+                case "characterData":
+                    item.domNode.removeEventListener("DOMCharacterDataModified", item, true);
+                    break;
+                case "childList":
+                    item.domNode.removeEventListener("DOMNodeRemoved", item, true);
+                    item.domNode.removeEventListener("DOMNodeInserted", item, true);
+                    break;
+            }
+        });
+        this.listeners = [];
+    };
+};
+
+(Math as any).sign = (Math as any).sign || function (x) {
+    x = +x; // convert to a number
+    if (x === 0 || isNaN(x)) {
+        return x;
+    }
+    return x > 0 ? 1 : -1;
+};

package/src/ProgressBar.ts

@@ -1,105 +1,105 @@
-import { PropertyExt, publish } from "./PropertyExt";
-
-export class ProgressBar extends PropertyExt {
-
-    @publish(5000, "number", "Half Life")
-    halfLife: publish<this, number>;
-    @publish(1.2, "number", "Decay")
-    decay: publish<this, number>;
-    @publish(2, "number", "Size")
-    size: publish<this, number>;
-    @publish("#2ed573", "string", "Color")
-    color: publish<this, string>;
-    @publish(true, "boolean", "Bar Blur")
-    blurBar: publish<this, boolean>;
-    @publish(50, "number", "Blur Size")
-    blurSize: publish<this, number>;
-    @publish("#7bed9f", "string", "Blur Color (hex)", null, { optional: true })
-    blurColor: publish<this, string>;
-    @publish(0.35, "number", "Blur Opacity")
-    blurOpacity: publish<this, number>;
-
-    protected _elementID: string;
-    protected _running: boolean = false;
-    protected _style;
-
-    constructor() {
-        super();
-    }
-
-    calcCSS(halflife: number, perc: number) {
-        const bar_size = this.size();
-        const bar_color = this.color();
-        const blur_opacity = this.blurOpacity();
-        const blur_opacity_hex = blur_opacity * 255 >= 16 ? Math.floor(blur_opacity * 255).toString(16).slice(-2) : "00";
-        const blur_color = this.blurColor() || bar_color;
-        const blur_size = this.blurSize();
-        const blur_fx = this.blurBar() ? `background: radial-gradient(ellipse at 50% 50%, ${blur_color}${blur_opacity_hex}, ${blur_color}00, #00000000 ${blur_size}px);` : "";
-        return `
-            #${this._elementID}::before{
-                content:" ";display:block;position:absolute;
-                height:${bar_size}px;width:${perc}%;
-                left:0;top:0;
-                background-color: ${bar_color};
-                transition: width ${(halflife / 1000)}s;
-            }
-            #${this._elementID}::after{
-                content:" ";display:block;position:absolute;
-                height:${blur_size}px;width:${blur_size * 2}px;
-                left:calc(${perc}% - ${blur_size}px);
-                top:${-((blur_size / 2) - (bar_size / 2))}px;
-                background-color: ${bar_color};
-                transition: left ${(halflife / 1000)}s;
-                transform: rotate(1deg) translate(-${blur_size / 2.5}px,0px) scale(1.5,0.5);
-                ${blur_fx}
-            }
-        `;
-    }
-
-    start() {
-        this._running = true;
-        this.updateProgress(this.halfLife(), 10);
-    }
-
-    finish() {
-        this.updateProgress(100, 100);
-    }
-
-    enter(domNode, element) {
-        this._elementID = element.attr("id");
-        if (!this._elementID) throw new Error("Target element requires an id attribute.");
-        this._style = element.insert("style");
-    }
-
-    exit(_domNode, _element) {
-        this._running = false;
-        if (this._style)
-            this._style.remove();
-        delete this._style;
-    }
-
-    protected updateProgress(halflife: number, perc: number) {
-        if (!this._running) return;
-        if (this._style) {
-            this._style.html(this.calcCSS(halflife, perc));
-        }
-
-        const percLimit = 95;
-        halflife *= this.decay();
-        perc = perc ? perc : 10;
-        if (perc < percLimit) {
-            setTimeout(() => {
-                const _remaining = 100 - perc;
-                this.updateProgress(halflife, perc + (_remaining / 2));
-            }, perc === 10 ? 100 : halflife);
-        } else if (perc === 100) {
-            setTimeout(() => {
-                this._running = false;
-                if (this._style) {
-                    this._style.html("");
-                }
-            }, halflife);
-        }
-    }
-}
-ProgressBar.prototype._class += " common_ProgressBar";
+import { PropertyExt, publish } from "./PropertyExt";
+
+export class ProgressBar extends PropertyExt {
+
+    @publish(5000, "number", "Half Life")
+    halfLife: publish<this, number>;
+    @publish(1.2, "number", "Decay")
+    decay: publish<this, number>;
+    @publish(2, "number", "Size")
+    size: publish<this, number>;
+    @publish("#2ed573", "string", "Color")
+    color: publish<this, string>;
+    @publish(true, "boolean", "Bar Blur")
+    blurBar: publish<this, boolean>;
+    @publish(50, "number", "Blur Size")
+    blurSize: publish<this, number>;
+    @publish("#7bed9f", "string", "Blur Color (hex)", null, { optional: true })
+    blurColor: publish<this, string>;
+    @publish(0.35, "number", "Blur Opacity")
+    blurOpacity: publish<this, number>;
+
+    protected _elementID: string;
+    protected _running: boolean = false;
+    protected _style;
+
+    constructor() {
+        super();
+    }
+
+    calcCSS(halflife: number, perc: number) {
+        const bar_size = this.size();
+        const bar_color = this.color();
+        const blur_opacity = this.blurOpacity();
+        const blur_opacity_hex = blur_opacity * 255 >= 16 ? Math.floor(blur_opacity * 255).toString(16).slice(-2) : "00";
+        const blur_color = this.blurColor() || bar_color;
+        const blur_size = this.blurSize();
+        const blur_fx = this.blurBar() ? `background: radial-gradient(ellipse at 50% 50%, ${blur_color}${blur_opacity_hex}, ${blur_color}00, #00000000 ${blur_size}px);` : "";
+        return `
+            #${this._elementID}::before{
+                content:" ";display:block;position:absolute;
+                height:${bar_size}px;width:${perc}%;
+                left:0;top:0;
+                background-color: ${bar_color};
+                transition: width ${(halflife / 1000)}s;
+            }
+            #${this._elementID}::after{
+                content:" ";display:block;position:absolute;
+                height:${blur_size}px;width:${blur_size * 2}px;
+                left:calc(${perc}% - ${blur_size}px);
+                top:${-((blur_size / 2) - (bar_size / 2))}px;
+                background-color: ${bar_color};
+                transition: left ${(halflife / 1000)}s;
+                transform: rotate(1deg) translate(-${blur_size / 2.5}px,0px) scale(1.5,0.5);
+                ${blur_fx}
+            }
+        `;
+    }
+
+    start() {
+        this._running = true;
+        this.updateProgress(this.halfLife(), 10);
+    }
+
+    finish() {
+        this.updateProgress(100, 100);
+    }
+
+    enter(domNode, element) {
+        this._elementID = element.attr("id");
+        if (!this._elementID) throw new Error("Target element requires an id attribute.");
+        this._style = element.insert("style");
+    }
+
+    exit(_domNode, _element) {
+        this._running = false;
+        if (this._style)
+            this._style.remove();
+        delete this._style;
+    }
+
+    protected updateProgress(halflife: number, perc: number) {
+        if (!this._running) return;
+        if (this._style) {
+            this._style.html(this.calcCSS(halflife, perc));
+        }
+
+        const percLimit = 95;
+        halflife *= this.decay();
+        perc = perc ? perc : 10;
+        if (perc < percLimit) {
+            setTimeout(() => {
+                const _remaining = 100 - perc;
+                this.updateProgress(halflife, perc + (_remaining / 2));
+            }, perc === 10 ? 100 : halflife);
+        } else if (perc === 100) {
+            setTimeout(() => {
+                this._running = false;
+                if (this._style) {
+                    this._style.html("");
+                }
+            }, halflife);
+        }
+    }
+}
+ProgressBar.prototype._class += " common_ProgressBar";