@everymatrix/bonus-elevate-powerups 0.0.1

package/dist/cjs/index.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const bonusElevatePowerups = require('./bonus-elevate-powerups-5d4f1cfd.js');
+require('./index-3dbb4007.js');
+
+
+
+exports.BonusElevatePowerups = bonusElevatePowerups.BonusElevatePowerups;

package/dist/cjs/loader.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-3dbb4007.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+const defineCustomElements = async (win, options) => {
+  if (typeof window === 'undefined') return undefined;
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["bonus-elevate-powerups_5.cjs",[[1,"bonus-elevate-powerups",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"endpoint":[513],"session":[513],"pageSize":[514,"page-size"],"isLoading":[32],"powerups":[32],"offset":[32],"limit":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData","handleDataConfigChange"],"endpoint":["loadData","handleDataConfigChange"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-image",{"src":[1],"width":[1],"height":[1],"alt":[1],"styles":[8],"detectDistance":[1,"detect-distance"],"imgLoaded":[32],"shouldLoad":[32]},null,{"src":["handleSrc"]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]],[0,"time-count",{"expireTime":[1,"expire-time"],"displayTime":[32]},null,{"expireTime":["startTimeChanged"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}]]]], options);
+};
+
+exports.setNonce = index.setNonce;
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/assets/clear-search.svg

@@ -0,0 +1,9 @@
+<svg width="52" height="52" viewBox="0 0 52 52" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect width="52" height="52" fill="url(#pattern0_1132_30534)"/>
+<defs>
+<pattern id="pattern0_1132_30534" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1132_30534" transform="scale(0.01)"/>
+</pattern>
+<image id="image0_1132_30534" width="100" height="100" preserveAspectRatio="none" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>

package/dist/collection/assets/left-arrow.svg

@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M7.25592 0.244078C7.58136 0.569515 7.58136 1.09715 7.25592 1.42259L2.84518 5.83333H12.5C12.9602 5.83333 13.3333 6.20643 13.3333 6.66667C13.3333 7.1269 12.9602 7.5 12.5 7.5H2.84518L7.25592 11.9107C7.58136 12.2362 7.58136 12.7638 7.25592 13.0893C6.93049 13.4147 6.40285 13.4147 6.07741 13.0893L0.244078 7.25592C-0.0813592 6.93049 -0.0813592 6.40285 0.244078 6.07741L6.07741 0.244078C6.40285 -0.0813592 6.93049 -0.0813592 7.25592 0.244078Z" fill="white"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -0,0 +1,32 @@
+{
+  "entries": [
+    "components/bonus-elevate-powerups/bonus-elevate-powerups.js",
+    "components/time-count/time-count.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/bonus-pagination-nav",
+      "tags": [
+        "bonus-pagination-nav"
+      ]
+    },
+    {
+      "name": "@everymatrix/ui-image",
+      "tags": [
+        "ui-image"
+      ]
+    },
+    {
+      "name": "@everymatrix/ui-skeleton",
+      "tags": [
+        "ui-skeleton"
+      ]
+    }
+  ],
+  "bundles": []
+}

package/dist/collection/components/bonus-elevate-powerups/bonus-elevate-powerups.css

@@ -0,0 +1,224 @@
+:host {
+  display: block;
+  font-family: inherit;
+  --game-amount-line: 4;
+}
+
+@media screen and (max-width: 768px) {
+  .PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game {
+    width: 32%;
+  }
+  .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft, .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight {
+    padding: 8px;
+  }
+  .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight {
+    margin: 8px;
+  }
+}
+@media screen and (max-width: 470px) {
+  .PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game {
+    width: 45%;
+  }
+  .PowerUpsContainer .PowerUps .PowerUpItem.Card {
+    max-height: 600px;
+    height: fit-content;
+    flex-direction: column;
+  }
+  .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft {
+    gap: 10px;
+  }
+  .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight {
+    height: 51%;
+    overflow: auto;
+  }
+  .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft, .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight {
+    width: auto;
+    margin: auto;
+  }
+  .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardLeft .Game, .PowerUpsContainer .PowerUps .PowerUpItem.Card .CardRight .Game {
+    width: 45%;
+  }
+}
+.PowerUpsContainer {
+  font-size: 0.95rem;
+  display: flex;
+  flex-direction: column;
+  min-height: 300px;
+}
+.PowerUpsContainer .EmptyPowerups {
+  align-items: center;
+  justify-content: center;
+  font-weight: 400;
+  font-size: 1.2em;
+  line-height: 24px;
+  text-align: center;
+  vertical-align: middle;
+  width: max-content;
+  margin: auto;
+  display: flex;
+  flex-direction: column;
+  padding: 50px;
+}
+.PowerUpsContainer .EmptyPowerups .Icon, .PowerUpsContainer .EmptyPowerups .NoPowerTitle {
+  text-align: center;
+}
+.PowerUpsContainer .EmptyPowerups .Icon svg, .PowerUpsContainer .EmptyPowerups .NoPowerTitle svg {
+  width: 40px;
+}
+.PowerUpsContainer .EmptyPowerups .NoPowerTitle {
+  font-size: 1.2em;
+  font-weight: bold;
+  margin: 10px;
+}
+.PowerUpsContainer .PowerUps {
+  width: 100%;
+  gap: 12px;
+  display: flex;
+  flex-direction: column;
+}
+.PowerUpsContainer .PowerUps .Card {
+  width: 100%;
+  height: 307px;
+  gap: 12px;
+  border-radius: 12px;
+  border: 2px solid var(--emw--button-border-color-secondary, rgba(188, 252, 177, 0.0509803922));
+  display: flex;
+  flex-direction: row;
+}
+.PowerUpsContainer .PowerUps .Card .CardLeft, .PowerUpsContainer .PowerUps .Card .CardRight {
+  display: flex;
+  flex-direction: column;
+}
+.PowerUpsContainer .PowerUps .Card .CardLeft {
+  padding: 20px;
+  width: 35%;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.PowerUpsContainer .PowerUps .Card .CardLeft .MainInfo {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+}
+.PowerUpsContainer .PowerUps .Card .CardRight {
+  padding: 10px;
+}
+.PowerUpsContainer .PowerUps .Card .Description {
+  color: #C8D6CE;
+  overflow-y: auto;
+  height: calc(100% - 60px);
+}
+.PowerUpsContainer .PowerUps .Card .CardLeft .DisplayName {
+  width: 100%;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  height: 22px;
+  gap: 12px;
+}
+.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier {
+  text-transform: uppercase;
+  font-size: 0.85em;
+  color: var(--emw--color-gray-dark, #727672);
+}
+.PowerUpsContainer .PowerUps .Card .CardLeft .PowerUpMultiplier .ExpireCount {
+  background-image: linear-gradient(180deg, var(--emw--color-powup-orange1, #EA9018) 0%, var(--emw--color-powup-orange2, #E0A84E) 100%);
+}
+.PowerUpsContainer .PowerUps .Card .CardLeft .ExpireCount, .PowerUpsContainer .PowerUps .Card .CardLeft .TermsC {
+  display: inline-block;
+  -webkit-background-clip: text;
+  background-clip: text;
+  color: transparent;
+}
+.PowerUpsContainer .PowerUps .Card .CardLeft .TermsC {
+  text-transform: uppercase;
+  background-image: linear-gradient(180deg, var(--emw--color-powup-green, #24B24E) 0%, var(--emw--color-powup-light-green, #18CE51) 100%);
+  font-size: 0.8em;
+  font-weight: bold;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent {
+  margin: 20px;
+  flex: 1;
+  gap: 12px;
+  display: flex;
+  border-radius: 8px;
+  border: 2px solid var(--emw--color-powup-light-green-0D, rgba(188, 252, 177, 0.0509803922));
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle {
+  display: flex;
+  flex-direction: row;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .Title2 {
+  text-transform: capitalize;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesTitle .GamesAmount {
+  opacity: 0.8;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GameTitleTip {
+  color: var(--emw--color-powup-gray-green, #C8D6CE);
+  font-size: 0.8rem;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList {
+  display: flex;
+  justify-content: center;
+  flex: 1;
+  overflow-y: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--emw--background-gray-color, gray) transparent;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList::-webkit-scrollbar-track {
+  background-color: transparent;
+  border-radius: 5px;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games {
+  padding: 0;
+  display: flex;
+  align-items: flex-start;
+  justify-content: flex-start;
+  flex-wrap: wrap;
+  gap: calc(30px / (var(--game-amount-line) - 1));
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game {
+  width: calc((100% - 30px) / var(--game-amount-line));
+  cursor: pointer;
+  position: relative;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game .GameMask {
+  transition: opacity;
+  transition-duration: 0.2s;
+  opacity: 0;
+  position: absolute;
+  width: 70%;
+  height: 100%;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .mask-filter {
+  opacity: 1;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover img {
+  opacity: 0.4;
+  filter: blur(1.5px);
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .GameMask {
+  opacity: 1;
+  mix-blend-mode: screen;
+  background-color: var(--emw--color-powup-green, #24B24E);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: absolute;
+  width: 100%;
+  left: 0;
+  height: 100%;
+  top: 0;
+  border-radius: 8px;
+}
+.PowerUpsContainer .PowerUps .Card .GamesContent .GamesList .Games .Game:hover .GameMask .PlayBtn {
+  border: 2px solid var(--emw--color-powup-gray, #f0f0f0);
+  padding: 5px 3px;
+  border-radius: 3px;
+}
+.PowerUpsContainer .Pagination {
+  display: flex;
+  justify-content: center;
+}