@everymatrix/lottery-game-page 0.0.6 → 0.0.9

package/dist/components/lottery-draw-results-history2.js

@@ -0,0 +1,174 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$5 } from './helper-filters2.js';
+import { d as defineCustomElement$4 } from './helper-modal2.js';
+import { d as defineCustomElement$3 } from './lottery-bullet2.js';
+import { d as defineCustomElement$2 } from './lottery-draw-results2.js';
+import { d as defineCustomElement$1 } from './lottery-grid2.js';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
+const TRANSLATIONS = {
+  en: {
+    drawResultsHeader: 'Draw results history',
+    drawId: 'Draw ID',
+    drawDate: 'Draw Date',
+    drawNumbersGridA: 'Draw numbers Grid A',
+    viewAllResults: 'View All',
+    lastFiveDraws: 'Last 5 Draws',
+    lastTenDraws: 'Last 10 Draws',
+    lastFifteenDraws: 'Last 15 Draws'
+  },
+  ro: {
+    drawResultsHeader: 'Draw results history',
+    drawId: 'Draw ID',
+    drawDate: 'Draw Date',
+    drawNumbersGridA: 'Draw numbers Grid A',
+    viewAllResults: 'View All',
+    lastFiveDraws: 'Last 5 Draws',
+    lastTenDraws: 'Last 10 Draws',
+    lastFifteenDraws: 'Last 15 Draws'
+  },
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+const lotteryDrawResultsHistoryCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GridBanner{background-color:#009993;background-repeat:no-repeat;background-position:center;color:#111;padding:0 20px 30px}.GridBanner .BannerButtonsWrapper{display:flex;justify-content:space-between;padding-top:16px}.GridBanner .BannerButtonsWrapper .BannerBackButton,.GridBanner .BannerButtonsWrapper .BannerLobbyButton{background:#fff;border:1px solid #009993;border-radius:4px;padding:7px 15px;font-size:12px;text-transform:uppercase;width:80px}.GridBanner .HistoryGridBannerArea{padding-top:30px}.HistoryGridBannerArea{display:flex;flex-direction:column;align-items:center}.BannerText{font-size:14px;font-weight:300}.BannerCountdown{font-size:22px;display:flex;gap:20px}.DrawResultsSection{max-width:500px;margin:0 auto}.HistoryGridWrapper{padding:0 15px}.HistoryGrid{border:1px solid #009993;border-radius:5px}.DrawResultsHeader{color:#009993;padding:15px;text-align:center}.DrawResultsHeader h4{text-transform:uppercase;font-size:16px;font-weight:600;margin:0}.DrawNumbersGrid{padding:10px 50px}.DrawNumbersGrid p{margin:0 0 10px 0;font-size:14px}.BulletContainer{margin-bottom:20px}.DrawResultTop{background-color:#009993;padding:10px;text-align:center;color:#fff;padding:0 50px;display:flex;justify-content:center;gap:40px}.ViewAllResults{display:block;padding:10px 40px;margin:40px auto;border:0;border-radius:5px;background-color:#009993;color:#fff;outline:none}.FilterSection{display:flex;justify-content:space-between;padding:10px 0 25px}.FilterSection .FilterResultsContainer{display:flex;gap:5px}.FilterSection .QuickFilterButton{cursor:pointer;width:max-content;border-radius:4px;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterSection .QuickFilterButton:hover{background:#F1F1F1}.FilterSection helper-filters{margin-left:auto}";
+
+const LotteryDrawResultsHistory = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * The number of results to be displayed
+     */
+    this.numberOfResults = 3;
+    /**
+     *Language
+     */
+    this.language = 'en';
+    this.drawData = [];
+    this.displayAllDrawsResults = true;
+    this.showQuickFilters = true;
+    this.winningDataSetsData = [''];
+    this.getDrawsData = () => {
+      let url = new URL(`${this.endpoint}/games/${this.gameId}`);
+      fetch(url.href)
+        .then((res) => {
+        if (res.status >= 300) {
+          throw new Error('There was an error while fetching the data');
+        }
+        return res.json();
+      })
+        .then((data) => {
+        console.log("getDrawsData ", data);
+        // filter out incomplete data sets for draws
+        this.winningDataSetsData = data.draws.filter(draw => draw.winningNumbers);
+        this.drawData = this.winningDataSetsData;
+        console.log('this.drawData', this.drawData);
+      });
+    };
+    this.filterResults = (resultsNumber) => {
+      this.numberOfResults = resultsNumber;
+      this.displayAllDrawsResults = true;
+    };
+    this.getDrawResults = (drawID) => {
+      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawID}`);
+      let drawOptions = {
+        method: "GET",
+        headers: {
+          'Content-Type': "application/json",
+          'Accept': 'application/json',
+        },
+      };
+      fetch(url.href, drawOptions)
+        .then((response) => {
+        return response.json();
+      })
+        .then((data) => {
+        console.log("getDrawResults ", data);
+        this.drawData = [data];
+      });
+    };
+    this.viewAllResults = () => {
+      this.numberOfResults = this.drawData.length;
+      this.displayAllDrawsResults = false;
+      window.scrollTo({ top: 0, behavior: 'smooth' });
+    };
+  }
+  // Filters events
+  filtersHandler(event) {
+    var _a;
+    this.getDrawResults((_a = event.detail) === null || _a === void 0 ? void 0 : _a.drawTicketId);
+    this.showQuickFilters = false;
+  }
+  clearFiltersHandler() {
+    this.drawData = this.winningDataSetsData;
+    this.showQuickFilters = true;
+  }
+  connectedCallback() {
+    this.getDrawsData();
+  }
+  disconnectedCallback() {
+    clearInterval(this.interval);
+  }
+  render() {
+    let gridHeader = h("div", { class: "DrawResultsHeader" }, this.displayAllDrawsResults ? h("h4", null, translate('drawResultsHeader', this.language)) :
+      h("div", { class: "DrawResultsHeaderContent" }, h("div", { class: "FilterSection" }, this.showQuickFilters &&
+        h("div", { class: "FilterResultsContainer" }, h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(5) }, translate('lastFiveDraws', this.language)), h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(10) }, translate('lastTenDraws', this.language)), h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(15) }, translate('lastFifteenDraws', this.language))), h("helper-filters", { "show-filter-id": "true", "activate-ticket-search": "false", "game-id": "3797", "player-id": "2323" })), h("h4", null, "All draws results history")));
+    let gridContent = h("div", { class: "HistoryGridWrapper" }, h("div", { class: "HistoryGrid" }, this.drawData.map((item) => h("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, "draw-id": item.id, "draw-mode": true })).reverse().slice(0, this.numberOfResults)));
+    return h("section", { class: "GridWrapper" }, h("div", { class: "DrawResultsSection" }, h("div", { class: "DrawResultsArea" }, gridHeader, gridContent, this.displayAllDrawsResults && h("button", { class: "ViewAllResults", onClick: this.viewAllResults }, "View All"))));
+  }
+  static get style() { return lotteryDrawResultsHistoryCss; }
+}, [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"]]]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["lottery-draw-results-history", "helper-filters", "helper-modal", "lottery-bullet", "lottery-draw-results", "lottery-grid"];
+  components.forEach(tagName => { switch (tagName) {
+    case "lottery-draw-results-history":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, LotteryDrawResultsHistory);
+      }
+      break;
+    case "helper-filters":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$5();
+      }
+      break;
+    case "helper-modal":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
+    case "lottery-bullet":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "lottery-draw-results":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "lottery-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { LotteryDrawResultsHistory as L, defineCustomElement as d };

package/dist/components/lottery-draw-results.js

@@ -0,0 +1,6 @@
+import { L as LotteryDrawResults$1, d as defineCustomElement$1 } from './lottery-draw-results2.js';
+
+const LotteryDrawResults = LotteryDrawResults$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LotteryDrawResults, defineCustomElement };

package/dist/components/lottery-draw-results2.js

@@ -0,0 +1,217 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$2 } from './lottery-bullet2.js';
+import { d as defineCustomElement$1 } from './lottery-grid2.js';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
+const TRANSLATIONS = {
+  en: {
+    drawResultsHeader: 'Last draw results',
+    drawId: 'Draw ID',
+    drawName: 'Game name',
+    drawDate: 'Draw Date',
+    drawNumbersGridDraw: 'Draw numbers Grid A',
+    drawNumbersGridTicket: 'Draw numbers Grid B',
+    ticketResult: 'Ticket result',
+    amountWon: 'Amount won',
+    numberOfDraws: 'Number of draws'
+  },
+  ro: {
+    drawResultsHeader: 'Ultimele rezultate extragere',
+    drawId: 'Id extragere',
+    drawName: 'Numele jocului',
+    drawDate: 'Data extragerii',
+    drawNumbersGridDraw: 'Numerele extrase Grid A',
+    drawNumbersGridTicket: 'Numerele extrase Grid B',
+    ticketResult: 'Rezultatul biletului',
+    amountWon: 'Suma castigata',
+    numberOfDraws: 'Numarul de extrageri'
+  },
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+const lotteryDrawResultsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketInfo{display:flex;flex-direction:row;gap:15px;background-color:#009993;color:#fff;padding:12px;font-size:14px}.DrawResultsSection{max-width:500px;margin:0 auto;margin:0px auto 10px;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0}.DrawMultipler label{display:block;margin:15px 0}.DrawResultsBody{padding:0 20px}.DrawResultsBody .DrawNumbersGrid{font-size:14px}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.Toggle{cursor:pointer;display:inline-block}.ToggleSwitch{display:inline-block;background:#ccc;border-radius:16px;width:58px;height:24px;position:relative;vertical-align:middle;transition:background 0.25s}.ToggleSwitch:before,.ToggleSwitch:after{content:\"\"}.ToggleSwitch:before{display:block;background:linear-gradient(to bottom, #fff 0%, #eee 100%);border-radius:50%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25);width:16px;height:16px;position:absolute;top:4px;left:4px;transition:left 0.25s}.Toggle:hover .ToggleSwitch:before{background:linear-gradient(to bottom, #fff 0%, #fff 100%);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.5)}.ToggleCheckbox:checked+.ToggleSwitch{background:#56c080}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{margin-right:5px;position:relative;top:2px}.DrawTicketsContainer{margin:30px auto}.ExpandableBoxes{position:relative}.ExpandableBox{width:100%;height:100%;max-height:100px;float:left;margin:0 0 20px 0;border:1px solid #009993;border-radius:4px;padding:10px;box-sizing:border-box;-webkit-transition:all 0.6s ease-in-out;-moz-transition:all 0.6s ease-in-out;-o-transition:all 0.6s ease-in-out;-ms-transition:all 0.6s ease-in-out;transition:all 0.6s ease-in-out;overflow:hidden}.ExpandableBox.ShowBox{max-height:400px;margin:0px 0px 20p 0px}.ExpandableBox.HideBox{width:0;height:0;overflow:hidden;border:none;padding:0;margin:0;opacity:0}";
+
+const DEFAULT_VALUES = {
+  gamename: 'Chrono',
+  gamedate: '24/09/2022',
+  state: 'Processing',
+  amount: 304444,
+  ticketid: '6963444',
+  selection: '[5, 6, 7, 8,  9]',
+  multiplier: 4.5,
+  resultstatus: 'Processing',
+  drawstatus: 'Won',
+  drawamount: 1022,
+  drawid: '54545555',
+  drawdate: '24/09/2032'
+};
+const LotteryDrawResults = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    /**
+     * Language of the widget
+     */
+    this.language = 'en';
+    /**
+     * Shows only the last draw
+     */
+    this.drawMode = false;
+    this.gameName = '';
+    this.multiplier = 5.434;
+    this.ticketData = {};
+    this.isLoading = true;
+    this.drawResults = [];
+    this.rules = {};
+    this.toggleDrawer = [false];
+    this.hasErrors = false;
+    this.errorText = '';
+    this.changeBox = (index) => {
+      this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {
+        if (itemIndex == index) {
+          return !item;
+        }
+        return item;
+      });
+      if (index >= this.toggleDrawer.length) {
+        this.toggleDrawer.push(true);
+      }
+    };
+  }
+  connectedCallback() {
+    let promises = [];
+    promises.push(this.getGameData());
+    if (this.playerId) {
+      promises.push(this.getTicketData());
+    }
+    if (this.drawId) {
+      promises.push(this.getDrawData());
+    }
+    Promise.all(promises)
+      .then(() => {
+      this.isLoading = false;
+    });
+  }
+  getDrawData() {
+    return new Promise((resolve, reject) => {
+      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${this.drawId}`);
+      fetch(url.href)
+        .then((response) => {
+        // @TODO EXCEPTIONS
+        return response.json();
+      })
+        .then((data) => {
+        this.drawData = data;
+        resolve(true);
+      })
+        .catch((err) => {
+        reject(err);
+      });
+    });
+  }
+  getGameData() {
+    return new Promise((resolve, reject) => {
+      let url = new URL(`${this.endpoint}/games/${this.gameId}`);
+      fetch(url.href)
+        .then((response) => {
+        return response.json();
+      })
+        .then((data) => {
+        this.rules = {
+          maximumAllowed: data.rules.boards[0].maximumAllowed,
+          totalNumbers: data.rules.boards[0].totalNumbers
+        };
+        resolve(true);
+      })
+        .catch((err) => {
+        this.isLoading = false;
+        this.hasErrors = true;
+        this.errorText = err;
+        reject(err);
+      });
+    });
+  }
+  getTicketData() {
+    return new Promise((resolve, reject) => {
+      let url = new URL(`${this.endpoint}/tickets/player/${this.playerId}`);
+      fetch(url.href)
+        .then((response) => {
+        return response.json();
+      })
+        .then((data) => {
+        this.ticketData = data.length === 0 ? DEFAULT_VALUES : data[1];
+        this.drawResults = this.ticketData.drawResults.map((item) => item);
+        this.selection = this.ticketData.selection[0].join(',');
+        resolve(true);
+      })
+        .catch((err) => {
+        reject(err);
+      });
+    });
+  }
+  render() {
+    var _a, _b, _c, _d, _e, _f;
+    if (this.isLoading) {
+      return (h("p", null, "Loading, please wait ..."));
+    }
+    else if (this.hasErrors) {
+      h("p", null, this.errorText);
+    }
+    else {
+      return (h("section", { class: "DrawResultsSection" }, !this.drawMode ?
+        h("div", { class: "DrawResultsArea" }, h("div", { class: "TicketInfo" }, h("div", { class: "TicketGameName" }, translate('drawName', this.language), ": ", h("span", null, this.gameName)), h("div", { class: "TicketDate" }, "Ticket Purchase Date: ", h("span", null, (_a = this.ticketData) === null || _a === void 0 ? void 0 : _a.createdAt.slice(0, 10))), h("div", { class: "TicketStatus" }, "Status: ", h("span", null, (_b = this.ticketData) === null || _b === void 0 ? void 0 : _b.state))), h("div", { class: "DrawResultsBody" }, h("div", { class: "TicketIdContainer" }, h("p", null, "Ticket id: ", h("span", null, (_c = this.ticketData) === null || _c === void 0 ? void 0 : _c.id))), h("div", { class: "TicketAmountContainer" }, h("p", null, "Ticket amount: ", h("span", null, (_d = this.ticketData) === null || _d === void 0 ? void 0 : _d.amount))), h("div", { class: "DrawNumbersGrid" }, h("p", null, translate('drawNumbersGridTicket', this.language), ":"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, "selected-numbers": this.selection, selectable: false, "display-selected": true, language: this.language }))), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, "Multiplier: ", h("span", null, JSON.stringify((_e = this.ticketData) === null || _e === void 0 ? void 0 : _e.multiplier)))), h("div", { class: "NumberOfDrawsContainer" }, h("p", null, translate('numberOfDraws', this.language), ": ", (_f = this.ticketData) === null || _f === void 0 ? void 0 :
+          _f.drawCount), h("div", { class: "DrawTicketsContainer" }, this.drawResults.map((item, index) => h("div", { class: "ExpandableBoxes" }, h("div", { class: this.toggleDrawer[index] ? 'ExpandableBox ShowBox' : 'ExpandableBox', onClick: () => this.changeBox(index) }, h("div", { class: "TicketResultContainer" }, h("p", null, translate('ticketResult', this.language), ": ", item.status)), item.state == 'won' &&
+          h("div", { class: "AmountWonContainer" }, h("p", null, translate('amountWon', this.language), ": ", Number(item.amount).toLocaleString('en'), " ", item.currency)), h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", item.drawId)), h("div", { class: "DrawDateContainer" }, h("p", null, translate('drawDate', this.language), ": ", item.updatedAt.slice(0, 10), " | ", item.updatedAt.slice(11, 19))), h("div", { class: "DrawNumbersGrid" }), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, "Multiplier: ", item.multiplier)))))))))
+        :
+          h("div", { class: "DrawResultsArea" }, this.drawData &&
+            h("div", null, h("div", { class: "DrawResultsHeader" }, h("span", null, translate('drawId', this.language), ":  ", this.drawData.id), h("span", null, translate('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), h("div", { class: "DrawResultsBody" }, h("div", { class: "DrawNumbersGrid" }, h("p", null, translate('drawNumbersGridDraw', this.language), ":"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "maximum-allowed": this.rules.maximumAllowed, "total-numbers": this.rules.totalNumbers, selectedNumbers: this.drawData.winningNumbers.join(','), "display-selected": true, selectable: false, language: this.language })), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, "Multiplier: ", this.multiplier))))))));
+    }
+  }
+  static get style() { return lotteryDrawResultsCss; }
+}, [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]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["lottery-draw-results", "lottery-bullet", "lottery-grid"];
+  components.forEach(tagName => { switch (tagName) {
+    case "lottery-draw-results":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, LotteryDrawResults);
+      }
+      break;
+    case "lottery-bullet":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "lottery-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { LotteryDrawResults as L, defineCustomElement as d };

package/dist/components/lottery-game-details.js

@@ -0,0 +1,6 @@
+import { L as LotteryGameDetails$1, d as defineCustomElement$1 } from './lottery-game-details2.js';
+
+const LotteryGameDetails = LotteryGameDetails$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { LotteryGameDetails, defineCustomElement };

package/dist/components/lottery-game-details2.js

@@ -0,0 +1,48 @@
+import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
+import { d as defineCustomElement$3 } from './helper-accordion2.js';
+import { d as defineCustomElement$2 } from './helper-tab2.js';
+import { d as defineCustomElement$1 } from './helper-tabs2.js';
+
+const lotteryGameDetailsCss = ":host{display:block}";
+
+const LotteryGameDetails = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+  }
+  render() {
+    return (h("div", null, h("helper-accordion", { "header-title": "Game Details", collapsed: false }, h("div", { slot: "accordionContent" }, h("helper-tabs", null)))));
+  }
+  static get style() { return lotteryGameDetailsCss; }
+}, [1, "lottery-game-details"]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["lottery-game-details", "helper-accordion", "helper-tab", "helper-tabs"];
+  components.forEach(tagName => { switch (tagName) {
+    case "lottery-game-details":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, LotteryGameDetails);
+      }
+      break;
+    case "helper-accordion":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
+      }
+      break;
+    case "helper-tab":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "helper-tabs":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { LotteryGameDetails as L, defineCustomElement as d };

package/dist/components/lottery-game-page.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface LotteryGamePage extends Components.LotteryGamePage, HTMLElement {}
+export const LotteryGamePage: {
+  prototype: LotteryGamePage;
+  new (): LotteryGamePage;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;