@everymatrix/casino-games-category-section 1.0.3 → 1.0.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-games-category-section",
-  "version": "1.0.3",
+  "version": "1.0.8",
   "main": "dist/casino-games-category-section.js",
   "svelte": "src/index.ts",
   "scripts": {

package/src/CasinoGamesCategorySection.svelte

@@ -465,26 +465,6 @@
     // Nothing to do here
   }
 
-  const setClientStyling = () => {
-    let sheet = document.createElement('style');
-    sheet.innerHTML = clientstyling;
-    setTimeout(() => { customStylingContainer.appendChild(sheet);});
-  }
-
-  const setClientStylingURL = () => {
-    let cssFile:HTMLElement = document.createElement('style');
-
-    fetch(new URL(clientstylingurl))
-      .then((res:any) => res.text())
-      .then((data:any) => {
-        cssFile.innerHTML = data
-
-        if (customStylingContainer) {
-          setTimeout(() => { customStylingContainer.appendChild(cssFile); }, 1);
-        }
-      });
-  }
-
   const handleVisibilityChange = () => {
     if (!document[hidden]) {
       visibilityconnect = 'connect';
@@ -504,6 +484,25 @@
       });
     }
   }
+  
+  const setClientStyling = ():void => {
+    let sheet = document.createElement('style');
+    sheet.innerHTML = clientstyling;
+    customStylingContainer.appendChild(sheet);
+  }
+
+  const setClientStylingURL = ():void => {
+    let url:URL = new URL(clientstylingurl);
+    let cssFile:HTMLElement = document.createElement('style');
+
+    fetch(url.href)
+      .then((res:any) => res.text())
+      .then((data:any) => {
+        cssFile.innerHTML = data
+
+        setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
+      });
+  }
 
   onMount(() => {
     window.addEventListener('visibilitychange', (e) => handleVisibilityChange())
@@ -518,8 +517,8 @@
 
   $: dataloaded && thumbnailContainer && setupObserver();
   $: lang && initialSetup();
-  $: clientstyling && setClientStyling();
-  $: clientstylingurl && setClientStylingURL();
+  $: clientstyling && customStylingContainer && setClientStyling();
+  $: clientstylingurl && customStylingContainer && setClientStylingURL();
 
 </script>
 <div class="CasinoGamesCategorySectionContainer" part="CasinoGamesCategorySectionContainer" bind:this={customStylingContainer}>