@everymatrix/casino-tournament-banner 1.32.4 → 1.33.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-a4c93352.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-tournament-banner_2.cjs",[[1,"casino-tournament-banner",{"useEvent":[1,"use-event"],"endpoint":[1],"state":[1],"enrolled":[4],"startTime":[1,"start-time"],"endTime":[1,"end-time"],"thumbnail":[1],"language":[1],"showCalendar":[4,"show-calendar"],"shortStart":[4,"short-start"],"shortstartformat":[1],"showDate":[4,"show-date"],"showRunningDate":[4,"show-running-date"],"showCheck":[4,"show-check"],"cardMode":[4,"card-mode"],"nameOrTitle":[1,"name-or-title"],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"currency":[1],"bonusCode":[1,"bonus-code"],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationData":[520,"translation-data"],"stateText":[32],"limitStylingAppends":[32],"startdate":[32],"tournamentLeftDays":[32],"showRemain":[32],"durationInterval":[32]},[[8,"getTournamentInfoCompleted","infoCompletedHandler"]]],[1,"casino-tournament-buttons",{"language":[1],"tournamentId":[1,"tournament-id"],"session":[1],"loginEvent":[1,"login-event"],"loginUrl":[1,"login-url"],"registerEvent":[1,"register-event"],"registerUrl":[1,"register-url"],"endpoint":[1],"currency":[1],"bonusCode":[1,"bonus-code"],"enrolled":[4],"showReadMore":[4,"show-read-more"],"clientStyling":[1,"client-styling"],"clientStylingUrl":[1,"client-styling-url"],"translationData":[520,"translation-data"],"limitStylingAppends":[32],"joinButtonLoading":[32],"errorJoin":[32],"errorJoinConcurrently":[32]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,19 @@
+{
+  "entries": [
+    "./components/casino-tournament-banner/casino-tournament-banner.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.15.2",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/casino-tournament-buttons",
+      "tags": [
+        "casino-tournament-buttons"
+      ]
+    }
+  ],
+  "bundles": []
+}

package/dist/collection/components/casino-tournament-banner/casino-tournament-banner.css

@@ -0,0 +1,126 @@
+:host {
+  display: block;
+}
+
+.TournamentBannerWrap {
+  height: 100%;
+}
+
+.TournamentBanner {
+  position: relative;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.TournamentBannerBg {
+  width: 100%;
+  height: 100%;
+  object-fit: cover;
+  transition: all 150ms ease-in-out;
+}
+.TournamentBannerBg.Closed {
+  filter: grayscale(1);
+}
+
+.TournamentBannerInfo {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  display: flex;
+  justify-content: space-between;
+}
+
+.BannerInfo {
+  margin: 10px;
+}
+
+.Tag {
+  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0px 1px 3px 1px rgba(0, 0, 0, 0.15);
+  border-radius: 8px;
+  padding: 6px;
+  font-size: 10px;
+  display: flex;
+  align-items: center;
+  height: 13px;
+}
+.Tag.Closed {
+  filter: grayscale(1);
+}
+
+.TagRemain {
+  text-indent: 5px;
+}
+
+.Date {
+  gap: 4px;
+  background: #FF7500;
+  color: #1A2C38;
+}
+
+.State {
+  background: #D0046C;
+}
+
+.Enroll {
+  color: #fff;
+  background: #24834B;
+}
+
+.EnrollCheck {
+  margin-right: 4px;
+}
+
+.Join {
+  background: #6C757D;
+}
+
+.Running {
+  background: #1A2C38;
+}
+
+.CalendarIcon path {
+  fill: #1A2C38;
+}
+
+.TournamentBannerThumb {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  padding: 12px;
+  color: #fff;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: flex-start;
+  box-sizing: border-box;
+}
+
+.ThumbTitle {
+  font-size: 14px;
+}
+
+.ThumbState {
+  display: flex;
+  gap: 4px;
+}
+
+.ThumbName {
+  font-size: 22px;
+}
+
+.ThumbTC {
+  font-size: 8px;
+  color: #fff;
+  cursor: pointer;
+}
+
+.ThumbButtons {
+  display: flex;
+  gap: 4px;
+}