@everymatrix/casino-404 1.0.15 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-404",
-  "version": "1.0.15",
+  "version": "1.1.0",
   "main": "dist/casino-404.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "0ee1d4bccc4964628711251119148f0a04ba10df"
+  "gitHead": "62036ada223f2b4f7b64d99a81ab2229ecba3cf1"
 }

package/src/Casino_404.svelte

@@ -4,8 +4,12 @@
   import { Translations } from './translations';
 
   export let lang:string = 'en';
+  export let clientstyling:string = '';
+  export let clientstylingurl:string = '';
   export let translationUrl:string = '';
 
+  let customStylingContainer:HTMLElement;
+
   const setTranslationUrl = ():void => {
     let url:string = translationUrl;
 
@@ -31,11 +35,32 @@
     setLocale(lang);
   }
 
+  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);
+      });
+  }
+
   $: lang && setActiveLanguage();
+  $: clientstyling && customStylingContainer && setClientStyling();
+  $: clientstylingurl && customStylingContainer && setClientStylingURL();
   $: translationUrl && setTranslationUrl();
 </script>
 
-<div class="PageWrapper">
+<div class="PageWrapper" bind:this={customStylingContainer}>
   <div class="NotFoundPage">
     <svg class="svgColor" xmlns="http://www.w3.org/2000/svg" width="130.345" height="130.345" viewBox="0 0 130.345 130.345"><g transform="translate(-9.37 -9.34)"><path class="a" d="M753.094,548.381h11.379v4.138a3.1,3.1,0,1,0,6.207,0v-4.138a3.1,3.1,0,0,0,0-6.207v-27.93a3,3,0,0,0-2.379-3,3.262,3.262,0,0,0-3.517,1.552l-14.483,26.9a3.305,3.305,0,0,0-.31,1.448v4.138a3.048,3.048,0,0,0,3.1,3.1Zm3.1-6.414,8.276-15.414v15.62H756.2Z" transform="translate(-658.898 -446.452)"/><path class="a" d="M508.259,555.422a11.346,11.346,0,0,0,11.379-11.379V522.319a11.379,11.379,0,1,0-22.757,0v21.725A11.346,11.346,0,0,0,508.259,555.422Zm-5.172-33.1a5.172,5.172,0,1,1,10.345,0v21.725a5.172,5.172,0,0,1-10.345,0Z" transform="translate(-433.716 -446.252)"/><path class="a" d="M237.474,548.381h11.379v4.138a3.1,3.1,0,1,0,6.207,0v-4.138a3.1,3.1,0,1,0,0-6.207v-27.93a3,3,0,0,0-2.379-3,3.2,3.2,0,0,0-3.517,1.552l-14.483,26.9a3.3,3.3,0,0,0-.31,1.448v4.138a3.048,3.048,0,0,0,3.1,3.1Zm3.1-6.414,8.276-15.414v15.62h-8.276Z" transform="translate(-200.173 -446.452)"/><path class="a" d="M22.819,139.685H126.266a13.422,13.422,0,0,0,13.449-13.449V22.789A13.422,13.422,0,0,0,126.266,9.34H22.819A13.422,13.422,0,0,0,9.37,22.789V126.236A13.422,13.422,0,0,0,22.819,139.685Zm-7.241-116.9a7.2,7.2,0,0,1,7.241-7.241H126.266a7.2,7.2,0,0,1,7.241,7.241V38.3H15.572Zm0,21.725H133.513v81.723a7.2,7.2,0,0,1-7.241,7.241H22.824a7.2,7.2,0,0,1-7.241-7.241Z"/><path class="a" d="M147.866,140.62h-4.138a3.1,3.1,0,0,0,0,6.207h4.138a3.1,3.1,0,0,0,0-6.207Z" transform="translate(-116.772 -116.794)"/><path class="a" d="M297.866,140.62h-4.138a3.1,3.1,0,1,0,0,6.207h4.138a3.1,3.1,0,0,0,0-6.207Z" transform="translate(-250.22 -116.794)"/></g></svg>
     <p class="PageTitle">