@webtides/element-js 0.3.3

package/src/util/defineElement.js

@@ -0,0 +1,12 @@
+/**
+ * Wrapper for defining custom elements so that registering an element multiple times won't crash
+ * @param name for the tag
+ * @param constructor for the custom element
+ */
+export function defineElement(name, constructor) {
+	try {
+		customElements.define(name, constructor);
+	} catch (e) {
+		// console.log('error defining custom element', e);
+	}
+}

package/src/util/i18n.js

@@ -0,0 +1,20 @@
+/**
+ * Retrieves a translated key from a dictionary on the window object
+ * Example: ${i18n('CustomElement.buttonLabel', 'Label')}
+ * @param key to be translated
+ * @param fallback to be used if key is not defined
+ * @return String of the translated key or fallback or original key
+ */
+export function i18n(key, fallback) {
+	try {
+		const translations = window.elementjs.i18n();
+		if (translations[key] === undefined) {
+			throw 'Translation Missing';
+		}
+
+		return translations[key];
+	} catch (err) {
+		if (fallback) return fallback;
+		else return key;
+	}
+}

package/src/util/toString.js

@@ -0,0 +1,13 @@
+/**
+ * Little wrapper function for JSON.stringify() to easily convert objects and arrays to strings
+ * to be able to set them as attributes on custom elements
+ * @param value to be stringified
+ * @return String of the stringified value
+ */
+export function toString(value) {
+	try {
+		return JSON.stringify(value);
+	} catch (e) {
+		return '';
+	}
+}