@leapdev/gui 0.2.242 → 0.2.245

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

@@ -104,17 +104,17 @@
 
 	// #@desktop:accordion-2;sub-accordion-1@parent-accordion-1
 	// Set default tab via URL hash parameters or device type if present on tabs
-	const urlHash = {
+	window['urlHash'] = {
 		topicsTabAccordion: {},
 		articleTabsInit: false,
 		articleAccordionInit: false,
 		deviceType: getDeviceType(),
 		list: window.location.hash,
 		init: function () {
-			urlHash.openedTopics = window.location.hash.substring(1).split('@').splice(1);
+			// window.urlHash.openedTopics = window.location.hash.substring(1).split('@').splice(1);
 
 			ready('.sf-tabs', function () {
-				if (!urlHash.articleTabsInit) {
+				if (!window.urlHash.articleTabsInit) {
 
 					const toggleTabs = (params) => {
 						// Remove existing active CSS classes
@@ -131,9 +131,9 @@
 						tab.querySelectorAll('.sf-tab-item-link').forEach(tabitem => {
 							const tabItemText = tabitem.textContent.toLowerCase().replace(/\s/g, '');
 
-							const _closestParent = urlHash.closestParent(tabitem);
+							const _closestParent = window.urlHash.closestParent(tabitem);
 
-							urlHash.topicsTabAccordion[tabitem.id] = {
+							window.urlHash.topicsTabAccordion[tabitem.id] = {
 								text: tabItemText,
 								isMainParent: _closestParent.flag,
 								parentLabel: _closestParent.parentLabel,
@@ -142,7 +142,7 @@
 
 							// If URL hash is not present, we locate the name of the device tab
 							const sfTabNav = tabitem.parentNode.parentNode;
-							if (tabItemText === urlHash.deviceType && urlHash.list === '') {
+							if (tabItemText === window.urlHash.deviceType && urlHash.list === '') {
 								if (sfTabNav.querySelector('.sf-tab-item.active').classList.contains('active')) {
 									toggleTabs({
 										targetTabLink: tabitem,
@@ -151,9 +151,9 @@
 								}
 							}
 
-							if (urlHash.list !== '' && urlHash.list.search(tabItemText) > -1) {
-								Object.keys(urlHash.topicsTabAccordion).forEach(key => {
-									if (tabItemText == urlHash.topicsTabAccordion[key].text) {
+							if (window.urlHash.list !== '' && window.urlHash.list.search(tabItemText) > -1) {
+								Object.keys(window.urlHash.topicsTabAccordion).forEach(key => {
+									if (tabItemText == window.urlHash.topicsTabAccordion[key].text) {
 										toggleTabs({
 											targetTabLink: tabitem,
 											tabNav: sfTabNav
@@ -164,30 +164,34 @@
 						});
 					});
 
-					urlHash.articleTabsInit = true;
-					console.log(urlHash.topicsTabAccordion);
+					window.urlHash.articleTabsInit = true;
+
+					if (window.location.pathname.includes('/article')) {
+						window.urlHash.observe();
+					}
+					// console.log(window.urlHash.topicsTabAccordion);
 				}
 			});
 
 			ready('.sf-accordion', function () {
-				if (!urlHash.articleAccordionInit) {
+				if (!window.urlHash.articleAccordionInit) {
 					const urlHashList = window.location.hash;
 					document.querySelectorAll('.sf-accordion-toggle').forEach(accordionToggle => {
 						const accordionText = accordionToggle
 							.querySelector('.sf-accordion-text')
 							.textContent.split(' ').join('-').toLowerCase();
 
-						const _closestParent = urlHash.closestParent(accordionToggle);
+						const _closestParent = window.urlHash.closestParent(accordionToggle);
 
-						urlHash.topicsTabAccordion[accordionToggle.id] = {
+						window.urlHash.topicsTabAccordion[accordionToggle.id] = {
 							text: accordionText,
 							isMainParent: _closestParent.flag,
 							parentLabel: _closestParent.parentLabel
 						};
 
-						if (urlHashList !== '' && urlHash.list.split(':')[1] === accordionText) {
-							Object.keys(urlHash.topicsTabAccordion).forEach(key => {
-								if (accordionText == urlHash.topicsTabAccordion[key].text) {
+						if (urlHashList !== '' && window.urlHash.list.split(':')[1] === accordionText) {
+							Object.keys(window.urlHash.topicsTabAccordion).forEach(key => {
+								if (accordionText == window.urlHash.topicsTabAccordion[key].text) {
 									document.getElementById(key).classList.add('in');
 
 									const hasAccordionParent = getClosestParent(accordionToggle, '.sf-accordion-content');
@@ -203,18 +207,14 @@
 					urlHash.articleAccordionInit = true;
 				}
 			});
-
-			if (window.location.pathname.includes('/article')) {
-				urlHash.observe();
-			}
 		},
 		observe: function () {
-			const previousState = window.history.state;
+			let previousState = window.location.pathname;
 			let t = setInterval(function () {
-				if (previousState !== window.history.state) {
-					previousState = window.history.state;
+				if (previousState !== window.location.pathname) {
+					previousState = window.location.pathname;
 					clearInterval(t);
-					urlHash.reset();
+					window.urlHash.reset();
 				}
 			}, 100);
 		},
@@ -240,19 +240,20 @@
 			};
 		},
 		setItem: function (id) {
-			const childText = urlHash.topicsTabAccordion[id].isMainParent ? '' : (':' + urlHash.topicsTabAccordion[id].text);
-			const parentText = urlHash.topicsTabAccordion[id].isMainParent ? urlHash.topicsTabAccordion[id].text : urlHash.topicsTabAccordion[id].parentLabel;
+			// console.log(window.urlHash.topicsTabAccordion);
+			const childText = window.urlHash.topicsTabAccordion[id].isMainParent ? '' : (':' + window.urlHash.topicsTabAccordion[id].text);
+			const parentText = window.urlHash.topicsTabAccordion[id].isMainParent ? window.urlHash.topicsTabAccordion[id].text : window.urlHash.topicsTabAccordion[id].parentLabel;
 			return `@${parentText}${childText}`;
 		},
 		reset: function () {
-			urlHash.topicsTabAccordion = {};
-			urlHash.articleTabsInit = false;
-			urlHash.articleAccordionInit = false;
-			urlHash.init();
+			window.urlHash.topicsTabAccordion = {};
+			window.urlHash.articleTabsInit = false;
+			window.urlHash.articleAccordionInit = false;
+			window.urlHash.init();
 		}
 	};
 
-	urlHash.init();
+	window.urlHash.init();
 	// Tab and Accordion Toggling
 	document.addEventListener('click', function (event) {
 		const
@@ -293,8 +294,8 @@
 			className.value.indexOf('sf-tab-item-link') !== -1 ||
 			className.value.indexOf('sf-accordion-toggle') !== -1
 		) {
-			// console.log(urlHash.topicsTabAccordion);
-			window.location.hash = urlHash.setItem(targetElem.id);
+			// console.log(window.urlHash.topicsTabAccordion);
+			window.location.hash = window.urlHash.setItem(targetElem.id);
 		}
 
 		return false;

package/package.json

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