@everymatrix/casino-header-controller 0.0.188 → 0.0.192

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@everymatrix/casino-header-controller",
-  "version": "0.0.188",
+  "version": "0.0.192",
   "main": "dist/casino-header-controller.js",
   "svelte": "src/index.ts",
   "scripts": {
     "start": "sirv public",
-    "build": "cross-env NODE_ENV=\"production\" && rollup -c",
+    "build": "cross-env NODE_ENV=production rollup -c",
     "dev": "cross-env NODE_ENV=\"development\" rollup -c -w",
     "validate": "svelte-check",
     "test": "echo"
@@ -38,5 +38,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c160cb36d198a31c8428cdad76be4ac61b0b49c4"
+  "gitHead": "90772f9f46872463853a444005e5adbfb07fc973"
 }

package/rollup.config.js

@@ -6,9 +6,11 @@ import livereload from 'rollup-plugin-livereload';
 import { terser } from 'rollup-plugin-terser';
 import sveltePreprocess from 'svelte-preprocess';
 import typescript from '@rollup/plugin-typescript';
+import uglify from 'rollup-plugin-uglify';
 import image from '@rollup/plugin-image';
-const production = process.env.NODE_ENV === 'production';
-const dev = process.env.NODE_ENV === 'development';
+
+const production = process.env.NODE_ENV == 'production';
+const dev = process.env.NODE_ENV == 'development';
 
 export default {
   input: 'src/index.ts',
@@ -16,16 +18,19 @@ export default {
     sourcemap: true,
     format: 'umd',
     name: 'app',
-    file: 'dist/casino-header-controller.js'
+    file: 'dist/casino-header-controller.js',
   },
   plugins: [
     svelte({
       preprocess: sveltePreprocess(),
       compilerOptions: {
+        // @TODO check generate and hydratable
+        // generate: 'ssr',
+        // hydratable: true,
         // enable run-time checks when not in production
         customElement: true,
         dev: !production
-      },
+      }
     }),
     image(),
     commonjs(),
@@ -48,12 +53,13 @@ export default {
     }),
     // If we're building for production (npm run build
     // instead of npm run dev), minify
-    production && 
+    production &&
     terser({
       output: {
         comments: "all"
       },
-    })
+    }),
+    production && uglify.uglify()
   ],
   watch: {
     clearScreen: false

package/src/CasinoHeaderController.svelte

@@ -8,7 +8,6 @@
   import '@everymatrix/player-account-balance-modal';
 
   import everymatrixLogo from './images/everymatrix-logo-white.png';
-  import sliderPlaceholderImage from './images/slider.png';
 
   export let session:string = '';
   export let userid:string = '';
@@ -18,12 +17,6 @@
   export let lang:string = '';
   export let identity:string = '';
 
-  //BannerMatrix
-  export let bannermatrix:string = '';
-  export let operatorid:string = '';
-  export let pagetag:string = '';
-  export let positiontag:string = '';
-
   const genericIcon = `<svg version="1.1" fill="#fff" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" style="width: 30px; color: #fff;" x="0px" y="0px"
     viewBox="0 0 384.971 384.971" style="enable-background:new 0 0 384.971 384.971;" xml:space="preserve">
      <path style="color: #fff" d="M180.455,360.91H24.061V24.061h156.394c6.641,0,12.03-5.39,12.03-12.03s-5.39-12.03-12.03-12.03H12.03
@@ -193,13 +186,6 @@
   $: cmsendpoint && lang && initialLoad();
 </script>
 
-<svelte:head>
-  {#if bannermatrix}
-    <link rel="import" href="{bannermatrix}/assets/widgets/0.11.3/index.html">
-    <script src="{bannermatrix}/assets/widgets/0.11.3/bower_components/webcomponentsjs/webcomponents-lite.js"></script>
-  {/if}
-</svelte:head>
-
 {#if isLoggedIn}
   {#if mobileView}
     <header class="HeaderWrapper HeaderMobileWrapper">
@@ -326,8 +312,6 @@
   {/if}
 {/if}
 
-<bannermatrix-banner operator-id={operatorid} page-tag={pagetag} position-tag={positiontag}></bannermatrix-banner>
-
 <casino-hamburger-menu menuitemsurl={hamburgerURL} {language}></casino-hamburger-menu>
 
 <style lang="scss">
@@ -439,10 +423,10 @@
   }
 
   .ItemLanguage {
-    height: ttp(2.75);
-    width: ttp(4.25);
+    height: 44px;
+    width: 76px;
     text-align: center;
-    line-height: ttp(2.75);
+    line-height: 44px;
     background: transparent;
     color: #fff;
     border: none;