@everymatrix/lottery-game-page 0.1.2 → 0.1.6

package/dist/components/lottery-grid2.js

@@ -1,197 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './lottery-bullet2.js';
-
-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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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("div", { class: "GridContainer" }, h("div", { class: "Grid" }, this.numbers.map((item) => h("div", null, h("lottery-bullet", { value: item.number, selectable: item.selectable, "is-selected": item.selected }))))));
-  }
-  static get style() { return lotteryGridCss; }
-}, [1, "lottery-grid", {
-    "ticketId": [2, "ticket-id"],
-    "totalNumbers": [2, "total-numbers"],
-    "gameId": [1, "game-id"],
-    "maximumAllowed": [2, "maximum-allowed"],
-    "minimumAllowed": [2, "minimum-allowed"],
-    "selectable": [4],
-    "selectedNumbers": [1, "selected-numbers"],
-    "displaySelected": [4, "display-selected"],
-    "language": [1],
-    "gridIndex": [2, "grid-index"],
-    "numbers": [32]
-  }, [[0, "lotteryBulletSelection", "lotteryBulletSelectionHandler"], [4, "resetSelection", "resetSelectionHandler"], [4, "autoSelection", "autoSelectionHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-grid", "lottery-bullet"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryGrid);
-      }
-      break;
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { LotteryGrid as L, defineCustomElement as d };

package/dist/components/lottery-ticket-controller.js

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

package/dist/components/lottery-ticket-controller2.js

@@ -1,118 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$4 } from './helper-accordion2.js';
-import { d as defineCustomElement$3 } from './lottery-bullet2.js';
-import { d as defineCustomElement$2 } from './lottery-grid2.js';
-import { d as defineCustomElement$1 } from './lottery-ticket2.js';
-
-const lotteryTicketControllerCss = ":host{display:block}";
-
-const LotteryTicketController = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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("div", null, 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 }, h("div", { slot: "accordionContent" }, 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 })))));
-  }
-  static get style() { return lotteryTicketControllerCss; }
-}, [1, "lottery-ticket-controller", {
-    "endpoint": [1],
-    "ticketId": [2, "ticket-id"],
-    "ticketDescription": [1, "ticket-description"],
-    "gameId": [1, "game-id"],
-    "postMessage": [4, "post-message"],
-    "eventName": [1, "event-name"],
-    "collapsed": [4],
-    "numberOfGrids": [2, "number-of-grids"],
-    "last": [4],
-    "language": [1],
-    "autoPick": [4, "auto-pick"],
-    "resetButton": [4, "reset-button"]
-  }, [[0, "helperAccordionAction", "helperAccordionActionHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-ticket-controller", "helper-accordion", "lottery-bullet", "lottery-grid", "lottery-ticket"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-ticket-controller":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryTicketController);
-      }
-      break;
-    case "helper-accordion":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$3();
-      }
-      break;
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "lottery-ticket":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { LotteryTicketController as L, defineCustomElement as d };

package/dist/components/lottery-ticket.js

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

package/dist/components/lottery-ticket2.js

@@ -1,184 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './lottery-bullet2.js';
-import { d as defineCustomElement$1 } from './lottery-grid2.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
-const TRANSLATIONS = {
-  en: {
-    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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    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("div", null, h("p", null, translate('loading', this.language))));
-    }
-    else {
-      if (this.hasErrors) {
-        return (h("div", null, h("p", null, translate('error', this.language))));
-      }
-      else {
-        const { rules } = this.gameData;
-        return (h("div", { class: "TicketContainer" }, h("p", null, this.gameData.name), this.resetButton && this.ticketDone &&
-          h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection() }, translate('resetButton', this.language)), this.autoPick && !this.ticketDone &&
-          h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection() }, translate('autoButton', this.language)), this.grids.map((item, index) => h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, translate('grid', this.language), " ", item), h("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("div", null, h("label", { class: "Toggle" }, h("label", { class: "Label" }, translate('multiplier', this.language), ": "), h("input", { class: "ToggleCheckbox", type: "checkbox", onInput: (e) => this.multiplierChangeHandler(e) }), h("div", { class: "ToggleSwitch" }))), this.multipleDraws &&
-          h("div", { class: "TicketDraws" }, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), h("div", { class: "NumberInput" }, h("button", { onClick: () => this.numberOfDraws > 1 ? this.numberOfDraws-- : this.numberOfDraws = 1, class: "Minus" }, "-"), h("input", { class: "InputDefault", min: "1", value: this.numberOfDraws, type: "number" }), h("button", { onClick: () => this.numberOfDraws++, class: "Plus" }, "+"))), h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), h("div", { class: "WagerInput" }, rules.stakes.length > 1 ? h("div", null, h("select", { class: "InputDefault", onChange: (event) => this.changeStake(event) }, rules.stakes.map((item) => h("option", { value: item.amount }, item.amount, " ", item.currency)))) : h("div", null, h("input", { min: "1", value: rules.stakes[0].amount, type: "number", disabled: true }), h("p", { class: "WagerInputTitle" }, rules.stakes[0].currency)))));
-      }
-    }
-  }
-  static get watchers() { return {
-    "numberOfDraws": ["drawsChangeHandler"]
-  }; }
-  static get style() { return lotteryTicketCss; }
-}, [1, "lottery-ticket", {
-    "endpoint": [1],
-    "gameId": [1, "game-id"],
-    "numberOfGrids": [2, "number-of-grids"],
-    "multipleDraws": [4, "multiple-draws"],
-    "ticketId": [2, "ticket-id"],
-    "resetButton": [4, "reset-button"],
-    "autoPick": [4, "auto-pick"],
-    "language": [1],
-    "multiplier": [32],
-    "numberOfDraws": [32],
-    "isLoading": [32],
-    "hasErrors": [32],
-    "ticketDone": [32]
-  }, [[0, "gridFilled", "gridFilledHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-ticket", "lottery-bullet", "lottery-grid"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-ticket":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryTicket);
-      }
-      break;
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { LotteryTicket as L, defineCustomElement as d };

package/dist/esm/helper-accordion.entry.js

@@ -1,84 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-8f308493.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en'];
-const TRANSLATIONS = {
-  en: {
-    deleteTicket: 'Delete ticket'
-  },
-  ro: {
-    deleteTicket: 'Sterge biletul'
-  },
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][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("div", { class: "Wrapper" }, h("div", { class: "Header" }, h("p", { class: "Title" }, this.headerTitle), h("p", { class: "Subtitle" }, this.headerSubtitle), h("p", { class: "Subtitle" }, this.description), h("span", { class: "Expand", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')), this.showContent &&
-      h("div", null, h("div", { class: "Content" }, h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
-        h("div", null, this.deleteTab &&
-          h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
-  }
-};
-Accordion.style = helperAccordionCss;
-
-export { Accordion as helper_accordion };

package/dist/esm/helper-tabs.entry.js

@@ -1,34 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-8f308493.js';
-
-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("div", null, h("div", { class: "Tabs" }, this.tabs.map((tab, index) => h("button", { class: 'TabButton' + (this.selectedIndex == index ? ' Active' : ''), onClick: () => this.selectedIndex = index }, tab.label))), h("div", null, h("helper-tab", { selectedIndex: this.selectedIndex }))));
-  }
-  get host() { return getElement(this); }
-};
-HelperTabs.style = helperTabsCss;
-
-export { HelperTabs as helper_tabs };