@everymatrix/lottery-game-page 0.0.10 → 0.0.14

package/dist/esm/{helper-accordion_13.entry.js → helper-filters_2.entry.js}

@@ -1,89 +1,8 @@
-import { r as registerInstance, c as createEvent, h as h$2, g as getElement } from './index-be84da79.js';
+import { r as registerInstance, c as createEvent, h as h$2 } from './index-be84da79.js';
 
-const DEFAULT_LANGUAGE$5 = 'en';
-const SUPPORTED_LANGUAGES$5 = ['ro', 'en'];
-const TRANSLATIONS$5 = {
-  en: {
-    deleteTicket: 'Delete ticket'
-  },
-  ro: {
-    deleteTicket: 'Sterge biletul'
-  },
-};
-const translate$6 = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS$5[lang !== undefined && SUPPORTED_LANGUAGES$5.includes(lang) ? lang : DEFAULT_LANGUAGE$5][key];
-};
-
-const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px;margin-bottom:1px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{border-radius:4px;margin-top:10px;cursor:pointer;text-transform:capitalize;display:block;font-size:12px;text-align:center;padding:8px 20px;width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}";
-
-const Accordion = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
-    /**
-     * Title (top header)
-     */
-    this.headerTitle = '';
-    /**
-     * SubTitle (top header)
-     */
-    this.headerSubtitle = '';
-    /**
-     * Description
-     */
-    this.description = '';
-    /**
-     * Enables footer content
-     */
-    this.footer = false;
-    /**
-     * Enables footer button for tab deletion
-     */
-    this.deleteTab = false;
-    /**
-     * Activates postMessages as events for actions from the widget
-     */
-    this.postMessage = false;
-    /**
-     * Name of the event emitter by the action button
-     */
-    this.eventName = 'helperAccordionAction';
-    /**
-     * Collapsed
-     */
-    this.collapsed = true;
-    /**
-     * Language
-     */
-    this.language = 'en';
-  }
-  // @TODO fix the `any` type :)
-  connectedCallback() {
-    this.showContent = !this.collapsed;
-  }
-  toggleContent() {
-    this.showContent = !this.showContent;
-  }
-  deleteAction() {
-    if (this.postMessage) {
-      // @TODO maybe change the name type, this one sucks
-      window.postMessage({ type: this.eventName }, window.location.href);
-    }
-    this.accordionEvent.emit();
-  }
-  render() {
-    return (h$2("div", { class: "Wrapper" }, h$2("div", { class: "Header" }, h$2("p", { class: "Title" }, this.headerTitle), h$2("p", { class: "Subtitle" }, this.headerSubtitle), h$2("p", { class: "Subtitle" }, this.description), h$2("span", { class: "Expand", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')), this.showContent &&
-      h$2("div", null, h$2("div", { class: "Content" }, h$2("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
-        h$2("div", null, this.deleteTab &&
-          h$2("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate$6('deleteTicket', this.language)))))));
-  }
-};
-Accordion.style = helperAccordionCss;
-
-const DEFAULT_LANGUAGE$4 = 'en';
-const SUPPORTED_LANGUAGES$4 = ['ro', 'en'];
-const TRANSLATIONS$4 = {
+const DEFAULT_LANGUAGE$1 = 'en';
+const SUPPORTED_LANGUAGES$1 = ['ro', 'en'];
+const TRANSLATIONS$1 = {
   en: {
     filterOpen: 'Filter',
     filterClear: 'Clear',
@@ -107,9 +26,9 @@ const TRANSLATIONS$4 = {
     filterModalButton: 'Cauta'
   },
 };
-const translate$5 = (key, customLang) => {
+const translate$2 = (key, customLang) => {
   const lang = customLang;
-  return TRANSLATIONS$4[lang !== undefined && SUPPORTED_LANGUAGES$4.includes(lang) ? lang : DEFAULT_LANGUAGE$4][key];
+  return TRANSLATIONS$1[lang !== undefined && SUPPORTED_LANGUAGES$1.includes(lang) ? lang : DEFAULT_LANGUAGE$1][key];
 };
 
 /**
@@ -1798,7 +1717,7 @@ function isDescendant(base, path) {
  * @param {string} path Path to translate
  * @return {string} Translated string
  */
-function translate$4(base, newBase, path) {
+function translate$1(base, newBase, path) {
   return newBase + path.slice(base.length);
 }
 
@@ -3999,7 +3918,7 @@ function handleNotification(event, inst, fromProp, toPath, negate) {
   let detail = /** @type {Object} */(event.detail);
   let fromPath = detail && detail.path;
   if (fromPath) {
-    toPath = translate$4(fromProp, toPath, fromPath);
+    toPath = translate$1(fromProp, toPath, fromPath);
     value = detail && detail.value;
   } else {
     value = event.currentTarget[fromProp];
@@ -4285,10 +4204,10 @@ function computeLinkedPaths(inst, path, value) {
     for (let a in links) {
       let b = links[a];
       if (isDescendant(a, path)) {
-        link = translate$4(a, b, path);
+        link = translate$1(a, b, path);
         inst._setPendingPropertyOrPath(link, value, true, true);
       } else if (isDescendant(b, path)) {
-        link = translate$4(b, a, path);
+        link = translate$1(b, a, path);
         inst._setPendingPropertyOrPath(link, value, true, true);
       }
     }
@@ -4400,7 +4319,7 @@ function runBindingEffect(inst, path, props, oldProps, info, hasPaths, nodeList)
       node.__isPropertyEffectsClient &&
       node.__dataHasAccessor && node.__dataHasAccessor[binding.target]) {
     let value = props[path];
-    path = translate$4(part.source, binding.target, path);
+    path = translate$1(part.source, binding.target, path);
     if (node._setPendingPropertyOrPath(path, value, false, true)) {
       inst._enqueueClient(node);
     }
@@ -16428,7 +16347,7 @@ class DomRepeat extends domRepeatBase {
             if (prop == this.as) {
               this.items[idx] = value;
             }
-            let path = translate$4(this.as, `${JSCompiler_renameProperty('items', this)}.${idx}`, prop);
+            let path = translate$1(this.as, `${JSCompiler_renameProperty('items', this)}.${idx}`, prop);
             this.notifyPath(path, value);
           }
         }
@@ -22387,142 +22306,14 @@ const HelperFilters = class {
     this.filterData.filterToCalendar = new Date(event.target.value).toISOString();
   }
   render() {
-    return (h$2("div", { class: "HelperFilters" }, h$2("div", { class: "FilterButtonsWrapper" }, h$2("button", { class: "FilterOpen", onClick: () => this.toggleFilterModal() }, translate$5('filterOpen', this.language)), this.showClearButton ? h$2("button", { class: "FilterClear", onClick: () => this.resetSearch() }, translate$5('filterClear', this.language)) : null), h$2("helper-modal", { "title-modal": "Filter Modal", visible: this.showFilterModal }, h$2("div", { class: "FilterModalHeader" }, h$2("h3", { class: "FilterModalTitle" }, this.activateTicketSearch ? translate$5('filterModalTicketTitle', this.language) : translate$5('filterModalDrawTitle', this.language))), h$2("div", { class: "FilterModalBody" }, h$2("input", { type: "text", value: this.filterData.drawTicketId, onInput: (event) => this.handleDrawTicketId(event), class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate$5('filterTicketPlaceholder', this.language) : translate$5('filterDrawPlaceholder', this.language) }), h$2("div", { class: "FilterCalendarWrapper" }, h$2("vaadin-date-picker", { value: this.filterData.filterFromCalendar, onChange: (event) => this.handleFilterFrom(event), placeholder: translate$5('filterFromCalendar', this.language), class: "VaadinDatePicker" }), h$2("vaadin-date-picker", { value: this.filterData.filterToCalendar, onChange: (event) => this.handleFilterTo(event), placeholder: translate$5('filterToCalendar', this.language), class: "VaadinDatePicker" }))), h$2("div", { class: "FilterModalFooter" }, h$2("button", { class: "FilterModalButton", onClick: () => this.filterSearch() }, translate$5('filterModalButton', this.language))))));
+    return (h$2("div", { class: "HelperFilters" }, h$2("div", { class: "FilterButtonsWrapper" }, h$2("button", { class: "FilterOpen", onClick: () => this.toggleFilterModal() }, translate$2('filterOpen', this.language)), this.showClearButton ? h$2("button", { class: "FilterClear", onClick: () => this.resetSearch() }, translate$2('filterClear', this.language)) : null), h$2("helper-modal", { "title-modal": "Filter Modal", visible: this.showFilterModal }, h$2("div", { class: "FilterModalHeader" }, h$2("h3", { class: "FilterModalTitle" }, this.activateTicketSearch ? translate$2('filterModalTicketTitle', this.language) : translate$2('filterModalDrawTitle', this.language))), h$2("div", { class: "FilterModalBody" }, h$2("input", { type: "text", value: this.filterData.drawTicketId, onInput: (event) => this.handleDrawTicketId(event), class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate$2('filterTicketPlaceholder', this.language) : translate$2('filterDrawPlaceholder', this.language) }), h$2("div", { class: "FilterCalendarWrapper" }, h$2("vaadin-date-picker", { value: this.filterData.filterFromCalendar, onChange: (event) => this.handleFilterFrom(event), placeholder: translate$2('filterFromCalendar', this.language), class: "VaadinDatePicker" }), h$2("vaadin-date-picker", { value: this.filterData.filterToCalendar, onChange: (event) => this.handleFilterTo(event), placeholder: translate$2('filterToCalendar', this.language), class: "VaadinDatePicker" }))), h$2("div", { class: "FilterModalFooter" }, h$2("button", { class: "FilterModalButton", onClick: () => this.filterSearch() }, translate$2('filterModalButton', this.language))))));
   }
 };
 HelperFilters.style = helperFiltersCss;
 
-/**
- * @name isMobile
- * @description A method that returns if the browser used to access the app is from a mobile device or not
- * @param {String} userAgent window.navigator.userAgent
- * @returns {Boolean} true or false
- */
-const isMobile = (userAgent) => {
-  return !!(userAgent.toLowerCase().match(/android/i) ||
-    userAgent.toLowerCase().match(/blackberry|bb/i) ||
-    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
-    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
-};
-
-const helperModalCss = ":host{display:block}.HelperModalWrapper{position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.7);opacity:0;visibility:hidden;transform:scale(1.1);transition:visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;z-index:1}.HelperModalVisible{opacity:1;visibility:visible;transform:scale(1);transition:visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s}.HelperModalContent{position:relative;border:solid 1px #848e97;box-shadow:2px 2px 2px rgba(0, 0, 0, 0.007);font-size:14px;padding:10px 10px 5px 10px;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:600px;max-height:600px;overflow-y:scroll}.HelperModalMobileContent{background:#FFF;top:50%;left:50%;transform:translate(-50%, -50%);border-radius:4px;width:80%;max-height:350px}.HelperModalClose{cursor:pointer;position:absolute;top:15px;right:15px;font-size:20px;color:#000}.HelperModalMobileClose{position:absolute;top:15px;right:15px;font-size:20px;color:#000}";
-
-const HelperModal = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.cancel = createEvent(this, "modalCloseEvent", 7);
-    /**
-     * Toggles if the helper is visible or not
-     */
-    this.visible = true;
-    this.userAgent = window.navigator.userAgent;
-  }
-  handleHelperModalClose() {
-    this.visible = false;
-    this.cancel.emit();
-  }
-  ;
-  render() {
-    return ((this.visible &&
-      h$2("div", { class: this.visible ? "HelperModalWrapper HelperModalVisible" : "HelperModalWrapper" }, h$2("div", { class: "HelperModalWrapper HelperModalVisible" }, h$2("div", { class: "HelperModalContent" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') }, h$2("span", { class: "HelperModalClose" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, "X"), h$2("slot", null))))));
-  }
-};
-HelperModal.style = helperModalCss;
-
-const helperTabCss = ":host{display:block}";
-
-const HelperTab = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Selected index
-     */
-    this.selectedIndex = 0;
-  }
-  /**
- * Endpoing for CMS
- */
-  connectedCallback() {
-    /**
-     * fetch(cmsEndpoint + / + / + selectedIndex)
-     */
-  }
-  render() {
-    return [
-      h$2("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
-    ];
-  }
-};
-HelperTab.style = helperTabCss;
-
-const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:4px;padding:8px 15px;margin:5px 0 10px;border:1px solid #009993;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0;white-space:nowrap}.TabButton:hover{background:#F1F1F1}.TabButton.Active{background:#009993;color:#FFF}";
-
-const HelperTabs = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Tell me if it is disabled
-     */
-    this.disabled = false;
-    /**
-   * Tell me what tab is selected
-   */
-    this.selected = false;
-    /**
-     * Default selected index
-     */
-    this.selectedIndex = 0;
-    /**
-     * Tabs details
-     */
-    this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
-  }
-  connectedCallback() {
-  }
-  render() {
-    return (h$2("div", null, h$2("div", { class: "Tabs" }, this.tabs.map((tab, index) => h$2("button", { class: 'TabButton' + (this.selectedIndex == index ? ' Active' : ''), onClick: () => this.selectedIndex = index }, tab.label))), h$2("div", null, h$2("helper-tab", { selectedIndex: this.selectedIndex }))));
-  }
-  get host() { return getElement(this); }
-};
-HelperTabs.style = helperTabsCss;
-
-const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Circle{cursor:pointer;color:#000000;display:block;background:#FFF;border:solid 2px #00958f;height:20px;width:20px;border-radius:50%;margin:0;display:flex;align-items:center;justify-content:center;user-select:none;font-size:12px;font-weight:600;position:relative}.Circle:hover{background:#aee4e2}.Circle.Selected{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{color:#707070;background:#D4D4D4;border:solid 2px #707070;cursor:default}.Circle.DisabledSelected{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 #707070;cursor:default}";
-
-const LotteryBullet = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    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;
-    this.select = () => {
-      if (this.selectable) {
-        this.isSelected = !this.isSelected;
-        this.bulletEvent.emit({
-          value: this.value,
-          selected: this.isSelected
-        });
-      }
-    };
-  }
-  render() {
-    return (h$2("div", { class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select() }, this.value));
-  }
-};
-LotteryBullet.style = lotteryBulletCss;
-
-const DEFAULT_LANGUAGE$3 = 'en';
-const SUPPORTED_LANGUAGES$3 = ['ro', 'en'];
-const TRANSLATIONS$3 = {
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
+const TRANSLATIONS = {
   en: {
     drawResultsHeader: 'Last draw results',
     drawId: 'Draw ID',
@@ -22546,9 +22337,9 @@ const TRANSLATIONS$3 = {
     numberOfDraws: 'Numarul de extrageri'
   },
 };
-const translate$3 = (key, customLang) => {
+const translate = (key, customLang) => {
   const lang = customLang;
-  return TRANSLATIONS$3[lang !== undefined && SUPPORTED_LANGUAGES$3.includes(lang) ? lang : DEFAULT_LANGUAGE$3][key];
+  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}";
@@ -22680,797 +22471,15 @@ const LotteryDrawResults = class {
     }
     else {
       return (h$2("section", { class: "DrawResultsSection" }, !this.drawMode ?
-        h$2("div", { class: "DrawResultsArea" }, h$2("div", { class: "TicketInfo" }, h$2("div", { class: "TicketGameName" }, translate$3('drawName', this.language), ": ", h$2("span", null, this.gameName)), h$2("div", { class: "TicketDate" }, "Ticket Purchase Date: ", h$2("span", null, (_a = this.ticketData) === null || _a === void 0 ? void 0 : _a.createdAt.slice(0, 10))), h$2("div", { class: "TicketStatus" }, "Status: ", h$2("span", null, (_b = this.ticketData) === null || _b === void 0 ? void 0 : _b.state))), h$2("div", { class: "DrawResultsBody" }, h$2("div", { class: "TicketIdContainer" }, h$2("p", null, "Ticket id: ", h$2("span", null, (_c = this.ticketData) === null || _c === void 0 ? void 0 : _c.id))), h$2("div", { class: "TicketAmountContainer" }, h$2("p", null, "Ticket amount: ", h$2("span", null, (_d = this.ticketData) === null || _d === void 0 ? void 0 : _d.amount))), h$2("div", { class: "DrawNumbersGrid" }, h$2("p", null, translate$3('drawNumbersGridTicket', this.language), ":"), h$2("div", { class: "BulletContainer" }, h$2("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$2("div", { class: "DrawMultipler" }, h$2("label", { class: "Label" }, "Multiplier: ", h$2("span", null, JSON.stringify((_e = this.ticketData) === null || _e === void 0 ? void 0 : _e.multiplier)))), h$2("div", { class: "NumberOfDrawsContainer" }, h$2("p", null, translate$3('numberOfDraws', this.language), ": ", (_f = this.ticketData) === null || _f === void 0 ? void 0 :
-          _f.drawCount), h$2("div", { class: "DrawTicketsContainer" }, this.drawResults.map((item, index) => h$2("div", { class: "ExpandableBoxes" }, h$2("div", { class: this.toggleDrawer[index] ? 'ExpandableBox ShowBox' : 'ExpandableBox', onClick: () => this.changeBox(index) }, h$2("div", { class: "TicketResultContainer" }, h$2("p", null, translate$3('ticketResult', this.language), ": ", item.status)), item.state == 'won' &&
-          h$2("div", { class: "AmountWonContainer" }, h$2("p", null, translate$3('amountWon', this.language), ": ", Number(item.amount).toLocaleString('en'), " ", item.currency)), h$2("div", { class: "DrawIdContainer" }, h$2("p", null, translate$3('drawId', this.language), ": ", item.drawId)), h$2("div", { class: "DrawDateContainer" }, h$2("p", null, translate$3('drawDate', this.language), ": ", item.updatedAt.slice(0, 10), " | ", item.updatedAt.slice(11, 19))), h$2("div", { class: "DrawNumbersGrid" }), h$2("div", { class: "DrawMultipler" }, h$2("label", { class: "Label" }, "Multiplier: ", item.multiplier)))))))))
+        h$2("div", { class: "DrawResultsArea" }, h$2("div", { class: "TicketInfo" }, h$2("div", { class: "TicketGameName" }, translate('drawName', this.language), ": ", h$2("span", null, this.gameName)), h$2("div", { class: "TicketDate" }, "Ticket Purchase Date: ", h$2("span", null, (_a = this.ticketData) === null || _a === void 0 ? void 0 : _a.createdAt.slice(0, 10))), h$2("div", { class: "TicketStatus" }, "Status: ", h$2("span", null, (_b = this.ticketData) === null || _b === void 0 ? void 0 : _b.state))), h$2("div", { class: "DrawResultsBody" }, h$2("div", { class: "TicketIdContainer" }, h$2("p", null, "Ticket id: ", h$2("span", null, (_c = this.ticketData) === null || _c === void 0 ? void 0 : _c.id))), h$2("div", { class: "TicketAmountContainer" }, h$2("p", null, "Ticket amount: ", h$2("span", null, (_d = this.ticketData) === null || _d === void 0 ? void 0 : _d.amount))), h$2("div", { class: "DrawNumbersGrid" }, h$2("p", null, translate('drawNumbersGridTicket', this.language), ":"), h$2("div", { class: "BulletContainer" }, h$2("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$2("div", { class: "DrawMultipler" }, h$2("label", { class: "Label" }, "Multiplier: ", h$2("span", null, JSON.stringify((_e = this.ticketData) === null || _e === void 0 ? void 0 : _e.multiplier)))), h$2("div", { class: "NumberOfDrawsContainer" }, h$2("p", null, translate('numberOfDraws', this.language), ": ", (_f = this.ticketData) === null || _f === void 0 ? void 0 :
+          _f.drawCount), h$2("div", { class: "DrawTicketsContainer" }, this.drawResults.map((item, index) => h$2("div", { class: "ExpandableBoxes" }, h$2("div", { class: this.toggleDrawer[index] ? 'ExpandableBox ShowBox' : 'ExpandableBox', onClick: () => this.changeBox(index) }, h$2("div", { class: "TicketResultContainer" }, h$2("p", null, translate('ticketResult', this.language), ": ", item.status)), item.state == 'won' &&
+          h$2("div", { class: "AmountWonContainer" }, h$2("p", null, translate('amountWon', this.language), ": ", Number(item.amount).toLocaleString('en'), " ", item.currency)), h$2("div", { class: "DrawIdContainer" }, h$2("p", null, translate('drawId', this.language), ": ", item.drawId)), h$2("div", { class: "DrawDateContainer" }, h$2("p", null, translate('drawDate', this.language), ": ", item.updatedAt.slice(0, 10), " | ", item.updatedAt.slice(11, 19))), h$2("div", { class: "DrawNumbersGrid" }), h$2("div", { class: "DrawMultipler" }, h$2("label", { class: "Label" }, "Multiplier: ", item.multiplier)))))))))
         :
           h$2("div", { class: "DrawResultsArea" }, this.drawData &&
-            h$2("div", null, h$2("div", { class: "DrawResultsHeader" }, h$2("span", null, translate$3('drawId', this.language), ":  ", this.drawData.id), h$2("span", null, translate$3('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), h$2("div", { class: "DrawResultsBody" }, h$2("div", { class: "DrawNumbersGrid" }, h$2("p", null, translate$3('drawNumbersGridDraw', this.language), ":"), h$2("div", { class: "BulletContainer" }, h$2("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$2("div", { class: "DrawMultipler" }, h$2("label", { class: "Label" }, "Multiplier: ", this.multiplier))))))));
+            h$2("div", null, h$2("div", { class: "DrawResultsHeader" }, h$2("span", null, translate('drawId', this.language), ":  ", this.drawData.id), h$2("span", null, translate('drawDate', this.language), ": ", this.drawData.date.slice(0, 10))), h$2("div", { class: "DrawResultsBody" }, h$2("div", { class: "DrawNumbersGrid" }, h$2("p", null, translate('drawNumbersGridDraw', this.language), ":"), h$2("div", { class: "BulletContainer" }, h$2("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$2("div", { class: "DrawMultipler" }, h$2("label", { class: "Label" }, "Multiplier: ", this.multiplier))))))));
     }
   }
 };
 LotteryDrawResults.style = lotteryDrawResultsCss;
 
-const DEFAULT_LANGUAGE$2 = 'en';
-const SUPPORTED_LANGUAGES$2 = ['ro', 'en'];
-const TRANSLATIONS$2 = {
-  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$2 = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS$2[lang !== undefined && SUPPORTED_LANGUAGES$2.includes(lang) ? lang : DEFAULT_LANGUAGE$2][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 = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * 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$2("div", { class: "DrawResultsHeader" }, this.displayAllDrawsResults ? h$2("h4", null, translate$2('drawResultsHeader', this.language)) :
-      h$2("div", { class: "DrawResultsHeaderContent" }, h$2("div", { class: "FilterSection" }, this.showQuickFilters &&
-        h$2("div", { class: "FilterResultsContainer" }, h$2("button", { class: "QuickFilterButton", onClick: () => this.filterResults(5) }, translate$2('lastFiveDraws', this.language)), h$2("button", { class: "QuickFilterButton", onClick: () => this.filterResults(10) }, translate$2('lastTenDraws', this.language)), h$2("button", { class: "QuickFilterButton", onClick: () => this.filterResults(15) }, translate$2('lastFifteenDraws', this.language))), h$2("helper-filters", { "show-filter-id": "true", "activate-ticket-search": "false", "game-id": "3797", "player-id": "2323" })), h$2("h4", null, "All draws results history")));
-    let gridContent = h$2("div", { class: "HistoryGridWrapper" }, h$2("div", { class: "HistoryGrid" }, this.drawData.map((item) => h$2("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, "draw-id": item.id, "draw-mode": true })).reverse().slice(0, this.numberOfResults)));
-    return h$2("section", { class: "GridWrapper" }, h$2("div", { class: "DrawResultsSection" }, h$2("div", { class: "DrawResultsArea" }, gridHeader, gridContent, this.displayAllDrawsResults && h$2("button", { class: "ViewAllResults", onClick: this.viewAllResults }, "View All"))));
-  }
-};
-LotteryDrawResultsHistory.style = lotteryDrawResultsHistoryCss;
-
-const lotteryGameDetailsCss = ":host{display:block}";
-
-const LotteryGameDetails = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-  }
-  render() {
-    return (h$2("div", null, h$2("helper-accordion", { "header-title": "Game Details", collapsed: false }, h$2("div", { slot: "accordionContent" }, h$2("helper-tabs", null)))));
-  }
-};
-LotteryGameDetails.style = lotteryGameDetailsCss;
-
-const DEFAULT_LANGUAGE$1 = 'en';
-const SUPPORTED_LANGUAGES$1 = ['ro', 'en'];
-const TRANSLATIONS$1 = {
-  en: {
-    error: 'Error',
-    title: 'Chrono',
-    backButton: 'Back',
-    lobbyButton: 'Lobby',
-    prize: 'Prize',
-    winUpTo: 'Win up to',
-    nextDraw: 'Next draw in: ',
-    buy: 'Buy tickets',
-    viewLatest: 'View latest results',
-    createTicket: 'Create Ticket',
-    modalSuccess: 'Purchase will be successfull soon!',
-    deleteTicketModalTitle: 'Delete Ticket',
-    deleteTicketModalText: 'Are you sure you want to delete this ticket?',
-    deleteTicketModalCancel: 'Cancel',
-    deleteTicketModalConfirm: 'Delete',
-    orderSummaryTitle: 'Order Summary',
-    orderSummaryTickets: 'Ticket',
-    orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Submit'
-  },
-  ro: {
-    error: 'Eroare',
-    title: 'Loto 6/49',
-    backButton: 'Inapoi',
-    lobbyButton: 'Lobby',
-    prize: 'MARELE JACKPOT OMG',
-    winUpTo: 'Castiga pana la',
-    nextDraw: 'In cat timp devii milionar daca cumperi acum!!!',
-    buy: 'Cumpara bilet',
-    viewLatest: 'Ultimile extrageri',
-    createTicket: 'Creeaza bilet',
-    modalSuccess: 'Achiziția va avea succes în curând!',
-    deleteTicketModalTitle: 'Sterge biletul',
-    deleteTicketModalText: 'Esti sigur ca vrei sa stergi acest bilet?',
-    deleteTicketModalCancel: 'Anuleaza',
-    deleteTicketModalConfirm: 'Sterge',
-    orderSummaryTitle: 'Rezumat comanda',
-    orderSummaryTickets: 'Bilet',
-    orderSummaryTotal: 'Total',
-    orderSummarySubmit: 'Trimite'
-  },
-};
-const translate$1 = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS$1[lang !== undefined && SUPPORTED_LANGUAGES$1.includes(lang) ? lang : DEFAULT_LANGUAGE$1][key];
-};
-
-const lotteryGamePageCss = "@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%}}";
-
-const LotteryGamePage = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Language of the widget
-     */
-    this.language = 'en';
-    /**
-     * Shows the auto-pick button
-     */
-    this.autoPick = false;
-    /**
-     * Shows the reset button
-     */
-    this.resetButton = false;
-    this.tickets = [];
-    this.tabIndex = 0;
-    this.hasErrors = false;
-    this.totalAmount = 0;
-    this.successVisible = false;
-    this.deleteVisible = false;
-    this.latestDraw = {};
-    this.totalWinningsAmount = 0;
-    this.multiplier = false;
-    this.quickPick = false;
-  }
-  // @TODO fix `any` type later, I'm lazy now
-  connectedCallback() {
-    this.getGameDetails();
-    this.getDraws();
-  }
-  countdownLogic(date) {
-    this.interval = setInterval(() => {
-      this.daysRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60 * 24));
-      this.hoursRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60) - this.daysRemaining * 24);
-      this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) - this.daysRemaining * 24 * 60 - this.hoursRemaining * 60);
-      this.secondsRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / 1000 - this.daysRemaining * 24 * 60 * 60 - this.hoursRemaining * 60 * 60 - this.minutesRemaining * 60);
-    }, 1000);
-  }
-  disconnectedCallback() {
-    clearInterval(this.interval);
-  }
-  getGameDetails() {
-    let url = new URL(`${this.endpoint}/games/${this.gameId}`);
-    fetch(url.href)
-      .then((res) => {
-      if (res.status >= 300) {
-        this.hasErrors = true;
-        throw new Error('There was an error while fetching the data');
-      }
-      return res.json();
-    })
-      .then((data) => {
-      this.gameData = data;
-      this.basicStake = this.gameData.rules.stakes[0].amount;
-      let draws = this.gameData.draws.filter((item) => !item.winningNumbers);
-      console.log('draws', draws);
-      this.nextDraw = draws[0].id;
-      this.createNewTicket();
-    })
-      .catch((err) => {
-      this.hasErrors = true;
-      console.log('Error', err);
-    });
-  }
-  calculateTotalAmount() {
-    const { currency } = this.gameData.rules.stakes[0];
-    this.totalAmount = 0;
-    this.tickets.forEach((item) => {
-      if (item.completed) {
-        this.totalAmount += item.amount * item.stake;
-      }
-    });
-    this.currency = currency;
-  }
-  // @TODO CustomEvent type
-  gridFilledHandler(event) {
-    // @TODO item ts
-    this.tickets = this.tickets.map((item) => {
-      if (item.ticketId == event.detail.id) {
-        let arr = item.selectedNumbers || [];
-        arr[event.detail.index] = event.detail.selectedNumbers.map((item) => parseInt(item, 10));
-        return {
-          gameId: item.gameId,
-          ticketId: item.ticketId,
-          completed: true,
-          amount: event.detail.draws,
-          stake: item.stake,
-          selectedNumbers: arr
-        };
-      }
-      return item;
-    });
-    this.calculateTotalAmount();
-  }
-  // @TODO fix any type
-  gridDirtyHandler(event) {
-    // @TODO item ts
-    this.tickets = this.tickets.map((item) => {
-      if (item.gameId == event.detail.id) {
-        return {
-          gameId: item.gameId,
-          ticketId: item.ticketId,
-          completed: false,
-          amount: item.amount,
-          stake: item.stake,
-          grids: []
-        };
-      }
-      return item;
-    });
-  }
-  // @TODO CustomEvent type
-  deleteTicketHandler(event) {
-    this.deleteVisible = true;
-    this.deleteEventData = event;
-  }
-  modalCloseEvent() {
-    this.deleteVisible = false;
-  }
-  stakeChangeHandler(event) {
-    const { ticketId, stake } = event.detail;
-    this.tickets[ticketId - 1].stake = stake;
-    this.calculateTotalAmount();
-  }
-  multiplierChangeHandler(event) {
-    this.multiplier = event.detail;
-  }
-  getDraws() {
-    // append from query param with the current date value in order to get the next draw
-    let url = new URL(`${this.endpoint}/games/${this.gameId}/draws`);
-    let drawOptions = {
-      method: "GET",
-      headers: {
-        'Content-Type': "application/json",
-        'Accept': 'application/json',
-      },
-    };
-    fetch(url.href, drawOptions)
-      .then((response) => {
-      return response.json();
-    })
-      .then((data) => {
-      var _a;
-      let upcoming = data.items.filter((item) => {
-        if (Date.parse(item.date) > new Date().getTime()) {
-          return !item.winningNumbers;
-        }
-      });
-      let past = data.items.filter((item) => item.winningNumbers);
-      this.latestDraw = upcoming[0];
-      this.nextDate = this.latestDraw.date;
-      this.countdownLogic(this.nextDate);
-      this.lastDrawId = past[past.length - 1].id;
-      // calculate total winnings
-      // @TODO fix any type
-      (_a = this.latestDraw) === null || _a === void 0 ? void 0 : _a.prizes.forEach((element) => {
-        this.totalWinningsAmount += JSON.parse(element.amount);
-      });
-    });
-  }
-  ;
-  // @TODO fix any type
-  confirmDeleteTicketHandler(event) {
-    // @TODO fix any type
-    this.tickets = this.tickets.filter((item) => {
-      if (item.ticketId == event.detail.ticketId) {
-        return false;
-      }
-      return true;
-    });
-    this.calculateTotalAmount();
-    this.deleteVisible = false;
-  }
-  createNewTicket() {
-    this.tickets = [
-      ...this.tickets,
-      { gameId: this.gameId, ticketId: this.tickets.length + 1, completed: false, amount: 1, stake: this.basicStake, grids: [] }
-    ];
-  }
-  submitTickets() {
-    let url = new URL(`${this.endpoint}/tickets`);
-    // @TODO Body TS type
-    let body = {
-      gameId: this.gameId,
-      tickets: []
-    };
-    console.log('body', body);
-    this.tickets.forEach((item) => {
-      body.tickets.push({
-        startingDrawId: this.nextDraw,
-        amount: item.stake,
-        gameId: this.gameId,
-        currency: this.currency,
-        selection: item.selectedNumbers,
-        multiplier: this.multiplier,
-        drawCount: item.amount,
-        quickPick: this.quickPick,
-      });
-    });
-    // @TODO Options TS type
-    let options = {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'Accept': 'application/json',
-        'Authorization': `Bearer ${this.sessionId}`
-      },
-      body: JSON.stringify(body)
-    };
-    fetch(url.href, options)
-      .then((res) => {
-      if (res.status > 300) {
-        throw new Error('err');
-      }
-      return res.json();
-    })
-      .then((data) => {
-      console.log('data', data);
-    });
-    this.successVisible = true;
-  }
-  render() {
-    // const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');
-    // const backgroundDesktopSrc = getAssetPath('./static/chrono_desktop.png');
-    if (this.hasErrors) {
-      return (h$2("div", { class: "GamePage" }, h$2("div", { class: "Title" }, translate$1('error', this.language))));
-    }
-    return (
-    /* Game details */
-    h$2("div", { class: "GamePage" }, h$2("div", { class: "GridBanner" }, h$2("div", { class: "BannerButtonsWrapper" }, h$2("button", { class: "BannerBackButton" }, h$2("span", { class: "BannerBackButtonArrow" }, "\u1438 "), translate$1('backButton', this.language)), h$2("button", { class: "BannerLobbyButton" }, translate$1('lobbyButton', this.language))), h$2("div", { class: "Tabs" }, h$2("div", { class: 'TabButton' + (this.tabIndex == 0 ? ' Active' : ''), onClick: () => this.tabIndex = 0 }, translate$1('buy', this.language)), h$2("div", { class: 'TabButton' + (this.tabIndex == 1 ? ' Active' : ''), onClick: () => this.tabIndex = 1 }, translate$1('viewLatest', this.language)))), h$2("div", { class: "NextDrawWrapper" }, h$2("div", { class: "TotalWinnings" }, translate$1('winUpTo', this.language), ": ", h$2("span", null, "$", this.totalWinningsAmount.toLocaleString('en-US', { maximumFractionDigits: 2 }))), h$2("div", { class: "NextDraw" }, h$2("p", { class: "BannerText" }, translate$1('nextDraw', this.language)), h$2("div", { class: "BannerCountdown" }, h$2("span", { class: "CountdownDays" }, this.daysRemaining, "D"), h$2("span", { class: "CountdownHours" }, this.hoursRemaining, "H"), h$2("span", { class: "CountdownMinutes" }, this.minutesRemaining, "M"), h$2("span", { class: "CountdownSeconds" }, this.secondsRemaining, "S")))), this.tabIndex == 0 &&
-      h$2("div", { class: "GamePageContent" }, h$2("div", { class: "GameDetails" }, h$2("lottery-game-details", null)), h$2("div", { class: "TicketsWrapper" }, this.tickets.map((item) => h$2("lottery-ticket-controller", { endpoint: this.endpoint, "ticket-id": item.ticketId, "game-id": item.gameId, collapsed: false, last: true, language: this.language, "auto-pick": this.autoPick, "reset-button": this.resetButton })), h$2("div", { class: "CreateNewTicket" }, h$2("button", { onClick: () => this.createNewTicket() }, "+"), h$2("span", null, translate$1('createTicket', this.language)))), h$2("div", { class: "OrderSummary" }, h$2("h3", { class: "OrderSummaryTitle" }, translate$1('orderSummaryTitle', this.language)), h$2("div", { class: "Ticket" }, translate$1('orderSummaryTickets', this.language), ": ", h$2("span", null, this.tickets.length)), h$2("div", { class: "Total" }, translate$1('orderSummaryTotal', this.language), ": ", h$2("span", null, this.totalAmount, " ", this.currency)), h$2("div", { class: "ButtonWrapper" }, h$2("span", { class: "Button", onClick: () => this.submitTickets() }, translate$1('orderSummarySubmit', this.language))))), this.tabIndex == 1 &&
-      h$2("div", null, h$2("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language, "draw-id": this.lastDrawId, "draw-mode": true }), h$2("lottery-draw-results-history", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language })), h$2("helper-modal", { "title-modal": "Success", visible: this.successVisible }, h$2("p", { class: "SubmitModalSuccess" }, translate$1('modalSuccess', this.language))), h$2("helper-modal", { "title-modal": "Delete Ticket", visible: this.deleteVisible }, h$2("div", { class: "DeleteTicketModalWrapper" }, h$2("h3", { class: "DeleteTicketModalTitle" }, translate$1('deleteTicketModalTitle', this.language)), h$2("p", { class: "DeleteTicketModalText" }, translate$1('deleteTicketModalText', this.language)), h$2("div", { class: "DeleteTicketModalButtons" }, h$2("button", { class: "DeleteTicketModalCancel", onClick: () => this.modalCloseEvent() }, translate$1('deleteTicketModalCancel', this.language)), h$2("button", { class: "DeleteTicketModalConfirm", onClick: () => this.confirmDeleteTicketHandler(this.deleteEventData) }, translate$1('deleteTicketModalConfirm', this.language)))))));
-  }
-  static get assetsDirs() { return ["static"]; }
-  get element() { return getElement(this); }
-};
-LotteryGamePage.style = lotteryGamePageCss;
-
-const lotteryGridCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GridContainer{display:flex;flex-direction:column;max-width:350px}.Grid{margin-top:10px 0 10px 0;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px}";
-
-const LotteryGrid = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.gridFilledEvent = createEvent(this, "gridFilled", 7);
-    this.gridDirtyEvent = createEvent(this, "gridDirty", 7);
-    /**
-     * Number of bullets of grid
-     */
-    this.totalNumbers = 0;
-    /**
-     * Number of maximum bullets that can be selected
-     */
-    this.maximumAllowed = 0;
-    /**
-     * Minimum allowed of bullets
-     */
-    this.minimumAllowed = 1;
-    /**
-     * Allows the user to select numbers on the grid
-     */
-    this.selectable = true;
-    /**
-     * Numbers that should be showed as selected on the grid (as a string of those numbers e.g. '1,2,3,4,5,6')
-     */
-    this.selectedNumbers = '';
-    /**
-     * Show only selected numbers
-     */
-    this.displaySelected = false;
-    /**
-     * Language
-     */
-    this.language = 'en';
-    this.numbers = [];
-    this.selectedCounter = 0;
-  }
-  connectedCallback() {
-    let selected = [];
-    if (this.selectedNumbers.length > 0) {
-      selected = this.selectedNumbers.split(',');
-      this.selectedCounter = selected.length;
-    }
-    if (this.displaySelected) {
-      selected.forEach((item) => {
-        this.numbers.push({
-          number: item,
-          selected: true,
-          selectable: this.selectable
-        });
-      });
-    }
-    else {
-      [...Array(this.totalNumbers).keys()]
-        .map(number => (number + 1).toString())
-        .forEach((number) => {
-        this.numbers.push({
-          number,
-          selected: selected.indexOf(number) >= 0 ? true : false,
-          selectable: this.selectedCounter == this.maximumAllowed ? false : this.selectable
-        });
-      });
-    }
-  }
-  lotteryBulletSelectionHandler(event) {
-    this.numbers = this.numbers.map((item) => {
-      if (item.number == event.detail.value) {
-        return {
-          number: item.number,
-          selected: event.detail.selected,
-          selectable: item.selectable
-        };
-      }
-      return {
-        number: item.number,
-        selected: item.selected,
-        selectable: item.selectable
-      };
-    });
-    if (event.detail.selected) {
-      this.selectedCounter += 1;
-      if (this.selectedCounter == this.maximumAllowed) {
-        this.numbers = this.numbers.map((item) => {
-          return {
-            number: item.number,
-            selected: item.selected,
-            selectable: item.selected ? true : false
-          };
-        });
-        this.gridFilledEvent.emit({
-          id: this.ticketId,
-          index: this.gridIndex,
-          selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-        });
-      }
-    }
-    else {
-      if (this.selectedCounter == this.maximumAllowed) {
-        this.numbers = this.numbers.map((item) => {
-          return {
-            number: item.number,
-            selected: item.selected,
-            selectable: true
-          };
-        });
-        this.gridDirtyEvent.emit({
-          id: this.ticketId,
-          index: this.gridIndex,
-          selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-        });
-      }
-      this.selectedCounter -= 1;
-    }
-  }
-  async resetSelectionHandler(event) {
-    if (event.detail && event.detail == this.ticketId) {
-      this.selectedCounter = 0;
-      this.numbers = this.numbers.map((item) => {
-        return {
-          number: item.number,
-          selected: false,
-          selectable: this.selectable
-        };
-      });
-      this.gridDirtyEvent.emit({
-        id: this.ticketId,
-        index: this.gridIndex,
-        selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-      });
-    }
-  }
-  async autoSelectionHandler(event) {
-    if (event.detail && event.detail == this.ticketId) {
-      this.resetSelectionHandler(event);
-      let array = [...Array(this.totalNumbers).keys()]
-        .map(number => number + 1)
-        .sort(() => 0.5 - Math.random());
-      array = array.slice(0, this.minimumAllowed);
-      this.numbers = this.numbers.map((item) => {
-        return {
-          number: item.number,
-          selected: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
-          selectable: array.indexOf(parseInt(item.number, 10)) >= 0 ? true : false,
-        };
-      });
-      this.gridFilledEvent.emit({
-        id: this.ticketId,
-        index: this.gridIndex,
-        selectedNumbers: this.numbers.filter((item) => item.selected).map((item) => item.number)
-      });
-      this.selectedCounter = this.maximumAllowed;
-    }
-  }
-  render() {
-    return (h$2("div", { class: "GridContainer" }, h$2("div", { class: "Grid" }, this.numbers.map((item) => h$2("div", null, h$2("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected }))))));
-  }
-};
-LotteryGrid.style = lotteryGridCss;
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
-const TRANSLATIONS = {
-  en: {
-    loading: 'Loading, please wait ...',
-    error: 'It was an error while trying to fetch the data',
-    grid: 'Grid',
-    multiplier: 'Multiplier',
-    numberOfDraws: 'Number of draws',
-    wagerPerDraw: 'Wager per draw',
-    resetButton: 'Reset',
-    autoButton: 'I feel lucky'
-  },
-  ro: {
-    loading: 'Se incarca, va rugam asteptati ...',
-    error: 'A fost o eroare in timp ce asteptam datele',
-    grid: 'Grid',
-    multiplier: 'Multiplicator',
-    numberOfDraws: 'Numarul de extrageri',
-    wagerPerDraw: 'Pariul per extragere',
-    resetButton: 'Reseteaza',
-    autoButton: 'Ma simt norocos'
-  },
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const lotteryTicketCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Toggle{cursor:pointer;margin-top:20px;display:inline-block}.ToggleSwitch{display:inline-block;background:#707070;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%, #F1F1F1 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:#00ABA4}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{margin-right:5px;position:relative;top:2px;font-size:14px;font-weight:lighter;color:#000}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.NumberInput,.WagerInput{margin-top:10px;display:inline-flex;align-items:center}.NumberInput,.NumberInput *{box-sizing:border-box}.NumberInput button{cursor:pointer;outline:none;-webkit-appearance:none;background-color:transparent;border:none;align-items:center;justify-content:center;height:20px;margin:0;position:relative}.NumberInput button:after{display:inline-block;position:absolute;transform:translate(-50%, -50%) rotate(180deg);width:30px;align-items:center;text-align:center}.NumberInput button.Plus:after{transform:translate(-50%, -50%) rotate(0deg);width:30px;display:inline-flex;align-items:center;text-align:center}.NumberInput input[type=number],.WagerInput input[type=number]{max-width:50px;display:inline-flex;align-items:center;padding:4px 10px;text-align:center}.NumberInput input[type=number] .WagerInputTitle,.WagerInput input[type=number] .WagerInputTitle{font-size:14px;color:#000;padding:10px}.InputDefault{background-color:#F1F1F1;border-radius:4px;padding:5px;border:solid 1px #D4D4D4;color:#707070}.AutoButton{cursor:pointer;display:block;border-radius:4px;padding:8px 25px;width:max-content;margin:5px 0;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}.AutoButton:active{background:#00958f;color:#FFF}.ResetButton{cursor:pointer;display:block;border-radius:4px;padding:8px 25px;width:max-content;margin:5px 0;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}.ResetButton:hover{background:#FF6536;border:1px solid #FF3D00}.TicketGridBullets{background:#f1f1f1;border-radius:4px;padding:20px;margin-top:5px}.TicketGridBullets .TicketGridTitle{margin-top:0px}";
-
-const LotteryTicket = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.ticketCompleted = createEvent(this, "ticketCompleted", 7);
-    this.autoSelection = createEvent(this, "autoSelection", 7);
-    this.resetSelection = createEvent(this, "resetSelection", 7);
-    this.stakeChange = createEvent(this, "stakeChange", 7);
-    this.multiplierChange = createEvent(this, "multiplierChange", 7);
-    /**
-     * Number of grids of a ticket
-     */
-    this.numberOfGrids = 1;
-    /**
-     * Option to have the ticket registered for multiple draws
-     */
-    this.multipleDraws = true;
-    /**
-     * Shows the reset button
-     */
-    this.resetButton = false;
-    /**
-     * Shows the auto-pick button
-     */
-    this.autoPick = false;
-    /**
-     * Language
-     */
-    this.language = 'en';
-    this.multiplier = false;
-    this.numberOfDraws = 1;
-    this.isLoading = true;
-    this.hasErrors = false;
-    this.ticketDone = false;
-  }
-  connectedCallback() {
-    let url = new URL(`${this.endpoint}/games/${this.gameId}`);
-    fetch(url.href)
-      .then((response) => {
-      if (response.ok) {
-        return response.json();
-      }
-      else {
-        // Throw error
-        this.hasErrors = true;
-      }
-    })
-      .then((data) => {
-      this.isLoading = false;
-      this.gameData = data;
-      this.grids = [...Array(data.rules.boards.length).keys()];
-    })
-      .catch((err) => {
-      this.isLoading = false;
-      this.hasErrors = true;
-      console.error('Error!', err);
-    });
-  }
-  multiplierChangeHandler(e) {
-    this.multiplier = e.target ? e.target.checked : false;
-    this.multiplierChange.emit(this.multiplier);
-  }
-  drawsChangeHandler(event) {
-    this.ticket = Object.assign(Object.assign({}, this.ticket), { draws: event });
-    this.ticketCompleted.emit(this.ticket);
-  }
-  gridFilledHandler(event) {
-    this.ticket = Object.assign(Object.assign({}, event.detail), { draws: this.numberOfDraws });
-    this.ticketDone = true;
-    this.ticketCompleted.emit(this.ticket);
-  }
-  toggleAutoSelection() {
-    this.ticketDone = true;
-    this.autoSelection.emit(this.ticketId);
-  }
-  toggleResetSelection() {
-    this.ticketDone = false;
-    this.resetSelection.emit(this.ticketId);
-  }
-  changeStake(event) {
-    this.stakeChange.emit({
-      ticketId: this.ticketId,
-      stake: event.target.value
-    });
-  }
-  render() {
-    if (this.isLoading) {
-      return (h$2("div", null, h$2("p", null, translate('loading', this.language))));
-    }
-    else {
-      if (this.hasErrors) {
-        return (h$2("div", null, h$2("p", null, translate('error', this.language))));
-      }
-      else {
-        const { rules } = this.gameData;
-        return (h$2("div", { class: "TicketContainer" }, h$2("p", null, this.gameData.name), this.resetButton && this.ticketDone &&
-          h$2("a", { class: "ResetButton", onClick: () => this.toggleResetSelection() }, translate('resetButton', this.language)), this.autoPick && !this.ticketDone &&
-          h$2("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection() }, translate('autoButton', this.language)), this.grids.map((item, index) => h$2("div", { class: "TicketGridBullets" }, h$2("p", { class: "TicketGridTitle" }, translate('grid', this.language), " ", item), h$2("lottery-grid", { "grid-index": index, "maximum-allowed": rules.boards[index].maximumAllowed, "minimum-allowed": rules.boards[index].minimumAllowed, "total-numbers": rules.boards[index].totalNumbers, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, language: this.language }))), rules.multiplier &&
-          h$2("div", null, h$2("label", { class: "Toggle" }, h$2("label", { class: "Label" }, translate('multiplier', this.language), ": "), h$2("input", { class: "ToggleCheckbox", type: "checkbox", onInput: (e) => this.multiplierChangeHandler(e) }), h$2("div", { class: "ToggleSwitch" }))), this.multipleDraws &&
-          h$2("div", { class: "TicketDraws" }, h$2("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), h$2("div", { class: "NumberInput" }, h$2("button", { onClick: () => this.numberOfDraws > 1 ? this.numberOfDraws-- : this.numberOfDraws = 1, class: "Minus" }, "-"), h$2("input", { class: "InputDefault", min: "1", value: this.numberOfDraws, type: "number" }), h$2("button", { onClick: () => this.numberOfDraws++, class: "Plus" }, "+"))), h$2("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), h$2("div", { class: "WagerInput" }, rules.stakes.length > 1 ? h$2("div", null, h$2("select", { class: "InputDefault", onChange: (event) => this.changeStake(event) }, rules.stakes.map((item) => h$2("option", { value: item.amount }, item.amount, " ", item.currency)))) : h$2("div", null, h$2("input", { min: "1", value: rules.stakes[0].amount, type: "number", disabled: true }), h$2("p", { class: "WagerInputTitle" }, rules.stakes[0].currency)))));
-      }
-    }
-  }
-  static get watchers() { return {
-    "numberOfDraws": ["drawsChangeHandler"]
-  }; }
-};
-LotteryTicket.style = lotteryTicketCss;
-
-const lotteryTicketControllerCss = ":host{display:block}";
-
-const LotteryTicketController = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.deleteTicketEvent = createEvent(this, "deleteTicket", 7);
-    /**
-     * Endpoint URL for the source of data (NorWAy standard)
-     */
-    this.endpoint = '';
-    /**
-     * Ticket number
-     */
-    this.ticketId = 1;
-    /**
-     * Activates postMessages as events for actions from the widget
-     */
-    this.postMessage = false;
-    /**
-     * Name of the event emitter by the action button
-     */
-    this.eventName = 'deleteTicketAction';
-    /**
-     * Collapsed
-     */
-    this.collapsed = true;
-    /**
-     * Number of grids?
-     */
-    this.numberOfGrids = 1;
-    /**
-     * This toggles if the last ticket added should be expanded or not
-     */
-    this.last = false;
-    /**
-     * Language
-     */
-    this.language = 'en';
-    /**
-     * Shows the auto-pick button
-     */
-    this.autoPick = false;
-    /**
-     * Shows the reset button
-     */
-    this.resetButton = false;
-  }
-  // @TODO fix the `any` type
-  helperAccordionActionHandler() {
-    if (this.postMessage) {
-      window.postMessage({ type: this.eventName }, window.location.href);
-    }
-    this.deleteTicketEvent.emit({
-      ticketId: this.ticketId
-    });
-  }
-  render() {
-    return (h$2("div", null, h$2("helper-accordion", { "header-title": 'Ticket ' + this.ticketId, "header-subtitle": this.ticketDescription, footer: true, "delete-tab": true, collapsed: !this.last || this.collapsed, language: this.language }, h$2("div", { slot: "accordionContent" }, h$2("lottery-ticket", { endpoint: this.endpoint, "game-id": this.gameId, "ticket-id": this.ticketId, "number-of-grids": this.numberOfGrids, language: this.language, "reset-button": this.resetButton, "auto-pick": this.autoPick })))));
-  }
-};
-LotteryTicketController.style = lotteryTicketControllerCss;
-
-export { Accordion as helper_accordion, HelperFilters as helper_filters, HelperModal as helper_modal, HelperTab as helper_tab, HelperTabs as helper_tabs, LotteryBullet as lottery_bullet, LotteryDrawResults as lottery_draw_results, LotteryDrawResultsHistory as lottery_draw_results_history, LotteryGameDetails as lottery_game_details, LotteryGamePage as lottery_game_page, LotteryGrid as lottery_grid, LotteryTicket as lottery_ticket, LotteryTicketController as lottery_ticket_controller };
+export { HelperFilters as helper_filters, LotteryDrawResults as lottery_draw_results };