@everymatrix/casino-tournaments-limited-controller 1.0.16 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-tournaments-limited-controller",
-  "version": "1.0.16",
+  "version": "1.1.0",
   "main": "index.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "526e9d4877d11a6372af0e39b2c9db7c8b640737"
+  "gitHead": "62036ada223f2b4f7b64d99a81ab2229ecba3cf1"
 }

package/src/CasinoTournamentsLimitedController.svelte

@@ -33,6 +33,12 @@
   export let states: string = ''
   export let filter: string = ''
 
+  export let clientstyling:string = '';
+  export let clientstylingurl:string = '';
+
+  let customStylingContainer: HTMLElement;
+  let displayNone:boolean = false;
+
   let eventSource = undefined
   let svgSize: number = 0
   let href = icon
@@ -153,7 +159,27 @@
     postMessageTabLocaleTextUpdate('Finished', `${$_(`tournamentsLimitedController.Finished`)} (${$_('tournamentsLimitedController.last')} 48h)`)
   }
 
-  $: endpoint && filter && lang && session && init()
+  const setClientStyling = ():void => {
+    let sheet = document.createElement('style');
+    sheet.innerHTML = clientstyling;
+    customStylingContainer.appendChild(sheet);
+  }
+
+  const setClientStylingURL = ():void => {
+    displayNone = true;
+
+    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);
+        setTimeout(() => { displayNone = false; }, 500);
+      });
+  }
 
   onMount(() => {
     return () => {
@@ -167,9 +193,13 @@
     TournamentsTabSwitch: async (data) => __state = data.tab
   })
 
+  $: endpoint && filter && lang && session && init();
+  $: clientstyling && customStylingContainer && setClientStyling();
+  $: clientstylingurl && customStylingContainer && setClientStylingURL();
+
 </script>
 
-<div class="casino-tournaments-limited-controller">
+<div class="casino-tournaments-limited-controller" bind:this={customStylingContainer}> 
 
   <div class="top-wrapper">
     <div class="svg" bind:clientWidth={svgSize}>