@everymatrix/lottery-game-page 0.1.2 → 0.1.6

package/dist/components/helper-filters2.js.map

@@ -0,0 +1 @@
+{"file":"helper-filters2.js","mappings":"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","names":[],"sources":["../helper-filters/dist/collection/utils/locale.utils.js","../helper-filters/dist/collection/components/helper-filters/helper-filters.css?tag=helper-filters&encapsulation=shadow","../helper-filters/dist/collection/components/helper-filters/helper-filters.js"],"sourcesContent":["const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en'];\nconst TRANSLATIONS = {\n  en: {\n    filterOpen: 'Filter',\n    filterClear: 'Clear',\n    filterModalTicketTitle: 'Ticket Results',\n    filterModalDrawTitle: 'Draws Results History',\n    filterTicketPlaceholder: 'Search for a ticket ID',\n    filterDrawPlaceholder: 'Search for a draw ID',\n    filterDateRangePlaceholder: 'Date Range',\n    filterModalButton: 'Search',\n    filterFromCalendar: 'From',\n    filterToCalendar: 'To',\n    filterOrDate: 'or search by date'\n  },\n  ro: {\n    filterOpen: 'Filtrare',\n    filterClear: 'Stergere',\n    filterModalTicketTitle: 'Rezultatele biletelor',\n    filterModalDrawTitle: 'Rezultatele draw-urilor',\n    filterTicketPlaceholder: 'Cauta ID bilet',\n    filterDrawPlaceholder: 'Cauta ID draw',\n    filterDateRangePlaceholder: 'Perioada',\n    filterModalButton: 'Cauta',\n    filterOrDate: 'sau cauta dupa data'\n  },\n};\nexport const translate = (key, customLang) => {\n  const lang = customLang;\n  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];\n};\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");\n:host {\n  display: block;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.FilterButtonsWrapper {\n  display: flex;\n  justify-content: flex-end;\n  gap: 5px;\n}\n.FilterButtonsWrapper .FilterOpen {\n  cursor: pointer;\n  border-radius: 4px;\n  padding: 8px 15px;\n  width: max-content;\n  border: 1px solid #00958f;\n  background: #00958f;\n  color: #FFF;\n  font-size: 12px;\n  transition: all 0.2s linear;\n  text-align: center;\n  letter-spacing: 0;\n}\n.FilterButtonsWrapper .FilterOpen:hover {\n  background: #00958f;\n  color: #FFF;\n}\n.FilterButtonsWrapper .FilterClear {\n  cursor: pointer;\n  border-radius: 4px;\n  padding: 8px 15px;\n  width: max-content;\n  border: 1px solid #00958f;\n  background: #FFF;\n  color: #000;\n  font-size: 12px;\n  transition: all 0.2s linear;\n  text-align: center;\n  letter-spacing: 0;\n}\n.FilterButtonsWrapper .FilterClear:hover {\n  background: #00958f;\n  color: #FFF;\n}\n\n.FilterModalHeader,\n.FilterModalBody,\n.FilterModalFooter {\n  display: flex;\n  flex-direction: column;\n  gap: 5px;\n  align-items: center;\n  margin: 20px 0;\n}\n.FilterModalHeader .FilterModalTitle,\n.FilterModalBody .FilterModalTitle,\n.FilterModalFooter .FilterModalTitle {\n  margin: 0;\n  padding: 0;\n  font-weight: 700;\n  font-size: 16px;\n  color: #009993;\n  text-transform: uppercase;\n}\n.FilterModalHeader .FilterModalSearch,\n.FilterModalBody .FilterModalSearch,\n.FilterModalFooter .FilterModalSearch {\n  border-radius: 4px;\n  background: #e8ebef;\n  color: #263445;\n  width: 100%;\n  height: 26px;\n  max-width: 280px;\n  padding: 5px;\n  font-size: 15px;\n  border: none;\n  outline: #009993;\n}\n.FilterModalHeader .FilterCalendarWrapper,\n.FilterModalBody .FilterCalendarWrapper,\n.FilterModalFooter .FilterCalendarWrapper {\n  display: flex;\n  gap: 5px;\n}\n.FilterModalHeader .FilterCalendarWrapper .VaadinDatePicker,\n.FilterModalBody .FilterCalendarWrapper .VaadinDatePicker,\n.FilterModalFooter .FilterCalendarWrapper .VaadinDatePicker {\n  width: 50%;\n  max-width: 143px;\n}\n.FilterModalHeader .FilterModalButton,\n.FilterModalBody .FilterModalButton,\n.FilterModalFooter .FilterModalButton {\n  cursor: pointer;\n  border-radius: 4px;\n  padding: 8px 60px;\n  width: max-content;\n  margin: 5px;\n  border: 1px solid #00958f;\n  background: #00958f;\n  color: #FFF;\n  font-size: 12px;\n  transition: all 0.2s linear;\n  text-transform: uppercase;\n  text-align: center;\n  letter-spacing: 0;\n}\n.FilterModalHeader .FilterModalButton:hover,\n.FilterModalBody .FilterModalButton:hover,\n.FilterModalFooter .FilterModalButton:hover {\n  background: #00958f;\n  color: #FFF;\n}\n.FilterModalHeader p,\n.FilterModalBody p,\n.FilterModalFooter p {\n  margin: 5px 0;\n}","import { Component, h, State, Prop, Event, Listen } from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\n// import '@vaadin/date-picker';\n// import '@vaadin/vaadin-date-picker/vaadin-date-picker.js';\nimport '@everymatrix/helper-modal';\nexport class HelperFilters {\n  constructor() {\n    /**\n     * Check if show the filter option by id\n     */\n    this.showFilterId = true;\n    /**\n     * Choose if filter by draw ID or ticket ID. By default is draw ID.\n     */\n    this.activateTicketSearch = false;\n    /**\n     * Game ID\n     */\n    this.gameId = '';\n    /**\n     * Player ID\n     */\n    this.playerId = '';\n    /**\n     * Session ID\n     */\n    this.session = '';\n    /**\n     * Instead of customEvents the widget triggers postMessages\n     */\n    this.postMessage = false;\n    /**\n     * Language\n     */\n    this.language = 'en';\n    this.showFilterModal = false;\n    this.showClearButton = false;\n    this.filterData = {};\n    this.filterDataReset = { ticketDrawId: '', filterFromCalendar: '', filterToCalendar: '' };\n  }\n  // reset field values each time the filter modal opens\n  componentDidRender() {\n    this.filterData.ticketDrawId = null;\n    this.filterData.filterFromCalendar = null;\n    this.filterData.filterToCalendar = null;\n    // @TODO: to way binding?\n    if (document.getElementById('#FilterById'))\n      document.getElementById('#FilterById').value = '';\n  }\n  filterSelectionHandler(event) {\n    if (this.postMessage)\n      window.postMessage({ type: 'filterSelection', event }, window.location.href);\n    if (this.filterData.ticketDrawId)\n      this.filterDraw.emit(event);\n    if (this.filterData.filterFromCalendar || this.filterData.filterToCalendar)\n      this.filterSelection.emit(event);\n    ;\n  }\n  filterSelectionResetHandler(event) {\n    if (this.postMessage)\n      window.postMessage({ type: 'filterSelectionReset', event }, window.location.href);\n    this.filterSelectionReset.emit(event);\n  }\n  modalCloseEvent() {\n    this.showFilterModal = false;\n  }\n  // Toggle filter modal\n  toggleFilterModal() {\n    this.showFilterModal = true;\n  }\n  // Filter search\n  filterSearch() {\n    this.modalCloseEvent();\n    this.showClearButton = true;\n    this.filterSelectionHandler(this.filterData);\n  }\n  resetSearch() {\n    this.showClearButton = false;\n    this.filterSelectionResetHandler(this.filterDataReset);\n    this.filterData = {};\n  }\n  handleTicketDrawId(event) {\n    this.filterData.ticketDrawId = event.target.value;\n  }\n  handleFilterFrom(event) {\n    this.filterData.filterFromCalendar = new Date(event.target.value).toISOString();\n  }\n  handleFilterTo(event) {\n    this.filterData.filterToCalendar = new Date(event.target.value).toISOString();\n  }\n  render() {\n    return (h(\"div\", { class: \"HelperFilters\" },\n      h(\"div\", { class: \"FilterButtonsWrapper\" },\n        h(\"button\", { class: \"FilterOpen\", onClick: () => this.toggleFilterModal() }, translate('filterOpen', this.language)),\n        this.showClearButton ? h(\"button\", { class: \"FilterClear\", onClick: () => this.resetSearch() }, translate('filterClear', this.language)) : null),\n      h(\"helper-modal\", { \"title-modal\": \"Filter Modal\", visible: this.showFilterModal },\n        h(\"div\", { class: \"FilterModalHeader\" },\n          h(\"h3\", { class: \"FilterModalTitle\" }, this.activateTicketSearch ? translate('filterModalTicketTitle', this.language) : translate('filterModalDrawTitle', this.language))),\n        h(\"div\", { class: \"FilterModalBody\" },\n          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) }),\n          h(\"p\", null, translate('filterOrDate', this.language)),\n          h(\"div\", { class: \"FilterCalendarWrapper\" })),\n        h(\"div\", { class: \"FilterModalFooter\" },\n          h(\"button\", { class: \"FilterModalButton\", onClick: () => this.filterSearch() }, translate('filterModalButton', this.language))))));\n  }\n  static get is() { return \"helper-filters\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"helper-filters.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"helper-filters.css\"]\n  }; }\n  static get properties() { return {\n    \"showFilterId\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Check if show the filter option by id\"\n      },\n      \"attribute\": \"show-filter-id\",\n      \"reflect\": false,\n      \"defaultValue\": \"true\"\n    },\n    \"activateTicketSearch\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Choose if filter by draw ID or ticket ID. By default is draw ID.\"\n      },\n      \"attribute\": \"activate-ticket-search\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"gameId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Game ID\"\n      },\n      \"attribute\": \"game-id\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"playerId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Player ID\"\n      },\n      \"attribute\": \"player-id\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"session\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Session ID\"\n      },\n      \"attribute\": \"session\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"postMessage\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Instead of customEvents the widget triggers postMessages\"\n      },\n      \"attribute\": \"post-message\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"language\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Language\"\n      },\n      \"attribute\": \"language\",\n      \"reflect\": false,\n      \"defaultValue\": \"'en'\"\n    }\n  }; }\n  static get states() { return {\n    \"showFilterModal\": {},\n    \"showClearButton\": {},\n    \"filterData\": {},\n    \"filterDataReset\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"filterDraw\",\n      \"name\": \"filterDraw\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"HelperFilters\",\n        \"resolved\": \"HelperFilters\",\n        \"references\": {\n          \"HelperFilters\": {\n            \"location\": \"global\"\n          }\n        }\n      }\n    }, {\n      \"method\": \"filterSelection\",\n      \"name\": \"filterSelection\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"HelperFilters\",\n        \"resolved\": \"HelperFilters\",\n        \"references\": {\n          \"HelperFilters\": {\n            \"location\": \"global\"\n          }\n        }\n      }\n    }, {\n      \"method\": \"filterSelectionReset\",\n      \"name\": \"filterSelectionReset\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"HelperFilters\",\n        \"resolved\": \"HelperFilters\",\n        \"references\": {\n          \"HelperFilters\": {\n            \"location\": \"global\"\n          }\n        }\n      }\n    }]; }\n  static get listeners() { return [{\n      \"name\": \"modalCloseEvent\",\n      \"method\": \"modalCloseEvent\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }]; }\n}\n"],"version":3}

package/dist/components/helper-modal.js

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

package/dist/components/helper-modal.js.map

@@ -0,0 +1 @@
+{"file":"helper-modal.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/helper-modal2.js

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

package/dist/components/helper-modal2.js.map

@@ -0,0 +1 @@
+{"file":"helper-modal2.js","mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM,QAAQ,GAAG,CAAC,SAAS,KAAK;AACvC,EAAE,OAAO,CAAC,EAAE,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC;AACrD,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;AACnD,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC;AACtD,IAAI,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC,CAAC;AACvF,CAAC;;ACXD,MAAM,cAAc,GAAG,y/BAAy/B;;MCEngC,WAAW;EACtB;;;;;;;;IAIE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;IACpB,IAAI,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC;GAC7C;EACD,sBAAsB;IACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACrB,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;GACpB;;EAED,MAAM;IACJ,SAAS,IAAI,CAAC,OAAO;MACnB,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,uCAAuC,GAAG,oBAAoB,EAAE,EAC/F,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uCAAuC,EAAE,EACzD,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,2BAA2B,GAAG,EAAE,CAAC,EAAE,EACtG,CAAC,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,kBAAkB,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,yBAAyB,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,EAAE,GAAG,CAAC,EAC5J,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG;GAC9B;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../helper-modal/dist/collection/utils/utils.js","../helper-modal/dist/collection/components/helper-modal/helper-modal.css?tag=helper-modal&encapsulation=shadow","../helper-modal/dist/collection/components/helper-modal/helper-modal.js"],"sourcesContent":["/**\n * @name isMobile\n * @description A method that returns if the browser used to access the app is from a mobile device or not\n * @param {String} userAgent window.navigator.userAgent\n * @returns {Boolean} true or false\n */\nexport const isMobile = (userAgent) => {\n  return !!(userAgent.toLowerCase().match(/android/i) ||\n    userAgent.toLowerCase().match(/blackberry|bb/i) ||\n    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||\n    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));\n};\n/**\n * @name getDevice\n * @description A method that returns the type of the device\n * @param {String} userAgent window.navigator.userAgent\n * @returns {String} Android/iPhone/iPad/PC\n */\nexport const getDevice = (userAgent) => {\n  if (userAgent.toLowerCase().match(/android/i)) {\n    return 'Android';\n  }\n  if (userAgent.toLowerCase().match(/iphone/i)) {\n    return 'iPhone';\n  }\n  if (userAgent.toLowerCase().match(/ipad|ipod/i)) {\n    return 'iPad';\n  }\n  return 'PC';\n};\n",":host {\n  display: block;\n}\n\n.HelperModalWrapper {\n  position: fixed;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background: rgba(0, 0, 0, 0.7);\n  opacity: 0;\n  visibility: hidden;\n  transform: scale(1.1);\n  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;\n  z-index: 1;\n}\n\n.HelperModalVisible {\n  opacity: 1;\n  visibility: visible;\n  transform: scale(1);\n  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;\n}\n\n.HelperModalContent {\n  position: relative;\n  border: solid 1px #848e97;\n  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.007);\n  font-size: 14px;\n  padding: 10px 10px 5px 10px;\n  background-color: #fff;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 4px;\n  width: 600px;\n  max-height: 600px;\n  overflow-y: scroll;\n}\n\n.HelperModalMobileContent {\n  background: #FFF;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  border-radius: 4px;\n  width: 80%;\n  max-height: 350px;\n}\n\n.HelperModalClose {\n  cursor: pointer;\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  font-size: 20px;\n  color: #000;\n}\n\n.HelperModalMobileClose {\n  position: absolute;\n  top: 15px;\n  right: 15px;\n  font-size: 20px;\n  color: #000;\n}","import { Component, Event, h, Prop } from '@stencil/core';\nimport { isMobile } from \"../../utils/utils\";\nexport class HelperModal {\n  constructor() {\n    /**\n     * Toggles if the helper is visible or not\n     */\n    this.visible = true;\n    this.userAgent = window.navigator.userAgent;\n  }\n  handleHelperModalClose() {\n    this.visible = false;\n    this.cancel.emit();\n  }\n  ;\n  render() {\n    return ((this.visible &&\n      h(\"div\", { class: this.visible ? \"HelperModalWrapper HelperModalVisible\" : \"HelperModalWrapper\" },\n        h(\"div\", { class: \"HelperModalWrapper HelperModalVisible\" },\n          h(\"div\", { class: \"HelperModalContent\" + (isMobile(this.userAgent) ? ' HelperModalMobileContent' : '') },\n            h(\"span\", { class: \"HelperModalClose\" + (isMobile(this.userAgent) ? ' HelperModalMobileClose' : ''), onClick: this.handleHelperModalClose.bind(this) }, \"X\"),\n            h(\"slot\", null))))));\n  }\n  static get is() { return \"helper-modal\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"helper-modal.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"helper-modal.css\"]\n  }; }\n  static get properties() { return {\n    \"titleModal\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Modal title\"\n      },\n      \"attribute\": \"title-modal\",\n      \"reflect\": false\n    },\n    \"visible\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Toggles if the helper is visible or not\"\n      },\n      \"attribute\": \"visible\",\n      \"reflect\": true,\n      \"defaultValue\": \"true\"\n    }\n  }; }\n  static get events() { return [{\n      \"method\": \"cancel\",\n      \"name\": \"modalCloseEvent\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The event triggered when the modal is closed\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n}\n"],"version":3}

package/dist/components/helper-pagination.js

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

package/dist/components/helper-pagination.js.map

@@ -0,0 +1 @@
+{"file":"helper-pagination.js","mappings":"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","names":["HelperPagination"],"sources":["../helper-pagination/dist/collection/utils/utils.js","../helper-pagination/dist/collection/utils/locale.utils.js","../helper-pagination/dist/collection/components/helper-pagination/helper-pagination.css?tag=helper-pagination&encapsulation=shadow","../helper-pagination/dist/collection/components/helper-pagination/helper-pagination.js"],"sourcesContent":["export function format(first, middle, last) {\n  return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));\n}\n/**\n * @name isMobile\n * @description A method that returns if the browser used to access the app is from a mobile device or not\n * @param {String} userAgent window.navigator.userAgent\n * @returns {Boolean} true or false\n */\nexport const isMobile = (userAgent) => {\n  return !!(userAgent.toLowerCase().match(/android/i) ||\n    userAgent.toLowerCase().match(/blackberry|bb/i) ||\n    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||\n    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));\n};\n","const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en'];\nconst TRANSLATIONS = {\n  en: {\n    firstPage: 'First',\n    previousPage: 'Previous',\n    nextPage: 'Next',\n    lastPage: 'Last'\n  },\n  ro: {\n    firstPage: 'Prima',\n    previousPage: 'Anterior',\n    nextPage: 'Urmatoarea',\n    lastPage: 'Ultima'\n  },\n};\nexport const translate = (key, customLang) => {\n  const lang = customLang;\n  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];\n};\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");\n:host {\n  display: block;\n  font-family: \"Roboto\", sans-serif;\n}\n\n#PaginationContainer {\n  width: 100%;\n  margin-top: 20px;\n  display: inline-flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.LeftItems button:not(:first-child), .RightItems button:not(:last-child) {\n  margin: 0 10px;\n}\n\n.LeftItems button, .RightItems button {\n  padding: 0;\n  background-color: #009993;\n  border-color: #009993;\n}\n\n.PaginationArea {\n  display: inline-flex;\n  gap: 10px;\n  list-style: none;\n}\n\n.PaginationArea li {\n  margin: 0;\n  padding: 0;\n}\n\n.PaginationArea li button {\n  width: 24px;\n  height: 24px;\n  display: flex;\n  border: 0;\n  padding: 0;\n  justify-content: center;\n  align-items: center;\n  background-color: transparent;\n  color: #000;\n  cursor: pointer;\n  pointer-events: all;\n}\n\n.PaginationItem.ActiveItem button {\n  background: #009993;\n  border-color: #009993;\n  color: #fff;\n}\n\n.PaginationItem.ActiveItem button:disabled {\n  pointer-events: none;\n  cursor: not-allowed;\n}\n\n.PaginationItem button:hover,\n.PaginationItem button:active {\n  background: #009993;\n  border-color: #009993;\n  color: #fff;\n  opacity: 0.8;\n}\n\nbutton {\n  width: 100px;\n  height: 32px;\n  border: 1px solid #524e52;\n  border-radius: 5px;\n  background: #524e52;\n  color: #fff;\n  font-size: 14px;\n  font: inherit;\n  cursor: pointer;\n  transition: all 0.1s linear;\n  text-transform: uppercase;\n  text-align: center;\n  letter-spacing: 0;\n}\n\nbutton:hover,\nbutton:active {\n  background: #004D4A;\n  border-color: #004D4A;\n}\n\nbutton:disabled {\n  background-color: #ccc;\n  border-color: #ccc;\n  color: #fff;\n  cursor: not-allowed;\n}\n\n@media screen and (max-width: 720px) {\n  button {\n    width: 90px;\n    font-size: 12px;\n  }\n}\n@media screen and (max-width: 480px) {\n  button {\n    width: 70px;\n    font-size: 10px;\n  }\n\n  .paginationArea {\n    padding: 5px;\n  }\n}\n@media screen and (max-width: 320px) {\n  button {\n    width: 58px;\n    font-size: 10px;\n  }\n\n  .paginationArea {\n    padding: 5px;\n    gap: 5px;\n  }\n}\n/* fix for issue on hover/visited for mobile devices */\n@media (hover: none) {\n  .paginationItem button:hover {\n    background: inherit;\n    border-color: inherit;\n    color: inherit;\n    opacity: 1;\n  }\n\n  .paginationItem.activeItem button:hover {\n    background: #009993;\n    border-color: #009993;\n    color: #fff;\n  }\n}","import { Component, h, Event, Prop, State } from '@stencil/core';\nimport { isMobile } from \"../../utils/utils\";\nimport { translate } from '../../utils/locale.utils';\nexport class HelperPagination {\n  constructor() {\n    /**\n     * First page boolean value - determines if the page is disabled or active\n     */\n    this.firstPage = false;\n    /**\n     * Previous page boolean value - determines if the page is disabled or active\n     */\n    this.previousPage = false;\n    /**\n     * The received offset\n     */\n    this.offset = 0;\n    /**\n     * The received limit for the number of pages\n     */\n    this.limit = 1;\n    /**\n     * The received total number of pages\n     */\n    this.total = 1;\n    /**\n     * Language\n     */\n    this.language = 'en';\n    /**\n     * In component working variable for the array of pages\n     */\n    this.pagesArray = [];\n    /**\n     * In component working variable for last page\n     */\n    this.endInt = 0;\n    this.userAgent = window.navigator.userAgent;\n    this.currentPage = 1;\n    /**\n     * Navigation logic\n     */\n    this.navigateTo = (navigationPage) => {\n      switch (navigationPage) {\n        case 'firstPage':\n          this.offsetInt = 0;\n          break;\n        case 'lastPage':\n          this.offsetInt = this.endInt * this.limitInt;\n          break;\n        case 'previousPage':\n          this.offsetInt -= 10;\n          break;\n        case 'nextPage':\n          this.offsetInt += 10;\n          break;\n        case 'fivePagesBack':\n          this.offsetInt -= 30;\n          this.offsetInt = this.offsetInt < 0 ? 0 : this.offsetInt;\n          break;\n        case 'fivePagesForward':\n          this.offsetInt += 30;\n          this.offsetInt = this.offsetInt / 10 >= this.endInt ? this.endInt * 10 : this.offsetInt;\n          break;\n      }\n      this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });\n    };\n    /**\n     * Handle navigation from here\n     */\n    this.paginationNavigation = (pageNumber, index) => {\n      if (!isNaN(pageNumber)) {\n        if (pageNumber === 1) {\n          this.offsetInt = pageNumber - 1;\n        }\n        else {\n          this.offsetInt = (pageNumber - 1) * 10;\n        }\n      }\n      else {\n        if (index === 0 && this.currentPage <= 4) {\n          this.navigateTo('firstPage');\n        }\n        else if (index === 0 && this.currentPage > 4) {\n          this.navigateTo('fivePagesBack');\n        }\n        else if (index === 4 && this.endInt - this.currentPage >= 2) {\n          this.navigateTo('fivePagesForward');\n        }\n      }\n      this.currentPage = this.offsetInt;\n      this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });\n    };\n  }\n  componentWillRender() {\n    this.offsetInt = this.offset;\n    this.currentPage = this.offsetInt / this.limitInt + 1;\n    this.limitInt = this.limit;\n    this.totalInt = this.total;\n    this.endInt = (Math.ceil(this.totalInt / this.limitInt) - 1);\n    this.lastPage = (this.offsetInt >= this.endInt * this.limitInt) ? false : true;\n    /**\n     * Construct numbered navigation area based on current page position\n     */\n    if (this.currentPage === 1 || this.currentPage === 2) {\n      this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);\n      this.pagesArray.push('...');\n    }\n    else if (this.currentPage >= 3 && ((this.endInt - this.currentPage) >= 2)) {\n      this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);\n      this.pagesArray.push('...');\n      this.pagesArray.unshift('...');\n    }\n    else if ((this.endInt - this.currentPage) < 3) {\n      this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endInt - 2 + i);\n      this.pagesArray.unshift('...');\n    }\n  }\n  render() {\n    /**\n     * Center navigation area\n     */\n    let navigationArea = h(\"ul\", { class: \"PaginationArea\" }, this.pagesArray.map((item, index) => {\n      return (h(\"li\", { class: 'PaginationItem' + (item === this.currentPage ? ' ActiveItem' : ' ') + ' ' + (isMobile(this.userAgent) ? 'MobileButtons' : '') },\n        h(\"button\", { disabled: item === this.currentPage ? true : false, onClick: this.paginationNavigation.bind(this, item, index) },\n          h(\"span\", null, item))));\n    }));\n    /**\n     * Left navigation area\n     */\n    let buttonsLeftSide = h(\"div\", { class: \"LeftItems\" },\n      h(\"button\", { disabled: !this.previousPage, onClick: this.navigateTo.bind(this, 'firstPage') }, translate('firstPage', this.language)),\n      h(\"button\", { disabled: !this.previousPage ? true : false, onClick: this.navigateTo.bind(this, 'previousPage') }, translate('previousPage', this.language)));\n    if (isMobile(this.userAgent)) {\n      buttonsLeftSide =\n        h(\"div\", { class: \"LeftItems\" },\n          h(\"button\", { disabled: !this.previousPage ? true : false, onClick: this.navigateTo.bind(this, 'previousPage') }, translate('previousPage', this.language)));\n    }\n    /**\n     * Right navigation area\n     */\n    let buttonsRightSide = h(\"div\", { class: \"RightItems\" },\n      h(\"button\", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'nextPage') }, translate('nextPage', this.language)),\n      h(\"button\", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'lastPage') }, translate('lastPage', this.language)));\n    if (isMobile(this.userAgent)) {\n      buttonsRightSide =\n        h(\"div\", { class: \"RightItems\" },\n          h(\"button\", { disabled: !this.lastPage ? true : false, onClick: this.navigateTo.bind(this, 'nextPage') }, translate('nextPage', this.language)));\n    }\n    return (h(\"div\", { id: \"PaginationContainer\" },\n      buttonsLeftSide,\n      navigationArea,\n      buttonsRightSide));\n  }\n  static get is() { return \"helper-pagination\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"helper-pagination.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"helper-pagination.css\"]\n  }; }\n  static get properties() { return {\n    \"firstPage\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"First page boolean value - determines if the page is disabled or active\"\n      },\n      \"attribute\": \"first-page\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"previousPage\": {\n      \"type\": \"boolean\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Previous page boolean value - determines if the page is disabled or active\"\n      },\n      \"attribute\": \"previous-page\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"offset\": {\n      \"type\": \"number\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The received offset\"\n      },\n      \"attribute\": \"offset\",\n      \"reflect\": true,\n      \"defaultValue\": \"0\"\n    },\n    \"limit\": {\n      \"type\": \"number\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The received limit for the number of pages\"\n      },\n      \"attribute\": \"limit\",\n      \"reflect\": true,\n      \"defaultValue\": \"1\"\n    },\n    \"total\": {\n      \"type\": \"number\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The received total number of pages\"\n      },\n      \"attribute\": \"total\",\n      \"reflect\": true,\n      \"defaultValue\": \"1\"\n    },\n    \"language\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Language\"\n      },\n      \"attribute\": \"language\",\n      \"reflect\": false,\n      \"defaultValue\": \"'en'\"\n    }\n  }; }\n  static get states() { return {\n    \"offsetInt\": {},\n    \"lastPage\": {},\n    \"limitInt\": {},\n    \"totalInt\": {},\n    \"pagesArray\": {},\n    \"endInt\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"hpPageChange\",\n      \"name\": \"hpPageChange\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Event that handles the navigation, updating the offset, limit and total values\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n}\n"],"version":3}

package/dist/components/helper-tab.js

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

package/dist/components/helper-tab.js.map

@@ -0,0 +1 @@
+{"file":"helper-tab.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/helper-tab2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
 
-const helperTabCss = ":host{display:block}";
+const helperTabCss = ":host{display:block}.TabContent{font-size:14px;color:#000;font-weight:normal}";
 
 const HelperTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -11,24 +11,28 @@ const HelperTab = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
      * Selected index
      */
     this.selectedIndex = 0;
+    this.tabContent = '';
   }
-  /**
- * Endpoing for CMS
- */
   connectedCallback() {
     /**
      * fetch(cmsEndpoint + / + / + selectedIndex)
      */
   }
   render() {
-    return [
-      h("div", null, "Reference site about Lorem Ipsum, giving information on its origins, as well as a random Lipsum generator.", this.selectedIndex + 1)
-    ];
+    this.tabContent = h("div", { class: "TabContent" }, "Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account.");
+    if (this.selectedIndex + 1 == 2) {
+      this.tabContent = h("div", { class: "TabContent" }, h("ol", null, h("li", null, "Register or Login"), h("li", null, "Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \u201CI feel lucky\u201D."), h("li", null, "Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!")));
+    }
+    else if (this.selectedIndex + 1 == 3) {
+      this.tabContent = h("div", { class: "TabContent" }, h("ul", null, h("li", null, "What are my odds of winning?"), h("li", null, "How can I find out if I\u2019ve won a draw game?"), h("li", null, "How do I claim my prize?")));
+    }
+    return (this.tabContent);
   }
   static get style() { return helperTabCss; }
 }, [1, "helper-tab", {
     "selectedIndex": [2, "selected-index"],
-    "cmsEndpoint": [1, "cms-endpoint"]
+    "cmsEndpoint": [1, "cms-endpoint"],
+    "tabContent": [32]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
@@ -46,3 +50,5 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { HelperTab as H, defineCustomElement as d };
+
+//# sourceMappingURL=helper-tab2.js.map

package/dist/components/helper-tab2.js.map

@@ -0,0 +1 @@
+{"file":"helper-tab2.js","mappings":";;AAAA,MAAM,YAAY,GAAG,+EAA+E;;MCCvF,SAAS;EACpB;;;;;;;IAIE,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;GACtB;EACD,iBAAiB;;;;GAIhB;EACD,MAAM;IACJ,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,mPAAmP,CAAC,CAAC;IACzS,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,EAAE;MAC/B,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAChD,CAAC,CAAC,IAAI,EAAE,IAAI,EACV,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,mBAAmB,CAAC,EAClC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,oJAAoJ,CAAC,EACnK,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,mLAAmL,CAAC,CAAC,CAAC,CAAC;KAC1M;SACI,IAAI,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,CAAC,EAAE;MACpC,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAChD,CAAC,CAAC,IAAI,EAAE,IAAI,EACV,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,8BAA8B,CAAC,EAC7C,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,kDAAkD,CAAC,EACjE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,0BAA0B,CAAC,CAAC,CAAC,CAAC;KACjD;IACD,QAAQ,IAAI,CAAC,UAAU,EAAE;GAC1B;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../helper-tabs/dist/collection/components/helper-tab/helper-tab.css?tag=helper-tab&encapsulation=shadow","../helper-tabs/dist/collection/components/helper-tab/helper-tab.js"],"sourcesContent":[":host {\n  display: block;\n}\n\n.TabContent {\n  font-size: 14px;\n  color: #000;\n  font-weight: normal;\n}","import { Component, h, Prop, State } from '@stencil/core';\nexport class HelperTab {\n  constructor() {\n    /**\n     * Selected index\n     */\n    this.selectedIndex = 0;\n    this.tabContent = '';\n  }\n  connectedCallback() {\n    /**\n     * fetch(cmsEndpoint + / + / + selectedIndex)\n     */\n  }\n  render() {\n    this.tabContent = h(\"div\", { class: \"TabContent\" }, \"Each play includes one set of numbers from 1 to 21 with a selectable number of 8 and a second, 4-digit set of numbers, with a minimum selection of 1. Draws are held every 5 minutes and the winnings are automatically credited to your account.\");\n    if (this.selectedIndex + 1 == 2) {\n      this.tabContent = h(\"div\", { class: \"TabContent\" },\n        h(\"ol\", null,\n          h(\"li\", null, \"Register or Login\"),\n          h(\"li\", null, \"Buy tickets. Select 'Buy Tickets' to pick your numbers. Want us to automatically generate random numbers for you? Choose \\u201CI feel lucky\\u201D.\"),\n          h(\"li\", null, \"Review and Complete your purchase. Once you've chosen your total number of plays, and confirmed your number of selections, review your ticket details and complete your purchase!\")));\n    }\n    else if (this.selectedIndex + 1 == 3) {\n      this.tabContent = h(\"div\", { class: \"TabContent\" },\n        h(\"ul\", null,\n          h(\"li\", null, \"What are my odds of winning?\"),\n          h(\"li\", null, \"How can I find out if I\\u2019ve won a draw game?\"),\n          h(\"li\", null, \"How do I claim my prize?\")));\n    }\n    return (this.tabContent);\n  }\n  static get is() { return \"helper-tab\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"helper-tab.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"helper-tab.css\"]\n  }; }\n  static get properties() { return {\n    \"selectedIndex\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Selected index\"\n      },\n      \"attribute\": \"selected-index\",\n      \"reflect\": false,\n      \"defaultValue\": \"0\"\n    },\n    \"cmsEndpoint\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Endpoing for CMS\"\n      },\n      \"attribute\": \"cms-endpoint\",\n      \"reflect\": false\n    }\n  }; }\n  static get states() { return {\n    \"tabContent\": {}\n  }; }\n}\n"],"version":3}

package/dist/components/helper-tabs.js

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

package/dist/components/helper-tabs.js.map

@@ -0,0 +1 @@
+{"file":"helper-tabs.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

package/dist/components/helper-tabs2.js

@@ -23,7 +23,7 @@ const HelperTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     /**
      * Tabs details
      */
-    this.tabs = [{ label: 'Draw Details' }, { label: 'Winnings' }, { label: 'How to Play' }, { label: 'Game Odds' }, { label: 'FAQs' }];
+    this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
   }
   connectedCallback() {
   }
@@ -61,3 +61,5 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { HelperTabs as H, defineCustomElement as d };
+
+//# sourceMappingURL=helper-tabs2.js.map

package/dist/components/helper-tabs2.js.map

@@ -0,0 +1 @@
+{"file":"helper-tabs2.js","mappings":";;;AAAA,MAAM,aAAa,GAAG,8fAA8f;;MCCvgB,UAAU;EACrB;;;;;;;IAIE,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;IAItB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;IAItB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;;;;IAIvB,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;GAC/E;EACD,iBAAiB;GAIhB;EACD,MAAM;IACJ,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,EACnB,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,KAAK,CAAC,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,WAAW,IAAI,IAAI,CAAC,aAAa,IAAI,KAAK,GAAG,SAAS,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,KAAK,EAAE,EAAE,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EACtM,CAAC,CAAC,KAAK,EAAE,IAAI,EACX,CAAC,CAAC,YAAY,EAAE,EAAE,aAAa,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE;GAC/D;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../helper-tabs/dist/collection/components/helper-tabs/helper-tabs.css?tag=helper-tabs&encapsulation=shadow","../helper-tabs/dist/collection/components/helper-tabs/helper-tabs.js"],"sourcesContent":["@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");\n:host {\n  display: block;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.Tabs {\n  display: flex;\n  gap: 10px;\n  overflow-x: auto;\n}\n\n.TabButton {\n  cursor: pointer;\n  width: auto;\n  border-radius: 4px;\n  padding: 8px 15px;\n  margin: 5px 0 10px;\n  border: 1px solid #009993;\n  background: #FFF;\n  color: #000;\n  font-size: 12px;\n  transition: all 0.2s linear;\n  text-align: center;\n  letter-spacing: 0;\n  white-space: nowrap;\n}\n.TabButton:hover {\n  background: #F1F1F1;\n}\n.TabButton.Active {\n  background: #009993;\n  color: #FFF;\n}","import { Component, Prop, Element, h } from '@stencil/core';\nexport class HelperTabs {\n  constructor() {\n    /**\n     * Tell me if it is disabled\n     */\n    this.disabled = false;\n    /**\n   * Tell me what tab is selected\n   */\n    this.selected = false;\n    /**\n     * Default selected index\n     */\n    this.selectedIndex = 0;\n    /**\n     * Tabs details\n     */\n    this.tabs = [{ label: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];\n  }\n  connectedCallback() {\n    if (this.tabs.length == 0) {\n      // fetch CMS data\n    }\n  }\n  render() {\n    return (h(\"div\", null,\n      h(\"div\", { class: \"Tabs\" }, this.tabs.map((tab, index) => h(\"button\", { class: 'TabButton' + (this.selectedIndex == index ? ' Active' : ''), onClick: () => this.selectedIndex = index }, tab.label))),\n      h(\"div\", null,\n        h(\"helper-tab\", { selectedIndex: this.selectedIndex }))));\n  }\n  static get is() { return \"helper-tabs\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"helper-tabs.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"helper-tabs.css\"]\n  }; }\n  static get properties() { return {\n    \"disabled\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Tell me if it is disabled\"\n      },\n      \"attribute\": \"disabled\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"label\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Gimme names or you die\"\n      },\n      \"attribute\": \"label\",\n      \"reflect\": false\n    },\n    \"selected\": {\n      \"type\": \"boolean\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"boolean\",\n        \"resolved\": \"boolean\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Tell me what tab is selected\"\n      },\n      \"attribute\": \"selected\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"cmsEndpoint\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Endpoing for CMS\"\n      },\n      \"attribute\": \"cms-endpoint\",\n      \"reflect\": false\n    },\n    \"selectedIndex\": {\n      \"type\": \"number\",\n      \"mutable\": true,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Default selected index\"\n      },\n      \"attribute\": \"selected-index\",\n      \"reflect\": true,\n      \"defaultValue\": \"0\"\n    },\n    \"tabs\": {\n      \"type\": \"unknown\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"Array<Object>\",\n        \"resolved\": \"Object[]\",\n        \"references\": {\n          \"Array\": {\n            \"location\": \"global\"\n          },\n          \"Object\": {\n            \"location\": \"global\"\n          }\n        }\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Tabs details\"\n      },\n      \"defaultValue\": \"[{label: 'How to Play'}, {label: 'About'}, {label: 'FAQs'}]\"\n    }\n  }; }\n  static get elementRef() { return \"host\"; }\n}\n"],"version":3}

package/dist/components/index.js

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

package/dist/components/index.js.map

@@ -0,0 +1 @@
+{"file":"index.js","mappings":"","names":[],"sources":[],"sourcesContent":[],"version":3}

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

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

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

@@ -0,0 +1 @@
+{"file":"lottery-draw-results-history.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}

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

@@ -1,9 +1,8 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$5 } from './helper-filters2.js';
-import { d as defineCustomElement$4 } from './helper-modal2.js';
-import { d as defineCustomElement$3 } from './lottery-bullet2.js';
-import { d as defineCustomElement$2 } from './lottery-draw-results2.js';
-import { d as defineCustomElement$1 } from './lottery-grid2.js';
+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';
 
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en'];
@@ -16,17 +15,23 @@ const TRANSLATIONS = {
     viewAllResults: 'View All',
     lastFiveDraws: 'Last 5 Draws',
     lastTenDraws: 'Last 10 Draws',
-    lastFifteenDraws: 'Last 15 Draws'
+    lastFifteenDraws: 'Last 15 Draws',
+    allDrawResultsHistory: 'All Draw Results History',
+    noResults: 'No results',
+    fetchingResults: 'Fetching results'
   },
   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'
+    drawResultsHeader: 'Istoricul extragerilor',
+    drawId: 'ID-ul extragerii',
+    drawDate: 'Data extragerii',
+    drawNumbersGridA: 'Numerele extrase Grid A',
+    viewAllResults: 'Vezi toate rezultatele',
+    lastFiveDraws: 'Ultimile 5 extrageri',
+    lastTenDraws: 'Ultimile 10 extrageri',
+    lastFifteenDraws: 'Ultimile 15 extrageri',
+    allDrawResultsHistory: 'Istoricul tuturor extragerilor',
+    noResults: 'Niciun rezultat',
+    fetchingResults: 'Se obtin rezultatele'
   },
 };
 const translate = (key, customLang) => {
@@ -34,7 +39,7 @@ const translate = (key, customLang) => {
   return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
 };
 
-const lotteryDrawResultsHistoryCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.GridBanner{background-color:#009993;background-repeat:no-repeat;background-position:center;color:#111;padding:0 20px 30px}.GridBanner .BannerButtonsWrapper{display:flex;justify-content:space-between;padding-top:16px}.GridBanner .BannerButtonsWrapper .BannerBackButton,.GridBanner .BannerButtonsWrapper .BannerLobbyButton{background:#fff;border:1px solid #009993;border-radius:4px;padding:7px 15px;font-size:12px;text-transform:uppercase;width:80px}.GridBanner .HistoryGridBannerArea{padding-top:30px}.HistoryGridBannerArea{display:flex;flex-direction:column;align-items:center}.BannerText{font-size:14px;font-weight:300}.BannerCountdown{font-size:22px;display:flex;gap:20px}.DrawResultsSection{max-width:500px;margin:0 auto}.HistoryGridWrapper{padding:0 15px}.HistoryGrid{border:1px solid #009993;border-radius:5px}.DrawResultsHeader{color:#009993;padding:15px;text-align:center}.DrawResultsHeader h4{text-transform:uppercase;font-size:16px;font-weight:600;margin:0}.DrawNumbersGrid{padding:10px 50px}.DrawNumbersGrid p{margin:0 0 10px 0;font-size:14px}.BulletContainer{margin-bottom:20px}.DrawResultTop{background-color:#009993;padding:10px;text-align:center;color:#fff;padding:0 50px;display:flex;justify-content:center;gap:40px}.ViewAllResults{display:block;padding:10px 40px;margin:40px auto;border:0;border-radius:5px;background-color:#009993;color:#fff;outline:none}.FilterSection{display:flex;justify-content:space-between;padding:10px 0 25px}.FilterSection .FilterResultsContainer{display:flex;gap:5px}.FilterSection .QuickFilterButton{cursor:pointer;width:max-content;border-radius:4px;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterSection .QuickFilterButton:hover{background:#F1F1F1}.FilterSection helper-filters{margin-left:auto}";
+const 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:600px;margin:0px auto}.HistoryGrid{border-radius:5px}.DrawResultsHeader{color:#009993;padding:25px 0 10px 0;text-align:center;border-radius:4px 4px 0 0}.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:25px 15px 10px;gap:10px;margin:0px 15px}.FilterSection .FilterResultsContainer{display:flex;gap:5px;overflow-x:auto}.FilterSection .QuickFilterButton{cursor:pointer;width:max-content;border-radius:4px;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterSection .QuickFilterButton:hover{background:#F1F1F1}.FilterSection helper-filters{margin-left:auto}";
 
 const LotteryDrawResultsHistory = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -53,8 +58,16 @@ const LotteryDrawResultsHistory = /*@__PURE__*/ proxyCustomElement(class extends
     this.displayAllDrawsResults = true;
     this.showQuickFilters = true;
     this.winningDataSetsData = [''];
-    this.getDrawsData = () => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}`);
+    this.dateFiltersFrom = '';
+    this.dateFiltersTo = '';
+    this.isLoading = false;
+    this.noResults = false;
+    this.getDrawsData = (filterbydate = false) => {
+      let url = filterbydate ? new URL(`${this.endpoint}/games/${this.gameId}/draws`) : new URL(`${this.endpoint}/games/${this.gameId}`);
+      if (this.dateFiltersFrom)
+        url.searchParams.append('from', this.dateFiltersFrom);
+      if (this.dateFiltersTo)
+        url.searchParams.append('to', this.dateFiltersTo);
       fetch(url.href)
         .then((res) => {
         if (res.status >= 300) {
@@ -63,11 +76,21 @@ const LotteryDrawResultsHistory = /*@__PURE__*/ proxyCustomElement(class extends
         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.isLoading = false;
+        if (filterbydate) {
+          this.winningDataSetsData = data.items.filter(draw => draw.winningNumbers);
+        }
+        else {
+          this.winningDataSetsData = data.draws.filter(draw => draw.winningNumbers);
+        }
+        this.drawData = this.winningDataSetsData.map((item) => item);
+      })
+        .catch((err) => {
+        console.log('err', err);
+      })
+        .finally(() => {
+        this.isLoading = false;
+        this.noResults = this.drawData.filter(draw => draw.winningNumbers).length == 0 ? true : false;
       });
     };
     this.filterResults = (resultsNumber) => {
@@ -88,8 +111,8 @@ const LotteryDrawResultsHistory = /*@__PURE__*/ proxyCustomElement(class extends
         return response.json();
       })
         .then((data) => {
-        console.log("getDrawResults ", data);
-        this.drawData = [data];
+        this.drawData = [data].map((item) => item);
+        this.isLoading = false;
       });
     };
     this.viewAllResults = () => {
@@ -99,27 +122,40 @@ const LotteryDrawResultsHistory = /*@__PURE__*/ proxyCustomElement(class extends
     };
   }
   // Filters events
+  filtersDrawHandler(event) {
+    this.isLoading = true;
+    this.showQuickFilters = false;
+    this.getDrawResults(event.detail.ticketDrawId);
+  }
   filtersHandler(event) {
-    var _a;
-    this.getDrawResults((_a = event.detail) === null || _a === void 0 ? void 0 : _a.drawTicketId);
     this.showQuickFilters = false;
+    this.dateFiltersFrom = event.detail.filterFromCalendar;
+    this.dateFiltersTo = event.detail.filterToCalendar;
+    this.isLoading = true;
+    this.getDrawsData(true);
   }
   clearFiltersHandler() {
     this.drawData = this.winningDataSetsData;
     this.showQuickFilters = true;
+    this.dateFiltersFrom = '';
+    this.dateFiltersTo = '';
+    this.isLoading = true;
+    this.getDrawsData(false);
   }
   connectedCallback() {
-    this.getDrawsData();
+    if (this.showQuickFilters)
+      this.getDrawsData(false);
   }
   disconnectedCallback() {
     clearInterval(this.interval);
   }
   render() {
     let gridHeader = h("div", { class: "DrawResultsHeader" }, this.displayAllDrawsResults ? h("h4", null, translate('drawResultsHeader', this.language)) :
-      h("div", { class: "DrawResultsHeaderContent" }, h("div", { class: "FilterSection" }, this.showQuickFilters &&
-        h("div", { class: "FilterResultsContainer" }, h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(5) }, translate('lastFiveDraws', this.language)), h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(10) }, translate('lastTenDraws', this.language)), h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(15) }, translate('lastFifteenDraws', this.language))), h("helper-filters", { "show-filter-id": "true", "activate-ticket-search": "false", "game-id": "3797", "player-id": "2323" })), h("h4", null, "All draws results history")));
-    let gridContent = h("div", { class: "HistoryGridWrapper" }, h("div", { class: "HistoryGrid" }, this.drawData.map((item) => h("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, "draw-id": item.id, "draw-mode": true })).reverse().slice(0, this.numberOfResults)));
-    return h("section", { class: "GridWrapper" }, h("div", { class: "DrawResultsSection" }, h("div", { class: "DrawResultsArea" }, gridHeader, gridContent, this.displayAllDrawsResults && h("button", { class: "ViewAllResults", onClick: this.viewAllResults }, "View All"))));
+      [h("div", { class: "DrawResultsHeaderContent" }, h("h4", null, translate('allDrawResultsHistory', this.language)), h("div", { class: "FilterSection" }, this.showQuickFilters &&
+          h("div", { class: "FilterResultsContainer" }, h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(5) }, translate('lastFiveDraws', this.language)), h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(10) }, translate('lastTenDraws', this.language)), h("button", { class: "QuickFilterButton", onClick: () => this.filterResults(15) }, translate('lastFifteenDraws', this.language))), h("helper-filters", { "show-filter-id": "true", "activate-ticket-search": "false", "game-id": this.gameId }))),
+      ]);
+    return h("section", { class: "GridWrapper" }, h("div", { class: "DrawResultsSection" }, h("div", { class: "DrawResultsAreaHistory" }, gridHeader, h("div", { class: "HistoryGridWrapper" }, h("div", { class: "HistoryGrid" }, this.isLoading &&
+      h("p", null, translate('fetchingResults', this.language)), !this.isLoading && !this.noResults && this.drawData.map((item) => h("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, "draw-id": item.id, "draw-mode": true })).reverse().slice(0, this.numberOfResults), !this.isLoading && this.noResults && (h("p", null, translate('noResults', this.language))))), this.displayAllDrawsResults && h("button", { class: "ViewAllResults", onClick: this.viewAllResults }, translate('viewAllResults', this.language)))));
   }
   static get style() { return lotteryDrawResultsHistoryCss; }
 }, [1, "lottery-draw-results-history", {
@@ -130,13 +166,17 @@ const LotteryDrawResultsHistory = /*@__PURE__*/ proxyCustomElement(class extends
     "drawData": [32],
     "displayAllDrawsResults": [32],
     "showQuickFilters": [32],
-    "winningDataSetsData": [32]
-  }, [[0, "filterSelection", "filtersHandler"], [0, "filterSelectionReset", "clearFiltersHandler"]]]);
+    "winningDataSetsData": [32],
+    "dateFiltersFrom": [32],
+    "dateFiltersTo": [32],
+    "isLoading": [32],
+    "noResults": [32]
+  }, [[0, "filterDraw", "filtersDrawHandler"], [0, "filterSelection", "filtersHandler"], [0, "filterSelectionReset", "clearFiltersHandler"]]]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["lottery-draw-results-history", "helper-filters", "helper-modal", "lottery-bullet", "lottery-draw-results", "lottery-grid"];
+  const components = ["lottery-draw-results-history", "helper-filters", "helper-modal", "lottery-draw-results"];
   components.forEach(tagName => { switch (tagName) {
     case "lottery-draw-results-history":
       if (!customElements.get(tagName)) {
@@ -144,26 +184,16 @@ function defineCustomElement() {
       }
       break;
     case "helper-filters":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$5();
-      }
-      break;
-    case "helper-modal":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$4();
-      }
-      break;
-    case "lottery-bullet":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();
       }
       break;
-    case "lottery-draw-results":
+    case "helper-modal":
       if (!customElements.get(tagName)) {
         defineCustomElement$2();
       }
       break;
-    case "lottery-grid":
+    case "lottery-draw-results":
       if (!customElements.get(tagName)) {
         defineCustomElement$1();
       }
@@ -173,3 +203,5 @@ function defineCustomElement() {
 defineCustomElement();
 
 export { LotteryDrawResultsHistory as L, defineCustomElement as d };
+
+//# sourceMappingURL=lottery-draw-results-history2.js.map

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

@@ -0,0 +1 @@
+{"file":"lottery-draw-results-history2.js","mappings":"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","names":[],"sources":["../lottery-draw-results-history/dist/collection/utils/locale.utils.js","../lottery-draw-results-history/dist/collection/components/lottery-draw-results-history/lottery-draw-results-history.css?tag=lottery-draw-results-history&encapsulation=shadow","../lottery-draw-results-history/dist/collection/components/lottery-draw-results-history/lottery-draw-results-history.js"],"sourcesContent":["const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en'];\nconst TRANSLATIONS = {\n  en: {\n    drawResultsHeader: 'Draw results history',\n    drawId: 'Draw ID',\n    drawDate: 'Draw Date',\n    drawNumbersGridA: 'Draw numbers Grid A',\n    viewAllResults: 'View All',\n    lastFiveDraws: 'Last 5 Draws',\n    lastTenDraws: 'Last 10 Draws',\n    lastFifteenDraws: 'Last 15 Draws',\n    allDrawResultsHistory: 'All Draw Results History',\n    noResults: 'No results',\n    fetchingResults: 'Fetching results'\n  },\n  ro: {\n    drawResultsHeader: 'Istoricul extragerilor',\n    drawId: 'ID-ul extragerii',\n    drawDate: 'Data extragerii',\n    drawNumbersGridA: 'Numerele extrase Grid A',\n    viewAllResults: 'Vezi toate rezultatele',\n    lastFiveDraws: 'Ultimile 5 extrageri',\n    lastTenDraws: 'Ultimile 10 extrageri',\n    lastFifteenDraws: 'Ultimile 15 extrageri',\n    allDrawResultsHistory: 'Istoricul tuturor extragerilor',\n    noResults: 'Niciun rezultat',\n    fetchingResults: 'Se obtin rezultatele'\n  },\n};\nexport const translate = (key, customLang) => {\n  const lang = customLang;\n  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];\n};\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");\n:host {\n  display: block;\n  font-family: \"Roboto\", sans-serif;\n}\n\n.GridBanner {\n  background-color: #009993;\n  background-repeat: no-repeat;\n  background-position: center;\n  color: #111;\n  padding: 0 20px 30px;\n}\n.GridBanner .BannerButtonsWrapper {\n  display: flex;\n  justify-content: space-between;\n  padding-top: 16px;\n}\n.GridBanner .BannerButtonsWrapper .BannerBackButton, .GridBanner .BannerButtonsWrapper .BannerLobbyButton {\n  background: #fff;\n  border: 1px solid #009993;\n  border-radius: 4px;\n  padding: 7px 15px;\n  font-size: 12px;\n  text-transform: uppercase;\n  width: 80px;\n}\n.GridBanner .HistoryGridBannerArea {\n  padding-top: 30px;\n}\n\n.HistoryGridBannerArea {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n\n.BannerText {\n  font-size: 14px;\n  font-weight: 300;\n}\n\n.BannerCountdown {\n  font-size: 22px;\n  display: flex;\n  gap: 20px;\n}\n\n.DrawResultsSection {\n  max-width: 600px;\n  margin: 0px auto;\n}\n\n.HistoryGrid {\n  border-radius: 5px;\n}\n\n.DrawResultsHeader {\n  color: #009993;\n  padding: 25px 0 10px 0;\n  text-align: center;\n  border-radius: 4px 4px 0 0;\n}\n.DrawResultsHeader h4 {\n  text-transform: uppercase;\n  font-size: 16px;\n  font-weight: 600;\n  margin: 0;\n}\n\n.DrawNumbersGrid {\n  padding: 10px 50px;\n}\n.DrawNumbersGrid p {\n  margin: 0 0 10px 0;\n  font-size: 14px;\n}\n\n.BulletContainer {\n  margin-bottom: 20px;\n}\n\n.DrawResultTop {\n  background-color: #009993;\n  padding: 10px;\n  text-align: center;\n  color: #fff;\n  padding: 0 50px;\n  display: flex;\n  justify-content: center;\n  gap: 40px;\n}\n\n.ViewAllResults {\n  display: block;\n  padding: 10px 40px;\n  margin: 40px auto;\n  border: 0;\n  border-radius: 5px;\n  background-color: #009993;\n  color: #fff;\n  outline: none;\n}\n\n.FilterSection {\n  display: flex;\n  justify-content: space-between;\n  padding: 25px 15px 10px;\n  gap: 10px;\n  margin: 0px 15px;\n}\n.FilterSection .FilterResultsContainer {\n  display: flex;\n  gap: 5px;\n  overflow-x: auto;\n}\n.FilterSection .QuickFilterButton {\n  cursor: pointer;\n  width: max-content;\n  border-radius: 4px;\n  border: 1px solid #00958f;\n  background: #FFF;\n  color: #000;\n  font-size: 12px;\n  transition: all 0.2s linear;\n  text-align: center;\n  letter-spacing: 0;\n}\n.FilterSection .QuickFilterButton:hover {\n  background: #F1F1F1;\n}\n.FilterSection helper-filters {\n  margin-left: auto;\n}","import { Component, Prop, h, State, Listen } from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\nimport '@everymatrix/lottery-grid';\nimport '@everymatrix/helper-pagination';\nimport '@everymatrix/helper-modal';\nimport '@everymatrix/helper-filters';\nimport '@everymatrix/lottery-draw-results';\nexport class LotteryDrawResultsHistory {\n  constructor() {\n    /**\n     * The number of results to be displayed\n     */\n    this.numberOfResults = 3;\n    /**\n     *Language\n     */\n    this.language = 'en';\n    this.drawData = [];\n    this.displayAllDrawsResults = true;\n    this.showQuickFilters = true;\n    this.winningDataSetsData = [''];\n    this.dateFiltersFrom = '';\n    this.dateFiltersTo = '';\n    this.isLoading = false;\n    this.noResults = false;\n    this.getDrawsData = (filterbydate = false) => {\n      let url = filterbydate ? new URL(`${this.endpoint}/games/${this.gameId}/draws`) : new URL(`${this.endpoint}/games/${this.gameId}`);\n      if (this.dateFiltersFrom)\n        url.searchParams.append('from', this.dateFiltersFrom);\n      if (this.dateFiltersTo)\n        url.searchParams.append('to', this.dateFiltersTo);\n      fetch(url.href)\n        .then((res) => {\n        if (res.status >= 300) {\n          throw new Error('There was an error while fetching the data');\n        }\n        return res.json();\n      })\n        .then((data) => {\n        this.isLoading = false;\n        if (filterbydate) {\n          this.winningDataSetsData = data.items.filter(draw => draw.winningNumbers);\n        }\n        else {\n          this.winningDataSetsData = data.draws.filter(draw => draw.winningNumbers);\n        }\n        this.drawData = this.winningDataSetsData.map((item) => item);\n      })\n        .catch((err) => {\n        console.log('err', err);\n      })\n        .finally(() => {\n        this.isLoading = false;\n        this.noResults = this.drawData.filter(draw => draw.winningNumbers).length == 0 ? true : false;\n      });\n    };\n    this.filterResults = (resultsNumber) => {\n      this.numberOfResults = resultsNumber;\n      this.displayAllDrawsResults = true;\n    };\n    this.getDrawResults = (drawID) => {\n      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawID}`);\n      let drawOptions = {\n        method: \"GET\",\n        headers: {\n          'Content-Type': \"application/json\",\n          'Accept': 'application/json',\n        },\n      };\n      fetch(url.href, drawOptions)\n        .then((response) => {\n        return response.json();\n      })\n        .then((data) => {\n        this.drawData = [data].map((item) => item);\n        this.isLoading = false;\n      });\n    };\n    this.viewAllResults = () => {\n      this.numberOfResults = this.drawData.length;\n      this.displayAllDrawsResults = false;\n      window.scrollTo({ top: 0, behavior: 'smooth' });\n    };\n  }\n  // Filters events\n  filtersDrawHandler(event) {\n    this.isLoading = true;\n    this.showQuickFilters = false;\n    this.getDrawResults(event.detail.ticketDrawId);\n  }\n  filtersHandler(event) {\n    this.showQuickFilters = false;\n    this.dateFiltersFrom = event.detail.filterFromCalendar;\n    this.dateFiltersTo = event.detail.filterToCalendar;\n    this.isLoading = true;\n    this.getDrawsData(true);\n  }\n  clearFiltersHandler() {\n    this.drawData = this.winningDataSetsData;\n    this.showQuickFilters = true;\n    this.dateFiltersFrom = '';\n    this.dateFiltersTo = '';\n    this.isLoading = true;\n    this.getDrawsData(false);\n  }\n  connectedCallback() {\n    if (this.showQuickFilters)\n      this.getDrawsData(false);\n  }\n  disconnectedCallback() {\n    clearInterval(this.interval);\n  }\n  render() {\n    let gridHeader = h(\"div\", { class: \"DrawResultsHeader\" }, this.displayAllDrawsResults ? h(\"h4\", null, translate('drawResultsHeader', this.language)) :\n      [h(\"div\", { class: \"DrawResultsHeaderContent\" },\n          h(\"h4\", null, translate('allDrawResultsHistory', this.language)),\n          h(\"div\", { class: \"FilterSection\" },\n            this.showQuickFilters &&\n              h(\"div\", { class: \"FilterResultsContainer\" },\n                h(\"button\", { class: \"QuickFilterButton\", onClick: () => this.filterResults(5) }, translate('lastFiveDraws', this.language)),\n                h(\"button\", { class: \"QuickFilterButton\", onClick: () => this.filterResults(10) }, translate('lastTenDraws', this.language)),\n                h(\"button\", { class: \"QuickFilterButton\", onClick: () => this.filterResults(15) }, translate('lastFifteenDraws', this.language))),\n            h(\"helper-filters\", { \"show-filter-id\": \"true\", \"activate-ticket-search\": \"false\", \"game-id\": this.gameId }))),\n      ]);\n    return h(\"section\", { class: \"GridWrapper\" },\n      h(\"div\", { class: \"DrawResultsSection\" },\n        h(\"div\", { class: \"DrawResultsAreaHistory\" },\n          gridHeader,\n          h(\"div\", { class: \"HistoryGridWrapper\" },\n            h(\"div\", { class: \"HistoryGrid\" },\n              this.isLoading &&\n                h(\"p\", null, translate('fetchingResults', this.language)),\n              !this.isLoading && !this.noResults && this.drawData.map((item) => h(\"lottery-draw-results\", { endpoint: this.endpoint, \"game-id\": this.gameId, \"draw-id\": item.id, \"draw-mode\": true })).reverse().slice(0, this.numberOfResults),\n              !this.isLoading && this.noResults && (h(\"p\", null, translate('noResults', this.language))))),\n          this.displayAllDrawsResults && h(\"button\", { class: \"ViewAllResults\", onClick: this.viewAllResults }, translate('viewAllResults', this.language)))));\n  }\n  static get is() { return \"lottery-draw-results-history\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"lottery-draw-results-history.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"lottery-draw-results-history.css\"]\n  }; }\n  static get properties() { return {\n    \"endpoint\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Endpoint URL for lottery\"\n      },\n      \"attribute\": \"endpoint\",\n      \"reflect\": false\n    },\n    \"gameId\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"GameID\"\n      },\n      \"attribute\": \"game-id\",\n      \"reflect\": false\n    },\n    \"numberOfResults\": {\n      \"type\": \"number\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"number\",\n        \"resolved\": \"number\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"The number of results to be displayed\"\n      },\n      \"attribute\": \"number-of-results\",\n      \"reflect\": false,\n      \"defaultValue\": \"3\"\n    },\n    \"language\": {\n      \"type\": \"string\",\n      \"mutable\": false,\n      \"complexType\": {\n        \"original\": \"string\",\n        \"resolved\": \"string\",\n        \"references\": {}\n      },\n      \"required\": false,\n      \"optional\": false,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Language\"\n      },\n      \"attribute\": \"language\",\n      \"reflect\": false,\n      \"defaultValue\": \"'en'\"\n    }\n  }; }\n  static get states() { return {\n    \"drawData\": {},\n    \"displayAllDrawsResults\": {},\n    \"showQuickFilters\": {},\n    \"winningDataSetsData\": {},\n    \"dateFiltersFrom\": {},\n    \"dateFiltersTo\": {},\n    \"isLoading\": {},\n    \"noResults\": {}\n  }; }\n  static get listeners() { return [{\n      \"name\": \"filterDraw\",\n      \"method\": \"filtersDrawHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"filterSelection\",\n      \"method\": \"filtersHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"filterSelectionReset\",\n      \"method\": \"clearFiltersHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }]; }\n}\n"],"version":3}

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

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

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

@@ -0,0 +1 @@
+{"file":"lottery-draw-results.js","mappings":";;;;;;;","names":[],"sources":[],"sourcesContent":[],"version":3}