@luftborn/custom-elements 1.4.0 → 2.0.0

package/src/framework/Language/Translator.ts

@@ -1,111 +1,111 @@
-import DanishDictionary from "./Languages/DanishDictionary";
-import EnglishDictionary from "./Languages/EnglishDictionary";
-import CzechDictionary from "./Languages/CzechDictionary";
-import GermanDictionary from "./Languages/GermanDictionary";
-import GreekDictionary from "./Languages/GreekDictionary";
-import SpanishDictionary from "./Languages/SpanishDictionary";
-import EstonianDictionary from "./Languages/EstonianDictionary";
-import FinnishDictionary from "./Languages/FinnishDictionary";
-import FrenchDictionary from "./Languages/FrenchDictionary";
-import HungarianDictionary from "./Languages/HungarianDictionary";
-import IcelandicDictionary from "./Languages/IcelandicDictionary";
-import ItalianDictionary from "./Languages/ItalianDictionary";
-import LatvianDictionary from "./Languages/LatvianDictionary";
-import LituanianDictionary from "./Languages/LituanianDictionary";
-import DutchDictionary from "./Languages/DutchDictionary";
-import NorwegianDictionary from "./Languages/NorwegianDictionary";
-import PolishDictionary from "./Languages/PolishDictionary";
-import PortugueseDictionary from "./Languages/PortugueseDictionary";
-import SwedishDictionary from "./Languages/SwedishDictionary";
-
-export default class Translator {
-	private static langauges = [
-		'en',
-		'da',
-        'cs',
-        'de',
-        'el',
-        'es',
-        'et',
-        'fi',
-        'fr',
-        'hu',
-        'is',
-        'it',
-        'lt',
-        'lv',
-        'nl',
-        'no',
-        'pl',
-        'pt',
-        'sv',
-	];
-
-	private static danishDictionary = new DanishDictionary();
-	private static englishDictionary = new EnglishDictionary();
-    private static czechDictionary = new CzechDictionary();
-    private static germanDictionary = new GermanDictionary();
-    private static greekDictionary = new GreekDictionary();
-    private static spanishDictionary = new SpanishDictionary();
-    private static estonianDictionary = new EstonianDictionary();
-    private static finnishDictionary = new FinnishDictionary();
-    private static frenchDictionary = new FrenchDictionary();
-    private static hungarianDictionary = new HungarianDictionary();
-    private static icelandicDictionary = new IcelandicDictionary();
-    private static italianDictionary = new ItalianDictionary();
-    private static latvianDictionary = new LatvianDictionary();
-    private static lituanianDictionary = new LituanianDictionary();
-    private static dutchDictionary = new DutchDictionary();
-    private static norwegianDictionary = new NorwegianDictionary();
-    private static polishDictionary = new PolishDictionary();
-    private static portugueseDictionary = new PortugueseDictionary();
-    private static swedishDictionary = new SwedishDictionary();
-
-	static Translate(key: string, language = 'da'): string {
-		language = language.toLowerCase();
-		const isSupportedLanguage = Translator.langauges.indexOf(language) != -1;
-		if (!isSupportedLanguage) {
-			language = 'da'
-		}
-		switch (language) {
-			case 'da':
-				return this.danishDictionary.get(key);
-			case 'en':
-				return this.englishDictionary.get(key);
-            case 'cs':
-                return this.czechDictionary.get(key);
-            case 'de':
-                return this.germanDictionary.get(key);
-            case 'el':
-                return this.greekDictionary.get(key);
-            case 'es':
-                return this.spanishDictionary.get(key);
-            case 'et':
-                return this.estonianDictionary.get(key);
-            case 'fi':
-                return this.finnishDictionary.get(key);
-            case 'fr':
-                return this.frenchDictionary.get(key);
-            case 'hu':
-                return this.hungarianDictionary.get(key);
-            case 'is':
-                return this.icelandicDictionary.get(key);
-            case 'it':
-                return this.italianDictionary.get(key);
-            case 'lt':
-                return this.latvianDictionary.get(key);
-            case 'lv':
-                return this.lituanianDictionary.get(key);
-            case 'nl':
-                return this.dutchDictionary.get(key);
-            case 'no':
-                return this.norwegianDictionary.get(key);
-            case 'pl':
-                return this.polishDictionary.get(key);
-            case 'pt':
-                return this.portugueseDictionary.get(key);
-            case 'sv':
-                return this.swedishDictionary.get(key);
-		}
-	}
+import DanishDictionary from "./Languages/DanishDictionary";
+import EnglishDictionary from "./Languages/EnglishDictionary";
+import CzechDictionary from "./Languages/CzechDictionary";
+import GermanDictionary from "./Languages/GermanDictionary";
+import GreekDictionary from "./Languages/GreekDictionary";
+import SpanishDictionary from "./Languages/SpanishDictionary";
+import EstonianDictionary from "./Languages/EstonianDictionary";
+import FinnishDictionary from "./Languages/FinnishDictionary";
+import FrenchDictionary from "./Languages/FrenchDictionary";
+import HungarianDictionary from "./Languages/HungarianDictionary";
+import IcelandicDictionary from "./Languages/IcelandicDictionary";
+import ItalianDictionary from "./Languages/ItalianDictionary";
+import LatvianDictionary from "./Languages/LatvianDictionary";
+import LituanianDictionary from "./Languages/LituanianDictionary";
+import DutchDictionary from "./Languages/DutchDictionary";
+import NorwegianDictionary from "./Languages/NorwegianDictionary";
+import PolishDictionary from "./Languages/PolishDictionary";
+import PortugueseDictionary from "./Languages/PortugueseDictionary";
+import SwedishDictionary from "./Languages/SwedishDictionary";
+
+export default class Translator {
+	private static langauges = [
+		'en',
+		'da',
+        'cs',
+        'de',
+        'el',
+        'es',
+        'et',
+        'fi',
+        'fr',
+        'hu',
+        'is',
+        'it',
+        'lt',
+        'lv',
+        'nl',
+        'no',
+        'pl',
+        'pt',
+        'sv',
+	];
+
+	private static danishDictionary = new DanishDictionary();
+	private static englishDictionary = new EnglishDictionary();
+    private static czechDictionary = new CzechDictionary();
+    private static germanDictionary = new GermanDictionary();
+    private static greekDictionary = new GreekDictionary();
+    private static spanishDictionary = new SpanishDictionary();
+    private static estonianDictionary = new EstonianDictionary();
+    private static finnishDictionary = new FinnishDictionary();
+    private static frenchDictionary = new FrenchDictionary();
+    private static hungarianDictionary = new HungarianDictionary();
+    private static icelandicDictionary = new IcelandicDictionary();
+    private static italianDictionary = new ItalianDictionary();
+    private static latvianDictionary = new LatvianDictionary();
+    private static lituanianDictionary = new LituanianDictionary();
+    private static dutchDictionary = new DutchDictionary();
+    private static norwegianDictionary = new NorwegianDictionary();
+    private static polishDictionary = new PolishDictionary();
+    private static portugueseDictionary = new PortugueseDictionary();
+    private static swedishDictionary = new SwedishDictionary();
+
+	static Translate(key: string, language = 'da'): string {
+		language = language.toLowerCase();
+		const isSupportedLanguage = Translator.langauges.indexOf(language) != -1;
+		if (!isSupportedLanguage) {
+			language = 'da'
+		}
+		switch (language) {
+			case 'da':
+				return this.danishDictionary.get(key);
+			case 'en':
+				return this.englishDictionary.get(key);
+            case 'cs':
+                return this.czechDictionary.get(key);
+            case 'de':
+                return this.germanDictionary.get(key);
+            case 'el':
+                return this.greekDictionary.get(key);
+            case 'es':
+                return this.spanishDictionary.get(key);
+            case 'et':
+                return this.estonianDictionary.get(key);
+            case 'fi':
+                return this.finnishDictionary.get(key);
+            case 'fr':
+                return this.frenchDictionary.get(key);
+            case 'hu':
+                return this.hungarianDictionary.get(key);
+            case 'is':
+                return this.icelandicDictionary.get(key);
+            case 'it':
+                return this.italianDictionary.get(key);
+            case 'lt':
+                return this.latvianDictionary.get(key);
+            case 'lv':
+                return this.lituanianDictionary.get(key);
+            case 'nl':
+                return this.dutchDictionary.get(key);
+            case 'no':
+                return this.norwegianDictionary.get(key);
+            case 'pl':
+                return this.polishDictionary.get(key);
+            case 'pt':
+                return this.portugueseDictionary.get(key);
+            case 'sv':
+                return this.swedishDictionary.get(key);
+		}
+	}
 }

package/src/framework/Models/OptionWithDescription.ts

@@ -1,9 +1,9 @@
-export default class OptionWithDescription {
-	title: string;
-	value: string;
-	description: string;
-
-	constructor(option: Partial<OptionWithDescription>) {
-		Object.assign(this, option);
-	}
+export default class OptionWithDescription {
+	title: string;
+	value: string;
+	description: string;
+
+	constructor(option: Partial<OptionWithDescription>) {
+		Object.assign(this, option);
+	}
 }

package/src/framework/Polyfills/getAttributeNamesPolyfill.ts

@@ -1,13 +1,13 @@
-export default function getAttributeNamesPolyfill() {
-	if (Element.prototype.getAttributeNames == undefined) {
-		Element.prototype.getAttributeNames = function () {
-			var attributes = this.attributes;
-			var length = attributes.length;
-			var result = new Array(length);
-			for (var i = 0; i < length; i++) {
-				result[i] = attributes[i].name;
-			}
-			return result;
-		};
-	}
-};
+export default function getAttributeNamesPolyfill() {
+	if (Element.prototype.getAttributeNames == undefined) {
+		Element.prototype.getAttributeNames = function () {
+			var attributes = this.attributes;
+			var length = attributes.length;
+			var result = new Array(length);
+			for (var i = 0; i < length; i++) {
+				result[i] = attributes[i].name;
+			}
+			return result;
+		};
+	}
+};

package/src/framework/Translations/CaseConverter.ts

@@ -1,43 +1,43 @@
-export default class CaseConverter {
-    data: any;
-    constructor(data) {
-        this.data = data;
-    }
-    camel() {
-        for (let prop in this.data) {
-            if (this.data.hasOwnProperty(prop)) {
-                const camelcaseProperty = prop.substring(0, 1).toLowerCase() + prop.substring(1);
-                const arrayConverter = (array) => {
-                    const tempArray = [];
-                    for (let index = 0; index < array.length; index++) {
-                        if (array[index] === null || array[index] === undefined) {
-                            continue;
-                        }
-                        const elementType = typeof array[index];
-                        if (elementType === 'string' || elementType === 'number') {
-                            tempArray.push(array[index]);
-                            continue;
-                        }
-                        if (Array.isArray(array[index])) {
-                            tempArray.push(arrayConverter(array[index]));
-                            continue;
-                        }
-                        if (typeof array[index] === 'object') {
-                            tempArray.push(new CaseConverter(array[index]).camel());
-                            continue;
-                        }
-                    }
-                    return tempArray;
-                };
-                if (Array.isArray(this.data[prop])) {
-                    this.data[camelcaseProperty] = arrayConverter(this.data[prop]);
-                    delete this.data[prop];
-                    continue;
-                }
-                this.data[camelcaseProperty] = this.data[prop];
-                delete this.data[prop];
-            }
-        }
-        return this.data;
-    }
-}
+export default class CaseConverter {
+    data: any;
+    constructor(data) {
+        this.data = data;
+    }
+    camel() {
+        for (let prop in this.data) {
+            if (this.data.hasOwnProperty(prop)) {
+                const camelcaseProperty = prop.substring(0, 1).toLowerCase() + prop.substring(1);
+                const arrayConverter = (array) => {
+                    const tempArray = [];
+                    for (let index = 0; index < array.length; index++) {
+                        if (array[index] === null || array[index] === undefined) {
+                            continue;
+                        }
+                        const elementType = typeof array[index];
+                        if (elementType === 'string' || elementType === 'number') {
+                            tempArray.push(array[index]);
+                            continue;
+                        }
+                        if (Array.isArray(array[index])) {
+                            tempArray.push(arrayConverter(array[index]));
+                            continue;
+                        }
+                        if (typeof array[index] === 'object') {
+                            tempArray.push(new CaseConverter(array[index]).camel());
+                            continue;
+                        }
+                    }
+                    return tempArray;
+                };
+                if (Array.isArray(this.data[prop])) {
+                    this.data[camelcaseProperty] = arrayConverter(this.data[prop]);
+                    delete this.data[prop];
+                    continue;
+                }
+                this.data[camelcaseProperty] = this.data[prop];
+                delete this.data[prop];
+            }
+        }
+        return this.data;
+    }
+}

package/src/framework/Utilities/ArrayUtil.ts

@@ -1,31 +1,31 @@
-export default class ArrayUtil {
-	public static FromNodeList<T extends Node>(list: NodeListOf<T>): T[] {
-		return Array.prototype.concat.apply([], list as any);
-	}
-
-	private static addToCurrent<T>(chunks: T[][], item: T) {
-		if (!chunks.length) {
-			chunks[0] = [];
-		}
-		chunks[chunks.length - 1].push(item);
-	}
-
-	private static addToNew<T>(chunks: T[][], item: T) {
-		chunks[chunks.length] = [];
-		chunks[chunks.length - 1].push(item);
-	}
-
-	public static divideAccordingProperty<T>(array: T[], selector: (item: T) => any): T[][] {
-		const chunks = [];
-		chunks[0] = [array[0]];
-		array.reduce((a, b) => {
-			if (selector(a) === selector(b)) {
-				this.addToCurrent(chunks, b);
-			} else {
-				this.addToNew(chunks, b);
-			}
-			return b;
-		});
-		return chunks;
-	}
-}
+export default class ArrayUtil {
+	public static FromNodeList<T extends Node>(list: NodeListOf<T>): T[] {
+		return Array.prototype.concat.apply([], list as any);
+	}
+
+	private static addToCurrent<T>(chunks: T[][], item: T) {
+		if (!chunks.length) {
+			chunks[0] = [];
+		}
+		chunks[chunks.length - 1].push(item);
+	}
+
+	private static addToNew<T>(chunks: T[][], item: T) {
+		chunks[chunks.length] = [];
+		chunks[chunks.length - 1].push(item);
+	}
+
+	public static divideAccordingProperty<T>(array: T[], selector: (item: T) => any): T[][] {
+		const chunks = [];
+		chunks[0] = [array[0]];
+		array.reduce((a, b) => {
+			if (selector(a) === selector(b)) {
+				this.addToCurrent(chunks, b);
+			} else {
+				this.addToNew(chunks, b);
+			}
+			return b;
+		});
+		return chunks;
+	}
+}

package/src/framework/Utilities/DomUtil.ts

@@ -1,117 +1,117 @@
-import { ViewportUtil } from './ViewportUtil';
-
-export default class DomUtil {
-    private viewPortUtil: ViewportUtil;
-    public element: Element;
-    constructor(element: Element) {
-        this.element = element;
-        this.viewPortUtil = new ViewportUtil(this.element as HTMLElement);
-    }
-
-    public getDataAttr(attr: string, defaultvalue?: string): any {
-        if (!this.element) {
-            return null;
-        }
-        const value = this.element.getAttribute(`data-${attr}`);
-
-        return value !== undefined ? value : defaultvalue;
-    }
-
-    public setDataAttr(attr: string, value: string): any {
-        if (!this.element) {
-            return null;
-        }
-        return this.element.setAttribute(`data-${attr}`, value);
-    }
-
-    public getAttr(attr: string, defaultvalue?: string): any {
-        if (!this.element) {
-            return null;
-        }
-        const value = this.element.getAttribute(attr);
-        return value !== undefined ? value : defaultvalue;
-    }
-
-    public setAttr(attr: string, value: string): void {
-        if (!this.element) {
-            return null;
-        }
-        this.element.setAttribute(attr, value);
-    }
-
-    public removeAttr(attr: string): void {
-        if (!this.element) {
-            return null;
-        }
-        this.element.removeAttribute(attr);
-    }
-
-    public removeDataAttr(attr: string): void {
-        if (!this.element) {
-            return null;
-        }
-        this.element.removeAttribute(`data-${attr}`);
-    }
-
-    public hasAttr(attr: string): boolean {
-        if (!this.element) {
-            return null;
-        }
-        return this.element.hasAttribute(attr);
-    }
-
-    public shake(): void {
-        this.appendClass('shake');
-        setTimeout(() => {
-            this.removeClass('shake');
-            (this.element as HTMLInputElement).readOnly = false;
-        }, 600);
-    }
-
-    public error(): void {
-        this.appendClass('error');
-        setTimeout(() => {
-            this.removeClass('error');
-            (this.element as HTMLInputElement).readOnly = false;
-        }, 5000);
-    }
-
-    public focus(): void {
-        if (!this.viewPortUtil.IsVisible()) {
-            this.element.scrollIntoView();
-        }
-    }
-
-    public removeClass(classname): void {
-        this.element.classList.remove(classname);
-    }
-
-    public appendClass(classname): void {
-        this.element.classList.add(classname);
-    }
-
-    public deleteElement(): void {
-        if (!this.element) {
-            return null;
-        }
-        this.element.remove();
-    }
-
-    public setChildElementByAttrName(name: string, value: string): void {
-        const firstLetter = name.replace(/^\w/, c => c.toUpperCase());
-        const SubElement = this.element.querySelector(
-            `[name="${firstLetter}"]`,
-        ) as HTMLInputElement;
-        if (SubElement) {
-            SubElement.value = value;
-        }
-    }
-
-    public hasClass(className: string): boolean {
-        return this.element.classList.contains(className);
-    }
-
-    public getStyle(ruleName: string) {
-        return getComputedStyle(this.element)[ruleName];
-    }
-}
+import { ViewportUtil } from './ViewportUtil';
+
+export default class DomUtil {
+    private viewPortUtil: ViewportUtil;
+    public element: Element;
+    constructor(element: Element) {
+        this.element = element;
+        this.viewPortUtil = new ViewportUtil(this.element as HTMLElement);
+    }
+
+    public getDataAttr(attr: string, defaultvalue?: string): any {
+        if (!this.element) {
+            return null;
+        }
+        const value = this.element.getAttribute(`data-${attr}`);
+
+        return value !== undefined ? value : defaultvalue;
+    }
+
+    public setDataAttr(attr: string, value: string): any {
+        if (!this.element) {
+            return null;
+        }
+        return this.element.setAttribute(`data-${attr}`, value);
+    }
+
+    public getAttr(attr: string, defaultvalue?: string): any {
+        if (!this.element) {
+            return null;
+        }
+        const value = this.element.getAttribute(attr);
+        return value !== undefined ? value : defaultvalue;
+    }
+
+    public setAttr(attr: string, value: string): void {
+        if (!this.element) {
+            return null;
+        }
+        this.element.setAttribute(attr, value);
+    }
+
+    public removeAttr(attr: string): void {
+        if (!this.element) {
+            return null;
+        }
+        this.element.removeAttribute(attr);
+    }
+
+    public removeDataAttr(attr: string): void {
+        if (!this.element) {
+            return null;
+        }
+        this.element.removeAttribute(`data-${attr}`);
+    }
+
+    public hasAttr(attr: string): boolean {
+        if (!this.element) {
+            return null;
+        }
+        return this.element.hasAttribute(attr);
+    }
+
+    public shake(): void {
+        this.appendClass('shake');
+        setTimeout(() => {
+            this.removeClass('shake');
+            (this.element as HTMLInputElement).readOnly = false;
+        }, 600);
+    }
+
+    public error(): void {
+        this.appendClass('error');
+        setTimeout(() => {
+            this.removeClass('error');
+            (this.element as HTMLInputElement).readOnly = false;
+        }, 5000);
+    }
+
+    public focus(): void {
+        if (!this.viewPortUtil.IsVisible()) {
+            this.element.scrollIntoView();
+        }
+    }
+
+    public removeClass(classname): void {
+        this.element.classList.remove(classname);
+    }
+
+    public appendClass(classname): void {
+        this.element.classList.add(classname);
+    }
+
+    public deleteElement(): void {
+        if (!this.element) {
+            return null;
+        }
+        this.element.remove();
+    }
+
+    public setChildElementByAttrName(name: string, value: string): void {
+        const firstLetter = name.replace(/^\w/, c => c.toUpperCase());
+        const SubElement = this.element.querySelector(
+            `[name="${firstLetter}"]`,
+        ) as HTMLInputElement;
+        if (SubElement) {
+            SubElement.value = value;
+        }
+    }
+
+    public hasClass(className: string): boolean {
+        return this.element.classList.contains(className);
+    }
+
+    public getStyle(ruleName: string) {
+        return getComputedStyle(this.element)[ruleName];
+    }
+}

package/src/framework/Utilities/DomUtility.ts

@@ -1,7 +1,7 @@
-export default class DomUtility {
-
-	// https://stackoverflow.com/questions/1230445/javascript-regex-how-to-bold-specific-words-with-regex
-	static boldenText(inputText: string, matchindTextToBolden: string) {
-		return inputText.replace(new RegExp('(^|)(' + matchindTextToBolden + ')(|$)', 'ig'), '$1<b>$2</b>$3');
-	}
+export default class DomUtility {
+
+	// https://stackoverflow.com/questions/1230445/javascript-regex-how-to-bold-specific-words-with-regex
+	static boldenText(inputText: string, matchindTextToBolden: string) {
+		return inputText.replace(new RegExp('(^|)(' + matchindTextToBolden + ')(|$)', 'ig'), '$1<b>$2</b>$3');
+	}
 }