@everymatrix/casino-engagement-suite-jackpot-details 1.36.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8f767151.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(() => {
+  return index.bootstrapLazy([["casino-engagement-suite-jackpot-details.cjs",[[1,"casino-engagement-suite-jackpot-details",{"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"jackpot":[16],"language":[1],"gameSlug":[1,"game-slug"],"device":[1],"limitStylingAppends":[32],"timer":[32],"disabledStatus":[32],"activeTab":[32],"visibleGames":[32],"loading":[32],"enabled":[32],"balance":[32],"winBalance":[32],"showDetails":[32]},[[8,"message","handleEvent"]]]]],["casino-engagement-suite-progress-bar.cjs",[[1,"casino-engagement-suite-progress-bar",{"value":[2],"disabled":[4],"hidePercent":[4,"hide-percent"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"limitStylingAppends":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,19 @@
+{
+  "entries": [
+    "./components/casino-engagement-suite-jackpot-details/casino-engagement-suite-jackpot-details.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/casino-engagement-suite-progress-bar",
+      "tags": [
+        "casino-engagement-suite-progress-bar"
+      ]
+    }
+  ],
+  "bundles": []
+}

package/dist/collection/components/casino-engagement-suite-jackpot-details/casino-engagement-suite-jackpot-details.css

@@ -0,0 +1,358 @@
+:host {
+  display: block;
+  font-family: inherit;
+}
+
+* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+button {
+  border: none;
+  background: none;
+}
+button:focus {
+  outline: none;
+}
+button:not(:disabled) {
+  cursor: pointer;
+}
+
+.PopupButton {
+  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  color: var(--emw--color-typography, #1E1638);
+  border-radius: 99px;
+  min-width: 88px;
+  min-height: 32px;
+  font-size: 14px;
+  font-weight: 700;
+  position: relative;
+  font-family: "Montserrat", sans-serif;
+}
+.PopupButton.Active {
+  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  -webkit-background-clip: text;
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+.PopupButton.Active::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  padding: 1px;
+  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+  border-radius: 99px;
+}
+.PopupButton.Loading {
+  opacity: 0.5;
+  pointer-events: none;
+}
+
+.JackpotDetailsPopup {
+  display: flex;
+  height: 100%;
+  background-color: var(--emw--color-background, #1E1638);
+  border-radius: 8px;
+  overflow: hidden;
+  flex-direction: column;
+  position: relative;
+}
+.JackpotDetailsPopup.Disabled .JackpotDetailsHeader {
+  opacity: 0.5;
+}
+.JackpotDetailsPopup.Disabled .JackpotDetailsTabs {
+  cursor: default;
+  pointer-events: none;
+}
+.JackpotDetailsPopup.Disabled .JackpotInfoItem {
+  color: var(--emw--color-primary, #8F8B9C);
+}
+
+.JackpotDetailsNavigation {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 12px 8px 8px;
+}
+.JackpotDetailsNavigation .JackpotIconButton {
+  width: 16px;
+  height: 16px;
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.JackpotDetailsNavigation .JackpotPopupName {
+  color: var(--emw--color-gray-100, #BBB9C3);
+  font-size: 16px;
+  font-weight: 500;
+  line-height: 16px;
+  display: none;
+}
+
+.JackpotDetailsPopupContent {
+  padding: 8px 18px 18px;
+  overflow: hidden;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.JackpotDetailsHeader {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 12px;
+}
+.JackpotDetailsHeader .JackpotDetailsHeaderSecondCol {
+  text-align: right;
+}
+.JackpotDetailsHeader .JackpotType {
+  text-transform: uppercase;
+  font-family: "Montserrat", sans-serif;
+  font-size: var(--emw--font-size-medium, 18px);
+  font-weight: var(--emw--font-weight-bold, 700);
+  line-height: 22px;
+  color: var(--emfe-w-color-white, #FFF);
+  word-break: break-all;
+}
+.JackpotDetailsHeader .JackpotBalance {
+  margin-top: 8px;
+  font-family: Montserrat, sans-serif;
+  font-size: 18px;
+  font-weight: var(--emw--font-weight-bold, 800);
+  line-height: 18px;
+}
+.JackpotDetailsHeader .JackpotIsWon {
+  margin-top: 8px;
+  font-family: Montserrat, sans-serif;
+  font-weight: var(--emw--font-weight-bold, 700);
+  font-size: 12px;
+  line-height: 15px;
+  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  -webkit-text-fill-color: transparent;
+  -webkit-background-clip: text;
+}
+
+.JackpotDetailsPopup.Mega .JackpotBalance {
+  background: 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;
+}
+.JackpotDetailsPopup.Major .JackpotBalance {
+  background: 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;
+}
+.JackpotDetailsPopup.Minor .JackpotBalance {
+  background: 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;
+}
+
+.JackpotGamesLoadMore::before,
+.JackpotJoinButton.Joined::before {
+  content: "";
+  position: absolute;
+  inset: 0;
+  border-radius: var(--emw--button-border-radius, 4px);
+  padding: 1px;
+  background: linear-gradient(98.25deg, #FF9400 22.48%, #FEF746 131.02%, #FFE24A 131.9%);
+  -webkit-mask: linear-gradient(#FFF 0 0) content-box, linear-gradient(#FFF 0 0);
+  -webkit-mask-composite: xor;
+  mask-composite: exclude;
+}
+
+.JackpotGamesButton {
+  margin-top: 12px;
+  align-self: center;
+  min-width: 140px;
+}
+
+.JackpotCountdown {
+  font-size: var(--emw--font-size-x-small, 12px);
+  line-height: 12px;
+  margin-top: 12px;
+  color: var(--emw--color-gray-150, #BBB9C3);
+}
+.JackpotCountdown.Suspended {
+  font-weight: var(--emw--font-weight-bold, 700);
+  color: var(--emfe-w-color-white, #FFF);
+  text-transform: capitalize;
+}
+
+.JackpotDetailsTabsWrapper {
+  display: flex;
+  flex-direction: column;
+}
+
+.JackpotDetailsTabs {
+  margin: 20px 0 12px;
+  display: flex;
+  position: relative;
+}
+.JackpotDetailsTabs .JackpotDetailsTab {
+  padding: 9px 16px 7px;
+  font-weight: 500;
+  font-size: 12px;
+  line-height: 15px;
+  color: var(--emw--color-background, #666178);
+  border-bottom: 2px solid transparent;
+  cursor: pointer;
+}
+.JackpotDetailsTabs .JackpotDetailsTab.Active {
+  color: var(--emw--color-typography, #FFF);
+  border-color: var(--emw--color-typography, #FFF);
+}
+.JackpotDetailsTabs::after {
+  content: "";
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: 100%;
+  height: 1px;
+  background-color: var(--emw--color-typography, #FFF);
+  opacity: 0.1;
+}
+
+.JackpotInfoItem {
+  margin-bottom: 8px;
+  color: var(--emw--color-typography, #FFF);
+  font-size: 14px;
+  line-height: 17px;
+}
+.JackpotInfoItem span {
+  font-weight: var(--emw--font-weight-bold, 700);
+}
+.JackpotInfoItem .tc {
+  color: var(--emw--color-primary, #59D1FF);
+}
+
+.JackpotGamesListWrapper {
+  overflow: auto;
+  flex-grow: 1;
+}
+
+.JackpotGamesList {
+  display: flex;
+  gap: 10px;
+  flex-wrap: wrap;
+}
+.JackpotGamesList .JackpotGamesListItem {
+  width: calc(25% - 8px);
+  aspect-ratio: 74/40;
+  cursor: pointer;
+}
+.JackpotGamesList .JackpotGamesListItem.Disabled {
+  opacity: 0.5;
+  pointer-events: none;
+  cursor: auto;
+}
+
+.JackpotDetailsButton {
+  margin-bottom: 12px;
+  display: flex;
+  align-items: center;
+  font-size: var(--emw--font-size-x-small, 12px);
+  line-height: 12px;
+  color: var(--emw--color-primary-variant, #666178);
+  cursor: pointer;
+}
+.JackpotDetailsButton .Toggle {
+  width: 16px;
+  height: 16px;
+  margin-right: 4px;
+}
+.JackpotDetailsButton .Closed {
+  background: center/100% url("https://static.everymatrix.com/gic/img/engagement-suite/eye-closed.svg");
+}
+.JackpotDetailsButton .Open {
+  background: center/100% url("https://static.everymatrix.com/gic/img/engagement-suite/eye-open.svg");
+}
+
+.JackpotDescription {
+  margin-bottom: 20px;
+  color: var(--emw--color-typography, #FFF);
+  font-size: var(--emw--font-size-small, 14px);
+  line-height: 17px;
+}
+
+.JackpotDetailsPopup.Tablet .JackpotDetailsButton,
+.JackpotDetailsPopup.Desktop .JackpotDetailsButton {
+  margin-bottom: 20px;
+}
+.JackpotDetailsPopup.Tablet .JackpotDescription,
+.JackpotDetailsPopup.Desktop .JackpotDescription {
+  font-size: var(--emw--font-size-medium, 16px);
+  line-height: 22px;
+}
+.JackpotDetailsPopup.Tablet .JackpotPopupName,
+.JackpotDetailsPopup.Desktop .JackpotPopupName {
+  display: block;
+}
+.JackpotDetailsPopup.Tablet .JackpotDetailsNavigation,
+.JackpotDetailsPopup.Desktop .JackpotDetailsNavigation {
+  padding-top: 16px;
+}
+.JackpotDetailsPopup.Tablet .JackpotIconButton,
+.JackpotDetailsPopup.Desktop .JackpotIconButton {
+  width: 24px;
+  height: 24px;
+}
+.JackpotDetailsPopup.Tablet .JackpotDetailsPopupContent,
+.JackpotDetailsPopup.Desktop .JackpotDetailsPopupContent {
+  padding: 20px 24px 30px;
+}
+.JackpotDetailsPopup.Tablet .JackpotBalance,
+.JackpotDetailsPopup.Tablet .JackpotType,
+.JackpotDetailsPopup.Desktop .JackpotBalance,
+.JackpotDetailsPopup.Desktop .JackpotType {
+  line-height: 27px;
+  font-size: 22px;
+}
+.JackpotDetailsPopup.Tablet .JackpotBalance,
+.JackpotDetailsPopup.Desktop .JackpotBalance {
+  font-weight: var(--emw--font-weight-bold, 700);
+}
+.JackpotDetailsPopup.Tablet .PopupButton,
+.JackpotDetailsPopup.Desktop .PopupButton {
+  min-height: 36px;
+  font-size: 16px;
+}
+.JackpotDetailsPopup.Tablet .JackpotCountdown,
+.JackpotDetailsPopup.Desktop .JackpotCountdown {
+  font-size: var(--emw--font-size-small, 14px);
+  line-height: 14px;
+}
+.JackpotDetailsPopup.Tablet .JackpotDetailsTabs,
+.JackpotDetailsPopup.Desktop .JackpotDetailsTabs {
+  margin-bottom: 20px;
+}
+.JackpotDetailsPopup.Tablet .JackpotInfoItem,
+.JackpotDetailsPopup.Desktop .JackpotInfoItem {
+  font-size: 16px;
+  line-height: 20px;
+}
+.JackpotDetailsPopup.Tablet .JackpotIsWon,
+.JackpotDetailsPopup.Desktop .JackpotIsWon {
+  font-size: 14px;
+  line-height: 17px;
+}
+.JackpotDetailsPopup.Tablet .JackpotGamesList,
+.JackpotDetailsPopup.Desktop .JackpotGamesList {
+  gap: 12px;
+}
+.JackpotDetailsPopup.Tablet .JackpotGamesList .JackpotGamesListItem,
+.JackpotDetailsPopup.Desktop .JackpotGamesList .JackpotGamesListItem {
+  width: calc(20% - 10px);
+}
+.JackpotDetailsPopup.Tablet .JackpotDetailsTabs .JackpotDetailsTab,
+.JackpotDetailsPopup.Desktop .JackpotDetailsTabs .JackpotDetailsTab {
+  font-size: 16px;
+  line-height: 20px;
+}