@everymatrix/lottery-game-page 0.1.6 → 0.1.7

package/dist/cjs/lottery-ticket-controller.cjs.entry.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5701a895.js');
+
+const lotteryTicketControllerCss = ":host{display:block}";
+
+const LotteryTicketController = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.deleteTicketEvent = index.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 (index.h("div", null, index.h("helper-accordion", { "header-title": 'Ticket ' + this.ticketId, "header-subtitle": this.ticketDescription, footer: true, "delete-tab": true, collapsed: !this.last || this.collapsed, language: this.language }, index.h("div", { slot: "accordionContent" }, index.h("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;
+
+exports.lottery_ticket_controller = LotteryTicketController;

package/dist/cjs/lottery-ticket.cjs.entry.js

@@ -0,0 +1,169 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-5701a895.js');
+
+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}.TicketTitle{font-size:16px;font-weight:bold}.ButtonContainer{display:flex;justify-content:flex-end}.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;border:none;align-items:center;justify-content:center;height:20px;position:relative}.NumberInput button:after{display:inline-block;position:absolute;transform:translate(-50%, -50%) rotate(180deg);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:inline-block;border-radius:4px;padding:8px 20px;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:inline-block;border-radius:4px;padding:8px 20px;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}.Minus{border-radius:4px;width:30px;height:24px !important;margin-right:10px;color:#FFF;background:#009993}.Plus{border-radius:4px;width:30px;height:24px !important;margin-left:10px;color:#FFF;background:#009993}.SelectWrapper{width:auto;padding:5px;margin:0 auto;border:1px solid #ccc;border-radius:5px;position:relative}.SelectButton,.SelectOptions li{display:flex;align-items:center;cursor:pointer}.SelectButton{display:flex;padding:0 5px;border-radius:7px;align-items:center;justify-content:space-between;font-size:14px}.SelectButton span:first-child{padding-right:10px}.SelectExpand{transition:transform 0.3s linear;font-size:12px}.SelectActive .SelectExpand{transform:rotate(180deg)}.SelectContent{display:none;padding:5px;border-radius:7px}.SelectWrapper.SelectActive .SelectContent{width:100%;display:block;position:absolute;left:0;top:32px;padding:0;border:1px solid #ccc;overflow:hidden;background:#fff}.SelectContent .SelectOptions{max-height:100px;margin:0;overflow-y:auto;padding:0}.SelectContent .SelectOptions .SelectedValue{background-color:#009993;color:#fff}.SelectOptions::-webkit-scrollbar{width:7px}.SelectOptions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.SelectOptions::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.SelectOptions li{height:20px;padding:0 13px;font-size:14px}.SelectOptions li:hover{background:#f2f2f2}";
+
+const LotteryTicket = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.ticketCompleted = index.createEvent(this, "ticketCompleted", 7);
+    this.autoSelection = index.createEvent(this, "autoSelection", 7);
+    this.resetSelection = index.createEvent(this, "resetSelection", 7);
+    this.stakeChange = index.createEvent(this, "stakeChange", 7);
+    this.multiplierChange = index.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;
+    this.isCustomSelect = false;
+    this.amountInfo = {};
+  }
+  /**
+   * @TODO find a better way to implement click outside the custom select, so that we don't have to use the 'data-cluster' attribute on each element
+   */
+  checkForClickOutside(ev) {
+    if (ev.composedPath()[0].getAttribute('data-cluster') !== 'SelectComponent') {
+      this.isCustomSelect = 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()];
+      this.amountInfo = this.gameData.rules.stakes[0]; // initial value for select
+    })
+      .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(ticketid, amount) {
+    this.stakeChange.emit({
+      ticketId: ticketid,
+      stake: amount
+    });
+  }
+  toggleClass() {
+    this.isCustomSelect = !this.isCustomSelect;
+  }
+  setDropdownItem(item) {
+    this.amountInfo = {
+      amount: item.amount,
+      currency: item.currency
+    };
+    this.isCustomSelect = false;
+    this.changeStake(this.ticketId, item.amount);
+  }
+  render() {
+    if (this.isLoading) {
+      return (index.h("div", null, index.h("p", null, translate('loading', this.language))));
+    }
+    else {
+      if (this.hasErrors) {
+        return (index.h("div", null, index.h("p", null, translate('error', this.language))));
+      }
+      else {
+        const { rules } = this.gameData;
+        return (index.h("div", { class: "TicketContainer" }, index.h("p", { class: "TicketTitle" }, this.gameData.name), this.resetButton && this.ticketDone &&
+          index.h("div", { class: "ButtonContainer" }, index.h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection() }, translate('resetButton', this.language))), this.autoPick && !this.ticketDone &&
+          index.h("div", { class: "ButtonContainer" }, index.h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection() }, translate('autoButton', this.language))), this.grids.map((item, index$1) => index.h("div", { class: "TicketGridBullets" }, index.h("p", { class: "TicketGridTitle" }, translate('grid', this.language), " ", item), index.h("lottery-grid", { "grid-index": index$1, "maximum-allowed": rules.boards[index$1].maximumAllowed, "minimum-allowed": rules.boards[index$1].minimumAllowed, "total-numbers": rules.boards[index$1].totalNumbers, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, language: this.language }))), rules.multiplier &&
+          index.h("div", null, index.h("label", { class: "Toggle" }, index.h("label", { class: "Label" }, translate('multiplier', this.language), ": "), index.h("input", { class: "ToggleCheckbox", type: "checkbox", onInput: (e) => this.multiplierChangeHandler(e) }), index.h("div", { class: "ToggleSwitch" }))), this.multipleDraws &&
+          index.h("div", { class: "TicketDraws" }, index.h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), index.h("div", { class: "NumberInput" }, index.h("button", { onClick: () => this.numberOfDraws > 1 ? this.numberOfDraws-- : this.numberOfDraws = 1, class: "Minus" }, "-"), index.h("input", { class: "InputDefault", min: "1", value: this.numberOfDraws, type: "number" }), index.h("button", { onClick: () => this.numberOfDraws++, class: "Plus" }, "+"))), index.h("div", null, index.h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), index.h("div", { class: "WagerInput" }, rules.stakes.length > 1 ?
+          (index.h("div", { "data-cluster": "SelectComponent", class: this.isCustomSelect ? "SelectWrapper SelectActive" : "SelectWrapper" }, index.h("div", { "data-cluster": "SelectComponent", class: "SelectButton", onClick: () => this.toggleClass() }, index.h("span", { "data-cluster": "SelectComponent" }, this.amountInfo.amount, " ", this.amountInfo.currency), index.h("span", { "data-cluster": "SelectComponent", class: "SelectExpand" }, "\u25BC")), index.h("div", { "data-cluster": "SelectComponent", class: "SelectContent" }, index.h("ul", { "data-cluster": "SelectComponent", class: "SelectOptions" }, rules.stakes.map((item) => index.h("li", { "data-cluster": "SelectComponent", class: this.amountInfo.amount == item.amount ? 'SelectedValue' : '', value: item.amount, onClick: () => this.setDropdownItem(item) }, item.amount, " ", item.currency)))))) : (index.h("div", null, index.h("input", { min: "1", value: rules.stakes[0].amount, type: "number", disabled: true }), index.h("p", { class: "WagerInputTitle" }, rules.stakes[0].currency)))))));
+      }
+    }
+  }
+  static get watchers() { return {
+    "numberOfDraws": ["drawsChangeHandler"]
+  }; }
+};
+LotteryTicket.style = lotteryTicketCss;
+
+exports.lottery_ticket = LotteryTicket;

package/dist/collection/collection-manifest.json

@@ -39,6 +39,12 @@
         "helper-tabs"
       ]
     },
+    {
+      "name": "@everymatrix/lottery-bullet",
+      "tags": [
+        "lottery-bullet"
+      ]
+    },
     {
       "name": "@everymatrix/lottery-draw-results",
       "tags": [
@@ -56,6 +62,24 @@
       "tags": [
         "lottery-game-details"
       ]
+    },
+    {
+      "name": "@everymatrix/lottery-grid",
+      "tags": [
+        "lottery-grid"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-ticket",
+      "tags": [
+        "lottery-ticket"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-ticket-controller",
+      "tags": [
+        "lottery-ticket-controller"
+      ]
     }
   ],
   "bundles": [

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

@@ -37,6 +37,7 @@ export class LotteryGamePage {
   connectedCallback() {
     this.getGameDetails();
     this.getDraws();
+    console.log(this.language);
     if (this.sessionId) {
       this.isLoggedIn = true;
     }
@@ -510,4 +511,3 @@ export class LotteryGamePage {
       "passive": false
     }]; }
 }
-//# sourceMappingURL=lottery-game-page.js.map

package/dist/collection/index.js

@@ -1,2 +1 @@
 export * from './components';
-//# sourceMappingURL=index.js.map

package/dist/collection/utils/locale.utils.js

@@ -75,4 +75,3 @@ export const translate = (key, customLang) => {
   const lang = customLang;
   return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };
-//# sourceMappingURL=locale.utils.js.map

package/dist/collection/utils/utils.js

@@ -10,4 +10,3 @@ export const isMobile = (userAgent) => {
     userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
     userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
 };
-//# sourceMappingURL=utils.js.map

package/dist/components/helper-accordion.js

@@ -4,5 +4,3 @@ const HelperAccordion = Accordion;
 const defineCustomElement = defineCustomElement$1;
 
 export { HelperAccordion, defineCustomElement };
-
-//# sourceMappingURL=helper-accordion.js.map

package/dist/components/helper-accordion2.js

@@ -114,5 +114,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { Accordion as A, defineCustomElement as d };
-
-//# sourceMappingURL=helper-accordion2.js.map

package/dist/components/helper-filters.js

@@ -4,5 +4,3 @@ const HelperFilters = HelperFilters$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HelperFilters, defineCustomElement };
-
-//# sourceMappingURL=helper-filters.js.map

package/dist/components/helper-filters2.js

@@ -1,4 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import '@vaadin/date-picker';
 import { d as defineCustomElement$1 } from './helper-modal2.js';
 
 const DEFAULT_LANGUAGE = 'en';
@@ -127,7 +128,7 @@ const HelperFilters = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.filterData.filterToCalendar = new Date(event.target.value).toISOString();
   }
   render() {
-    return (h("div", { class: "HelperFilters" }, h("div", { class: "FilterButtonsWrapper" }, h("button", { class: "FilterOpen", onClick: () => this.toggleFilterModal() }, translate('filterOpen', this.language)), this.showClearButton ? h("button", { class: "FilterClear", onClick: () => this.resetSearch() }, translate('filterClear', this.language)) : null), h("helper-modal", { "title-modal": "Filter Modal", visible: this.showFilterModal }, h("div", { class: "FilterModalHeader" }, h("h3", { class: "FilterModalTitle" }, this.activateTicketSearch ? translate('filterModalTicketTitle', this.language) : translate('filterModalDrawTitle', this.language))), h("div", { class: "FilterModalBody" }, h("input", { id: "FilterById", type: "text", value: this.filterData.ticketDrawId, onInput: (event) => this.handleTicketDrawId(event), class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate('filterTicketPlaceholder', this.language) : translate('filterDrawPlaceholder', this.language) }), h("p", null, translate('filterOrDate', this.language)), h("div", { class: "FilterCalendarWrapper" })), h("div", { class: "FilterModalFooter" }, h("button", { class: "FilterModalButton", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));
+    return (h("div", { class: "HelperFilters" }, h("div", { class: "FilterButtonsWrapper" }, h("button", { class: "FilterOpen", onClick: () => this.toggleFilterModal() }, translate('filterOpen', this.language)), this.showClearButton ? h("button", { class: "FilterClear", onClick: () => this.resetSearch() }, translate('filterClear', this.language)) : null), h("helper-modal", { "title-modal": "Filter Modal", visible: this.showFilterModal }, h("div", { class: "FilterModalHeader" }, h("h3", { class: "FilterModalTitle" }, this.activateTicketSearch ? translate('filterModalTicketTitle', this.language) : translate('filterModalDrawTitle', this.language))), h("div", { class: "FilterModalBody" }, h("input", { id: "FilterById", type: "text", value: this.filterData.ticketDrawId, onInput: (event) => this.handleTicketDrawId(event), class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate('filterTicketPlaceholder', this.language) : translate('filterDrawPlaceholder', this.language) }), h("p", null, translate('filterOrDate', this.language)), h("div", { class: "FilterCalendarWrapper" }, h("vaadin-date-picker", { value: this.filterData.filterFromCalendar, onChange: (event) => this.handleFilterFrom(event), placeholder: translate('filterFromCalendar', this.language), class: "VaadinDatePicker" }), h("vaadin-date-picker", { value: this.filterData.filterToCalendar, onChange: (event) => this.handleFilterTo(event), placeholder: translate('filterToCalendar', this.language), class: "VaadinDatePicker" }))), h("div", { class: "FilterModalFooter" }, h("button", { class: "FilterModalButton", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));
   }
   static get style() { return helperFiltersCss; }
 }, [1, "helper-filters", {
@@ -164,5 +165,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { HelperFilters as H, defineCustomElement as d };
-
-//# sourceMappingURL=helper-filters2.js.map

package/dist/components/helper-modal.js

@@ -4,5 +4,3 @@ const HelperModal = HelperModal$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HelperModal, defineCustomElement };
-
-//# sourceMappingURL=helper-modal.js.map

package/dist/components/helper-modal2.js

@@ -57,5 +57,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { HelperModal as H, defineCustomElement as d };
-
-//# sourceMappingURL=helper-modal2.js.map

package/dist/components/helper-pagination.js

@@ -214,5 +214,3 @@ const HelperPagination = HelperPagination$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HelperPagination, defineCustomElement };
-
-//# sourceMappingURL=helper-pagination.js.map

package/dist/components/helper-tab.js

@@ -4,5 +4,3 @@ const HelperTab = HelperTab$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HelperTab, defineCustomElement };
-
-//# sourceMappingURL=helper-tab.js.map

package/dist/components/helper-tab2.js

@@ -50,5 +50,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { HelperTab as H, defineCustomElement as d };
-
-//# sourceMappingURL=helper-tab2.js.map

package/dist/components/helper-tabs.js

@@ -4,5 +4,3 @@ const HelperTabs = HelperTabs$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { HelperTabs, defineCustomElement };
-
-//# sourceMappingURL=helper-tabs.js.map

package/dist/components/helper-tabs2.js

@@ -61,5 +61,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { HelperTabs as H, defineCustomElement as d };
-
-//# sourceMappingURL=helper-tabs2.js.map

package/dist/components/index.js

@@ -1,3 +1 @@
 export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
-
-//# sourceMappingURL=index.js.map

package/dist/components/lottery-bullet.js

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,57 @@
+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;
+    this.select = () => {
+      if (this.selectable) {
+        this.isSelected = !this.isSelected;
+        this.bulletEvent.emit({
+          value: this.value,
+          selected: this.isSelected
+        });
+      }
+    };
+  }
+  render() {
+    return (h("div", { class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select() }, this.value));
+  }
+  static get style() { return lotteryBulletCss; }
+}, [1, "lottery-bullet", {
+    "value": [1],
+    "selectable": [4],
+    "isSelected": [4, "is-selected"]
+  }]);
+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;
+  } });
+}
+defineCustomElement();
+
+export { LotteryBullet as L, defineCustomElement as d };

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

@@ -4,5 +4,3 @@ const LotteryDrawResultsHistory = LotteryDrawResultsHistory$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { LotteryDrawResultsHistory, defineCustomElement };
-
-//# sourceMappingURL=lottery-draw-results-history.js.map

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

@@ -1,8 +1,9 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import '@everymatrix/lottery-grid';
-import { d as defineCustomElement$3 } from './helper-filters2.js';
-import { d as defineCustomElement$2 } from './helper-modal2.js';
-import { d as defineCustomElement$1 } from './lottery-draw-results2.js';
+import { d as defineCustomElement$5 } from './helper-filters2.js';
+import { d as defineCustomElement$4 } from './helper-modal2.js';
+import { d as defineCustomElement$3 } from './lottery-bullet2.js';
+import { d as defineCustomElement$2 } from './lottery-draw-results2.js';
+import { d as defineCustomElement$1 } from './lottery-grid2.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en'];
@@ -176,7 +177,7 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["lottery-draw-results-history", "helper-filters", "helper-modal", "lottery-draw-results"];
+  const components = ["lottery-draw-results-history", "helper-filters", "helper-modal", "lottery-bullet", "lottery-draw-results", "lottery-grid"];
   components.forEach(tagName => { switch (tagName) {
     case "lottery-draw-results-history":
       if (!customElements.get(tagName)) {
@@ -185,15 +186,25 @@ function defineCustomElement() {
       break;
     case "helper-filters":
       if (!customElements.get(tagName)) {
-        defineCustomElement$3();
+        defineCustomElement$5();
       }
       break;
     case "helper-modal":
       if (!customElements.get(tagName)) {
-        defineCustomElement$2();
+        defineCustomElement$4();
+      }
+      break;
+    case "lottery-bullet":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$3();
       }
       break;
     case "lottery-draw-results":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "lottery-grid":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }
@@ -203,5 +214,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LotteryDrawResultsHistory as L, defineCustomElement as d };
-
-//# sourceMappingURL=lottery-draw-results-history2.js.map

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

@@ -4,5 +4,3 @@ const LotteryDrawResults = LotteryDrawResults$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { LotteryDrawResults, defineCustomElement };
-
-//# sourceMappingURL=lottery-draw-results.js.map

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

@@ -1,5 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import '@everymatrix/lottery-grid';
+import { d as defineCustomElement$2 } from './lottery-bullet2.js';
+import { d as defineCustomElement$1 } from './lottery-grid2.js';
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en'];
@@ -207,17 +208,25 @@ function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["lottery-draw-results"];
+  const components = ["lottery-draw-results", "lottery-bullet", "lottery-grid"];
   components.forEach(tagName => { switch (tagName) {
     case "lottery-draw-results":
       if (!customElements.get(tagName)) {
         customElements.define(tagName, LotteryDrawResults);
       }
       break;
+    case "lottery-bullet":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$2();
+      }
+      break;
+    case "lottery-grid":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
   } });
 }
 defineCustomElement();
 
 export { LotteryDrawResults as L, defineCustomElement as d };
-
-//# sourceMappingURL=lottery-draw-results2.js.map

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

@@ -4,5 +4,3 @@ const LotteryGameDetails = LotteryGameDetails$1;
 const defineCustomElement = defineCustomElement$1;
 
 export { LotteryGameDetails, defineCustomElement };
-
-//# sourceMappingURL=lottery-game-details.js.map

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

@@ -47,5 +47,3 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LotteryGameDetails as L, defineCustomElement as d };
-
-//# sourceMappingURL=lottery-game-details2.js.map