@everymatrix/lottery-game-page 1.43.4 → 1.45.0

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

@@ -1 +0,0 @@
-{"file":"lottery-ticket-controller2.js","mappings":"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","names":[],"sources":["../lottery-ticket-controller/dist/collection/utils/locale.utils.js","../lottery-ticket-controller/dist/collection/components/lottery-ticket-controller/lottery-ticket-controller.css?tag=lottery-ticket-controller&encapsulation=shadow","../lottery-ticket-controller/dist/collection/components/lottery-ticket-controller/lottery-ticket-controller.js"],"sourcesContent":["const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];\nconst TRANSLATIONS = {\n  en: {\n    ticket: 'Ticket',\n  },\n  ro: {\n    ticket: 'Bilet',\n  },\n  fr: {\n    ticket: 'Billet'\n  },\n  ar: {\n    ticket: 'تذكرة',\n  },\n  hr: {\n    ticket: 'Listić',\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",":host {\n  font-family: \"Roboto\", system-ui, -apple-system, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\";\n  font-size: 0.8rem;\n}\n\n*,\n*::before,\n*::after {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  outline: none;\n  box-sizing: border-box;\n}\n\n/* Chrome, Safari, Edge, Opera */\ninput::-webkit-outer-spin-button,\ninput::-webkit-inner-spin-button {\n  -webkit-appearance: none;\n  margin: 0;\n}\n\n/* Firefox */\ninput[type=number] {\n  -moz-appearance: textfield;\n}\n\n.player-account-gaming-limits-popup-2 {\n  background: var(--emfe-w-color-black, #000000);\n  color: var(--emfe-w-color-white, #000);\n}\n\n.Title {\n  font-weight: 800;\n  font-size: 18px;\n}\n\nbutton {\n  display: block;\n  font-size: 0.75rem;\n  padding: 12px 0;\n  border: 0;\n  border-radius: 2px;\n  cursor: pointer;\n}\nbutton.PrimaryButtonStyle {\n  font-size: 14px;\n  color: #fff;\n  background: #7ac317;\n}\nbutton.SecondaryButtonStyle {\n  border: 1px solid #999;\n  color: #666;\n  background: #fff;\n}\n\n.LinkButton {\n  display: inline;\n  padding: 0;\n  color: #3366CC;\n  text-decoration: underline;\n  background-color: rgba(0, 0, 0, 0);\n}\n\n.ResultIconWrapper {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin: 12px 0;\n}\n.ResultIconWrapper svg {\n  height: auto;\n  width: 60px;\n  margin: 12px;\n}\n.ResultIconWrapper p {\n  color: #666;\n}\n\n.Overlay {\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100vw;\n  height: 100vh;\n  background-color: rgba(0, 0, 0, 0.5);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n\n.ModalContainer {\n  position: fixed;\n  top: 30vh;\n  width: 320px;\n  height: auto;\n  padding: 18px 14px;\n  background: #fff;\n  border-radius: 4px;\n}\n\n.InitialWrapper {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n\n.AdditionalInformation {\n  margin: 10px 0;\n  font-size: 14px;\n}\n\n.TermsConditions {\n  font-size: 12px;\n}\n\n.ExpandButton {\n  font-size: 14px;\n  background-color: #fff;\n  border: 0;\n  padding: 0;\n  margin-top: -10px;\n  color: #999;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n}\n.ExpandButton svg {\n  width: 28px;\n  height: auto;\n  margin-left: -4px;\n}\n\n.LeftAlign {\n  text-align: left;\n  font-size: 16px;\n}\n\n.CenterAlign {\n  text-align: center;\n}\n\n.SetLimitSection {\n  display: flex;\n  flex-direction: column;\n  gap: 6px;\n}\n\n.DepositTextSection {\n  display: flex;\n  justify-content: space-between;\n}\n\n.DepositInputSection {\n  height: 32px;\n  display: flex;\n  gap: 4px;\n}\n\n.DepositInput {\n  flex-grow: 1;\n  padding: 0 6px;\n}\n\n.SubmitDepositButton {\n  flex-grow: 1;\n  font-size: 0.75rem;\n  padding: 0;\n}\n.SubmitDepositButton[disabled] {\n  align-items: center;\n  color: #ccc;\n  cursor: not-allowed;\n  background: #fff;\n  border: #ccc 1px solid;\n}\n\n.Hidden {\n  display: none;\n}\n\n.Extended {\n  transform: rotate(180deg);\n}","import { Component, h, Listen, Prop, Event, State } from '@stencil/core';\nimport '@everymatrix/helper-accordion';\nimport '@everymatrix/lottery-ticket';\nimport { translate } from '../../utils/locale.utils';\nexport class LotteryTicketController {\n  constructor() {\n    /**\n     * Endpoint URL for the source of data (NorWAy standard)\n     */\n    this.endpoint = '';\n    /**\n     * Ticket number\n     */\n    this.ticketId = 1;\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 = 'deleteTicketAction';\n    /**\n     * Collapsed\n     */\n    this.collapsed = true;\n    /**\n     * Number of grids?\n     */\n    this.numberOfGrids = 1;\n    /**\n     * This toggles if the last ticket added should be expanded or not\n     */\n    this.last = false;\n    /**\n     * Language\n     */\n    this.language = 'en';\n    /**\n     * Shows the auto-pick button\n     */\n    this.autoPick = false;\n    /**\n     * Shows the reset button\n     */\n    this.resetButton = false;\n    /**\n     * Number of ticket controllers\n     */\n    this.totalControllers = 1;\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.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  // @TODO fix the `any` type\n  helperAccordionActionHandler() {\n    if (this.postMessage) {\n      window.postMessage({ type: this.eventName }, window.location.href);\n    }\n    this.deleteTicketEvent.emit({\n      ticketId: this.ticketId\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    console.log('ticket id:', this.ticketId);\n    return (h(\"div\", { class: \"LotteryTicketControllerContainer\", ref: el => this.stylingContainer = el },\n      h(\"helper-accordion\", { \"header-title\": `${translate('ticket', this.language)} ${this.ticketId}`, \"header-subtitle\": this.ticketDescription, footer: true, \"delete-tab\": this.totalControllers !== 1, collapsed: !this.last || this.collapsed, language: this.language, \"client-styling\": this.clientStyling, \"client-styling-url-content\": this.clientStylingUrlContent },\n        h(\"div\", { slot: \"accordionContent\" },\n          h(\"lottery-ticket\", { endpoint: this.endpoint, \"game-id\": this.gameId, \"ticket-id\": this.ticketId, \"number-of-grids\": this.numberOfGrids, language: this.language, \"reset-button\": this.resetButton, \"auto-pick\": this.autoPick, \"client-styling\": this.clientStyling, \"client-styling-url-content\": this.clientStylingUrlContent })))));\n  }\n  static get is() { return \"lottery-ticket-controller\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"lottery-ticket-controller.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"lottery-ticket-controller.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 (NorWAy standard)\"\n      },\n      \"attribute\": \"endpoint\",\n      \"reflect\": true,\n      \"defaultValue\": \"''\"\n    },\n    \"ticketId\": {\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\": \"Ticket number\"\n      },\n      \"attribute\": \"ticket-id\",\n      \"reflect\": true,\n      \"defaultValue\": \"1\"\n    },\n    \"ticketDescription\": {\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\": \"Ticket header description\"\n      },\n      \"attribute\": \"ticket-description\",\n      \"reflect\": true\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\": \"ID of the lottery game\"\n      },\n      \"attribute\": \"game-id\",\n      \"reflect\": true\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\": true,\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\": true,\n      \"defaultValue\": \"'deleteTicketAction'\"\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\": true,\n      \"defaultValue\": \"true\"\n    },\n    \"numberOfGrids\": {\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\": \"Number of grids?\"\n      },\n      \"attribute\": \"number-of-grids\",\n      \"reflect\": true,\n      \"defaultValue\": \"1\"\n    },\n    \"last\": {\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\": \"This toggles if the last ticket added should be expanded or not\"\n      },\n      \"attribute\": \"last\",\n      \"reflect\": true,\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\": true,\n      \"defaultValue\": \"'en'\"\n    },\n    \"autoPick\": {\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 the auto-pick button\"\n      },\n      \"attribute\": \"auto-pick\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"resetButton\": {\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 the reset button\"\n      },\n      \"attribute\": \"reset-button\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"totalControllers\": {\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\": \"Number of ticket controllers\"\n      },\n      \"attribute\": \"total-controllers\",\n      \"reflect\": true,\n      \"defaultValue\": \"1\"\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\": \"deleteTicketEvent\",\n      \"name\": \"deleteTicket\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get listeners() { return [{\n      \"name\": \"helperAccordionAction\",\n      \"method\": \"helperAccordionActionHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }]; }\n}\n"],"version":3}

package/dist/components/lottery-ticket.js

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

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

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

package/dist/components/lottery-ticket2.js

@@ -1,276 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './lottery-bullet2.js';
-import { d as defineCustomElement$1 } from './lottery-grid2.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['ro', 'en', 'hr'];
-const TRANSLATIONS = {
-  en: {
-    loading: 'Loading, please wait ...',
-    error: 'It was an error while trying to fetch the data',
-    grid: 'Grid',
-    multiplier: 'Multiplier',
-    numberOfDraws: 'Number of draws',
-    wagerPerDraw: 'Wager per draw',
-    resetButton: 'Reset',
-    autoButton: 'I feel lucky'
-  },
-  ro: {
-    loading: 'Se incarca, va rugam asteptati ...',
-    error: 'A fost o eroare in timp ce asteptam datele',
-    grid: 'Grid',
-    multiplier: 'Multiplicator',
-    numberOfDraws: 'Numarul de extrageri',
-    wagerPerDraw: 'Pariul per extragere',
-    resetButton: 'Reseteaza',
-    autoButton: 'Ma simt norocos'
-  },
-  fr: {
-    loading: 'Loading, please wait ...',
-    error: 'It was an error while trying to fetch the data',
-    grid: 'Grid',
-    multiplier: 'Multiplier',
-    numberOfDraws: 'Number of draws',
-    wagerPerDraw: 'Wager per draw',
-    resetButton: 'Reset',
-    autoButton: 'I feel lucky'
-  },
-  ar: {
-    loading: 'Loading, please wait ...',
-    error: 'It was an error while trying to fetch the data',
-    grid: 'Grid',
-    multiplier: 'Multiplier',
-    numberOfDraws: 'Number of draws',
-    wagerPerDraw: 'Wager per draw',
-    resetButton: 'Reset',
-    autoButton: 'I feel lucky'
-  },
-  hr: {
-    loading: 'Učitavanje, molimo pričekajte ...',
-    error: 'Došlo je do pogreške prilikom pokušaja dohvaćanja podataka',
-    grid: 'Tablica',
-    multiplier: 'Multiplikator',
-    numberOfDraws: 'Broj izvlačenja',
-    wagerPerDraw: 'Ulog po izvlačenju',
-    resetButton: 'Resetiraj',
-    autoButton: 'Osjećam se sretno'
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const lotteryTicketCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.TicketTitle{font-size:16px;font-weight:bold}.ButtonContainer{display:flex;justify-content:flex-end}.Toggle{cursor:pointer;margin-top:20px;display:inline-block}.ToggleSwitch{display:inline-block;background:#707070;border-radius:16px;width:58px;height:24px;position:relative;vertical-align:middle;transition:background 0.25s}.ToggleSwitch:before,.ToggleSwitch:after{content:\"\"}.ToggleSwitch:before{display:block;background:linear-gradient(to bottom, #fff 0%, #F1F1F1 100%);border-radius:50%;box-shadow:0 0 0 1px rgba(0, 0, 0, 0.25);width:16px;height:16px;position:absolute;top:4px;left:4px;transition:left 0.25s}.Toggle:hover .ToggleSwitch:before{background:linear-gradient(to bottom, #fff 0%, #fff 100%);box-shadow:0 0 0 1px rgba(0, 0, 0, 0.5)}.ToggleCheckbox:checked+.ToggleSwitch{background:#00ABA4}.ToggleCheckbox:checked+.ToggleSwitch:before{left:38px}.ToggleCheckbox{position:absolute;visibility:hidden}.Label{margin-right:5px;position:relative;top:2px;font-size:14px;font-weight:lighter;color:#000}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}.NumberInput,.WagerInput{margin-top:10px;display:inline-flex;align-items:center}.NumberInput,.NumberInput *{box-sizing:border-box}.NumberInput button{cursor:pointer;outline:none;-webkit-appearance:none;border:none;align-items:center;justify-content:center;height:20px;position:relative}.NumberInput button:after{display:inline-block;position:absolute;transform:translate(-50%, -50%) rotate(180deg);align-items:center;text-align:center}.NumberInput button.Plus:after{transform:translate(-50%, -50%) rotate(0deg);width:30px;display:inline-flex;align-items:center;text-align:center}.NumberInput input[type=number],.WagerInput input[type=number]{max-width:50px;display:inline-flex;align-items:center;padding:4px 10px;text-align:center}.NumberInput input[type=number] .WagerInputTitle,.WagerInput input[type=number] .WagerInputTitle{font-size:14px;color:#000;padding:10px}.InputDefault{background-color:#F1F1F1;border-radius:4px;padding:5px;border:solid 1px #D4D4D4;color:#707070}.AutoButton{cursor:pointer;display:inline-block;border-radius:4px;padding:8px 20px;width:max-content;margin:5px 0;border:1px solid #00958f;background:#FFF;color:#000;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0}.AutoButton:active{background:#00958f;color:#FFF}.ResetButton{cursor:pointer;display:inline-block;border-radius:4px;padding:8px 20px;width:max-content;margin:5px 0;color:#000;font-size:12px;transition:all 0.2s linear;text-transform:uppercase;text-align:center;letter-spacing:0;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ResetButton:hover{background:#FF6536;border:1px solid #FF3D00}.TicketGridBullets{background:#f1f1f1;border-radius:4px;padding:20px;margin-top:5px}.TicketGridBullets .TicketGridTitle{margin-top:0px}.Minus{border-radius:4px;width:30px;height:24px !important;margin-right:10px;color:#FFF;background:#009993}.Plus{border-radius:4px;width:30px;height:24px !important;margin-left:10px;color:#FFF;background:#009993}.SelectWrapper{width:auto;padding:5px;margin:0 auto;border:1px solid #ccc;border-radius:5px;position:relative}.SelectButton,.SelectOptions li{display:flex;align-items:center;cursor:pointer}.SelectButton{display:flex;padding:0 5px;border-radius:7px;align-items:center;justify-content:space-between;font-size:14px}.SelectButton span:first-child{padding-right:10px}.SelectExpand{transition:transform 0.3s linear;font-size:12px}.SelectActive .SelectExpand{transform:rotate(180deg)}.SelectContent{display:none;padding:5px;border-radius:7px}.SelectWrapper.SelectActive .SelectContent{width:100%;display:block;position:absolute;left:0;top:32px;padding:0;border:1px solid #ccc;overflow:hidden;background:#fff}.SelectContent .SelectOptions{max-height:100px;margin:0;overflow-y:auto;padding:0}.SelectContent .SelectOptions .SelectedValue{background-color:#009993;color:#fff}.SelectOptions::-webkit-scrollbar{width:7px}.SelectOptions::-webkit-scrollbar-track{background:#f1f1f1;border-radius:25px}.SelectOptions::-webkit-scrollbar-thumb{background:#ccc;border-radius:25px}.SelectOptions li{height:20px;padding:0 13px;font-size:14px}.SelectOptions li:hover{background:#f2f2f2}";
-
-const LotteryTicket = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.__attachShadow();
-    this.ticketCompleted = createEvent(this, "ticketCompleted", 7);
-    this.autoSelection = createEvent(this, "autoSelection", 7);
-    this.resetSelection = createEvent(this, "resetSelection", 7);
-    this.stakeChange = createEvent(this, "stakeChange", 7);
-    this.multiplierChange = createEvent(this, "multiplierChange", 7);
-    /**
-     * Number of grids of a ticket
-     */
-    this.numberOfGrids = 1;
-    /**
-     * Option to have the ticket registered for multiple draws
-     */
-    this.multipleDraws = true;
-    /**
-     * Shows the reset button
-     */
-    this.resetButton = false;
-    /**
-     * Shows the auto-pick button
-     */
-    this.autoPick = false;
-    /**
-     * Language
-     */
-    this.language = 'en';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * Client custom styling via url content
-     */
-    this.clientStylingUrlContent = '';
-    this.multiplier = false;
-    this.numberOfDraws = 1;
-    this.isLoading = true;
-    this.hasErrors = false;
-    this.ticketDone = false;
-    this.isCustomSelect = false;
-    this.amountInfo = {};
-    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);
-    };
-  }
-  /**
-   * @TODO find a better way to implement click outside the custom select, so that we don't have to use the 'data-cluster' attribute on each element
-   */
-  checkForClickOutside(ev) {
-    if (ev.composedPath()[0].getAttribute('data-cluster') !== 'SelectComponent') {
-      this.isCustomSelect = false;
-    }
-  }
-  connectedCallback() {
-    let url = new URL(`${this.endpoint}/games/${this.gameId}`);
-    fetch(url.href)
-      .then((response) => {
-      if (response.ok) {
-        return response.json();
-      }
-      else {
-        // Throw error
-        this.hasErrors = true;
-      }
-    })
-      .then((data) => {
-      this.isLoading = false;
-      this.gameData = data;
-      this.grids = [...Array(this.gameData.type.boards.length).keys()];
-      this.amountInfo = this.gameData.type.stakes[0]; // initial value for select
-    })
-      .catch((err) => {
-      this.isLoading = false;
-      this.hasErrors = true;
-      console.error('Error!', err);
-    });
-  }
-  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
-  }
-  multiplierChangeHandler(e) {
-    this.multiplier = e.target ? e.target.checked : false;
-    this.multiplierChange.emit(this.multiplier);
-  }
-  drawsChangeHandler(event) {
-    this.ticket = Object.assign(Object.assign({}, this.ticket), { draws: event });
-    this.ticketCompleted.emit(this.ticket);
-  }
-  gridFilledHandler(event) {
-    this.ticket = Object.assign(Object.assign({}, event.detail), { draws: this.numberOfDraws });
-    this.ticketDone = true;
-    this.ticketCompleted.emit(this.ticket);
-  }
-  toggleAutoSelection() {
-    this.ticketDone = true;
-    this.autoSelection.emit(this.ticketId);
-  }
-  toggleResetSelection() {
-    this.ticketDone = false;
-    this.resetSelection.emit(this.ticketId);
-  }
-  changeStake(ticketid, amount) {
-    this.stakeChange.emit({
-      ticketId: ticketid,
-      stake: amount
-    });
-  }
-  toggleClass() {
-    this.isCustomSelect = !this.isCustomSelect;
-  }
-  setDropdownItem(item) {
-    this.amountInfo = {
-      value: item.value,
-      currency: item.currency
-    };
-    this.isCustomSelect = false;
-    this.changeStake(this.ticketId, item.amount);
-  }
-  render() {
-    if (this.isLoading) {
-      return (h("div", null, h("p", null, translate('loading', this.language))));
-    }
-    else {
-      if (this.hasErrors) {
-        return (h("div", null, h("p", null, translate('error', this.language))));
-      }
-      else {
-        const { type } = this.gameData;
-        return (h("div", { class: "TicketContainer", ref: el => this.stylingContainer = el }, h("p", { class: "TicketTitle" }, this.gameData.name), this.resetButton && this.ticketDone &&
-          h("div", { class: "ButtonContainer" }, h("a", { class: "ResetButton", onClick: () => this.toggleResetSelection() }, translate('resetButton', this.language))), this.autoPick && !this.ticketDone &&
-          h("div", { class: "ButtonContainer" }, h("a", { class: "AutoButton", onClick: () => this.toggleAutoSelection() }, translate('autoButton', this.language))), this.grids.map((_, index) => h("div", { class: "TicketGridBullets" }, h("p", { class: "TicketGridTitle" }, translate('grid', this.language), " ", index + 1), h("lottery-grid", { "grid-index": index, "maximum-allowed": type.boards[index].maximumAllowed, "minimum-allowed": type.boards[index].minimumAllowed, "total-numbers": type.boards[index].highNumber - type.boards[index].lowNumber + 1, selectable: true, "reset-button": true, "auto-pick": true, "game-id": this.gameId, "ticket-id": this.ticketId, language: this.language, "client-styling": this.clientStyling, "client-styling-url-content": this.clientStylingUrlContent }))), type.multiplier &&
-          h("div", null, h("label", { class: "Toggle" }, h("label", { class: "Label" }, translate('multiplier', this.language), ": "), h("input", { class: "ToggleCheckbox", type: "checkbox", onInput: (e) => this.multiplierChangeHandler(e) }), h("div", { class: "ToggleSwitch" }))), this.multipleDraws &&
-          h("div", { class: "TicketDraws" }, h("label", { class: "Label" }, translate('numberOfDraws', this.language), ": "), h("div", { class: "NumberInput" }, h("button", { onClick: () => this.numberOfDraws > 1 ? this.numberOfDraws-- : this.numberOfDraws = 1, class: "Minus" }, "-"), h("input", { class: "InputDefault", min: "1", value: this.numberOfDraws, type: "number" }), h("button", { onClick: () => this.numberOfDraws++, class: "Plus" }, "+"))), h("div", null, h("label", { class: "Label" }, translate('wagerPerDraw', this.language), ": "), h("div", { class: "WagerInput" }, type.stakes.length > 1 ?
-          (h("div", { "data-cluster": "SelectComponent", class: this.isCustomSelect ? "SelectWrapper SelectActive" : "SelectWrapper" }, h("div", { "data-cluster": "SelectComponent", class: "SelectButton", onClick: () => this.toggleClass() }, h("span", { "data-cluster": "SelectComponent" }, this.amountInfo.value, " ", this.amountInfo.currency), h("span", { "data-cluster": "SelectComponent", class: "SelectExpand" }, "\u25BC")), h("div", { "data-cluster": "SelectComponent", class: "SelectContent" }, h("ul", { "data-cluster": "SelectComponent", class: "SelectOptions" }, type.stakes.map((item) => h("li", { "data-cluster": "SelectComponent", class: this.amountInfo.value == item.value ? 'SelectedValue' : '', value: item.value, onClick: () => this.setDropdownItem(item) }, item.value, " ", item.currency)))))) : (h("div", null, h("input", { min: "1", value: type.stakes[0].amount, type: "number", disabled: true }), h("p", { class: "WagerInputTitle" }, type.stakes[0].currency)))))));
-      }
-    }
-  }
-  static get watchers() { return {
-    "numberOfDraws": ["drawsChangeHandler"]
-  }; }
-  static get style() { return lotteryTicketCss; }
-}, [1, "lottery-ticket", {
-    "endpoint": [513],
-    "gameId": [513, "game-id"],
-    "numberOfGrids": [514, "number-of-grids"],
-    "multipleDraws": [516, "multiple-draws"],
-    "ticketId": [514, "ticket-id"],
-    "resetButton": [516, "reset-button"],
-    "autoPick": [516, "auto-pick"],
-    "language": [513],
-    "clientStyling": [513, "client-styling"],
-    "clientStylingUrlContent": [513, "client-styling-url-content"],
-    "multiplier": [32],
-    "numberOfDraws": [32],
-    "isLoading": [32],
-    "hasErrors": [32],
-    "ticketDone": [32],
-    "isCustomSelect": [32],
-    "amountInfo": [32],
-    "limitStylingAppends": [32]
-  }, [[8, "click", "checkForClickOutside"], [0, "gridFilled", "gridFilledHandler"]]]);
-function defineCustomElement() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["lottery-ticket", "lottery-bullet", "lottery-grid"];
-  components.forEach(tagName => { switch (tagName) {
-    case "lottery-ticket":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, LotteryTicket);
-      }
-      break;
-    case "lottery-bullet":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$2();
-      }
-      break;
-    case "lottery-grid":
-      if (!customElements.get(tagName)) {
-        defineCustomElement$1();
-      }
-      break;
-  } });
-}
-defineCustomElement();
-
-export { LotteryTicket as L, defineCustomElement as d };
-
-//# sourceMappingURL=lottery-ticket2.js.map

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

@@ -1 +0,0 @@
-{"file":"lottery-ticket2.js","mappings":";;;;AAAA,MAAM,gBAAgB,GAAG,IAAI,CAAC;AAC9B,MAAM,mBAAmB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC/C,MAAM,YAAY,GAAG;AACrB,EAAE,EAAE,EAAE;AACN,IAAI,OAAO,EAAE,0BAA0B;AACvC,IAAI,KAAK,EAAE,gDAAgD;AAC3D,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,UAAU,EAAE,YAAY;AAC5B,IAAI,aAAa,EAAE,iBAAiB;AACpC,IAAI,YAAY,EAAE,gBAAgB;AAClC,IAAI,WAAW,EAAE,OAAO;AACxB,IAAI,UAAU,EAAE,cAAc;AAC9B,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,OAAO,EAAE,oCAAoC;AACjD,IAAI,KAAK,EAAE,4CAA4C;AACvD,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,UAAU,EAAE,eAAe;AAC/B,IAAI,aAAa,EAAE,sBAAsB;AACzC,IAAI,YAAY,EAAE,sBAAsB;AACxC,IAAI,WAAW,EAAE,WAAW;AAC5B,IAAI,UAAU,EAAE,iBAAiB;AACjC,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,OAAO,EAAE,0BAA0B;AACvC,IAAI,KAAK,EAAE,gDAAgD;AAC3D,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,UAAU,EAAE,YAAY;AAC5B,IAAI,aAAa,EAAE,iBAAiB;AACpC,IAAI,YAAY,EAAE,gBAAgB;AAClC,IAAI,WAAW,EAAE,OAAO;AACxB,IAAI,UAAU,EAAE,cAAc;AAC9B,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,OAAO,EAAE,0BAA0B;AACvC,IAAI,KAAK,EAAE,gDAAgD;AAC3D,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,UAAU,EAAE,YAAY;AAC5B,IAAI,aAAa,EAAE,iBAAiB;AACpC,IAAI,YAAY,EAAE,gBAAgB;AAClC,IAAI,WAAW,EAAE,OAAO;AACxB,IAAI,UAAU,EAAE,cAAc;AAC9B,GAAG;AACH,EAAE,EAAE,EAAE;AACN,IAAI,OAAO,EAAE,mCAAmC;AAChD,IAAI,KAAK,EAAE,4DAA4D;AACvE,IAAI,IAAI,EAAE,SAAS;AACnB,IAAI,UAAU,EAAE,eAAe;AAC/B,IAAI,aAAa,EAAE,iBAAiB;AACpC,IAAI,YAAY,EAAE,oBAAoB;AACtC,IAAI,WAAW,EAAE,WAAW;AAC5B,IAAI,UAAU,EAAE,mBAAmB;AACnC,GAAG;AACH,CAAC,CAAC;AACK,MAAM,SAAS,GAAG,CAAC,GAAG,EAAE,UAAU,KAAK;AAC9C,EAAE,MAAM,IAAI,GAAG,UAAU,CAAC;AAC1B,EAAE,OAAO,YAAY,CAAC,IAAI,KAAK,SAAS,IAAI,mBAAmB,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,IAAI,GAAG,gBAAgB,CAAC,CAAC,GAAG,CAAC,CAAC;AAC/G,CAAC;;ACzDD,MAAM,gBAAgB,GAAG,85IAA85I;;MCG16I,aAAa;EACxB;;;;;;;;;;;;IAIE,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;;;;IAIvB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;;;;IAI1B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;;;;IAIzB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;;;;IAItB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;;;;IAIrB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAC;;;;IAIxB,IAAI,CAAC,uBAAuB,GAAG,EAAE,CAAC;IAClC,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,aAAa,GAAG,CAAC,CAAC;IACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACtB,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACvB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC5B,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC;IACrB,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;;;;EAID,oBAAoB,CAAC,EAAE;IACrB,IAAI,EAAE,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,cAAc,CAAC,KAAK,iBAAiB,EAAE;MAC3E,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;KAC7B;GACF;EACD,iBAAiB;IACf,IAAI,GAAG,GAAG,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,QAAQ,UAAU,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAC3D,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC;OACZ,IAAI,CAAC,CAAC,QAAQ;MACf,IAAI,QAAQ,CAAC,EAAE,EAAE;QACf,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;OACxB;WACI;;QAEH,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;OACvB;KACF,CAAC;OACC,IAAI,CAAC,CAAC,IAAI;MACX,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;MACvB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;MACrB,IAAI,CAAC,KAAK,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;MACjE,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;KAChD,CAAC;OACC,KAAK,CAAC,CAAC,GAAG;MACX,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;MACvB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;MACtB,OAAO,CAAC,KAAK,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;KAC9B,CAAC,CAAC;GACJ;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,uBAAuB,CAAC,CAAC;IACvB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,GAAG,KAAK,CAAC;IACtD,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;GAC7C;EACD,kBAAkB,CAAC,KAAK;IACtB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAC9E,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;GACxC;EACD,iBAAiB,CAAC,KAAK;IACrB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,CAAC,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,CAAC,CAAC;IAC5F,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;GACxC;EACD,mBAAmB;IACjB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;GACxC;EACD,oBAAoB;IAClB,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IACxB,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;GACzC;EACD,WAAW,CAAC,QAAQ,EAAE,MAAM;IAC1B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;MACpB,QAAQ,EAAE,QAAQ;MAClB,KAAK,EAAE,MAAM;KACd,CAAC,CAAC;GACJ;EACD,WAAW;IACT,IAAI,CAAC,cAAc,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC;GAC5C;EACD,eAAe,CAAC,IAAI;IAClB,IAAI,CAAC,UAAU,GAAG;MAChB,KAAK,EAAE,IAAI,CAAC,KAAK;MACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ;KACxB,CAAC;IACF,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC5B,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;GAC9C;EACD,MAAM;IACJ,IAAI,IAAI,CAAC,SAAS,EAAE;MAClB,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,EACnB,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,CAAC,SAAS,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;KACvD;SACI;MACH,IAAI,IAAI,CAAC,SAAS,EAAE;QAClB,QAAQ,CAAC,CAAC,KAAK,EAAE,IAAI,EACnB,CAAC,CAAC,GAAG,EAAE,IAAI,EAAE,SAAS,CAAC,OAAO,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE;OACrD;WACI;QACH,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC;QAC/B,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,EAAE,IAAI,IAAI,CAAC,gBAAgB,GAAG,EAAE,EAAE,EAClF,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EACpD,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,UAAU;UACjC,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EACnC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,oBAAoB,EAAE,EAAE,EAAE,SAAS,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EAC1H,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,UAAU;UAC/B,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EACnC,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,mBAAmB,EAAE,EAAE,EAAE,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,EACvH,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE,EAClE,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EACjC,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,EAChC,GAAG,EACH,KAAK,GAAG,CAAC,CAAC,EACZ,CAAC,CAAC,cAAc,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,iBAAiB,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,cAAc,EAAE,eAAe,EAAE,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,UAAU,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,SAAS,GAAG,CAAC,EAAE,UAAU,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,IAAI,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,4BAA4B,EAAE,IAAI,CAAC,uBAAuB,EAAE,CAAC,CAAC,CAAC,EACvd,IAAI,CAAC,UAAU;UACb,CAAC,CAAC,KAAK,EAAE,IAAI,EACX,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAC5B,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC3B,SAAS,CAAC,YAAY,EAAE,IAAI,CAAC,QAAQ,CAAC,EACtC,IAAI,CAAC,EACP,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,KAAK,IAAI,CAAC,uBAAuB,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1G,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC,CAAC,CAAC,EAC3C,IAAI,CAAC,aAAa;UAChB,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAC/B,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC3B,SAAS,CAAC,eAAe,EAAE,IAAI,CAAC,QAAQ,CAAC,EACzC,IAAI,CAAC,EACP,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,EAC/B,CAAC,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,aAAa,EAAE,GAAG,IAAI,CAAC,aAAa,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,GAAG,CAAC,EAC3H,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,aAAa,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,EAC1F,CAAC,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,aAAa,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,CAAC,CAAC,EAChF,CAAC,CAAC,KAAK,EAAE,IAAI,EACX,CAAC,CAAC,OAAO,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,EAC3B,SAAS,CAAC,cAAc,EAAE,IAAI,CAAC,QAAQ,CAAC,EACxC,IAAI,CAAC,EACP,CAAC,CAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC;WACrD,CAAC,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,cAAc,GAAG,4BAA4B,GAAG,eAAe,EAAE,EAC1H,CAAC,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,WAAW,EAAE,EAAE,EACtG,CAAC,CAAC,MAAM,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,EAC7C,IAAI,CAAC,UAAU,CAAC,KAAK,EACrB,GAAG,EACH,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,EAC3B,CAAC,CAAC,MAAM,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,QAAQ,CAAC,CAAC,EACpF,CAAC,CAAC,KAAK,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,EAAE,EACpE,CAAC,CAAC,IAAI,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,IAAI,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,GAAG,eAAe,GAAG,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,EAC7Q,IAAI,CAAC,KAAK,EACV,GAAG,EACH,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,IAAI,EAC1C,CAAC,CAAC,OAAO,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,EACtF,CAAC,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,iBAAiB,EAAE,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;OAC3E;KACF;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["../lottery-ticket/dist/collection/utils/locale.utils.js","../lottery-ticket/dist/collection/components/lottery-ticket/lottery-ticket.css?tag=lottery-ticket&encapsulation=shadow","../lottery-ticket/dist/collection/components/lottery-ticket/lottery-ticket.js"],"sourcesContent":["const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en', 'hr'];\nconst TRANSLATIONS = {\n  en: {\n    loading: 'Loading, please wait ...',\n    error: 'It was an error while trying to fetch the data',\n    grid: 'Grid',\n    multiplier: 'Multiplier',\n    numberOfDraws: 'Number of draws',\n    wagerPerDraw: 'Wager per draw',\n    resetButton: 'Reset',\n    autoButton: 'I feel lucky'\n  },\n  ro: {\n    loading: 'Se incarca, va rugam asteptati ...',\n    error: 'A fost o eroare in timp ce asteptam datele',\n    grid: 'Grid',\n    multiplier: 'Multiplicator',\n    numberOfDraws: 'Numarul de extrageri',\n    wagerPerDraw: 'Pariul per extragere',\n    resetButton: 'Reseteaza',\n    autoButton: 'Ma simt norocos'\n  },\n  fr: {\n    loading: 'Loading, please wait ...',\n    error: 'It was an error while trying to fetch the data',\n    grid: 'Grid',\n    multiplier: 'Multiplier',\n    numberOfDraws: 'Number of draws',\n    wagerPerDraw: 'Wager per draw',\n    resetButton: 'Reset',\n    autoButton: 'I feel lucky'\n  },\n  ar: {\n    loading: 'Loading, please wait ...',\n    error: 'It was an error while trying to fetch the data',\n    grid: 'Grid',\n    multiplier: 'Multiplier',\n    numberOfDraws: 'Number of draws',\n    wagerPerDraw: 'Wager per draw',\n    resetButton: 'Reset',\n    autoButton: 'I feel lucky'\n  },\n  hr: {\n    loading: 'Učitavanje, molimo pričekajte ...',\n    error: 'Došlo je do pogreške prilikom pokušaja dohvaćanja podataka',\n    grid: 'Tablica',\n    multiplier: 'Multiplikator',\n    numberOfDraws: 'Broj izvlačenja',\n    wagerPerDraw: 'Ulog po izvlačenju',\n    resetButton: 'Resetiraj',\n    autoButton: 'Osjećam se sretno'\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.TicketTitle {\n  font-size: 16px;\n  font-weight: bold;\n}\n\n.ButtonContainer {\n  display: flex;\n  justify-content: flex-end;\n}\n\n.Toggle {\n  cursor: pointer;\n  margin-top: 20px;\n  display: inline-block;\n}\n\n.ToggleSwitch {\n  display: inline-block;\n  background: #707070;\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%, #F1F1F1 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: #00ABA4;\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  font-size: 14px;\n  font-weight: lighter;\n  color: #000;\n}\n\ninput[type=number] {\n  -webkit-appearance: textfield;\n  -moz-appearance: textfield;\n  appearance: textfield;\n}\n\ninput[type=number]::-webkit-inner-spin-button,\ninput[type=number]::-webkit-outer-spin-button {\n  -webkit-appearance: none;\n}\n\n.NumberInput,\n.WagerInput {\n  margin-top: 10px;\n  display: inline-flex;\n  align-items: center;\n}\n\n.NumberInput,\n.NumberInput * {\n  box-sizing: border-box;\n}\n\n.NumberInput button {\n  cursor: pointer;\n  outline: none;\n  -webkit-appearance: none;\n  border: none;\n  align-items: center;\n  justify-content: center;\n  height: 20px;\n  position: relative;\n}\n\n.NumberInput button:after {\n  display: inline-block;\n  position: absolute;\n  transform: translate(-50%, -50%) rotate(180deg);\n  align-items: center;\n  text-align: center;\n}\n\n.NumberInput button.Plus:after {\n  transform: translate(-50%, -50%) rotate(0deg);\n  width: 30px;\n  display: inline-flex;\n  align-items: center;\n  text-align: center;\n}\n\n.NumberInput input[type=number],\n.WagerInput input[type=number] {\n  max-width: 50px;\n  display: inline-flex;\n  align-items: center;\n  padding: 4px 10px;\n  text-align: center;\n}\n.NumberInput input[type=number] .WagerInputTitle,\n.WagerInput input[type=number] .WagerInputTitle {\n  font-size: 14px;\n  color: #000;\n  padding: 10px;\n}\n\n.InputDefault {\n  background-color: #F1F1F1;\n  border-radius: 4px;\n  padding: 5px;\n  border: solid 1px #D4D4D4;\n  color: #707070;\n}\n\n.AutoButton {\n  cursor: pointer;\n  display: inline-block;\n  border-radius: 4px;\n  padding: 8px 20px;\n  width: max-content;\n  margin: 5px 0;\n  border: 1px solid #00958f;\n  background: #FFF;\n  color: #000;\n  font-size: 12px;\n  transition: all 0.2s linear;\n  text-transform: uppercase;\n  text-align: center;\n  letter-spacing: 0;\n}\n.AutoButton:active {\n  background: #00958f;\n  color: #FFF;\n}\n\n.ResetButton {\n  cursor: pointer;\n  display: inline-block;\n  border-radius: 4px;\n  padding: 8px 20px;\n  width: max-content;\n  margin: 5px 0;\n  color: #000;\n  font-size: 12px;\n  transition: all 0.2s linear;\n  text-transform: uppercase;\n  text-align: center;\n  letter-spacing: 0;\n  background: #FF3D00;\n  border: 1px solid #FF3D00;\n  color: #FFF;\n}\n.ResetButton:hover {\n  background: #FF6536;\n  border: 1px solid #FF3D00;\n}\n\n.TicketGridBullets {\n  background: #f1f1f1;\n  border-radius: 4px;\n  padding: 20px;\n  margin-top: 5px;\n}\n.TicketGridBullets .TicketGridTitle {\n  margin-top: 0px;\n}\n\n.Minus {\n  border-radius: 4px;\n  width: 30px;\n  height: 24px !important;\n  margin-right: 10px;\n  color: #FFF;\n  background: #009993;\n}\n\n.Plus {\n  border-radius: 4px;\n  width: 30px;\n  height: 24px !important;\n  margin-left: 10px;\n  color: #FFF;\n  background: #009993;\n}\n\n.SelectWrapper {\n  width: auto;\n  padding: 5px;\n  margin: 0 auto;\n  border: 1px solid #ccc;\n  border-radius: 5px;\n  position: relative;\n}\n\n.SelectButton, .SelectOptions li {\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n}\n\n.SelectButton {\n  display: flex;\n  padding: 0 5px;\n  border-radius: 7px;\n  align-items: center;\n  justify-content: space-between;\n  font-size: 14px;\n}\n.SelectButton span:first-child {\n  padding-right: 10px;\n}\n\n.SelectExpand {\n  transition: transform 0.3s linear;\n  font-size: 12px;\n}\n\n.SelectActive .SelectExpand {\n  transform: rotate(180deg);\n}\n\n.SelectContent {\n  display: none;\n  padding: 5px;\n  border-radius: 7px;\n}\n\n.SelectWrapper.SelectActive .SelectContent {\n  width: 100%;\n  display: block;\n  position: absolute;\n  left: 0;\n  top: 32px;\n  padding: 0;\n  border: 1px solid #ccc;\n  overflow: hidden;\n  background: #fff;\n}\n\n.SelectContent .SelectOptions {\n  max-height: 100px;\n  margin: 0;\n  overflow-y: auto;\n  padding: 0;\n}\n.SelectContent .SelectOptions .SelectedValue {\n  background-color: #009993;\n  color: #fff;\n}\n\n.SelectOptions::-webkit-scrollbar {\n  width: 7px;\n}\n\n.SelectOptions::-webkit-scrollbar-track {\n  background: #f1f1f1;\n  border-radius: 25px;\n}\n\n.SelectOptions::-webkit-scrollbar-thumb {\n  background: #ccc;\n  border-radius: 25px;\n}\n\n.SelectOptions li {\n  height: 20px;\n  padding: 0 13px;\n  font-size: 14px;\n}\n\n.SelectOptions li:hover {\n  background: #f2f2f2;\n}","import { Component, h, Prop, State, Event, Listen, Watch } from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\nimport '@everymatrix/lottery-grid';\nexport class LotteryTicket {\n  constructor() {\n    /**\n     * Number of grids of a ticket\n     */\n    this.numberOfGrids = 1;\n    /**\n     * Option to have the ticket registered for multiple draws\n     */\n    this.multipleDraws = true;\n    /**\n     * Shows the reset button\n     */\n    this.resetButton = false;\n    /**\n     * Shows the auto-pick button\n     */\n    this.autoPick = false;\n    /**\n     * Language\n     */\n    this.language = 'en';\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.multiplier = false;\n    this.numberOfDraws = 1;\n    this.isLoading = true;\n    this.hasErrors = false;\n    this.ticketDone = false;\n    this.isCustomSelect = false;\n    this.amountInfo = {};\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  /**\n   * @TODO find a better way to implement click outside the custom select, so that we don't have to use the 'data-cluster' attribute on each element\n   */\n  checkForClickOutside(ev) {\n    if (ev.composedPath()[0].getAttribute('data-cluster') !== 'SelectComponent') {\n      this.isCustomSelect = false;\n    }\n  }\n  connectedCallback() {\n    let url = new URL(`${this.endpoint}/games/${this.gameId}`);\n    fetch(url.href)\n      .then((response) => {\n      if (response.ok) {\n        return response.json();\n      }\n      else {\n        // Throw error\n        this.hasErrors = true;\n      }\n    })\n      .then((data) => {\n      this.isLoading = false;\n      this.gameData = data;\n      this.grids = [...Array(this.gameData.type.boards.length).keys()];\n      this.amountInfo = this.gameData.type.stakes[0]; // initial value for select\n    })\n      .catch((err) => {\n      this.isLoading = false;\n      this.hasErrors = true;\n      console.error('Error!', err);\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  multiplierChangeHandler(e) {\n    this.multiplier = e.target ? e.target.checked : false;\n    this.multiplierChange.emit(this.multiplier);\n  }\n  drawsChangeHandler(event) {\n    this.ticket = Object.assign(Object.assign({}, this.ticket), { draws: event });\n    this.ticketCompleted.emit(this.ticket);\n  }\n  gridFilledHandler(event) {\n    this.ticket = Object.assign(Object.assign({}, event.detail), { draws: this.numberOfDraws });\n    this.ticketDone = true;\n    this.ticketCompleted.emit(this.ticket);\n  }\n  toggleAutoSelection() {\n    this.ticketDone = true;\n    this.autoSelection.emit(this.ticketId);\n  }\n  toggleResetSelection() {\n    this.ticketDone = false;\n    this.resetSelection.emit(this.ticketId);\n  }\n  changeStake(ticketid, amount) {\n    this.stakeChange.emit({\n      ticketId: ticketid,\n      stake: amount\n    });\n  }\n  toggleClass() {\n    this.isCustomSelect = !this.isCustomSelect;\n  }\n  setDropdownItem(item) {\n    this.amountInfo = {\n      value: item.value,\n      currency: item.currency\n    };\n    this.isCustomSelect = false;\n    this.changeStake(this.ticketId, item.amount);\n  }\n  render() {\n    if (this.isLoading) {\n      return (h(\"div\", null,\n        h(\"p\", null, translate('loading', this.language))));\n    }\n    else {\n      if (this.hasErrors) {\n        return (h(\"div\", null,\n          h(\"p\", null, translate('error', this.language))));\n      }\n      else {\n        const { type } = this.gameData;\n        return (h(\"div\", { class: \"TicketContainer\", ref: el => this.stylingContainer = el },\n          h(\"p\", { class: \"TicketTitle\" }, this.gameData.name),\n          this.resetButton && this.ticketDone &&\n            h(\"div\", { class: \"ButtonContainer\" },\n              h(\"a\", { class: \"ResetButton\", onClick: () => this.toggleResetSelection() }, translate('resetButton', this.language))),\n          this.autoPick && !this.ticketDone &&\n            h(\"div\", { class: \"ButtonContainer\" },\n              h(\"a\", { class: \"AutoButton\", onClick: () => this.toggleAutoSelection() }, translate('autoButton', this.language))),\n          this.grids.map((_, index) => h(\"div\", { class: \"TicketGridBullets\" },\n            h(\"p\", { class: \"TicketGridTitle\" },\n              translate('grid', this.language),\n              \" \",\n              index + 1),\n            h(\"lottery-grid\", { \"grid-index\": index, \"maximum-allowed\": type.boards[index].maximumAllowed, \"minimum-allowed\": type.boards[index].minimumAllowed, \"total-numbers\": type.boards[index].highNumber - type.boards[index].lowNumber + 1, selectable: true, \"reset-button\": true, \"auto-pick\": true, \"game-id\": this.gameId, \"ticket-id\": this.ticketId, language: this.language, \"client-styling\": this.clientStyling, \"client-styling-url-content\": this.clientStylingUrlContent }))),\n          type.multiplier &&\n            h(\"div\", null,\n              h(\"label\", { class: \"Toggle\" },\n                h(\"label\", { class: \"Label\" },\n                  translate('multiplier', this.language),\n                  \": \"),\n                h(\"input\", { class: \"ToggleCheckbox\", type: \"checkbox\", onInput: (e) => this.multiplierChangeHandler(e) }),\n                h(\"div\", { class: \"ToggleSwitch\" }))),\n          this.multipleDraws &&\n            h(\"div\", { class: \"TicketDraws\" },\n              h(\"label\", { class: \"Label\" },\n                translate('numberOfDraws', this.language),\n                \": \"),\n              h(\"div\", { class: \"NumberInput\" },\n                h(\"button\", { onClick: () => this.numberOfDraws > 1 ? this.numberOfDraws-- : this.numberOfDraws = 1, class: \"Minus\" }, \"-\"),\n                h(\"input\", { class: \"InputDefault\", min: \"1\", value: this.numberOfDraws, type: \"number\" }),\n                h(\"button\", { onClick: () => this.numberOfDraws++, class: \"Plus\" }, \"+\"))),\n          h(\"div\", null,\n            h(\"label\", { class: \"Label\" },\n              translate('wagerPerDraw', this.language),\n              \": \"),\n            h(\"div\", { class: \"WagerInput\" }, type.stakes.length > 1 ?\n              (h(\"div\", { \"data-cluster\": \"SelectComponent\", class: this.isCustomSelect ? \"SelectWrapper SelectActive\" : \"SelectWrapper\" },\n                h(\"div\", { \"data-cluster\": \"SelectComponent\", class: \"SelectButton\", onClick: () => this.toggleClass() },\n                  h(\"span\", { \"data-cluster\": \"SelectComponent\" },\n                    this.amountInfo.value,\n                    \" \",\n                    this.amountInfo.currency),\n                  h(\"span\", { \"data-cluster\": \"SelectComponent\", class: \"SelectExpand\" }, \"\\u25BC\")),\n                h(\"div\", { \"data-cluster\": \"SelectComponent\", class: \"SelectContent\" },\n                  h(\"ul\", { \"data-cluster\": \"SelectComponent\", class: \"SelectOptions\" }, type.stakes.map((item) => h(\"li\", { \"data-cluster\": \"SelectComponent\", class: this.amountInfo.value == item.value ? 'SelectedValue' : '', value: item.value, onClick: () => this.setDropdownItem(item) },\n                    item.value,\n                    \" \",\n                    item.currency)))))) : (h(\"div\", null,\n              h(\"input\", { min: \"1\", value: type.stakes[0].amount, type: \"number\", disabled: true }),\n              h(\"p\", { class: \"WagerInputTitle\" }, type.stakes[0].currency)))))));\n      }\n    }\n  }\n  static get is() { return \"lottery-ticket\"; }\n  static get encapsulation() { return \"shadow\"; }\n  static get originalStyleUrls() { return {\n    \"$\": [\"lottery-ticket.scss\"]\n  }; }\n  static get styleUrls() { return {\n    \"$\": [\"lottery-ticket.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\": \"NorWAy endpoint\"\n      },\n      \"attribute\": \"endpoint\",\n      \"reflect\": true\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\": true\n    },\n    \"numberOfGrids\": {\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\": \"Number of grids of a ticket\"\n      },\n      \"attribute\": \"number-of-grids\",\n      \"reflect\": true,\n      \"defaultValue\": \"1\"\n    },\n    \"multipleDraws\": {\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\": \"Option to have the ticket registered for multiple draws\"\n      },\n      \"attribute\": \"multiple-draws\",\n      \"reflect\": true,\n      \"defaultValue\": \"true\"\n    },\n    \"ticketId\": {\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\": \"Ticket ID\"\n      },\n      \"attribute\": \"ticket-id\",\n      \"reflect\": true\n    },\n    \"resetButton\": {\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 the reset button\"\n      },\n      \"attribute\": \"reset-button\",\n      \"reflect\": true,\n      \"defaultValue\": \"false\"\n    },\n    \"autoPick\": {\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 the auto-pick button\"\n      },\n      \"attribute\": \"auto-pick\",\n      \"reflect\": true,\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\": true,\n      \"defaultValue\": \"'en'\"\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    \"multiplier\": {},\n    \"numberOfDraws\": {},\n    \"isLoading\": {},\n    \"hasErrors\": {},\n    \"ticketDone\": {},\n    \"isCustomSelect\": {},\n    \"amountInfo\": {},\n    \"limitStylingAppends\": {}\n  }; }\n  static get events() { return [{\n      \"method\": \"ticketCompleted\",\n      \"name\": \"ticketCompleted\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [{\n            \"name\": \"TODO\",\n            \"text\": \"including ts type\"\n          }],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"autoSelection\",\n      \"name\": \"autoSelection\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"resetSelection\",\n      \"name\": \"resetSelection\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"stakeChange\",\n      \"name\": \"stakeChange\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }, {\n      \"method\": \"multiplierChange\",\n      \"name\": \"multiplierChange\",\n      \"bubbles\": true,\n      \"cancelable\": true,\n      \"composed\": true,\n      \"docs\": {\n        \"tags\": [],\n        \"text\": \"\"\n      },\n      \"complexType\": {\n        \"original\": \"any\",\n        \"resolved\": \"any\",\n        \"references\": {}\n      }\n    }]; }\n  static get watchers() { return [{\n      \"propName\": \"numberOfDraws\",\n      \"methodName\": \"drawsChangeHandler\"\n    }]; }\n  static get listeners() { return [{\n      \"name\": \"click\",\n      \"method\": \"checkForClickOutside\",\n      \"target\": \"window\",\n      \"capture\": false,\n      \"passive\": false\n    }, {\n      \"name\": \"gridFilled\",\n      \"method\": \"gridFilledHandler\",\n      \"target\": undefined,\n      \"capture\": false,\n      \"passive\": false\n    }]; }\n}\n"],"version":3}

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

@@ -1,130 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-d1baacd4.js';
-
-const DEFAULT_LANGUAGE = 'en';
-const TRANSLATIONS = {
-  en: {
-    deleteTicket: 'Delete ticket'
-  },
-  ro: {
-    deleteTicket: 'Sterge biletul'
-  },
-  fr: {
-    deleteTicket: 'Supprimer le billet'
-  },
-  ar: {
-    deleteTicket: 'حذف التذكرة'
-  },
-  hr: {
-    deleteTicket: 'Izbriši listić'
-  }
-};
-const translate = (key, customLang) => {
-  const lang = customLang;
-  return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? 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:5px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none;margin-bottom:1px;cursor:pointer}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff;text-transform:capitalize}.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;cursor:pointer}.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) {
-    registerInstance(this, hostRef);
-    this.accordionEvent = 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';
-    /**
-     * Client custom styling via string
-     */
-    this.clientStyling = '';
-    /**
-     * 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);
-    };
-  }
-  // @TODO fix the `any` type :)
-  connectedCallback() {
-    this.showContent = !this.collapsed;
-  }
-  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
-  }
-  toggleContent() {
-    this.showContent = !this.showContent;
-  }
-  deleteAction() {
-    if (this.postMessage) {
-      // @TODO maybe change the name type, this one sucks
-      window.postMessage({ type: this.eventName }, window.location.href);
-    }
-    this.accordionEvent.emit();
-  }
-  render() {
-    return (h("div", { class: "Wrapper", ref: el => this.stylingContainer = el }, h("div", { class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() }, h("p", { class: "Title" }, this.headerTitle), h("p", { class: "Subtitle" }, this.headerSubtitle), h("p", { class: "Subtitle Description" }, this.description), h("span", { class: "Expand" }, this.showContent ? '<' : '>')), this.showContent &&
-      h("div", null, h("div", { class: "Content" }, h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
-        h("div", null, this.deleteTab &&
-          h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
-  }
-};
-Accordion.style = helperAccordionCss;
-
-export { Accordion as helper_accordion };
-
-//# sourceMappingURL=helper-accordion.entry.js.map

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

@@ -1 +0,0 @@
-{"file":"helper-accordion.entry.js","mappings":"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","names":[],"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"],"sourcesContent":["const DEFAULT_LANGUAGE = 'en';\nconst TRANSLATIONS = {\n  en: {\n    deleteTicket: 'Delete ticket'\n  },\n  ro: {\n    deleteTicket: 'Sterge biletul'\n  },\n  fr: {\n    deleteTicket: 'Supprimer le billet'\n  },\n  ar: {\n    deleteTicket: 'حذف التذكرة'\n  },\n  hr: {\n    deleteTicket: 'Izbriši listić'\n  }\n};\nexport const translate = (key, customLang) => {\n  const lang = customLang;\n  return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? 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: 5px;\n  background: #009993;\n  display: flex;\n  gap: 30px;\n  border: 1px solid #009993;\n  padding: 8px 10px;\n  user-select: none;\n  margin-bottom: 1px;\n  cursor: pointer;\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  text-transform: capitalize;\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  cursor: pointer;\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     * 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.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  // @TODO fix the `any` type :)\n  connectedCallback() {\n    this.showContent = !this.collapsed;\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  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\", ref: el => this.stylingContainer = el },\n      h(\"div\", { class: this.ticketHistoryFlag === true ? 'HeaderTicketHistory' : 'Header', onClick: () => this.toggleContent() },\n        h(\"p\", { class: \"Title\" }, this.headerTitle),\n        h(\"p\", { class: \"Subtitle\" }, this.headerSubtitle),\n        h(\"p\", { class: \"Subtitle Description\" }, this.description),\n        h(\"span\", { class: \"Expand\" }, 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\": true,\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\": true,\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\": true,\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\": true,\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\": true,\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\": true,\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\": true,\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\": true,\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\": true,\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\": true,\n      \"defaultValue\": \"'en'\"\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    \"showContent\": {},\n    \"limitStylingAppends\": {}\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"],"version":3}