@everymatrix/lottery-draw-results 1.44.0 → 1.45.2

package/dist/components/index.d.ts

@@ -1,26 +0,0 @@
-/* LotteryDrawResults custom elements */
-
-import type { Components, JSX } from "../types/components";
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';

package/dist/components/index.js

@@ -1 +0,0 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/components/lottery-bullet.js

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

package/dist/components/lottery-bullet2.js

@@ -1,91 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:#000000;display:block;height:30px;width:30px;margin:0;display:flex;align-items:center;justify-content:center;justify-content:center;align-items:center;border:solid 2px #ffffff;background:radial-gradient(circle at top, white 0%, white 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);user-select:none;font-size:16px;line-height:16px;font-weight:600;position:relative}.Circle:hover{-webkit-animation:hover-rotate 0.4s linear both;animation:hover-rotate 0.4s linear both;background:radial-gradient(circle at top, white 0%, #f1f1f1 100%)}.Circle.Selected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#ffffff;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #00958f}.Circle.Disabled{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#f1f1f1;background:#D4D4D4;border:solid 2px #D4D4D4;cursor:default}.Circle.DisabledSelected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#f1f1f1;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #D4D4D4;cursor:default}";
-
-const LotteryBullet = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.bulletEvent = createEvent(this, "lotteryBulletSelection", 7);
-    /**
-     * Value of the bullet
-     */
-    this.value = '0';
-    /**
-     * Marks if the bullet should be selectable
-     */
-    this.selectable = true;
-    /**
-     * Marks if the bullet should be selected
-     */
-    this.isSelected = false;
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.limitStylingAppends = false;
-    this.select = () => {
-      if (this.selectable) {
-        this.isSelected = !this.isSelected;
-        this.bulletEvent.emit({
-          value: this.value,
-          selected: this.isSelected
-        });
-      }
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  render() {
-    return (h("div", { class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));
-  }
-  static get style() { return lotteryBulletCss; }
-}, [1, "lottery-bullet", {
-    "value": [513],
-    "selectable": [516],
-    "isSelected": [516, "is-selected"],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingUrlContent": [513, "client-styling-url-content"],
-    "limitStylingAppends": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-bullet"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryBullet);
-      }
-      break;
-  } });
-}
-
-export { LotteryBullet as L, defineCustomElement as d };

package/dist/components/lottery-draw-results.d.ts

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

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

@@ -1,346 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$3 } from './lottery-bullet2.js';
-import { d as defineCustomElement$2 } from './lottery-grid2.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    drawResultsHeader: 'Last draw results',
-    drawId: 'Draw ID',
-    drawName: 'Game name',
-    drawDate: 'Draw Date',
-    drawNumbersGridDraw: 'Draw numbers Grid ',
-    drawNumbersGridTicket: 'Draw numbers Grid ',
-    ticketResult: 'Ticket result',
-    amountWon: 'Amount won',
-    numberOfDraws: 'Number of draws',
-    multiplier: 'Multiplier:',
-    ticketPurchaseDate: 'Ticket Purchase Date',
-    ticketStatus: 'Ticket Status',
-    ticketId: 'Ticket ID',
-    ticketAmount: 'Ticket Amount',
-    winUpTo: 'Win up to',
-  },
-  ro: {
-    drawResultsHeader: 'Ultimele rezultate extragere',
-    drawId: 'Id extragere',
-    drawName: 'Numele jocului',
-    drawDate: 'Data extragerii',
-    drawNumbersGridDraw: 'Numerele extrase Grid',
-    drawNumbersGridTicket: 'Numerele extrase Grid',
-    ticketResult: 'Rezultatul biletului',
-    amountWon: 'Suma castigata',
-    numberOfDraws: 'Numarul de extrageri',
-    multiplier: 'Multiplicator:',
-    ticketPurchaseDate: 'Data achizitionarii biletului',
-    ticketStatus: 'Statusul biletului',
-    ticketId: 'Id biletul',
-    ticketAmount: 'Valoarea biletului',
-    winUpTo: 'Poti castiga'
-  },
-  fr: {
-    drawResultsHeader: 'Résultats du dernier tirage',
-    drawId: 'ID de tirage',
-    drawName: 'Nom du jeu',
-    drawDate: 'Date du tirage',
-    drawNumbersGridDraw: 'Tirage des numéros Grille',
-    drawNumbersGridTicket: 'Tirage des numéros Grille',
-    ticketResult: 'Résultat du ticket',
-    amountWon: 'Montant gagné',
-    numberOfDraws: 'Nombre de tirages',
-    multiplier: 'Multiplicateur',
-    ticketPurchaseDate: 'Date d\'achat du billet',
-    ticketStatus: 'Statut du ticket',
-    ticketId: 'ID de billets',
-    ticketAmount: 'Montant du billet',
-    winUpTo: 'Gagnez jusqu\'à'
-  },
-  ar: {
-    drawResultsHeader: 'نتائج آخر سحب',
-    drawId: 'معرّف السحب',
-    drawName: 'اسم اللعبة',
-    drawDate: 'تاريخ السحب',
-    drawNumbersGridDraw: 'شبكة أرقام السحب',
-    drawNumbersGridTicket: 'شبكة أرقام السحب',
-    ticketResult: 'نتيجة التذكرة',
-    amountWon: 'المبلغ الذي تم ربحه',
-    numberOfDraws: 'عدد السحوبات',
-    multiplier: 'مضاعف',
-    ticketPurchaseDate: 'تاريخ شراء التذكرة',
-    ticketStatus: 'حالة التذكرة',
-    ticketId: 'معرّف التذكرة',
-    ticketAmount: 'مبلغ التذكرة',
-    winUpTo: 'ربح يصل إلى'
-  },
-  hr: {
-    drawResultsHeader: 'Rezultati posljednjeg izvlačenja',
-    drawId: 'ID izvlačenja',
-    drawName: 'Naziv igre',
-    drawDate: 'Datum izvlačenja',
-    drawNumbersGridDraw: 'Tablica izvučenih brojeva',
-    drawNumbersGridTicket: 'Tablica izvučenih brojeva',
-    ticketResult: 'Rezultat listića',
-    amountWon: 'Osvojeni iznos',
-    numberOfDraws: 'Broj izvlačenja',
-    multiplier: 'Multiplikator',
-    ticketPurchaseDate: 'Datum uplate listića',
-    ticketStatus: 'Status listića',
-    ticketId: 'ID listića',
-    ticketAmount: 'Iznos listića',
-    winUpTo: 'Osvoji do'
-  },
-};
-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}.DrawResultsArea{margin-top:15px}.DrawResultsArea.TicketDraws .Content{padding:0;border:0}.DrawResultsArea.TicketDraws .DrawResultsBody{padding:0;margin-bottom:5px;border-radius:0;border:0}.DrawResultsSection{max-width:600px;margin:0px auto;border-radius:4px}.DrawResultsHeader{display:flex;justify-content:space-between;padding:10px 20px;background-color:#009993;color:#fff;font-size:14px;border-radius:4px 4px 0 0}.DrawResultsHeader h4{text-transform:uppercase;font-weight:400;margin:0;padding-top:15px}.DrawResultsBody{padding:20px;margin-bottom:5px;border-radius:0 0 4px 4px;border:1px solid #009993}.DrawResultsBody>div{margin:10px 0}.DrawResultsBody .NumberOfDrawsContainer{display:table;width:100%}.DrawNumbersGrid{display:flex;flex-direction:column;gap:5px}.DrawNumbersGrid label{display:block;margin-bottom:7px}.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{position:relative}.DrawTicketsContainer{display:flex;flex-direction:column;margin:20px auto 0}.DrawMultipler{margin-top:15px}.ExpandableBoxes{position:relative;display:flex;flex-direction:column;border:1px solid #ccc;border-radius:5px;background-color:white}.ExpandableBox{border-bottom:1px solid #ccc;transition:height 300ms ease-in-out;overflow:hidden;height:80px}.ExpandableBox:last-child{border-bottom:0}.ExpandableBoxHeader{position:relative;list-style:none;outline:0;cursor:pointer;text-transform:uppercase;transition:color 300ms ease-in-out;margin-bottom:24px;margin-left:5px}.ShowBox>.ExpandableBoxHeader{color:#009993}.ExpandableBoxHeader::-webkit-details-marker{display:none}.ExpandableBoxHeader:before,.ExpandableBoxHeader:after{content:\"\";position:absolute}.ExpandableBoxHeader:before{right:21px;top:50%;height:2px;margin-top:-1px;width:16px;background:#009993}.ExpandableBoxHeader:after{right:28px;top:50%;height:16px;margin-top:-8px;width:2px;margin-left:-1px;background:#009993;transition:all 300ms ease-in-out}.ShowBox .ExpandableBoxHeader:after{opacity:0;transform:translateY(25%)}.ExpandableBoxBody{padding-top:0;font-weight:lighter;margin-left:5px}.ExpandableBox.ShowBox{height:300px}";
-
-const LotteryDrawResults$1 = /*@__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;
-    /**
-     * The drawID (option)
-     */
-    this.drawId = '';
-    /**
-     * The game name
-     */
-    this.gameName = '';
-    /**
-     * The ticket submission date
-     */
-    this.ticketDate = '';
-    /**
-     * The ticket status
-     */
-    this.ticketStatus = '';
-    /**
-     * The ticket id
-     */
-    this.ticketId = '';
-    /**
-     * The ticket amount
-     */
-    this.ticketAmount = '';
-    /**
-     * The ticket multiplier
-     */
-    this.ticketMultiplier = false;
-    /**
-     * The ticket draw count
-     */
-    this.ticketDrawCount = 0;
-    /**
-     * The ticket winning numbers
-     */
-    this.ticketNumbers = '';
-    /**
-     * The session id
-     */
-    this.sessionId = '';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    /**
-     * Data showing the ticket's draw results details
-     */
-    this.ticketDrawData = '';
-    this.multiplier = 3;
-    this.isLoading = true;
-    this.hasErrors = false;
-    this.errorText = '';
-    this.ticketData = [];
-    this.ticketDataLoaded = false;
-    this.ticketDraws = [];
-    this.toggleDrawer = [false];
-    this.limitStylingAppends = false;
-    this.ticketDrawDetails = [];
-    this.ticketDrawDetailsFlag = true;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  connectedCallback() {
-    let promises = [];
-    // Split ticket numbers for each grid
-    if (this.ticketNumbers) {
-      this.gridNumbers = JSON.parse(this.ticketNumbers);
-    }
-    if (this.drawId) {
-      promises.push(this.getDrawData());
-    }
-    Promise.all(promises)
-      .then(() => {
-      this.isLoading = false;
-    }).catch((err) => {
-      console.log('error ', err);
-      this.isLoading = false;
-    });
-  }
-  componentWillRender() {
-    if (this.ticketDrawData && this.ticketDrawDetailsFlag) {
-      this.ticketDrawDetails = JSON.parse(this.ticketDrawData);
-      this.ticketDrawDetails.forEach((drawDetail) => {
-        this.getDrawData(drawDetail.drawId).then((drawData) => drawDetail.drawData = drawData);
-      });
-      this.ticketDrawDetailsFlag = false;
-    }
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  getDrawData(drawId) {
-    this.isLoading = true;
-    return new Promise((resolve, reject) => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawId ? drawId : this.drawId}`);
-      fetch(url.href)
-        .then((response) => {
-        // @TODO EXCEPTIONS
-        return response.json();
-      })
-        .then((data) => {
-        if (drawId) {
-          resolve(data);
-        }
-        else {
-          this.drawData = data;
-          resolve(true);
-        }
-        this.isLoading = false;
-      })
-        .catch((err) => {
-        reject(err);
-        this.isLoading = false;
-      });
-    });
-  }
-  drawerToggle(index) {
-    this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {
-      if (itemIndex == index) {
-        return !item;
-      }
-      return item;
-    });
-    if (index >= this.toggleDrawer.length) {
-      this.toggleDrawer.push(true);
-    }
-  }
-  render() {
-    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", ref: el => this.stylingContainer = el }, this.drawMode ?
-        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), "0:"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "selected-numbers": this.drawData.winningNumbers.join(','), "display-selected": true, selectable: false, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", this.multiplier))))))
-        :
-          h("div", { class: "DrawResultsArea TicketDraws" }, h("div", { class: "DrawResultsBody" }, h("div", { class: "TicketIdContainer" }, h("label", { class: "Label" }, translate('ticketId', this.language), ": ", h("span", null, this.ticketId))), h("div", { class: "TicketAmountContainer" }, h("label", { class: "Label" }, translate('ticketAmount', this.language), " ", h("span", null, this.ticketAmount))), h("div", { class: "DrawNumbersGrid" }, this.gridNumbers.map((grid, index) => h("div", null, h("label", { class: "Label" }, translate('drawNumbersGridTicket', this.language), " ", String.fromCharCode(index + 65), ":"), h("div", { class: "BulletContainer" }, h("lottery-grid", { "selected-numbers": grid.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))))), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", JSON.stringify(this.ticketMultiplier))), h("div", { class: "NumberOfDrawsContainer" }, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": ", this.ticketDrawCount), h("div", { class: "DrawTicketsContainer" }, this.ticketDrawDetails && this.ticketDrawDetails.length > 0 &&
-            h("div", { class: "ExpandableBoxes" }, this.ticketDrawDetails.map((drawDetail, index) => {
-              var _a, _b, _c, _d, _e;
-              return h("div", { class: { 'ExpandableBox': true, 'ShowBox': this.toggleDrawer[index] }, onClick: () => this.drawerToggle(index) }, h("div", { class: "ExpandableBoxHeader" }, h("div", { class: "TicketResultContainer" }, h("p", null, translate('ticketResult', this.language), ": ", drawDetail.state)), drawDetail.state == 'won' &&
-                h("div", { class: "AmountWonContainer" }, h("p", null, translate('amountWon', this.language), ": ", Number(drawDetail.amount).toLocaleString('en'), " ", drawDetail.currency)), drawDetail.state == 'lost' &&
-                h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", drawDetail.drawId))), h("div", { class: "ExpandableBoxBody" }, h("div", { class: "DrawIdContainer" }, h("p", null, translate('drawId', this.language), ": ", drawDetail.drawId)), h("div", { class: "DrawDateContainer" }, h("p", null, translate('drawDate', this.language), ": ", (_a = drawDetail.drawData) === null || _a === void 0 ? void 0 :
-                _a.date.slice(0, 10), " | ", (_b = drawDetail.drawData) === null || _b === void 0 ? void 0 :
-                _b.date.slice(11, 19))), h("div", { class: "DrawNumbersGrid" }, drawDetail.drawData &&
-                h("div", { class: 'BulletContainer' }, h("label", { class: "Label" }, translate('drawNumbersGridDraw', this.language), " ", String.fromCharCode(index + 10), ":"), h("lottery-grid", { "selected-numbers": (_d = (_c = drawDetail.drawData) === null || _c === void 0 ? void 0 : _c.winningNumbers) === null || _d === void 0 ? void 0 : _d.join(','), selectable: false, "display-selected": true, language: this.language, "grid-type": 'ticket', "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))), h("div", { class: "DrawMultipler" }, h("label", { class: "Label" }, translate('multiplier', this.language), " ", (_e = drawDetail.drawData) === null || _e === void 0 ? void 0 :
-                _e.multiplier))));
-            }))))))));
-    }
-  }
-  static get style() { return lotteryDrawResultsCss; }
-}, [1, "lottery-draw-results", {
-    "endpoint": [513],
-    "gameId": [513, "game-id"],
-    "language": [513],
-    "playerId": [513, "player-id"],
-    "drawMode": [516, "draw-mode"],
-    "drawId": [513, "draw-id"],
-    "gameName": [513, "game-name"],
-    "ticketDate": [513, "ticket-date"],
-    "ticketStatus": [513, "ticket-status"],
-    "ticketId": [513, "ticket-id"],
-    "ticketAmount": [513, "ticket-amount"],
-    "ticketMultiplier": [516, "ticket-multiplier"],
-    "ticketDrawCount": [514, "ticket-draw-count"],
-    "ticketNumbers": [513, "ticket-numbers"],
-    "sessionId": [513, "session-id"],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingUrlContent": [513, "client-styling-url-content"],
-    "ticketDrawData": [513, "ticket-draw-data"],
-    "multiplier": [32],
-    "isLoading": [32],
-    "hasErrors": [32],
-    "errorText": [32],
-    "ticketData": [32],
-    "ticketDataLoaded": [32],
-    "ticketDraws": [32],
-    "toggleDrawer": [32],
-    "limitStylingAppends": [32],
-    "drawData": [32]
-  }]);
-function defineCustomElement$1() {
-  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$1);
-      }
-      break;
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-  } });
-}
-
-const LotteryDrawResults = LotteryDrawResults$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LotteryDrawResults, defineCustomElement };

package/dist/components/lottery-grid.js

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