@leapdev/gui 0.2.239 → 0.2.240

package/dist/scss/xsf-crx/sf-leap.js

@@ -1,3 +1,53 @@
+// Mutation Observer for Accordion and Tabs
+//https://gist.github.com/matthewmorrone/da487467501e8b815430
+(function (win) {
+	'use strict';
+
+	var listeners = [],
+		doc = win.document,
+		MutationObserver = win.MutationObserver || win.WebKitMutationObserver,
+		observer;
+
+	function ready(selector, fn) {
+		// Store the selector and callback to be monitored
+		listeners.push({
+			selector: selector,
+			fn: fn
+		});
+		if (!observer) {
+			// Watch for changes in the document
+			observer = new MutationObserver(check);
+			observer.observe(doc.documentElement, {
+				childList: true,
+				subtree: true
+			});
+		}
+		// Check if the element is currently in the DOM
+		check();
+	}
+
+	function check() {
+		// Check the DOM for elements matching a stored selector
+		for (var i = 0, len = listeners.length, listener, elements; i < len; i++) {
+			listener = listeners[i];
+			// Query for elements matching the specified selector
+			elements = doc.querySelectorAll(listener.selector);
+			for (var j = 0, jLen = elements.length, element; j < jLen; j++) {
+				element = elements[j];
+				// Make sure the callback isn't invoked with the 
+				// same element more than once
+				if (!element.ready) {
+					element.ready = true;
+					// Invoke the callback with the element
+					listener.fn.call(element, element);
+				}
+			}
+		}
+	}
+	// Expose `ready`
+	win.ready = ready;
+})(this);
+
 (function () {
 	var getChildren = function (n, skipMe) {
 		var r = [];
@@ -59,6 +109,10 @@
 		return;
 	};
 
+	var getURLHashList = function () {
+		return window.location.hash !== '' ? window.location.hash.substring(1).split('#') : undefined;
+	};
+
 	document.addEventListener('click', function (event) {
 		var
 			targetElem = event.target,
@@ -101,53 +155,50 @@
 		return false;
 	}, false);
 
-	// Set default tab via URL hash or device type if present on tabs
-	document.addEventListener('DOMContentLoaded', function () {
-		const tabs = document.querySelectorAll('.sf-tabs');
-		const accordion = document.querySelectorAll('.sf-accordion-toggle');
-		const urlHashList = window.location.hash !== '' ? window.location.hash.substring(1).split('#') : undefined;
-
-		const openParent = (childElement) => {
-			const closestTab = getClosestParent(childElement, '.sf-tab-content');
-			const closestAccordion = getClosestParent(childElement, '.sf-accordion-content');
-
-			if (closestTab !== null) {
-				document.getElementById(`target_${closestTab.id}`).click();
-			}
-			if (closestAccordion !== null) {
-				document.getElementById(`target_${closestAccordion.id}`).click();
-			}
-		};
+	const openParent = (childElement) => {
+		const closestTab = getClosestParent(childElement, '.sf-tab-content');
+		const closestAccordion = getClosestParent(childElement, '.sf-accordion-content');
 
-		if (tabs.length !== 0) {
-			tabs.forEach(tab => {
-				const deviceType = getDeviceType();
-				tab.querySelectorAll('.sf-tab-item-link').forEach(tabitem => {
-					const tabItemText = tabitem.textContent.toLowerCase().replace(/\s/g, '');
-
-					if (tabItemText === deviceType && typeof (urlHashList) === 'undefined') {
-						tabitem.click();
-					}
-					else if (typeof (urlHashList) !== 'undefined' && urlHashList.includes(tabItemText)) {
-						openParent(tabitem);
-						tabitem.click();
-					}
-				});
-			});
+		if (closestTab !== null) {
+			document.getElementById(`target_${closestTab.id}`).click();
 		}
+		if (closestAccordion !== null) {
+			document.getElementById(`target_${closestAccordion.id}`).click();
+		}
+	};
 
-		if (accordion.length !== 0) {
-			accordion.forEach(accordionToggle => {
-				const accordionText = accordionToggle
-					.querySelector('.sf-accordion-text')
-					.textContent.split(' ').join('-').toLowerCase();
-
-				if (typeof (urlHashList) !== 'undefined' && urlHashList.includes(accordionText)) {
-					openParent(accordionToggle);
-					accordionToggle.click();
+	// Set default tab via URL hash or device type if present on tabs
+	ready('.sf-tabs', function () {
+		const urlHashList = getURLHashList();
+		document.querySelectorAll('.sf-tabs').forEach(tab => {
+			const deviceType = getDeviceType();
+			tab.querySelectorAll('.sf-tab-item-link').forEach(tabitem => {
+				console.log(tabitem);
+				const tabItemText = tabitem.textContent.toLowerCase().replace(/\s/g, '');
+				console.log(tabItemText, deviceType, typeof (urlHashList));
+
+				if (tabItemText === deviceType && typeof (urlHashList) === 'undefined') {
+					tabitem.click();
+				}
+				else if (typeof (urlHashList) !== 'undefined' && urlHashList.includes(tabItemText)) {
+					openParent(tabitem);
+					tabitem.click();
 				}
 			});
-		}
+		});
 	});
 
+	ready('.sf-accordion', function () {
+		const urlHashList = getURLHashList();
+		document.querySelectorAll('.sf-accordion-toggle').forEach(accordionToggle => {
+			const accordionText = accordionToggle
+				.querySelector('.sf-accordion-text')
+				.textContent.split(' ').join('-').toLowerCase();
+
+			if (typeof (urlHashList) !== 'undefined' && urlHashList.includes(accordionText)) {
+				openParent(accordionToggle);
+				accordionToggle.click();
+			}
+		});
+	});
 })();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leapdev/gui",
-  "version": "0.2.239",
+  "version": "0.2.240",
   "description": "LEAP GUI",
   "author": "LEAP Dev",
   "license": "ISC",