@everymatrix/casino-engagement-suite-bar 1.44.0 → 1.45.2

package/dist/cjs/loader.cjs.js

@@ -2,20 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-baea8059.js');
+const index = require('./index-650e78a1.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
 
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
   return index.bootstrapLazy([["casino-engagement-suite-bar.cjs",[[1,"casino-engagement-suite-bar",{"activeWidget":[1537,"active-widget"],"challengePercent":[1,"challenge-percent"],"highlightChallenge":[4,"highlight-challenge"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"orientation":[1],"device":[1],"isChallengeLabel":[4,"is-challenge-label"],"isForfeitedChallengeLabel":[4,"is-forfeited-challenge-label"],"isSpinForfeitedLabel":[1028,"is-spin-forfeited-label"],"language":[1],"jackpots":[16],"remainingFreeSpins":[1,"remaining-free-spins"],"leaderboards":[16],"limitStylingAppends":[32],"activeJackpot":[32]}]]]], options);
-  });
 };
 
+exports.setNonce = index.setNonce;
 exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -1,11 +1,11 @@
 {
   "entries": [
-    "./components/casino-engagement-suite-bar/casino-engagement-suite-bar.js"
+    "components/casino-engagement-suite-bar/casino-engagement-suite-bar.js"
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
+    "version": "4.20.0",
+    "typescriptVersion": "5.5.3"
   },
   "collections": [],
   "bundles": []

package/dist/collection/components/casino-engagement-suite-bar/casino-engagement-suite-bar.css

@@ -33,13 +33,13 @@ button {
   background: none;
 }
 .CasinoEngagementSuiteBar .EngagementSuiteContainer::-webkit-scrollbar-thumb {
-  border-radius: 4px;
+  border-radius: var(--emw--border-radius-small, 4px);
   background: var(--emw--color-gray-transparency-30, rgba(255, 255, 255, 0.3));
 }
 .CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile {
   cursor: pointer;
-  background-color: var(--emw--color-primary, #251D3E);
-  border-radius: var(--emw--border-radius-medium, 4px);
+  background-color: var(--emw--color-background-secondary, #251D3E);
+  border-radius: var(--emw--border-radius-small, 4px);
   display: flex;
   flex-direction: row;
   align-items: center;
@@ -47,7 +47,7 @@ button {
   position: relative;
   font-weight: var(--emw--font-weight-semibold, 600);
   font-size: var(--emw--font-size-x-small, 12px);
-  font-family: "Montserrat", sans-serif;
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
   color: var(--emw--color-typography, #FFF);
 }
 .CasinoEngagementSuiteBar .EngagementSuiteContainer .Tile.Active::before {
@@ -57,7 +57,7 @@ button {
   content: "";
   position: absolute;
   inset: 0;
-  border-radius: var(--emw--border-radius-medium, 4px);
+  border-radius: var(--emw--border-radius-small, 4px);
   padding: 1px;
   background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.1) 100%);
   -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
@@ -79,26 +79,26 @@ button {
 .CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot .JackpotBalance {
   font-weight: var(--emw--font-weight-semibold, 600);
   line-height: 12px;
-  font-size: 12px;
+  font-size: var(--emw--font-size-x-small, 12px);
   color: var(--emw--color-typography, #fff);
 }
 .CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Mega .JackpotBalance {
-  background: linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);
+  background: var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
 }
 .CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Major .JackpotBalance {
-  background: linear-gradient(180deg, #A19FA0 5.36%, #E1DBDB 28.86%, #FEFFFF 36.86%, #E1DBDB 44.36%, #5E5B5F 91.86%);
+  background: var(--emw--engagement-suite-gradient-silver, linear-gradient(180deg, #A19FA0 5.36%, #E1DBDB 28.86%, #FEFFFF 36.86%, #E1DBDB 44.36%, #5E5B5F 91.86%));
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
 }
 .CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled.Minor .JackpotBalance {
-  background: linear-gradient(180deg, #A0522C 5.36%, #FFAB8C 28.86%, #FFEEDF 36.86%, #FFAB8C 44.36%, #6A3A21 91.86%);
+  background: var(--emw--engagement-suite-gradient-bronze, linear-gradient(180deg, #A0522C 5.36%, #FFAB8C 28.86%, #FFEEDF 36.86%, #FFAB8C 44.36%, #6A3A21 91.86%));
   -webkit-text-fill-color: transparent;
   -webkit-background-clip: text;
 }
 .CasinoEngagementSuiteBar .EngagementSuiteContainer .Jackpot.Enabled .JackpotBalance {
-  font-weight: var(--emw--font-weight-bold, 800);
+  font-weight: var(--emw--font-weight-extra-bold, 800);
 }
 .CasinoEngagementSuiteBar .EngagementSuiteContainer .Reward {
   justify-content: space-between;
@@ -143,8 +143,8 @@ button {
 .ChallengeLabel {
   min-width: 23px;
   height: 11px;
-  background: linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);
-  border-radius: 2px;
+  background: var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));
+  border-radius: var(--emw--border-radius-x-small, 2px);
   display: none;
   position: absolute;
   top: -4px;
@@ -158,15 +158,15 @@ button {
   text-transform: uppercase;
   font-size: 7px;
   line-height: 7px;
-  font-weight: 700;
-  font-family: "Montserrat", sans-serif;
-  color: var(--emw--color-typography, #1E1638);
+  font-weight: var(--emw--font-weight-bold, 700);
+  font-family: var(--emw--font-family-secondary, "Montserrat", sans-serif);
+  color: var(--emw--color-background, #1E1638);
 }
 
 .ForfeitLabel {
   width: 12px;
   height: 12px;
-  background: linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%);
+  background: var(--emw--engagement-suite-gradient-golden, linear-gradient(180deg, #FFB801 15.86%, #FEF746 31.36%, #FBFFE0 36.86%, #FFFA60 47.86%, #FF9400 87.36%));
   border-radius: 50%;
   display: none;
   position: absolute;
@@ -186,7 +186,7 @@ button {
 .Landscape.CasinoEngagementSuiteBar {
   width: 152px;
   padding-top: 10px;
-  box-shadow: 0 4px 4px 0 #00000040, 8px 0 10px 0 #0000004D;
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2509803922), 8px 0 10px 0 rgba(0, 0, 0, 0.3019607843);
 }
 .Landscape.CasinoEngagementSuiteBar .EngagementSuiteContainer {
   flex-direction: column;
@@ -207,7 +207,7 @@ button {
   border-radius: 0 0 var(--emw--border-radius-medium, 4px) var(--emw--border-radius-medium, 4px);
   height: auto;
   padding: 3px 10px 10px;
-  box-shadow: 0 4px 4px 0 #00000040, 8px 0 10px 0 #0000004D;
+  box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2509803922), 8px 0 10px 0 rgba(0, 0, 0, 0.3019607843);
 }
 .Portrait.CasinoEngagementSuiteBar .EngagementSuiteContainer {
   padding: 7px 0 0;
@@ -254,11 +254,11 @@ button {
 .CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot {
   padding-top: 35px;
   min-height: 133px;
-  background: center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/jackpot-bg-stars.svg");
+  background: center/contain url("https://static.everymatrix.com/gic/img/engagement-suite/bar/jackpot-bg-stars.svg"), var(--emw--color-background-secondary, #251D3E);
 }
 .CasinoEngagementSuiteBar.Desktop.Landscape .Jackpot .JackpotType {
   display: block;
-  font-weight: var(--emw--font-weight-bold, 800);
+  font-weight: var(--emw--font-weight-extra-bold, 800);
   margin-bottom: 12px;
   text-transform: uppercase;
 }