@everymatrix/casino-403 1.0.16 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/casino-403",
-  "version": "1.0.16",
+  "version": "1.1.1",
   "main": "dist/casino-403.js",
   "svelte": "src/index.ts",
   "scripts": {
@@ -36,5 +36,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "526e9d4877d11a6372af0e39b2c9db7c8b640737"
+  "gitHead": "4324ea4b38266eb153f1ab89685cdf0f9bcade16"
 }

package/src/Casino_403.svelte

@@ -5,6 +5,10 @@
   import { Translations } from './translations';
 
   export let lang:string = 'en';
+  export let clientstyling:string = '';
+  export let clientstylingurl:string = '';
+
+  let customStylingContainer:HTMLElement;
   export let translationUrl:string = '';
 
   const setTranslationUrl = ():void => {
@@ -32,11 +36,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 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="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)"/><path class="a" d="M199.816,81.307h-1.765V74.5c0-8.132-5.863-14.5-14.247-14.5s-14.12,6.493-14.12,14.5v6.745h-1.765a7.156,7.156,0,0,0-7.123,7.123v21.307a7.156,7.156,0,0,0,7.123,7.123h31.9a7.156,7.156,0,0,0,7.123-7.123V88.367a7.1,7.1,0,0,0-7.123-7.06Zm-26.6,0V74.5c0-6.052,4.16-10.969,10.59-10.969,6.367,0,10.716,4.791,10.716,10.969v6.745H173.215v.063Zm30.132,28.367a3.524,3.524,0,0,1-3.53,3.53h-31.9a3.524,3.524,0,0,1-3.53-3.53V88.367a3.524,3.524,0,0,1,3.53-3.53h31.9a3.524,3.524,0,0,1,3.53,3.53ZM187.4,95.49a3.548,3.548,0,0,1-1.765,3.089h0v5.8a1.765,1.765,0,1,1-3.53,0v-5.8h0a3.55,3.55,0,0,1,1.765-6.619,3.447,3.447,0,0,1,3.53,3.53Z" transform="translate(-109.326 -3.172)"/></g></svg>
     <p class="PageTitle">