@everymatrix/casino-filter-page 1.0.2 → 1.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-filter-page",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "main": "dist/casino-filter-page.js",
   "svelte": "src/index.ts",
   "scripts": {

package/src/CasinoFilterPage.svelte

@@ -11,8 +11,8 @@
   export let lang:String = ''; // Language
   export let session:String = ''; // Value for sessionID
   export let userid:String = '';
-  export let clientstyling:String = '';
-  export let clientstylingurl:String = '';
+  export let clientstyling:string = '';
+  export let clientstylingurl:string = '';
 
   let vendorsArray:Array<Object> = [];
   let mobileView:Boolean = false;
@@ -252,23 +252,23 @@
     window.postMessage({ type: "ApplyFilters"}, window.location.href);
   }
 
-  const setClientStyling = () => {
+  const setClientStyling = ():void => {
     let sheet = document.createElement('style');
-
     sheet.innerHTML = clientstyling;
     customStylingContainer.appendChild(sheet);
   }
 
-  const setClientStylingURL = () => {
+  const setClientStylingURL = ():void => {
+    let url:URL = new URL(clientstylingurl);
     let cssFile:HTMLElement = document.createElement('style');
 
-    fetch(new URL(clientstylingurl))
+    fetch(url.href)
       .then((res:any) => res.text())
       .then((data:any) => {
         cssFile.innerHTML = data
 
         if (customStylingContainer) {
-          setTimeout(() => { customStylingContainer.appendChild(cssFile); }, 1);
+          setTimeout(() => { customStylingContainer.appendChild(cssFile) }, 1);
         }
       });
   }
@@ -285,8 +285,8 @@
     }
   });
 
-  $: clientstyling && setClientStyling();
-  $: clientstylingurl && setClientStylingURL();
+  $: clientstyling && customStylingContainer && setClientStyling();
+  $: clientstylingurl && customStylingContainer && setClientStylingURL();
 </script>
 
 <div bind:this={customStylingContainer} part="CustomStylingContainer">