@luftborn/custom-elements 1.4.0 → 2.0.0

package/dist/framework/Utilities/DomUtil.js

@@ -1,102 +1,102 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var ViewportUtil_1 = require("./ViewportUtil");
-var DomUtil = /** @class */ (function () {
-    function DomUtil(element) {
-        this.element = element;
-        this.viewPortUtil = new ViewportUtil_1.ViewportUtil(this.element);
-    }
-    DomUtil.prototype.getDataAttr = function (attr, defaultvalue) {
-        if (!this.element) {
-            return null;
-        }
-        var value = this.element.getAttribute("data-" + attr);
-        return value !== undefined ? value : defaultvalue;
-    };
-    DomUtil.prototype.setDataAttr = function (attr, value) {
-        if (!this.element) {
-            return null;
-        }
-        return this.element.setAttribute("data-" + attr, value);
-    };
-    DomUtil.prototype.getAttr = function (attr, defaultvalue) {
-        if (!this.element) {
-            return null;
-        }
-        var value = this.element.getAttribute(attr);
-        return value !== undefined ? value : defaultvalue;
-    };
-    DomUtil.prototype.setAttr = function (attr, value) {
-        if (!this.element) {
-            return null;
-        }
-        this.element.setAttribute(attr, value);
-    };
-    DomUtil.prototype.removeAttr = function (attr) {
-        if (!this.element) {
-            return null;
-        }
-        this.element.removeAttribute(attr);
-    };
-    DomUtil.prototype.removeDataAttr = function (attr) {
-        if (!this.element) {
-            return null;
-        }
-        this.element.removeAttribute("data-" + attr);
-    };
-    DomUtil.prototype.hasAttr = function (attr) {
-        if (!this.element) {
-            return null;
-        }
-        return this.element.hasAttribute(attr);
-    };
-    DomUtil.prototype.shake = function () {
-        var _this = this;
-        this.appendClass('shake');
-        setTimeout(function () {
-            _this.removeClass('shake');
-            _this.element.readOnly = false;
-        }, 600);
-    };
-    DomUtil.prototype.error = function () {
-        var _this = this;
-        this.appendClass('error');
-        setTimeout(function () {
-            _this.removeClass('error');
-            _this.element.readOnly = false;
-        }, 5000);
-    };
-    DomUtil.prototype.focus = function () {
-        if (!this.viewPortUtil.IsVisible()) {
-            this.element.scrollIntoView();
-        }
-    };
-    DomUtil.prototype.removeClass = function (classname) {
-        this.element.classList.remove(classname);
-    };
-    DomUtil.prototype.appendClass = function (classname) {
-        this.element.classList.add(classname);
-    };
-    DomUtil.prototype.deleteElement = function () {
-        if (!this.element) {
-            return null;
-        }
-        this.element.remove();
-    };
-    DomUtil.prototype.setChildElementByAttrName = function (name, value) {
-        var firstLetter = name.replace(/^\w/, function (c) { return c.toUpperCase(); });
-        var SubElement = this.element.querySelector("[name=\"" + firstLetter + "\"]");
-        if (SubElement) {
-            SubElement.value = value;
-        }
-    };
-    DomUtil.prototype.hasClass = function (className) {
-        return this.element.classList.contains(className);
-    };
-    DomUtil.prototype.getStyle = function (ruleName) {
-        return getComputedStyle(this.element)[ruleName];
-    };
-    return DomUtil;
-}());
-exports.default = DomUtil;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var ViewportUtil_1 = require("./ViewportUtil");
+var DomUtil = /** @class */ (function () {
+    function DomUtil(element) {
+        this.element = element;
+        this.viewPortUtil = new ViewportUtil_1.ViewportUtil(this.element);
+    }
+    DomUtil.prototype.getDataAttr = function (attr, defaultvalue) {
+        if (!this.element) {
+            return null;
+        }
+        var value = this.element.getAttribute("data-" + attr);
+        return value !== undefined ? value : defaultvalue;
+    };
+    DomUtil.prototype.setDataAttr = function (attr, value) {
+        if (!this.element) {
+            return null;
+        }
+        return this.element.setAttribute("data-" + attr, value);
+    };
+    DomUtil.prototype.getAttr = function (attr, defaultvalue) {
+        if (!this.element) {
+            return null;
+        }
+        var value = this.element.getAttribute(attr);
+        return value !== undefined ? value : defaultvalue;
+    };
+    DomUtil.prototype.setAttr = function (attr, value) {
+        if (!this.element) {
+            return null;
+        }
+        this.element.setAttribute(attr, value);
+    };
+    DomUtil.prototype.removeAttr = function (attr) {
+        if (!this.element) {
+            return null;
+        }
+        this.element.removeAttribute(attr);
+    };
+    DomUtil.prototype.removeDataAttr = function (attr) {
+        if (!this.element) {
+            return null;
+        }
+        this.element.removeAttribute("data-" + attr);
+    };
+    DomUtil.prototype.hasAttr = function (attr) {
+        if (!this.element) {
+            return null;
+        }
+        return this.element.hasAttribute(attr);
+    };
+    DomUtil.prototype.shake = function () {
+        var _this = this;
+        this.appendClass('shake');
+        setTimeout(function () {
+            _this.removeClass('shake');
+            _this.element.readOnly = false;
+        }, 600);
+    };
+    DomUtil.prototype.error = function () {
+        var _this = this;
+        this.appendClass('error');
+        setTimeout(function () {
+            _this.removeClass('error');
+            _this.element.readOnly = false;
+        }, 5000);
+    };
+    DomUtil.prototype.focus = function () {
+        if (!this.viewPortUtil.IsVisible()) {
+            this.element.scrollIntoView();
+        }
+    };
+    DomUtil.prototype.removeClass = function (classname) {
+        this.element.classList.remove(classname);
+    };
+    DomUtil.prototype.appendClass = function (classname) {
+        this.element.classList.add(classname);
+    };
+    DomUtil.prototype.deleteElement = function () {
+        if (!this.element) {
+            return null;
+        }
+        this.element.remove();
+    };
+    DomUtil.prototype.setChildElementByAttrName = function (name, value) {
+        var firstLetter = name.replace(/^\w/, function (c) { return c.toUpperCase(); });
+        var SubElement = this.element.querySelector("[name=\"" + firstLetter + "\"]");
+        if (SubElement) {
+            SubElement.value = value;
+        }
+    };
+    DomUtil.prototype.hasClass = function (className) {
+        return this.element.classList.contains(className);
+    };
+    DomUtil.prototype.getStyle = function (ruleName) {
+        return getComputedStyle(this.element)[ruleName];
+    };
+    return DomUtil;
+}());
+exports.default = DomUtil;
 //# sourceMappingURL=DomUtil.js.map

package/dist/framework/Utilities/DomUtility.d.ts

@@ -1,3 +1,3 @@
-export default class DomUtility {
-    static boldenText(inputText: string, matchindTextToBolden: string): string;
-}
+export default class DomUtility {
+    static boldenText(inputText: string, matchindTextToBolden: string): string;
+}

package/dist/framework/Utilities/DomUtility.js

@@ -1,13 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var DomUtility = /** @class */ (function () {
-    function DomUtility() {
-    }
-    // https://stackoverflow.com/questions/1230445/javascript-regex-how-to-bold-specific-words-with-regex
-    DomUtility.boldenText = function (inputText, matchindTextToBolden) {
-        return inputText.replace(new RegExp('(^|)(' + matchindTextToBolden + ')(|$)', 'ig'), '$1<b>$2</b>$3');
-    };
-    return DomUtility;
-}());
-exports.default = DomUtility;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var DomUtility = /** @class */ (function () {
+    function DomUtility() {
+    }
+    // https://stackoverflow.com/questions/1230445/javascript-regex-how-to-bold-specific-words-with-regex
+    DomUtility.boldenText = function (inputText, matchindTextToBolden) {
+        return inputText.replace(new RegExp('(^|)(' + matchindTextToBolden + ')(|$)', 'ig'), '$1<b>$2</b>$3');
+    };
+    return DomUtility;
+}());
+exports.default = DomUtility;
 //# sourceMappingURL=DomUtility.js.map

package/dist/framework/Utilities/MakeRequest.d.ts

@@ -1,8 +1,8 @@
-export default class MakeRequest {
-    method: string;
-    url: string;
-    headers: any;
-    constructor(url: string, method?: string, headers?: any);
-    private setHeaders;
-    send(data?: any): Promise<unknown>;
-}
+export default class MakeRequest {
+    method: string;
+    url: string;
+    headers: any;
+    constructor(url: string, method?: string, headers?: any);
+    private setHeaders;
+    send(data?: any): Promise<unknown>;
+}

package/dist/framework/Utilities/MakeRequest.js

@@ -1,49 +1,49 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var MakeRequest = /** @class */ (function () {
-    function MakeRequest(url, method, headers) {
-        if (method === void 0) { method = 'get'; }
-        if (headers === void 0) { headers = {}; }
-        this.method = method;
-        this.url = url;
-        this.headers = headers;
-    }
-    MakeRequest.prototype.setHeaders = function (httpRequest) {
-        for (var header in this.headers) {
-            httpRequest.setRequestHeader(header, this.headers[header]);
-        }
-    };
-    MakeRequest.prototype.send = function (data) {
-        var _this = this;
-        if (data === void 0) { data = null; }
-        return new Promise(function (resolve, reject) {
-            var xmlHttpRequest = new XMLHttpRequest();
-            xmlHttpRequest.open(_this.method, _this.url);
-            _this.setHeaders(xmlHttpRequest);
-            xmlHttpRequest.onload = function () {
-                if (xmlHttpRequest.status >= 200 &&
-                    xmlHttpRequest.status < 300) {
-                    resolve(xmlHttpRequest.response);
-                }
-                else {
-                    reject({
-                        status: xmlHttpRequest.status,
-                        statusText: xmlHttpRequest.statusText,
-                        body: xmlHttpRequest.response,
-                    });
-                }
-            };
-            xmlHttpRequest.onerror = function () {
-                reject({
-                    status: xmlHttpRequest.status,
-                    statusText: xmlHttpRequest.statusText,
-                    body: xmlHttpRequest.response,
-                });
-            };
-            xmlHttpRequest.send(data);
-        });
-    };
-    return MakeRequest;
-}());
-exports.default = MakeRequest;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var MakeRequest = /** @class */ (function () {
+    function MakeRequest(url, method, headers) {
+        if (method === void 0) { method = 'get'; }
+        if (headers === void 0) { headers = {}; }
+        this.method = method;
+        this.url = url;
+        this.headers = headers;
+    }
+    MakeRequest.prototype.setHeaders = function (httpRequest) {
+        for (var header in this.headers) {
+            httpRequest.setRequestHeader(header, this.headers[header]);
+        }
+    };
+    MakeRequest.prototype.send = function (data) {
+        var _this = this;
+        if (data === void 0) { data = null; }
+        return new Promise(function (resolve, reject) {
+            var xmlHttpRequest = new XMLHttpRequest();
+            xmlHttpRequest.open(_this.method, _this.url);
+            _this.setHeaders(xmlHttpRequest);
+            xmlHttpRequest.onload = function () {
+                if (xmlHttpRequest.status >= 200 &&
+                    xmlHttpRequest.status < 300) {
+                    resolve(xmlHttpRequest.response);
+                }
+                else {
+                    reject({
+                        status: xmlHttpRequest.status,
+                        statusText: xmlHttpRequest.statusText,
+                        body: xmlHttpRequest.response,
+                    });
+                }
+            };
+            xmlHttpRequest.onerror = function () {
+                reject({
+                    status: xmlHttpRequest.status,
+                    statusText: xmlHttpRequest.statusText,
+                    body: xmlHttpRequest.response,
+                });
+            };
+            xmlHttpRequest.send(data);
+        });
+    };
+    return MakeRequest;
+}());
+exports.default = MakeRequest;
 //# sourceMappingURL=MakeRequest.js.map

package/dist/framework/Utilities/StringUtil.d.ts

@@ -1,4 +1,4 @@
-export declare class StringUtil {
-    constructor();
-    static StringFormat(str: string, ...args: string[]): string;
-}
+export declare class StringUtil {
+    constructor();
+    static StringFormat(str: string, ...args: string[]): string;
+}

package/dist/framework/Utilities/StringUtil.js

@@ -1,17 +1,17 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StringUtil = void 0;
-var StringUtil = /** @class */ (function () {
-    function StringUtil() {
-    }
-    StringUtil.StringFormat = function (str) {
-        var args = [];
-        for (var _i = 1; _i < arguments.length; _i++) {
-            args[_i - 1] = arguments[_i];
-        }
-        return str.replace(/{(\d+)}/g, function (match, index) { return args[index] || ''; });
-    };
-    return StringUtil;
-}());
-exports.StringUtil = StringUtil;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StringUtil = void 0;
+var StringUtil = /** @class */ (function () {
+    function StringUtil() {
+    }
+    StringUtil.StringFormat = function (str) {
+        var args = [];
+        for (var _i = 1; _i < arguments.length; _i++) {
+            args[_i - 1] = arguments[_i];
+        }
+        return str.replace(/{(\d+)}/g, function (match, index) { return args[index] || ''; });
+    };
+    return StringUtil;
+}());
+exports.StringUtil = StringUtil;
 //# sourceMappingURL=StringUtil.js.map

package/dist/framework/Utilities/ViewportUtil.d.ts

@@ -1,8 +1,8 @@
-export declare class ViewportUtil {
-    private element?;
-    constructor(element?: HTMLElement);
-    IsVisible(): boolean;
-    IsPartiallyVisible(): boolean;
-    IsOffsetVisible(offset?: number): boolean;
-    WindowTop(offset?: number): boolean;
-}
+export declare class ViewportUtil {
+    private element?;
+    constructor(element?: HTMLElement);
+    IsVisible(): boolean;
+    IsPartiallyVisible(): boolean;
+    IsOffsetVisible(offset?: number): boolean;
+    WindowTop(offset?: number): boolean;
+}

package/dist/framework/Utilities/ViewportUtil.js

@@ -1,43 +1,43 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ViewportUtil = void 0;
-var ViewportUtil = /** @class */ (function () {
-    function ViewportUtil(element) {
-        if (element === void 0) { element = null; }
-        this.element = element;
-    }
-    ViewportUtil.prototype.IsVisible = function () {
-        var bounds = this.element.getBoundingClientRect();
-        return (((bounds.top > 0 && bounds.top < innerHeight) ||
-            (bounds.bottom > 0 && bounds.bottom < innerHeight)) &&
-            ((bounds.left > 0 && bounds.left < innerWidth) ||
-                (bounds.right > 0 && bounds.right < innerWidth)));
-    };
-    ViewportUtil.prototype.IsPartiallyVisible = function () {
-        var bounds = this.element.getBoundingClientRect();
-        return (bounds.top >= 0 ||
-            bounds.left >= 0 ||
-            bounds.bottom <= innerHeight ||
-            bounds.right <= innerWidth);
-    };
-    ViewportUtil.prototype.IsOffsetVisible = function (offset) {
-        if (offset === void 0) { offset = 300; }
-        var bounds = this.element.getBoundingClientRect();
-        // tslint:disable-next-line: max-line-length
-        return (bounds.top + offset >= 0 ||
-            bounds.left + offset >= 0 ||
-            bounds.bottom - offset <= innerHeight ||
-            bounds.right - offset <= innerWidth);
-    };
-    ViewportUtil.prototype.WindowTop = function (offset) {
-        if (offset === void 0) { offset = 0; }
-        var YOffset = window.pageYOffset ||
-            document.documentElement.scrollTop ||
-            document.body.scrollTop ||
-            0;
-        return offset <= YOffset;
-    };
-    return ViewportUtil;
-}());
-exports.ViewportUtil = ViewportUtil;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ViewportUtil = void 0;
+var ViewportUtil = /** @class */ (function () {
+    function ViewportUtil(element) {
+        if (element === void 0) { element = null; }
+        this.element = element;
+    }
+    ViewportUtil.prototype.IsVisible = function () {
+        var bounds = this.element.getBoundingClientRect();
+        return (((bounds.top > 0 && bounds.top < innerHeight) ||
+            (bounds.bottom > 0 && bounds.bottom < innerHeight)) &&
+            ((bounds.left > 0 && bounds.left < innerWidth) ||
+                (bounds.right > 0 && bounds.right < innerWidth)));
+    };
+    ViewportUtil.prototype.IsPartiallyVisible = function () {
+        var bounds = this.element.getBoundingClientRect();
+        return (bounds.top >= 0 ||
+            bounds.left >= 0 ||
+            bounds.bottom <= innerHeight ||
+            bounds.right <= innerWidth);
+    };
+    ViewportUtil.prototype.IsOffsetVisible = function (offset) {
+        if (offset === void 0) { offset = 300; }
+        var bounds = this.element.getBoundingClientRect();
+        // tslint:disable-next-line: max-line-length
+        return (bounds.top + offset >= 0 ||
+            bounds.left + offset >= 0 ||
+            bounds.bottom - offset <= innerHeight ||
+            bounds.right - offset <= innerWidth);
+    };
+    ViewportUtil.prototype.WindowTop = function (offset) {
+        if (offset === void 0) { offset = 0; }
+        var YOffset = window.pageYOffset ||
+            document.documentElement.scrollTop ||
+            document.body.scrollTop ||
+            0;
+        return offset <= YOffset;
+    };
+    return ViewportUtil;
+}());
+exports.ViewportUtil = ViewportUtil;
 //# sourceMappingURL=ViewportUtil.js.map

package/dist/framework/Utilities/debouncer.d.ts

@@ -1,8 +1,8 @@
-declare type Procedure = (...args: any[]) => any;
-interface Debounce {
-    (...args: any[]): any;
-    clear: () => void;
-    flush: () => void;
-}
-declare const debouncer: (func: Procedure, wait: number, immediate?: boolean) => Debounce;
-export default debouncer;
+declare type Procedure = (...args: any[]) => any;
+interface Debounce {
+    (...args: any[]): any;
+    clear: () => void;
+    flush: () => void;
+}
+declare const debouncer: (func: Procedure, wait: number, immediate?: boolean) => Debounce;
+export default debouncer;

package/dist/framework/Utilities/debouncer.js

@@ -1,52 +1,52 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var debouncer = function (func, wait, immediate) {
-    if (immediate === void 0) { immediate = false; }
-    var timeout;
-    var args;
-    var context;
-    var result;
-    var later = function () {
-        timeout = null;
-        if (!immediate) {
-            result = func.apply(context, args);
-            context = args = null;
-        }
-    };
-    var debouncedFunc = function () {
-        context = this;
-        args = arguments;
-        var callNow = immediate && !timeout;
-        if (!timeout) {
-            timeout = window.setTimeout(later, wait);
-        }
-        if (callNow) {
-            result = func.apply(context, args);
-            context = args = null;
-        }
-        return result;
-    };
-    var clear = function () {
-        if (timeout) {
-            clearTimeout(timeout);
-            timeout = null;
-        }
-    };
-    var flush = function () {
-        if (timeout) {
-            result = func.apply(context, args);
-            context = args = null;
-            clearTimeout(timeout);
-            timeout = null;
-        }
-    };
-    var debounced = (function () {
-        var f = debouncedFunc;
-        f.clear = clear;
-        f.flush = flush;
-        return f;
-    })();
-    return debounced;
-};
-exports.default = debouncer;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var debouncer = function (func, wait, immediate) {
+    if (immediate === void 0) { immediate = false; }
+    var timeout;
+    var args;
+    var context;
+    var result;
+    var later = function () {
+        timeout = null;
+        if (!immediate) {
+            result = func.apply(context, args);
+            context = args = null;
+        }
+    };
+    var debouncedFunc = function () {
+        context = this;
+        args = arguments;
+        var callNow = immediate && !timeout;
+        if (!timeout) {
+            timeout = window.setTimeout(later, wait);
+        }
+        if (callNow) {
+            result = func.apply(context, args);
+            context = args = null;
+        }
+        return result;
+    };
+    var clear = function () {
+        if (timeout) {
+            clearTimeout(timeout);
+            timeout = null;
+        }
+    };
+    var flush = function () {
+        if (timeout) {
+            result = func.apply(context, args);
+            context = args = null;
+            clearTimeout(timeout);
+            timeout = null;
+        }
+    };
+    var debounced = (function () {
+        var f = debouncedFunc;
+        f.clear = clear;
+        f.flush = flush;
+        return f;
+    })();
+    return debounced;
+};
+exports.default = debouncer;
 //# sourceMappingURL=debouncer.js.map

package/dist/framework/Validation/IValidator.interface.d.ts

@@ -1,3 +1,3 @@
-export default interface IValidator {
-    isSatisfiedBy(input: string, allowEmpty: boolean): boolean;
-}
+export default interface IValidator {
+    isSatisfiedBy(input: string, allowEmpty: boolean): boolean;
+}

package/dist/framework/Validation/IValidator.interface.js

@@ -1,3 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=IValidator.interface.js.map

package/dist/framework/Validation/Validators/BankAccount.d.ts

@@ -1,4 +1,4 @@
-import IValidation from '../IValidator.interface';
-export default class BankAccountValidator implements IValidation {
-    isSatisfiedBy(input: string, allowEmpty?: boolean): boolean;
-}
+import IValidation from '../IValidator.interface';
+export default class BankAccountValidator implements IValidation {
+    isSatisfiedBy(input: string, allowEmpty?: boolean): boolean;
+}