@everymatrix/lottery-game-page 0.0.5 → 0.0.8

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-81cb3b3b.js');
+
+/*
+ Stencil Client Patch Esm v2.17.0 | 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([["helper-pagination.cjs",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32]}]]],["helper-accordion_13.cjs",[[1,"lottery-game-page",{"endpoint":[1],"gameId":[1,"game-id"],"playerId":[2,"player-id"],"sessionId":[1,"session-id"],"language":[1],"autoPick":[4,"auto-pick"],"resetButton":[4,"reset-button"],"tickets":[32],"tabIndex":[32],"hasErrors":[32],"totalAmount":[32],"successVisible":[32],"deleteVisible":[32],"deleteEventData":[32],"daysRemaining":[32],"hoursRemaining":[32],"minutesRemaining":[32],"secondsRemaining":[32],"latestDraw":[32],"totalWinningsAmount":[32],"nextDate":[32]},[[0,"ticketCompleted","gridFilledHandler"],[0,"gridDirty","gridDirtyHandler"],[0,"deleteTicket","deleteTicketHandler"],[0,"modalCloseEvent","modalCloseEvent"],[0,"stakeChange","stakeChangeHandler"],[0,"multiplierChange","multiplierChangeHandler"]]],[1,"lottery-draw-results-history",{"endpoint":[1],"gameId":[1,"game-id"],"numberOfResults":[2,"number-of-results"],"language":[1],"drawData":[32],"displayAllDrawsResults":[32],"showQuickFilters":[32],"winningDataSetsData":[32]},[[0,"filterSelection","filtersHandler"],[0,"filterSelectionReset","clearFiltersHandler"]]],[1,"lottery-ticket-controller",{"endpoint":[1],"ticketId":[2,"ticket-id"],"ticketDescription":[1,"ticket-description"],"gameId":[1,"game-id"],"postMessage":[4,"post-message"],"eventName":[1,"event-name"],"collapsed":[4],"numberOfGrids":[2,"number-of-grids"],"last":[4],"language":[1],"autoPick":[4,"auto-pick"],"resetButton":[4,"reset-button"]},[[0,"helperAccordionAction","helperAccordionActionHandler"]]],[1,"lottery-game-details"],[1,"lottery-draw-results",{"endpoint":[1],"gameId":[1,"game-id"],"language":[1],"playerId":[1,"player-id"],"drawMode":[4,"draw-mode"],"drawId":[1,"draw-id"],"gameName":[1,"game-name"],"multiplier":[32],"ticketData":[32],"isLoading":[32],"drawResults":[32],"rules":[32],"toggleDrawer":[32],"hasErrors":[32],"errorText":[32]}],[1,"lottery-ticket",{"endpoint":[1],"gameId":[1,"game-id"],"numberOfGrids":[2,"number-of-grids"],"multipleDraws":[4,"multiple-draws"],"ticketId":[2,"ticket-id"],"resetButton":[4,"reset-button"],"autoPick":[4,"auto-pick"],"language":[1],"multiplier":[32],"numberOfDraws":[32],"isLoading":[32],"hasErrors":[32],"ticketDone":[32]},[[0,"gridFilled","gridFilledHandler"]]],[1,"helper-filters",{"showFilterId":[4,"show-filter-id"],"activateTicketSearch":[4,"activate-ticket-search"],"gameId":[1,"game-id"],"playerId":[1,"player-id"],"session":[1],"postMessage":[4,"post-message"],"language":[1],"showFilterModal":[32],"showClearButton":[32],"filterData":[32],"filterDataReset":[32]},[[0,"modalCloseEvent","modalCloseEvent"]]],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"headerTitle":[1,"header-title"],"headerSubtitle":[1,"header-subtitle"],"description":[1],"footer":[4],"deleteTab":[4,"delete-tab"],"postMessage":[4,"post-message"],"eventName":[1,"event-name"],"collapsed":[4],"language":[1],"showContent":[32]}],[1,"helper-modal",{"titleModal":[1,"title-modal"],"visible":[1540]}],[1,"helper-tab",{"selectedIndex":[2,"selected-index"],"cmsEndpoint":[1,"cms-endpoint"]}],[1,"lottery-grid",{"ticketId":[2,"ticket-id"],"totalNumbers":[2,"total-numbers"],"gameId":[1,"game-id"],"maximumAllowed":[2,"maximum-allowed"],"minimumAllowed":[2,"minimum-allowed"],"selectable":[4],"selectedNumbers":[1,"selected-numbers"],"displaySelected":[4,"display-selected"],"language":[1],"gridIndex":[2,"grid-index"],"numbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]]],[1,"lottery-bullet",{"value":[1],"selectable":[4],"isSelected":[4,"is-selected"]}]]]], options);
+  });
+};
+
+exports.defineCustomElements = defineCustomElements;

package/dist/cjs/lottery-game-page.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-81cb3b3b.js');
+
+/*
+ Stencil Client Patch Browser v2.17.0 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('lottery-game-page.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  return index.bootstrapLazy([["helper-pagination.cjs",[[1,"helper-pagination",{"firstPage":[1540,"first-page"],"previousPage":[1540,"previous-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1],"offsetInt":[32],"lastPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32]}]]],["helper-accordion_13.cjs",[[1,"lottery-game-page",{"endpoint":[1],"gameId":[1,"game-id"],"playerId":[2,"player-id"],"sessionId":[1,"session-id"],"language":[1],"autoPick":[4,"auto-pick"],"resetButton":[4,"reset-button"],"tickets":[32],"tabIndex":[32],"hasErrors":[32],"totalAmount":[32],"successVisible":[32],"deleteVisible":[32],"deleteEventData":[32],"daysRemaining":[32],"hoursRemaining":[32],"minutesRemaining":[32],"secondsRemaining":[32],"latestDraw":[32],"totalWinningsAmount":[32],"nextDate":[32]},[[0,"ticketCompleted","gridFilledHandler"],[0,"gridDirty","gridDirtyHandler"],[0,"deleteTicket","deleteTicketHandler"],[0,"modalCloseEvent","modalCloseEvent"],[0,"stakeChange","stakeChangeHandler"],[0,"multiplierChange","multiplierChangeHandler"]]],[1,"lottery-draw-results-history",{"endpoint":[1],"gameId":[1,"game-id"],"numberOfResults":[2,"number-of-results"],"language":[1],"drawData":[32],"displayAllDrawsResults":[32],"showQuickFilters":[32],"winningDataSetsData":[32]},[[0,"filterSelection","filtersHandler"],[0,"filterSelectionReset","clearFiltersHandler"]]],[1,"lottery-ticket-controller",{"endpoint":[1],"ticketId":[2,"ticket-id"],"ticketDescription":[1,"ticket-description"],"gameId":[1,"game-id"],"postMessage":[4,"post-message"],"eventName":[1,"event-name"],"collapsed":[4],"numberOfGrids":[2,"number-of-grids"],"last":[4],"language":[1],"autoPick":[4,"auto-pick"],"resetButton":[4,"reset-button"]},[[0,"helperAccordionAction","helperAccordionActionHandler"]]],[1,"lottery-game-details"],[1,"lottery-draw-results",{"endpoint":[1],"gameId":[1,"game-id"],"language":[1],"playerId":[1,"player-id"],"drawMode":[4,"draw-mode"],"drawId":[1,"draw-id"],"gameName":[1,"game-name"],"multiplier":[32],"ticketData":[32],"isLoading":[32],"drawResults":[32],"rules":[32],"toggleDrawer":[32],"hasErrors":[32],"errorText":[32]}],[1,"lottery-ticket",{"endpoint":[1],"gameId":[1,"game-id"],"numberOfGrids":[2,"number-of-grids"],"multipleDraws":[4,"multiple-draws"],"ticketId":[2,"ticket-id"],"resetButton":[4,"reset-button"],"autoPick":[4,"auto-pick"],"language":[1],"multiplier":[32],"numberOfDraws":[32],"isLoading":[32],"hasErrors":[32],"ticketDone":[32]},[[0,"gridFilled","gridFilledHandler"]]],[1,"helper-filters",{"showFilterId":[4,"show-filter-id"],"activateTicketSearch":[4,"activate-ticket-search"],"gameId":[1,"game-id"],"playerId":[1,"player-id"],"session":[1],"postMessage":[4,"post-message"],"language":[1],"showFilterModal":[32],"showClearButton":[32],"filterData":[32],"filterDataReset":[32]},[[0,"modalCloseEvent","modalCloseEvent"]]],[1,"helper-tabs",{"disabled":[4],"label":[1],"selected":[4],"cmsEndpoint":[1,"cms-endpoint"],"selectedIndex":[1538,"selected-index"],"tabs":[16]}],[1,"helper-accordion",{"headerTitle":[1,"header-title"],"headerSubtitle":[1,"header-subtitle"],"description":[1],"footer":[4],"deleteTab":[4,"delete-tab"],"postMessage":[4,"post-message"],"eventName":[1,"event-name"],"collapsed":[4],"language":[1],"showContent":[32]}],[1,"helper-modal",{"titleModal":[1,"title-modal"],"visible":[1540]}],[1,"helper-tab",{"selectedIndex":[2,"selected-index"],"cmsEndpoint":[1,"cms-endpoint"]}],[1,"lottery-grid",{"ticketId":[2,"ticket-id"],"totalNumbers":[2,"total-numbers"],"gameId":[1,"game-id"],"maximumAllowed":[2,"maximum-allowed"],"minimumAllowed":[2,"minimum-allowed"],"selectable":[4],"selectedNumbers":[1,"selected-numbers"],"displaySelected":[4,"display-selected"],"language":[1],"gridIndex":[2,"grid-index"],"numbers":[32]},[[0,"lotteryBulletSelection","lotteryBulletSelectionHandler"],[4,"resetSelection","resetSelectionHandler"],[4,"autoSelection","autoSelectionHandler"]]],[1,"lottery-bullet",{"value":[1],"selectable":[4],"isSelected":[4,"is-selected"]}]]]], options);
+});

package/dist/collection/collection-manifest.json

@@ -0,0 +1,86 @@
+{
+  "entries": [
+    "./components/lottery-game-page/lottery-game-page.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "2.17.0",
+    "typescriptVersion": "4.5.4"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/helper-accordion",
+      "tags": [
+        "helper-accordion"
+      ]
+    },
+    {
+      "name": "@everymatrix/helper-filters",
+      "tags": [
+        "helper-filters"
+      ]
+    },
+    {
+      "name": "@everymatrix/helper-modal",
+      "tags": [
+        "helper-modal"
+      ]
+    },
+    {
+      "name": "@everymatrix/helper-pagination",
+      "tags": [
+        "helper-pagination"
+      ]
+    },
+    {
+      "name": "@everymatrix/helper-tabs",
+      "tags": [
+        "helper-tab",
+        "helper-tabs"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-bullet",
+      "tags": [
+        "lottery-bullet"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-draw-results",
+      "tags": [
+        "lottery-draw-results"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-draw-results-history",
+      "tags": [
+        "lottery-draw-results-history"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-game-details",
+      "tags": [
+        "lottery-game-details"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-grid",
+      "tags": [
+        "lottery-grid"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-ticket",
+      "tags": [
+        "lottery-ticket"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-ticket-controller",
+      "tags": [
+        "lottery-ticket-controller"
+      ]
+    }
+  ],
+  "bundles": []
+}

package/dist/collection/components/lottery-game-page/lottery-game-page.css

@@ -0,0 +1,305 @@
+@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");
+:host {
+  display: block;
+  font-family: "Roboto", sans-serif;
+}
+
+.GamePage .GridBanner {
+  background-color: #009993;
+  background-repeat: no-repeat;
+  background-position: center;
+  color: #111;
+  padding: 0 20px 10px;
+  height: 220px;
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+}
+.GamePage .GridBanner .BannerButtonsWrapper {
+  display: flex;
+  justify-content: space-between;
+  padding-top: 16px;
+}
+.GamePage .GridBanner .BannerButtonsWrapper .BannerBackButton, .GamePage .GridBanner .BannerButtonsWrapper .BannerLobbyButton {
+  background: #fff;
+  border: 1px solid #D4D4D4;
+  border-radius: 4px;
+  padding: 7px 15px;
+  font-size: 12px;
+  text-transform: uppercase;
+  width: 80px;
+}
+.GamePage .GridBanner .GridBannerArea {
+  padding-top: 30px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.GamePage .TotalWinnings {
+  color: #00958f;
+  font-size: 18px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+}
+.GamePage .TotalWinnings span {
+  font-size: 22px;
+  font-weight: 700;
+}
+.GamePage .NextDraw {
+  color: #00958f;
+  font-size: 24px;
+  font-weight: 600;
+  margin: 0 auto;
+  text-align: center;
+  text-transform: capitalize;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+.GamePage .NextDraw .BannerText {
+  font-weight: 400;
+  font-size: 18px;
+}
+.GamePage .NextDraw .BannerCountdown {
+  font-size: 22px;
+  color: #00958f;
+  display: flex;
+  gap: 20px;
+}
+.GamePage .Tabs {
+  display: flex;
+  justify-content: center;
+  gap: 10px;
+}
+.GamePage .Tabs .TabButton {
+  border-radius: 4px;
+  cursor: pointer;
+  padding: 8px 0;
+  width: 50%;
+  max-width: 200px;
+  border: 1px solid #00958f;
+  background: #F1F1F1;
+  color: #000;
+  font-size: 12px;
+  transition: all 0.2s linear;
+  text-transform: uppercase;
+  text-align: center;
+  letter-spacing: 0;
+}
+.GamePage .Tabs .TabButton.Active {
+  background: #00958f;
+  color: #FFF;
+}
+
+.NextDrawWrapper {
+  padding: 10px 15px;
+  background: #fff;
+}
+.NextDrawWrapper .BannerText {
+  font-size: 16px;
+  font-weight: 700;
+  text-align: center;
+}
+.NextDrawWrapper .BannerCountdown {
+  font-size: 22px;
+  display: flex;
+  gap: 8px;
+  color: #009993;
+  font-weight: bolder;
+  justify-content: center;
+}
+
+.GamePageContent {
+  padding: 10px 15px;
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.GameDetails {
+  padding-bottom: 10px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #e9e9e9;
+}
+
+.CreateNewTicket {
+  background: #004D4A;
+  height: 100px;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.CreateNewTicket button {
+  cursor: pointer;
+  display: inline-block;
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  margin: 5px;
+  border: 1px solid #FFF;
+  background: #FFF;
+  color: #004D4A;
+  font-size: 12px;
+  transition: all 0.2s linear;
+  text-transform: uppercase;
+  text-align: center;
+  letter-spacing: 0;
+}
+.CreateNewTicket button:hover {
+  background: #F1F1F1;
+}
+.CreateNewTicket span {
+  display: inline-block;
+  font-size: 12px;
+  text-align: center;
+  margin: 0 auto;
+  color: #FFF;
+}
+
+.OrderSummary {
+  min-width: 200px;
+  border-radius: 4px;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-top: 20px;
+  background: #fff;
+}
+.OrderSummary .OrderSummaryTitle {
+  font-size: 16px;
+  color: #009993;
+  text-transform: uppercase;
+  text-align: center;
+}
+.OrderSummary .Ticket {
+  display: inline-block;
+  color: #000;
+  font-size: 14px;
+  height: 50px;
+  border-bottom: solid 1px #D4D4D4;
+  line-height: 50px;
+}
+.OrderSummary .Ticket span {
+  text-align: right;
+}
+.OrderSummary .Total {
+  display: inline-block;
+  color: #000;
+  font-size: 14px;
+  height: 50px;
+  line-height: 50px;
+}
+.OrderSummary .Total span {
+  text-align: right;
+}
+
+.ButtonWrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.ButtonWrapper .Button {
+  cursor: pointer;
+  border-radius: 4px;
+  padding: 8px 60px;
+  width: max-content;
+  margin: 5px;
+  font-size: 12px;
+  transition: all 0.2s linear;
+  text-transform: uppercase;
+  text-align: center;
+  letter-spacing: 0;
+  background: #009993;
+  border: 1px solid #009993;
+  color: #FFF;
+}
+.ButtonWrapper .Button:hover {
+  background: #00ABA4;
+}
+
+.SubmitModalSuccess {
+  text-align: center;
+  font-size: 18px;
+  padding: 20px;
+}
+
+.DeleteTicketModalWrapper {
+  padding: 20px;
+  text-align: center;
+}
+.DeleteTicketModalWrapper .DeleteTicketModalTitle {
+  font-size: 16px;
+  color: #00958f;
+  font-weight: 400;
+  text-transform: uppercase;
+  margin: 20px 0 40px;
+}
+.DeleteTicketModalWrapper .DeleteTicketModalText {
+  font-size: 14px;
+  color: #000;
+  line-height: 22px;
+  margin-bottom: 40px;
+}
+.DeleteTicketModalWrapper .DeleteTicketModalButtons {
+  display: flex;
+  gap: 10px;
+  justify-content: center;
+}
+.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalConfirm {
+  cursor: pointer;
+  border-radius: 4px;
+  padding: 8px 25px;
+  width: max-content;
+  margin: 5px;
+  color: #000;
+  font-size: 12px;
+  transition: all 0.2s linear;
+  text-transform: uppercase;
+  text-align: center;
+  letter-spacing: 0;
+  background: #FF3D00;
+  border: 1px solid #FF3D00;
+  color: #FFF;
+}
+.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalConfirm:hover {
+  background: #FF6536;
+  border: 1px solid #FF3D00;
+}
+.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalCancel {
+  cursor: pointer;
+  width: max-content;
+  border-radius: 4px;
+  padding: 10px 25px;
+  margin: 5px;
+  border: 1px solid #00958f;
+  background: #FFF;
+  color: #000;
+  font-size: 12px;
+  transition: all 0.2s linear;
+  text-transform: uppercase;
+  text-align: center;
+  letter-spacing: 0;
+}
+.DeleteTicketModalWrapper .DeleteTicketModalButtons .DeleteTicketModalCancel:hover {
+  background: #F1F1F1;
+}
+
+@media (min-width: 1200px) {
+  .GamePageContent .TicketsWrapper {
+    float: left;
+    width: 49%;
+  }
+  .GamePageContent .GameDetails {
+    float: right;
+    width: 49%;
+  }
+  .GamePageContent .OrderSummary {
+    float: right;
+    width: 49%;
+  }
+}