@everymatrix/lottery-game-page 0.1.5 → 0.1.6

package/dist/cjs/helper-accordion_2.cjs.entry.js

@@ -0,0 +1,126 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-65086a23.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 4px 0 0;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}.HeaderTicketHistory{border-radius:4px;background:#F1F1F1;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none;margin-bottom:5px}.HeaderTicketHistory:hover{background:#00ABA4}.HeaderTicketHistory .Title,.HeaderTicketHistory .Subtitle,.HeaderTicketHistory .Description{margin:0;font-size:14px;color:#000}.HeaderTicketHistory .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:0 0 4px 4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{cursor:pointer;display:inline-block;border-radius:4px;margin:20px 0 10px;text-transform:uppercase;font-size:12px;text-align:center;padding:8px 20px;min-width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}";
+
+const Accordion = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.accordionEvent = index.createEvent(this, "helperAccordionAction", 7);
+    /**
+   * Flag for ticket history
+   */
+    this.ticketHistoryFlag = false;
+    /**
+     * 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 (index.h("div", { class: "Wrapper" }, index.h("div", { class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header' }, index.h("p", { class: "Title" }, this.headerTitle), index.h("p", { class: "Subtitle" }, this.headerSubtitle), index.h("p", { class: "Subtitle" }, this.description), index.h("span", { class: "Expand", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')), this.showContent &&
+      index.h("div", null, index.h("div", { class: "Content" }, index.h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
+        index.h("div", null, this.deleteTab &&
+          index.h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
+  }
+};
+Accordion.style = helperAccordionCss;
+
+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) {
+    index.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: 'How to Play' }, { label: 'About' }, { label: 'FAQs' }];
+  }
+  connectedCallback() {
+  }
+  render() {
+    return (index.h("div", null, index.h("div", { class: "Tabs" }, this.tabs.map((tab, index$1) => index.h("button", { class: 'TabButton' + (this.selectedIndex == index$1 ? ' Active' : ''), onClick: () => this.selectedIndex = index$1 }, tab.label))), index.h("div", null, index.h("helper-tab", { selectedIndex: this.selectedIndex }))));
+  }
+  get host() { return index.getElement(this); }
+};
+HelperTabs.style = helperTabsCss;
+
+exports.helper_accordion = Accordion;
+exports.helper_tabs = HelperTabs;
+
+//# sourceMappingURL=helper-accordion_2.cjs.entry.js.map

package/dist/cjs/helper-accordion_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"helper-accordion.helper-tabs.entry.cjs.js","mappings":"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","names":["h","index"],"sources":["../helper-accordion/dist/collection/utils/locale.utils.js","../helper-accordion/dist/collection/components/helper-accordion/helper-accordion.css?tag=helper-accordion&encapsulation=shadow","../helper-accordion/dist/collection/components/helper-accordion/helper-accordion.js","../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":["const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en'];\nconst TRANSLATIONS = {\n  en: {\n    deleteTicket: 'Delete ticket'\n  },\n  ro: {\n    deleteTicket: 'Sterge biletul'\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.Header {\n  border-radius: 4px 4px 0 0;\n  background: #009993;\n  display: flex;\n  gap: 30px;\n  border: 1px solid #009993;\n  padding: 8px 10px;\n  user-select: none;\n}\n.Header:hover {\n  background: #00ABA4;\n}\n.Header .Title,\n.Header .Subtitle,\n.Header .Description {\n  margin: 0;\n  font-size: 14px;\n  color: #fff;\n}\n.Header .Expand {\n  margin-left: auto;\n  color: #FFF;\n  width: 17px;\n  height: 17px;\n  cursor: pointer;\n  text-align: center;\n  transform: rotate(90deg);\n  font-size: 20px;\n  user-select: none;\n}\n\n.HeaderTicketHistory {\n  border-radius: 4px;\n  background: #F1F1F1;\n  display: flex;\n  gap: 30px;\n  border: 1px solid #009993;\n  padding: 8px 10px;\n  user-select: none;\n  margin-bottom: 5px;\n}\n.HeaderTicketHistory:hover {\n  background: #00ABA4;\n}\n.HeaderTicketHistory .Title,\n.HeaderTicketHistory .Subtitle,\n.HeaderTicketHistory .Description {\n  margin: 0;\n  font-size: 14px;\n  color: #000;\n}\n.HeaderTicketHistory .Expand {\n  margin-left: auto;\n  color: #FFF;\n  width: 17px;\n  height: 17px;\n  cursor: pointer;\n  text-align: center;\n  transform: rotate(90deg);\n  font-size: 20px;\n  user-select: none;\n}\n\n.Content {\n  border-radius: 0 0 4px 4px;\n  background: #fff;\n  border: 1px solid #009993;\n  padding: 10px 15px;\n  user-select: none;\n  color: #000;\n  margin-bottom: 10px;\n}\n\n.ActionButton {\n  cursor: pointer;\n  display: inline-block;\n  border-radius: 4px;\n  margin: 20px 0 10px;\n  text-transform: uppercase;\n  font-size: 12px;\n  text-align: center;\n  padding: 8px 20px;\n  min-width: 80px;\n  background: #FF3D00;\n  border: 1px solid #FF3D00;\n  color: #FFF;\n}\n.ActionButton:hover {\n  background: #FF6536;\n  border: 1px solid #FF3D00;\n}","import { Component, Prop, h, State, Event } from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\nexport class Accordion {\n  constructor() {\n    /**\n   * Flag for ticket history\n   */\n    this.ticketHistoryFlag = false;\n    /**\n     * Title (top header)\n     */\n    this.headerTitle = '';\n    /**\n     * SubTitle (top header)\n     */\n    this.headerSubtitle = '';\n    /**\n     * Description\n     */\n    this.description = '';\n    /**\n     * Enables footer content\n     */\n    this.footer = false;\n    /**\n     * Enables footer button for tab deletion\n     */\n    this.deleteTab = false;\n    /**\n     * Activates postMessages as events for actions from the widget\n     */\n    this.postMessage = false;\n    /**\n     * Name of the event emitter by the action button\n     */\n    this.eventName = 'helperAccordionAction';\n    /**\n     * Collapsed\n     */\n    this.collapsed = true;\n    /**\n     * Language\n     */\n    this.language = 'en';\n  }\n  // @TODO fix the `any` type :)\n  connectedCallback() {\n    this.showContent = !this.collapsed;\n  }\n  toggleContent() {\n    this.showContent = !this.showContent;\n  }\n  deleteAction() {\n    if (this.postMessage) {\n      // @TODO maybe change the name type, this one sucks\n      window.postMessage({ type: this.eventName }, window.location.href);\n    }\n    this.accordionEvent.emit();\n  }\n  render() {\n    return (h(\"div\", { class: \"Wrapper\" },\n      h(\"div\", { class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header' },\n        h(\"p\", { class: \"Title\" }, this.headerTitle),\n        h(\"p\", { class: \"Subtitle\" }, this.headerSubtitle),\n        h(\"p\", { class: \"Subtitle\" }, this.description),\n        h(\"span\", { class: \"Expand\", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')),\n      this.showContent &&\n        h(\"div\", null,\n          h(\"div\", { class: \"Content\" },\n            h(\"slot\", { name: 'accordionContent' }),\n            this.footer && this.showContent &&\n              h(\"div\", null, this.deleteTab &&\n                h(\"span\", { class: \"ActionButton\", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));\n  }\n  static get is() { return \"helper-accordion\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"helper-accordion.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"helper-accordion.css\"]\n  }; }\n  static get properties() { return {\n    \"ticketHistoryFlag\": {\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\": \"Flag for ticket history\"\n      },\n      \"attribute\": \"ticket-history-flag\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"headerTitle\": {\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\": \"Title (top header)\"\n      },\n      \"attribute\": \"header-title\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"headerSubtitle\": {\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\": \"SubTitle (top header)\"\n      },\n      \"attribute\": \"header-subtitle\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"description\": {\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\": \"Description\"\n      },\n      \"attribute\": \"description\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"footer\": {\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\": \"Enables footer content\"\n      },\n      \"attribute\": \"footer\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"deleteTab\": {\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\": \"Enables footer button for tab deletion\"\n      },\n      \"attribute\": \"delete-tab\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\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\": \"Activates postMessages as events for actions from the widget\"\n      },\n      \"attribute\": \"post-message\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"eventName\": {\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\": \"Name of the event emitter by the action button\"\n      },\n      \"attribute\": \"event-name\",\n      \"reflect\": false,\n      \"defaultValue\": \"'helperAccordionAction'\"\n    },\n    \"collapsed\": {\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\": \"Collapsed\"\n      },\n      \"attribute\": \"collapsed\",\n      \"reflect\": false,\n      \"defaultValue\": \"true\"\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    \"showContent\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"accordionEvent\",\n      \"name\": \"helperAccordionAction\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"Action event\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\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.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/cjs/{lottery-draw-results.cjs.entry.js → helper-filters_2.cjs.entry.js}

@@ -2,9 +2,138 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-614098f4.js');
+const index = require('./index-65086a23.js');
 require('@everymatrix/lottery-grid');
 
+const DEFAULT_LANGUAGE$1 = 'en';
+const SUPPORTED_LANGUAGES$1 = ['ro', 'en'];
+const TRANSLATIONS$1 = {
+  en: {
+    filterOpen: 'Filter',
+    filterClear: 'Clear',
+    filterModalTicketTitle: 'Ticket Results',
+    filterModalDrawTitle: 'Draws Results History',
+    filterTicketPlaceholder: 'Search for a ticket ID',
+    filterDrawPlaceholder: 'Search for a draw ID',
+    filterDateRangePlaceholder: 'Date Range',
+    filterModalButton: 'Search',
+    filterFromCalendar: 'From',
+    filterToCalendar: 'To',
+    filterOrDate: 'or search by date'
+  },
+  ro: {
+    filterOpen: 'Filtrare',
+    filterClear: 'Stergere',
+    filterModalTicketTitle: 'Rezultatele biletelor',
+    filterModalDrawTitle: 'Rezultatele draw-urilor',
+    filterTicketPlaceholder: 'Cauta ID bilet',
+    filterDrawPlaceholder: 'Cauta ID draw',
+    filterDateRangePlaceholder: 'Perioada',
+    filterModalButton: 'Cauta',
+    filterOrDate: 'sau cauta dupa data'
+  },
+};
+const translate$1 = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS$1[lang !== undefined && SUPPORTED_LANGUAGES$1.includes(lang) ? lang : DEFAULT_LANGUAGE$1][key];
+};
+
+const helperFiltersCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.FilterButtonsWrapper{display:flex;justify-content:flex-end;gap:5px}.FilterButtonsWrapper .FilterOpen{cursor:pointer;border-radius:4px;padding:8px 15px;width:max-content;border:1px solid #00958f;background:#00958f;color:#FFF;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterOpen:hover{background:#00958f;color:#FFF}.FilterButtonsWrapper .FilterClear{cursor:pointer;border-radius:4px;padding:8px 15px;width:max-content;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0}.FilterButtonsWrapper .FilterClear:hover{background:#00958f;color:#FFF}.FilterModalHeader,.FilterModalBody,.FilterModalFooter{display:flex;flex-direction:column;gap:5px;align-items:center;margin:20px 0}.FilterModalHeader .FilterModalTitle,.FilterModalBody .FilterModalTitle,.FilterModalFooter .FilterModalTitle{margin:0;padding:0;font-weight:700;font-size:16px;color:#009993;text-transform:uppercase}.FilterModalHeader .FilterModalSearch,.FilterModalBody .FilterModalSearch,.FilterModalFooter .FilterModalSearch{border-radius:4px;background:#e8ebef;color:#263445;width:100%;height:26px;max-width:280px;padding:5px;font-size:15px;border:none;outline:#009993}.FilterModalHeader .FilterCalendarWrapper,.FilterModalBody .FilterCalendarWrapper,.FilterModalFooter .FilterCalendarWrapper{display:flex;gap:5px}.FilterModalHeader .FilterCalendarWrapper .VaadinDatePicker,.FilterModalBody .FilterCalendarWrapper .VaadinDatePicker,.FilterModalFooter .FilterCalendarWrapper .VaadinDatePicker{width:50%;max-width:143px}.FilterModalHeader .FilterModalButton,.FilterModalBody .FilterModalButton,.FilterModalFooter .FilterModalButton{cursor:pointer;border-radius:4px;padding:8px 60px;width:max-content;margin:5px;border:1px solid #00958f;background:#00958f;color:#FFF;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.FilterModalHeader .FilterModalButton:hover,.FilterModalBody .FilterModalButton:hover,.FilterModalFooter .FilterModalButton:hover{background:#00958f;color:#FFF}.FilterModalHeader p,.FilterModalBody p,.FilterModalFooter p{margin:5px 0}";
+
+const HelperFilters = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.filterDraw = index.createEvent(this, "filterDraw", 7);
+    this.filterSelection = index.createEvent(this, "filterSelection", 7);
+    this.filterSelectionReset = index.createEvent(this, "filterSelectionReset", 7);
+    /**
+     * Check if show the filter option by id
+     */
+    this.showFilterId = true;
+    /**
+     * Choose if filter by draw ID or ticket ID. By default is draw ID.
+     */
+    this.activateTicketSearch = false;
+    /**
+     * Game ID
+     */
+    this.gameId = '';
+    /**
+     * Player ID
+     */
+    this.playerId = '';
+    /**
+     * Session ID
+     */
+    this.session = '';
+    /**
+     * Instead of customEvents the widget triggers postMessages
+     */
+    this.postMessage = false;
+    /**
+     * Language
+     */
+    this.language = 'en';
+    this.showFilterModal = false;
+    this.showClearButton = false;
+    this.filterData = {};
+    this.filterDataReset = { ticketDrawId: '', filterFromCalendar: '', filterToCalendar: '' };
+  }
+  // reset field values each time the filter modal opens
+  componentDidRender() {
+    this.filterData.ticketDrawId = null;
+    this.filterData.filterFromCalendar = null;
+    this.filterData.filterToCalendar = null;
+    // @TODO: to way binding?
+    if (document.getElementById('#FilterById'))
+      document.getElementById('#FilterById').value = '';
+  }
+  filterSelectionHandler(event) {
+    if (this.postMessage)
+      window.postMessage({ type: 'filterSelection', event }, window.location.href);
+    if (this.filterData.ticketDrawId)
+      this.filterDraw.emit(event);
+    if (this.filterData.filterFromCalendar || this.filterData.filterToCalendar)
+      this.filterSelection.emit(event);
+  }
+  filterSelectionResetHandler(event) {
+    if (this.postMessage)
+      window.postMessage({ type: 'filterSelectionReset', event }, window.location.href);
+    this.filterSelectionReset.emit(event);
+  }
+  modalCloseEvent() {
+    this.showFilterModal = false;
+  }
+  // Toggle filter modal
+  toggleFilterModal() {
+    this.showFilterModal = true;
+  }
+  // Filter search
+  filterSearch() {
+    this.modalCloseEvent();
+    this.showClearButton = true;
+    this.filterSelectionHandler(this.filterData);
+  }
+  resetSearch() {
+    this.showClearButton = false;
+    this.filterSelectionResetHandler(this.filterDataReset);
+    this.filterData = {};
+  }
+  handleTicketDrawId(event) {
+    this.filterData.ticketDrawId = event.target.value;
+  }
+  handleFilterFrom(event) {
+    this.filterData.filterFromCalendar = new Date(event.target.value).toISOString();
+  }
+  handleFilterTo(event) {
+    this.filterData.filterToCalendar = new Date(event.target.value).toISOString();
+  }
+  render() {
+    return (index.h("div", { class: "HelperFilters" }, index.h("div", { class: "FilterButtonsWrapper" }, index.h("button", { class: "FilterOpen", onClick: () => this.toggleFilterModal() }, translate$1('filterOpen', this.language)), this.showClearButton ? index.h("button", { class: "FilterClear", onClick: () => this.resetSearch() }, translate$1('filterClear', this.language)) : null), index.h("helper-modal", { "title-modal": "Filter Modal", visible: this.showFilterModal }, index.h("div", { class: "FilterModalHeader" }, index.h("h3", { class: "FilterModalTitle" }, this.activateTicketSearch ? translate$1('filterModalTicketTitle', this.language) : translate$1('filterModalDrawTitle', this.language))), index.h("div", { class: "FilterModalBody" }, index.h("input", { id: "FilterById", type: "text", value: this.filterData.ticketDrawId, onInput: (event) => this.handleTicketDrawId(event), class: "FilterModalSearch", placeholder: this.activateTicketSearch ? translate$1('filterTicketPlaceholder', this.language) : translate$1('filterDrawPlaceholder', this.language) }), index.h("p", null, translate$1('filterOrDate', this.language)), index.h("div", { class: "FilterCalendarWrapper" })), index.h("div", { class: "FilterModalFooter" }, index.h("button", { class: "FilterModalButton", onClick: () => this.filterSearch() }, translate$1('filterModalButton', this.language))))));
+  }
+};
+HelperFilters.style = helperFiltersCss;
+
 const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en'];
 const TRANSLATIONS = {
@@ -185,4 +314,7 @@ const LotteryDrawResults = class {
 };
 LotteryDrawResults.style = lotteryDrawResultsCss;
 
+exports.helper_filters = HelperFilters;
 exports.lottery_draw_results = LotteryDrawResults;
+
+//# sourceMappingURL=helper-filters_2.cjs.entry.js.map

package/dist/cjs/helper-filters_2.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"helper-filters.lottery-draw-results.entry.cjs.js","mappings":"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","names":["DEFAULT_LANGUAGE","SUPPORTED_LANGUAGES","TRANSLATIONS","translate","h","index"],"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","../lottery-draw-results/dist/collection/utils/locale.utils.js","../lottery-draw-results/dist/collection/components/lottery-draw-results/lottery-draw-results.css?tag=lottery-draw-results&encapsulation=shadow","../lottery-draw-results/dist/collection/components/lottery-draw-results/lottery-draw-results.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","const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en'];\nconst TRANSLATIONS = {\n  en: {\n    drawResultsHeader: 'Last draw results',\n    drawId: 'Draw ID',\n    drawName: 'Game name',\n    drawDate: 'Draw Date',\n    drawNumbersGridDraw: 'Draw numbers Grid A',\n    drawNumbersGridTicket: 'Draw numbers Grid B',\n    ticketResult: 'Ticket result',\n    amountWon: 'Amount won',\n    numberOfDraws: 'Number of draws',\n    multiplier: 'Multiplier:',\n    ticketPurchaseDate: 'Ticket Purchase Date',\n    ticketStatus: 'Ticket Status',\n    ticketId: 'Ticket ID',\n    ticketAmount: 'Ticket Amount',\n    winUpTo: 'Win up to',\n  },\n  ro: {\n    drawResultsHeader: 'Ultimele rezultate extragere',\n    drawId: 'Id extragere',\n    drawName: 'Numele jocului',\n    drawDate: 'Data extragerii',\n    drawNumbersGridDraw: 'Numerele extrase Grid A',\n    drawNumbersGridTicket: 'Numerele extrase Grid B',\n    ticketResult: 'Rezultatul biletului',\n    amountWon: 'Suma castigata',\n    numberOfDraws: 'Numarul de extrageri',\n    multiplier: 'Multiplicator:',\n    ticketPurchaseDate: 'Data achizitionarii biletului',\n    ticketStatus: 'Statusul biletului',\n    ticketId: 'Id biletul',\n    ticketAmount: 'Valoarea biletului',\n    winUpTo: 'Poti castiga'\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.TicketInfo {\n  display: flex;\n  flex-direction: row;\n  gap: 15px;\n  background-color: #009993;\n  color: #fff;\n  padding: 12px;\n  font-size: 14px;\n}\n\n.DrawResultsArea {\n  margin-top: 15px;\n}\n\n.DrawResultsSection {\n  max-width: 600px;\n  margin: 0px auto;\n  border-radius: 4px;\n}\n\n.DrawResultsHeader {\n  display: flex;\n  justify-content: space-between;\n  padding: 10px 20px;\n  background-color: #009993;\n  color: #fff;\n  font-size: 14px;\n  border-radius: 4px 4px 0 0;\n}\n.DrawResultsHeader h4 {\n  text-transform: uppercase;\n  font-weight: 400;\n  margin: 0;\n  padding-top: 15px;\n}\n\n.DrawMultipler label {\n  display: block;\n  margin: 15px 0;\n}\n\n.DrawResultsBody {\n  padding: 0px 20px;\n  margin-bottom: 5px;\n  border-radius: 0 0 4px 4px;\n  border: 1px solid #009993;\n}\n.DrawResultsBody .DrawNumbersGrid {\n  font-size: 14px;\n}\n.DrawResultsBody .NumberOfDrawsContainer {\n  display: table;\n  width: 100%;\n}\n\n.Toggle {\n  cursor: pointer;\n  display: inline-block;\n}\n\n.ToggleSwitch {\n  display: inline-block;\n  background: #ccc;\n  border-radius: 16px;\n  width: 58px;\n  height: 24px;\n  position: relative;\n  vertical-align: middle;\n  transition: background 0.25s;\n}\n.ToggleSwitch:before, .ToggleSwitch:after {\n  content: \"\";\n}\n.ToggleSwitch:before {\n  display: block;\n  background: linear-gradient(to bottom, #fff 0%, #eee 100%);\n  border-radius: 50%;\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.25);\n  width: 16px;\n  height: 16px;\n  position: absolute;\n  top: 4px;\n  left: 4px;\n  transition: left 0.25s;\n}\n\n.Toggle:hover .ToggleSwitch:before {\n  background: linear-gradient(to bottom, #fff 0%, #fff 100%);\n  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);\n}\n\n.ToggleCheckbox:checked + .ToggleSwitch {\n  background: #56c080;\n}\n\n.ToggleCheckbox:checked + .ToggleSwitch:before {\n  left: 38px;\n}\n\n.ToggleCheckbox {\n  position: absolute;\n  visibility: hidden;\n}\n\n.Label {\n  margin-right: 5px;\n  position: relative;\n  top: 2px;\n}\n\n.DrawTicketsContainer {\n  margin: 30px auto;\n}\n\n.ExpandableBoxes {\n  position: relative;\n}\n\n.ExpandableBox {\n  line-height: 12px;\n  font-weight: lighter;\n  width: 100%;\n  height: 100%;\n  max-height: 70px;\n  float: left;\n  margin: 0 0 20px 0;\n  border: 1px solid #f1f1f1;\n  background: #fff;\n  border-radius: 4px;\n  padding: 10px;\n  -webkit-transition: all 0.6s ease-in-out;\n  -moz-transition: all 0.6s ease-in-out;\n  -o-transition: all 0.6s ease-in-out;\n  -ms-transition: all 0.6s ease-in-out;\n  transition: all 0.6s ease-in-out;\n  overflow: hidden;\n  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\n}\n\n.ExpandableBox.ShowBox {\n  max-height: 400px;\n  margin: 0px 0px 20p 0px;\n}\n\n.ExpandableBox.HideBox {\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  border: none;\n  padding: 0;\n  margin: 0;\n  opacity: 0;\n}","import { Component, Prop, h, State } from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\nimport '@everymatrix/lottery-grid';\nexport class LotteryDrawResults {\n  constructor() {\n    /**\n     * Language of the widget\n     */\n    this.language = 'en';\n    /**\n     * Shows only the last draw\n     */\n    this.drawMode = false;\n    /**\n     * The drawID (option)\n     */\n    this.drawId = '';\n    /**\n     * The game name\n     */\n    this.gameName = '';\n    /**\n     * The ticket submission date\n     */\n    this.ticketDate = '';\n    /**\n     * The ticket status\n     */\n    this.ticketStatus = '';\n    /**\n     * The ticket id\n     */\n    this.ticketId = '';\n    /**\n     * The ticket amount\n     */\n    this.ticketAmount = '';\n    /**\n     * The ticket multiplier\n     */\n    this.ticketMultiplier = false;\n    /**\n     * The ticket draw count\n     */\n    this.ticketDrawCount = 0;\n    this.multiplier = 3;\n    this.isLoading = true;\n    this.drawResults = [];\n    this.rules = {};\n    this.toggleDrawer = [false];\n    this.hasErrors = false;\n    this.errorText = '';\n    this.changeBox = (index) => {\n      this.toggleDrawer = this.toggleDrawer.map((item, itemIndex) => {\n        if (itemIndex == index) {\n          return !item;\n        }\n        return item;\n      });\n      if (index >= this.toggleDrawer.length) {\n        this.toggleDrawer.push(true);\n      }\n    };\n  }\n  connectedCallback() {\n    let promises = [];\n    promises.push(this.getGameData());\n    if (this.drawId) {\n      promises.push(this.getDrawData());\n    }\n    Promise.all(promises)\n      .then(() => {\n      this.isLoading = false;\n    });\n  }\n  getDrawData() {\n    return new Promise((resolve, reject) => {\n      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${this.drawId}`);\n      fetch(url.href)\n        .then((response) => {\n        // @TODO EXCEPTIONS\n        return response.json();\n      })\n        .then((data) => {\n        this.drawData = data;\n        resolve(true);\n        this.isLoading = false;\n      })\n        .catch((err) => {\n        reject(err);\n        this.isLoading = false;\n      });\n    });\n  }\n  getGameData() {\n    return new Promise((resolve, reject) => {\n      let url = new URL(`${this.endpoint}/games/${this.gameId}`);\n      fetch(url.href)\n        .then((response) => {\n        return response.json();\n      })\n        .then((data) => {\n        this.rules = {\n          maximumAllowed: data.rules.boards[0].maximumAllowed,\n          totalNumbers: data.rules.boards[0].totalNumbers\n        };\n        resolve(true);\n        this.isLoading = false;\n        this.hasErrors = false;\n      })\n        .catch((err) => {\n        this.isLoading = false;\n        this.hasErrors = true;\n        this.errorText = err;\n        reject(err);\n      });\n    });\n  }\n  render() {\n    if (this.isLoading) {\n      return (h(\"p\", null, \"Loading, please wait ...\"));\n    }\n    else if (this.hasErrors) {\n      h(\"p\", null, this.errorText);\n    }\n    else {\n      return (h(\"section\", { class: \"DrawResultsSection\" }, !this.drawMode ?\n        h(\"div\", { class: \"DrawResultsArea\" },\n          h(\"div\", { class: \"TicketInfo\" },\n            h(\"div\", { class: \"TicketGameName\" },\n              translate('drawName', this.language),\n              \": \",\n              h(\"span\", null, this.gameName)),\n            h(\"div\", { class: \"TicketDate\" },\n              translate('ticketPurchaseDate', this.language),\n              \": \",\n              h(\"span\", null, this.ticketDate.slice(0, 10))),\n            h(\"div\", { class: \"TicketStatus\" },\n              translate('ticketStatus', this.language),\n              \": \",\n              h(\"span\", null, this.ticketStatus))),\n          h(\"div\", { class: \"DrawResultsBody\" },\n            h(\"div\", { class: \"TicketIdContainer\" },\n              h(\"p\", null,\n                translate('ticketId', this.language),\n                \": \",\n                h(\"span\", null, this.ticketId))),\n            h(\"div\", { class: \"TicketAmountContainer\" },\n              h(\"p\", null,\n                translate('ticketAmount', this.language),\n                \" \",\n                h(\"span\", null, this.ticketAmount))),\n            h(\"div\", { class: \"DrawNumbersGrid\" },\n              h(\"p\", null,\n                translate('drawNumbersGridTicket', this.language),\n                \":\"),\n              h(\"div\", { class: \"BulletContainer\" },\n                h(\"lottery-grid\", { \"maximum-allowed\": this.rules.maximumAllowed, \"total-numbers\": this.rules.totalNumbers, \"selected-numbers\": this.selection, selectable: false, \"display-selected\": true, language: this.language }))),\n            h(\"div\", { class: \"DrawMultipler\" },\n              h(\"label\", { class: \"Label\" },\n                translate('winUpTo', this.language),\n                \" \",\n                h(\"span\", null, JSON.stringify(this.ticketMultiplier)))),\n            h(\"div\", { class: \"NumberOfDrawsContainer\" },\n              h(\"p\", null,\n                translate('numberOfDraws', this.language),\n                \": \",\n                this.ticketDrawCount),\n              h(\"div\", { class: \"DrawTicketsContainer\" }, this.drawResults.map((item, index) => h(\"div\", { class: \"ExpandableBoxes\" },\n                h(\"div\", { class: this.toggleDrawer[index] ? 'ExpandableBox ShowBox' : 'ExpandableBox', onClick: () => this.changeBox(index) },\n                  h(\"div\", { class: \"TicketResultContainer\" },\n                    h(\"p\", null,\n                      translate('ticketResult', this.language),\n                      \": \",\n                      item.status)),\n                  item.state == 'won' &&\n                    h(\"div\", { class: \"AmountWonContainer\" },\n                      h(\"p\", null,\n                        translate('amountWon', this.language),\n                        \": \",\n                        Number(item.amount).toLocaleString('en'),\n                        \" \",\n                        item.currency)),\n                  h(\"div\", { class: \"DrawIdContainer\" },\n                    h(\"p\", null,\n                      translate('drawId', this.language),\n                      \": \",\n                      item.drawId)),\n                  h(\"div\", { class: \"DrawDateContainer\" },\n                    h(\"p\", null,\n                      translate('drawDate', this.language),\n                      \": \",\n                      item.updatedAt.slice(0, 10),\n                      \" | \",\n                      item.updatedAt.slice(11, 19))),\n                  h(\"div\", { class: \"DrawNumbersGrid\" }),\n                  h(\"div\", { class: \"DrawMultipler\" },\n                    h(\"label\", { class: \"Label\" },\n                      translate('winUpTo', this.language),\n                      \" \",\n                      item.multiplier)))))))))\n        :\n          h(\"div\", { class: \"DrawResultsArea\" }, this.drawData &&\n            h(\"div\", null,\n              h(\"div\", { class: \"DrawResultsHeader\" },\n                h(\"span\", null,\n                  translate('drawId', this.language),\n                  \":  \",\n                  this.drawData.id),\n                h(\"span\", null,\n                  translate('drawDate', this.language),\n                  \": \",\n                  this.drawData.date.slice(0, 10))),\n              h(\"div\", { class: \"DrawResultsBody\" },\n                h(\"div\", { class: \"DrawNumbersGrid\" },\n                  h(\"p\", null,\n                    translate('drawNumbersGridDraw', this.language),\n                    \":\"),\n                  h(\"div\", { class: \"BulletContainer\" },\n                    h(\"lottery-grid\", { \"maximum-allowed\": this.rules.maximumAllowed, \"total-numbers\": this.rules.totalNumbers, selectedNumbers: this.drawData.winningNumbers.join(','), \"display-selected\": true, selectable: false, language: this.language })),\n                  h(\"div\", { class: \"DrawMultipler\" },\n                    h(\"label\", { class: \"Label\" },\n                      translate('multiplier', this.language),\n                      \" \",\n                      this.multiplier))))))));\n    }\n  }\n  static get is() { return \"lottery-draw-results\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"lottery-draw-results.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"lottery-draw-results.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 the source of data\"\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 of the lottery game\"\n      },\n      \"attribute\": \"game-id\",\n      \"reflect\": 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 of the widget\"\n      },\n      \"attribute\": \"language\",\n      \"reflect\": false,\n      \"defaultValue\": \"'en'\"\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    },\n    \"drawMode\": {\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\": \"Shows only the last draw\"\n      },\n      \"attribute\": \"draw-mode\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"drawId\": {\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\": \"The drawID (option)\"\n      },\n      \"attribute\": \"draw-id\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"gameName\": {\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\": \"The game name\"\n      },\n      \"attribute\": \"game-name\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketDate\": {\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\": \"The ticket submission date\"\n      },\n      \"attribute\": \"ticket-date\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketStatus\": {\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\": \"The ticket status\"\n      },\n      \"attribute\": \"ticket-status\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketId\": {\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\": \"The ticket id\"\n      },\n      \"attribute\": \"ticket-id\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketAmount\": {\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\": \"The ticket amount\"\n      },\n      \"attribute\": \"ticket-amount\",\n      \"reflect\": false,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketMultiplier\": {\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\": \"The ticket multiplier\"\n      },\n      \"attribute\": \"ticket-multiplier\",\n      \"reflect\": false,\n      \"defaultValue\": \"false\"\n    },\n    \"ticketDrawCount\": {\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 ticket draw count\"\n      },\n      \"attribute\": \"ticket-draw-count\",\n      \"reflect\": false,\n      \"defaultValue\": \"0\"\n    }\n  }; }\n  static get states() { return {\n    \"multiplier\": {},\n    \"isLoading\": {},\n    \"drawResults\": {},\n    \"rules\": {},\n    \"toggleDrawer\": {},\n    \"hasErrors\": {},\n    \"errorText\": {}\n  }; }\n}\n"],"version":3}

package/dist/cjs/helper-modal.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-614098f4.js');
+const index = require('./index-65086a23.js');
 
 /**
  * @name isMobile
@@ -42,3 +42,5 @@ const HelperModal = class {
 HelperModal.style = helperModalCss;
 
 exports.helper_modal = HelperModal;
+
+//# sourceMappingURL=helper-modal.cjs.entry.js.map

package/dist/cjs/helper-modal.cjs.entry.js.map

@@ -0,0 +1 @@
+{"file":"helper-modal.entry.cjs.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;MACnBA,OAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,OAAO,GAAG,uCAAuC,GAAG,oBAAoB,EAAE,EAC/FA,OAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,uCAAuC,EAAE,EACzDA,OAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,oBAAoB,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,2BAA2B,GAAG,EAAE,CAAC,EAAE,EACtGA,OAAC,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,EAC5JA,OAAC,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG;GAC9B;;;;;;","names":["h"],"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}