@everymatrix/lottery-game-page 1.31.2 → 1.32.4

package/dist/components/helper-tabs2.js

@@ -1,105 +0,0 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$1 } from './helper-tab2.js';
-
-const helperTabsCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Tabs{display:flex;gap:10px;overflow-x:auto}.TabButton{cursor:pointer;width:auto;border-radius:4px;padding:8px 15px;margin:5px 0 10px;border:1px solid #009993;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-align:center;letter-spacing:0;white-space:nowrap}.TabButton:hover{background:#F1F1F1}.TabButton.Active{background:#009993;color:#FFF}";
-
-const HelperTabs = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * 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' }];
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url
-     */
-    this.clientStylingurl = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.limitStylingAppends = false;
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  connectedCallback() {
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      this.setClientStyling();
-      if (this.clientStylingUrlContent) {
-        this.setClientStylingURL();
-      }
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  render() {
-    return (h("div", { ref: el => this.stylingContainer = el }, h("div", { class: "Tabs" }, this.tabs.map((tab, index) => h("button", { class: 'TabButton' + (this.selectedIndex == index ? ' Active' : ''), onClick: () => this.selectedIndex = index }, tab.label))), h("div", null, h("helper-tab", { selectedIndex: this.selectedIndex, "client-styling": this.clientStyling, "client-stylingurl": this.clientStylingurl, "client-styling-url-content": this.clientStylingUrlContent }))));
-  }
-  get host() { return this; }
-  static get style() { return helperTabsCss; }
-}, [1, "helper-tabs", {
-    "disabled": [516],
-    "label": [513],
-    "selected": [516],
-    "cmsEndpoint": [513, "cms-endpoint"],
-    "selectedIndex": [1538, "selected-index"],
-    "tabs": [16],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingurl": [513, "client-stylingurl"],
-    "clientStylingUrlContent": [513, "client-styling-url-content"],
-    "limitStylingAppends": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["helper-tabs", "helper-tab"];
-  components.forEach(tagName => { switch (tagName) {
-    case "helper-tabs":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, HelperTabs);
-      }
-      break;
-    case "helper-tab":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { HelperTabs as H, defineCustomElement as d };
-
-//# sourceMappingURL=helper-tabs2.js.map

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

@@ -1 +0,0 @@
-{"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;;;;IAI9E,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;;;;IAIxB,IAAI,CAAC,gBAAgB,GAAG,EAAE,CAAC;;;;IAI3B,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC;IAClC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;IACjC,IAAI,CAAC,gBAAgB,GAAG;MACtB,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MAC5C,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;MACrC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACtC,CAAC;IACF,IAAI,CAAC,mBAAmB,GAAG;MACzB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MAC9C,UAAU,CAAC;QACT,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,uBAAuB,CAAC;QACjD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;OACxC,EAAE,CAAC,CAAC,CAAC;KACP,CAAC;GACH;EACD,iBAAiB;GAIhB;EACD,kBAAkB;;IAEhB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,gBAAgB,EAAE;MACtD,IAAI,CAAC,gBAAgB,EAAE,CAAC;MACxB,IAAI,IAAI,CAAC,uBAAuB,EAAE;QAChC,IAAI,CAAC,mBAAmB,EAAE,CAAC;OAC5B;MACD,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;KACjC;;GAEF;EACD,MAAM;IACJ,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,gBAAgB,GAAG,EAAE,EAAE,EACxD,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,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,mBAAmB,EAAE,IAAI,CAAC,gBAAgB,EAAE,4BAA4B,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,EAAE;GAC7M;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","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, State } 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     * Client custom styling via string\n     */\n    this.clientStyling = '';\n    /**\n     * Client custom styling via url\n     */\n    this.clientStylingurl = '';\n    /**\n     * Client custom styling via url content\n     */\n    this.clientStylingUrlContent = '';\n    this.limitStylingAppends = false;\n    this.setClientStyling = () => {\n      let sheet = document.createElement('style');\n      sheet.innerHTML = this.clientStyling;\n      this.stylingContainer.prepend(sheet);\n    };\n    this.setClientStylingURL = () => {\n      let cssFile = document.createElement('style');\n      setTimeout(() => {\n        cssFile.innerHTML = this.clientStylingUrlContent;\n        this.stylingContainer.prepend(cssFile);\n      }, 1);\n    };\n  }\n  connectedCallback() {\n    if (this.tabs.length == 0) {\n      // fetch CMS data\n    }\n  }\n  componentDidRender() {\n    // start custom styling area\n    if (!this.limitStylingAppends && this.stylingContainer) {\n      this.setClientStyling();\n      if (this.clientStylingUrlContent) {\n        this.setClientStylingURL();\n      }\n      this.limitStylingAppends = true;\n    }\n    // end custom styling area\n  }\n  render() {\n    return (h(\"div\", { ref: el => this.stylingContainer = el },\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, \"client-styling\": this.clientStyling, \"client-stylingurl\": this.clientStylingurl, \"client-styling-url-content\": this.clientStylingUrlContent }))));\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\": true,\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\": true\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\": true,\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\": true\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    \"clientStyling\": {\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\": \"Client custom styling via string\"\n      },\n      \"attribute\": \"client-styling\",\n      \"reflect\": true,\n      \"defaultValue\": \"''\"\n    },\n    \"clientStylingurl\": {\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\": \"Client custom styling via url\"\n      },\n      \"attribute\": \"client-stylingurl\",\n      \"reflect\": true,\n      \"defaultValue\": \"''\"\n    },\n    \"clientStylingUrlContent\": {\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\": \"Client custom styling via url content\"\n      },\n      \"attribute\": \"client-styling-url-content\",\n      \"reflect\": true,\n      \"defaultValue\": \"''\"\n    }\n  }; }\n  static get states() { return {\n    \"limitStylingAppends\": {}\n  }; }\n  static get elementRef() { return \"host\"; }\n}\n"],"version":3}

package/dist/components/index.d.ts

@@ -1,26 +0,0 @@
-/* LotteryGamePage custom elements */
-
-import type { Components, JSX } from "../types/components";
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';

package/dist/components/index.js

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

package/dist/components/index.js.map

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

package/dist/components/lottery-bullet.js

@@ -1,8 +0,0 @@
-import { L as LotteryBullet$1, d as defineCustomElement$1 } from './lottery-bullet2.js';
-
-const LotteryBullet = LotteryBullet$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { LotteryBullet, defineCustomElement };
-
-//# sourceMappingURL=lottery-bullet.js.map

package/dist/components/lottery-bullet.js.map

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

package/dist/components/lottery-bullet2.js

@@ -1,94 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-const lotteryBulletCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}@-webkit-keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes Circle{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.22) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@keyframes hover-rotate{0%{-webkit-transform:scale(1) rotateZ(0);transform:scale(1) rotateZ(0)}50%{-webkit-transform:scale(1.2) rotateZ(180deg);transform:scale(1.2) rotateZ(180deg)}100%{-webkit-transform:scale(1) rotateZ(360deg);transform:scale(1) rotateZ(360deg)}}@-webkit-keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes selected-scaleUp{0%{-webkit-transform:scale(0.5);transform:scale(0.5)}100%{-webkit-transform:scale(1);transform:scale(1)}}.Circle{-webkit-animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;cursor:pointer;color:#000000;display:block;height:30px;width:30px;margin:0;display:flex;align-items:center;justify-content:center;justify-content:center;align-items:center;border:solid 2px #ffffff;background:radial-gradient(circle at top, white 0%, white 100%);font-weight:bold;border-radius:50%;box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.5);user-select:none;font-size:16px;line-height:16px;font-weight:600;position:relative}.Circle:hover{-webkit-animation:hover-rotate 0.4s linear both;animation:hover-rotate 0.4s linear both;background:radial-gradient(circle at top, white 0%, #f1f1f1 100%)}.Circle.Selected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#ffffff;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #00958f}.Circle.Disabled{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#f1f1f1;background:#D4D4D4;border:solid 2px #D4D4D4;cursor:default}.Circle.DisabledSelected{-webkit-animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;animation:selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;color:#f1f1f1;background:#9EC258;background:-webkit-radial-gradient(top, #00958f, #004D4A);background:-moz-radial-gradient(top, #00958f, #004D4A);background:radial-gradient(to bottom, #00958f, #004D4A);border:solid 2px #D4D4D4;cursor:default}";
-
-const LotteryBullet = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.bulletEvent = createEvent(this, "lotteryBulletSelection", 7);
-    /**
-     * Value of the bullet
-     */
-    this.value = '0';
-    /**
-     * Marks if the bullet should be selectable
-     */
-    this.selectable = true;
-    /**
-     * Marks if the bullet should be selected
-     */
-    this.isSelected = false;
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.limitStylingAppends = false;
-    this.select = () => {
-      if (this.selectable) {
-        this.isSelected = !this.isSelected;
-        this.bulletEvent.emit({
-          value: this.value,
-          selected: this.isSelected
-        });
-      }
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  render() {
-    return (h("div", { class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));
-  }
-  static get style() { return lotteryBulletCss; }
-}, [1, "lottery-bullet", {
-    "value": [513],
-    "selectable": [516],
-    "isSelected": [516, "is-selected"],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingUrlContent": [513, "client-styling-url-content"],
-    "limitStylingAppends": [32]
-  }]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-bullet"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryBullet);
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { LotteryBullet as L, defineCustomElement as d };
-
-//# sourceMappingURL=lottery-bullet2.js.map

package/dist/components/lottery-bullet2.js.map

@@ -1 +0,0 @@
-{"file":"lottery-bullet2.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,i8FAAi8F;;MCC78F,aAAa;EACxB;;;;;;;;IAIE,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;;;;IAIjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;;;;IAIvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;;;;IAIxB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;;;;IAIxB,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC;IAClC,IAAI,CAAC,mBAAmB,GAAG,KAAK,CAAC;IACjC,IAAI,CAAC,MAAM,GAAG;MACZ,IAAI,IAAI,CAAC,UAAU,EAAE;QACnB,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;QACnC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;UACpB,KAAK,EAAE,IAAI,CAAC,KAAK;UACjB,QAAQ,EAAE,IAAI,CAAC,UAAU;SAC1B,CAAC,CAAC;OACJ;KACF,CAAC;IACF,IAAI,CAAC,gBAAgB,GAAG;MACtB,IAAI,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MAC5C,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC;MACrC,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;KACtC,CAAC;IACF,IAAI,CAAC,mBAAmB,GAAG;MACzB,IAAI,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;MAC9C,UAAU,CAAC;QACT,OAAO,CAAC,SAAS,GAAG,IAAI,CAAC,uBAAuB,CAAC;QACjD,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;OACxC,EAAE,CAAC,CAAC,CAAC;KACP,CAAC;GACH;EACD,kBAAkB;;IAEhB,IAAI,CAAC,IAAI,CAAC,mBAAmB,IAAI,IAAI,CAAC,gBAAgB,EAAE;MACtD,IAAI,IAAI,CAAC,aAAa;QACpB,IAAI,CAAC,gBAAgB,EAAE,CAAC;MAC1B,IAAI,IAAI,CAAC,uBAAuB;QAC9B,IAAI,CAAC,mBAAmB,EAAE,CAAC;MAC7B,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC;KACjC;;GAEF;EACD,MAAM;IACJ,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,IAAI,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,UAAU,CAAC,IAAI,IAAI,CAAC,UAAU,GAAG,UAAU,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,gBAAgB,GAAG,EAAE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE;GACtM;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../lottery-bullet/dist/collection/components/lottery-bullet/lottery-bullet.css?tag=lottery-bullet&encapsulation=shadow","../lottery-bullet/dist/collection/components/lottery-bullet/lottery-bullet.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/*** Animation - Show */\n@-webkit-keyframes Circle {\n  0% {\n    -webkit-transform: scale(0.5);\n    transform: scale(0.5);\n  }\n  100% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n@keyframes Circle {\n  0% {\n    -webkit-transform: scale(0.5);\n    transform: scale(0.5);\n  }\n  100% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n/*** Animation - Hover */\n@-webkit-keyframes hover-rotate {\n  0% {\n    -webkit-transform: scale(1) rotateZ(0);\n    transform: scale(1) rotateZ(0);\n  }\n  50% {\n    -webkit-transform: scale(1.2) rotateZ(180deg);\n    transform: scale(1.22) rotateZ(180deg);\n  }\n  100% {\n    -webkit-transform: scale(1) rotateZ(360deg);\n    transform: scale(1) rotateZ(360deg);\n  }\n}\n@keyframes hover-rotate {\n  0% {\n    -webkit-transform: scale(1) rotateZ(0);\n    transform: scale(1) rotateZ(0);\n  }\n  50% {\n    -webkit-transform: scale(1.2) rotateZ(180deg);\n    transform: scale(1.2) rotateZ(180deg);\n  }\n  100% {\n    -webkit-transform: scale(1) rotateZ(360deg);\n    transform: scale(1) rotateZ(360deg);\n  }\n}\n/*** Animation - Selected */\n@-webkit-keyframes selected-scaleUp {\n  0% {\n    -webkit-transform: scale(0.5);\n    transform: scale(0.5);\n  }\n  100% {\n    -webkit-transform: scale(1.2);\n    transform: scale(1.2);\n  }\n}\n@keyframes selected-scaleUp {\n  0% {\n    -webkit-transform: scale(0.5);\n    transform: scale(0.5);\n  }\n  100% {\n    -webkit-transform: scale(1);\n    transform: scale(1);\n  }\n}\n.Circle {\n  -webkit-animation: Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  animation: Circle 0.8s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  cursor: pointer;\n  color: #000000;\n  display: block;\n  height: 30px;\n  width: 30px;\n  margin: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  justify-content: center;\n  align-items: center;\n  border: solid 2px #ffffff;\n  background: radial-gradient(circle at top, white 0%, white 100%);\n  font-weight: bold;\n  border-radius: 50%;\n  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);\n  user-select: none;\n  font-size: 16px;\n  line-height: 16px;\n  font-weight: 600;\n  position: relative;\n}\n.Circle:hover {\n  -webkit-animation: hover-rotate 0.4s linear both;\n  animation: hover-rotate 0.4s linear both;\n  background: radial-gradient(circle at top, white 0%, #f1f1f1 100%);\n}\n.Circle.Selected {\n  -webkit-animation: selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  animation: selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  color: #ffffff;\n  background: #9EC258;\n  background: -webkit-radial-gradient(top, #00958f, #004D4A);\n  background: -moz-radial-gradient(top, #00958f, #004D4A);\n  background: radial-gradient(to bottom, #00958f, #004D4A);\n  border: solid 2px #00958f;\n}\n.Circle.Disabled {\n  -webkit-animation: selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  animation: selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  color: #f1f1f1;\n  background: #D4D4D4;\n  border: solid 2px #D4D4D4;\n  cursor: default;\n}\n.Circle.DisabledSelected {\n  -webkit-animation: selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  animation: selected-scaleUp 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both;\n  color: #f1f1f1;\n  background: #9EC258;\n  background: -webkit-radial-gradient(top, #00958f, #004D4A);\n  background: -moz-radial-gradient(top, #00958f, #004D4A);\n  background: radial-gradient(to bottom, #00958f, #004D4A);\n  border: solid 2px #D4D4D4;\n  cursor: default;\n}","import { Component, h, Prop, Event, State } from '@stencil/core';\nexport class LotteryBullet {\n  constructor() {\n    /**\n     * Value of the bullet\n     */\n    this.value = '0';\n    /**\n     * Marks if the bullet should be selectable\n     */\n    this.selectable = true;\n    /**\n     * Marks if the bullet should be selected\n     */\n    this.isSelected = false;\n    /**\n     * Client custom styling via string\n     */\n    this.clientStyling = '';\n    /**\n     * Client custom styling via url content\n     */\n    this.clientStylingUrlContent = '';\n    this.limitStylingAppends = false;\n    this.select = () => {\n      if (this.selectable) {\n        this.isSelected = !this.isSelected;\n        this.bulletEvent.emit({\n          value: this.value,\n          selected: this.isSelected\n        });\n      }\n    };\n    this.setClientStyling = () => {\n      let sheet = document.createElement('style');\n      sheet.innerHTML = this.clientStyling;\n      this.stylingContainer.prepend(sheet);\n    };\n    this.setClientStylingURL = () => {\n      let cssFile = document.createElement('style');\n      setTimeout(() => {\n        cssFile.innerHTML = this.clientStylingUrlContent;\n        this.stylingContainer.prepend(cssFile);\n      }, 1);\n    };\n  }\n  componentDidRender() {\n    // start custom styling area\n    if (!this.limitStylingAppends && this.stylingContainer) {\n      if (this.clientStyling)\n        this.setClientStyling();\n      if (this.clientStylingUrlContent)\n        this.setClientStylingURL();\n      this.limitStylingAppends = true;\n    }\n    // end custom styling area\n  }\n  render() {\n    return (h(\"div\", { class: 'Circle ' + (this.selectable ? '' : 'Disabled') + (this.isSelected ? 'Selected' : ''), onClick: () => this.select(), ref: el => this.stylingContainer = el }, this.value));\n  }\n  static get is() { return \"lottery-bullet\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"lottery-bullet.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"lottery-bullet.css\"]\n  }; }\n  static get properties() { return {\n    \"value\": {\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\": \"Value of the bullet\"\n      },\n      \"attribute\": \"value\",\n      \"reflect\": true,\n      \"defaultValue\": \"'0'\"\n    },\n    \"selectable\": {\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\": \"Marks if the bullet should be selectable\"\n      },\n      \"attribute\": \"selectable\",\n      \"reflect\": true,\n      \"defaultValue\": \"true\"\n    },\n    \"isSelected\": {\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\": \"Marks if the bullet should be selected\"\n      },\n      \"attribute\": \"is-selected\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"clientStyling\": {\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\": \"Client custom styling via string\"\n      },\n      \"attribute\": \"client-styling\",\n      \"reflect\": true,\n      \"defaultValue\": \"''\"\n    },\n    \"clientStylingUrlContent\": {\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\": \"Client custom styling via url content\"\n      },\n      \"attribute\": \"client-styling-url-content\",\n      \"reflect\": true,\n      \"defaultValue\": \"''\"\n    }\n  }; }\n  static get states() { return {\n    \"limitStylingAppends\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"bulletEvent\",\n      \"name\": \"lotteryBulletSelection\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"When a bullet is selected/deselected this event is emmited\"\n      },\n      \"complexType\": {\n        \"original\": \"BulletEvent\",\n        \"resolved\": \"BulletEvent\",\n        \"references\": {\n          \"BulletEvent\": {\n            \"location\": \"import\",\n            \"path\": \"./lottery-bullet.types\"\n          }\n        }\n      }\n    }]; }\n}\n"],"version":3}

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

@@ -1,8 +0,0 @@
-import { L as LotteryDrawResultsHistory$1, d as defineCustomElement$1 } from './lottery-draw-results-history2.js';
-
-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

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

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

@@ -1,298 +0,0 @@
-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';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    drawResultsHeader: 'Draw results history',
-    drawId: 'Draw ID',
-    drawDate: 'Draw Date',
-    drawNumbersGridA: 'Draw numbers Grid A',
-    viewAllResults: 'View All',
-    lastFiveDraws: 'Last 5 Draws',
-    lastTenDraws: 'Last 10 Draws',
-    lastFifteenDraws: 'Last 15 Draws',
-    allDrawResultsHistory: 'All Draw Results History',
-    noResults: 'No results',
-    fetchingResults: 'Fetching results'
-  },
-  ro: {
-    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'
-  },
-  fr: {
-    drawResultsHeader: 'Dessiner l\'historique des résultats',
-    drawId: 'ID de tirage',
-    drawDate: 'Date du tirage',
-    drawNumbersGridA: 'Tirage des numéros Grille',
-    viewAllResults: 'Voir tout',
-    lastFiveDraws: '5 derniers tirages',
-    lastTenDraws: '10 derniers tirages',
-    lastFifteenDraws: '15 derniers tirages',
-    allDrawResultsHistory: 'Historique des résultats de tous les tirages',
-    noResults: 'Aucun résultat',
-    fetchingResults: 'Récupération des résultats'
-  },
-  ar: {
-    drawResultsHeader: 'سجل نتائج السحب',
-    drawId: 'معرّف السحب',
-    drawDate: 'تاريخ السحب',
-    drawNumbersGridA: 'شبكة أرقام السحب',
-    viewAllResults: 'عرض الكل',
-    lastFiveDraws: 'آخر 5 سحوبات',
-    lastTenDraws: 'آخر 10 سحوبات',
-    lastFifteenDraws: 'آخر 15 سحبًا',
-    allDrawResultsHistory: 'سجل نتائج كل السحوبات',
-    noResults: 'لا توجد نتائج',
-    fetchingResults: 'جلب النتائج'
-  },
-  hr: {
-    drawResultsHeader: 'Povijest rezultata izvlačenja',
-    drawId: 'ID izvlačenja',
-    drawDate: 'Datum izvlačenja',
-    drawNumbersGridA: 'Izvučeni brojevi tablica A',
-    viewAllResults: 'Pogledaj sve',
-    lastFiveDraws: 'Zadnjih 5 izvlačenja',
-    lastTenDraws: 'Zadnjih 10 izvlačenja',
-    lastFifteenDraws: 'Zadnjih 15 izvlačenja',
-    allDrawResultsHistory: 'Povijest svih rezultata izvlačenja',
-    noResults: 'Nema rezultata',
-    fetchingResults: 'Dohvaćanje rezultata'
-  },
-};
-const translate = (key, customLang) => {
-  const lang = 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;cursor:pointer}.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() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    /**
-     * The number of results to be displayed
-     */
-    this.numberOfResults = 3;
-    /**
-     *Language
-     */
-    this.language = 'en';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.drawData = [];
-    this.winningDataSetsData = [''];
-    this.displayAllDrawsResults = true;
-    this.showQuickFilters = true;
-    this.dateFiltersFrom = '';
-    this.dateFiltersTo = '';
-    this.isLoading = false;
-    this.noResults = false;
-    this.limitStylingAppends = false;
-    this.getDrawsData = () => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws`);
-      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) {
-          throw new Error('There was an error while fetching the data');
-        }
-        return res.json();
-      })
-        .then((data) => {
-        this.winningDataSetsData = data.items.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) => {
-      this.numberOfResults = resultsNumber;
-      this.displayAllDrawsResults = true;
-    };
-    this.getDrawResults = (drawID) => {
-      let url = new URL(`${this.endpoint}/games/${this.gameId}/draws/${drawID}`);
-      let drawOptions = {
-        method: "GET",
-        headers: {
-          'Content-Type': "application/json",
-          'Accept': 'application/json',
-        },
-      };
-      fetch(url.href, drawOptions)
-        .then((response) => {
-        if (response.status == 404)
-          this.noResults = true;
-        return response.json();
-      })
-        .then((data) => {
-        this.drawData = [data].map((item) => item);
-      })
-        .catch((err) => {
-        console.log('err', err);
-      })
-        .finally(() => {
-        this.isLoading = false;
-      });
-    };
-    this.viewAllResults = () => {
-      this.numberOfResults = this.drawData.length;
-      this.displayAllDrawsResults = false;
-      window.scrollTo({ top: 0, behavior: 'smooth' });
-    };
-    this.setClientStyling = () => {
-      let sheet = document.createElement('style');
-      sheet.innerHTML = this.clientStyling;
-      this.stylingContainer.prepend(sheet);
-    };
-    this.setClientStylingURL = () => {
-      let cssFile = document.createElement('style');
-      setTimeout(() => {
-        cssFile.innerHTML = this.clientStylingUrlContent;
-        this.stylingContainer.prepend(cssFile);
-      }, 1);
-    };
-  }
-  // Filters events
-  // @Listen('filterDraw')
-  // filtersDrawHandler(event: CustomEvent<any>):void {
-  //   this.isLoading = true;
-  //   this.showQuickFilters = false;
-  // }
-  filtersHandler(event) {
-    this.showQuickFilters = false;
-    this.isLoading = true;
-    if (event.detail.ticketDrawId) {
-      this.getDrawResults(event.detail.ticketDrawId);
-    }
-    else {
-      this.dateFiltersFrom = event.detail.filterFromCalendar;
-      this.dateFiltersTo = event.detail.filterToCalendar;
-      this.getDrawsData();
-    }
-  }
-  clearFiltersHandler() {
-    this.showQuickFilters = true;
-    this.dateFiltersFrom = '';
-    this.dateFiltersTo = '';
-    this.drawData = this.winningDataSetsData;
-    this.isLoading = true;
-    this.getDrawsData();
-  }
-  connectedCallback() {
-    if (this.showQuickFilters)
-      this.getDrawsData();
-  }
-  disconnectedCallback() {
-    clearInterval(this.interval);
-  }
-  componentDidRender() {
-    // start custom styling area
-    if (!this.limitStylingAppends && this.stylingContainer) {
-      if (this.clientStyling)
-        this.setClientStyling();
-      if (this.clientStylingUrlContent)
-        this.setClientStylingURL();
-      this.limitStylingAppends = true;
-    }
-    // end custom styling area
-  }
-  render() {
-    let gridHeader = h("div", { class: "DrawResultsHeader" }, this.displayAllDrawsResults ? h("h4", null, translate('drawResultsHeader', this.language)) :
-      [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, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))),
-      ]);
-    return h("section", { class: "GridWrapper", ref: el => this.stylingContainer = el }, 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, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent })).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", {
-    "endpoint": [513],
-    "gameId": [513, "game-id"],
-    "numberOfResults": [514, "number-of-results"],
-    "language": [513],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingUrlContent": [513, "client-styling-url-content"],
-    "drawData": [32],
-    "winningDataSetsData": [32],
-    "displayAllDrawsResults": [32],
-    "showQuickFilters": [32],
-    "dateFiltersFrom": [32],
-    "dateFiltersTo": [32],
-    "isLoading": [32],
-    "noResults": [32],
-    "limitStylingAppends": [32]
-  }, [[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"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-draw-results-history":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryDrawResultsHistory);
-      }
-      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":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { LotteryDrawResultsHistory as L, defineCustomElement as d };
-
-//# sourceMappingURL=lottery-draw-results-history2.js.map