@everymatrix/lottery-game-page 0.0.6 → 0.0.9

package/dist/collection/components/lottery-game-page/lottery-game-page.js

@@ -0,0 +1,496 @@
+import { Component, h, Prop, State, Listen, Element, /*getAssetPath */ } from '@stencil/core';
+import { translate } from '../../utils/locale.utils';
+// import { isMobile } from "../../utils/utils";
+import '@everymatrix/lottery-ticket-controller';
+import '@everymatrix/helper-modal';
+import '@everymatrix/lottery-game-details';
+import '@everymatrix/lottery-draw-results-history';
+import '@everymatrix/lottery-draw-results';
+export class LotteryGamePage {
+  constructor() {
+    /**
+     * Language of the widget
+     */
+    this.language = 'en';
+    /**
+     * Shows the auto-pick button
+     */
+    this.autoPick = false;
+    /**
+     * Shows the reset button
+     */
+    this.resetButton = false;
+    this.tickets = [];
+    this.tabIndex = 0;
+    this.hasErrors = false;
+    this.totalAmount = 0;
+    this.successVisible = false;
+    this.deleteVisible = false;
+    this.latestDraw = {};
+    this.totalWinningsAmount = 0;
+    this.multiplier = false;
+    this.quickPick = false;
+  }
+  // @TODO fix `any` type later, I'm lazy now
+  connectedCallback() {
+    this.getGameDetails();
+    this.getDraws();
+  }
+  countdownLogic(date) {
+    this.interval = setInterval(() => {
+      this.daysRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60 * 24));
+      this.hoursRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60) - this.daysRemaining * 24);
+      this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) - this.daysRemaining * 24 * 60 - this.hoursRemaining * 60);
+      this.secondsRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / 1000 - this.daysRemaining * 24 * 60 * 60 - this.hoursRemaining * 60 * 60 - this.minutesRemaining * 60);
+    }, 1000);
+  }
+  disconnectedCallback() {
+    clearInterval(this.interval);
+  }
+  getGameDetails() {
+    let url = new URL(`${this.endpoint}/games/${this.gameId}`);
+    fetch(url.href)
+      .then((res) => {
+      if (res.status >= 300) {
+        this.hasErrors = true;
+        throw new Error('There was an error while fetching the data');
+      }
+      return res.json();
+    })
+      .then((data) => {
+      this.gameData = data;
+      this.basicStake = this.gameData.rules.stakes[0].amount;
+      let draws = this.gameData.draws.filter((item) => !item.winningNumbers);
+      console.log('draws', draws);
+      this.nextDraw = draws[0].id;
+      this.createNewTicket();
+    })
+      .catch((err) => {
+      this.hasErrors = true;
+      console.log('Error', err);
+    });
+  }
+  calculateTotalAmount() {
+    const { currency } = this.gameData.rules.stakes[0];
+    this.totalAmount = 0;
+    this.tickets.forEach((item) => {
+      if (item.completed) {
+        this.totalAmount += item.amount * item.stake;
+      }
+    });
+    this.currency = currency;
+  }
+  // @TODO CustomEvent type
+  gridFilledHandler(event) {
+    // @TODO item ts
+    this.tickets = this.tickets.map((item) => {
+      if (item.ticketId == event.detail.id) {
+        let arr = item.selectedNumbers || [];
+        arr[event.detail.index] = event.detail.selectedNumbers.map((item) => parseInt(item, 10));
+        return {
+          gameId: item.gameId,
+          ticketId: item.ticketId,
+          completed: true,
+          amount: event.detail.draws,
+          stake: item.stake,
+          selectedNumbers: arr
+        };
+      }
+      return item;
+    });
+    this.calculateTotalAmount();
+  }
+  // @TODO fix any type
+  gridDirtyHandler(event) {
+    // @TODO item ts
+    this.tickets = this.tickets.map((item) => {
+      if (item.gameId == event.detail.id) {
+        return {
+          gameId: item.gameId,
+          ticketId: item.ticketId,
+          completed: false,
+          amount: item.amount,
+          stake: item.stake,
+          grids: []
+        };
+      }
+      return item;
+    });
+  }
+  // @TODO CustomEvent type
+  deleteTicketHandler(event) {
+    this.deleteVisible = true;
+    this.deleteEventData = event;
+  }
+  modalCloseEvent() {
+    this.deleteVisible = false;
+  }
+  stakeChangeHandler(event) {
+    const { ticketId, stake } = event.detail;
+    this.tickets[ticketId - 1].stake = stake;
+    this.calculateTotalAmount();
+  }
+  multiplierChangeHandler(event) {
+    this.multiplier = event.detail;
+  }
+  getDraws() {
+    // append from query param with the current date value in order to get the next draw
+    let url = new URL(`${this.endpoint}/games/${this.gameId}/draws`);
+    let drawOptions = {
+      method: "GET",
+      headers: {
+        'Content-Type': "application/json",
+        'Accept': 'application/json',
+      },
+    };
+    fetch(url.href, drawOptions)
+      .then((response) => {
+      return response.json();
+    })
+      .then((data) => {
+      var _a;
+      let upcoming = data.items.filter((item) => {
+        if (Date.parse(item.date) > new Date().getTime()) {
+          return !item.winningNumbers;
+        }
+      });
+      let past = data.items.filter((item) => item.winningNumbers);
+      this.latestDraw = upcoming[0];
+      this.nextDate = this.latestDraw.date;
+      this.countdownLogic(this.nextDate);
+      this.lastDrawId = past[past.length - 1].id;
+      // calculate total winnings
+      // @TODO fix any type
+      (_a = this.latestDraw) === null || _a === void 0 ? void 0 : _a.prizes.forEach((element) => {
+        this.totalWinningsAmount += JSON.parse(element.amount);
+      });
+    });
+  }
+  ;
+  // @TODO fix any type
+  confirmDeleteTicketHandler(event) {
+    // @TODO fix any type
+    this.tickets = this.tickets.filter((item) => {
+      if (item.ticketId == event.detail.ticketId) {
+        return false;
+      }
+      return true;
+    });
+    this.calculateTotalAmount();
+    this.deleteVisible = false;
+  }
+  createNewTicket() {
+    this.tickets = [
+      ...this.tickets,
+      { gameId: this.gameId, ticketId: this.tickets.length + 1, completed: false, amount: 1, stake: this.basicStake, grids: [] }
+    ];
+  }
+  submitTickets() {
+    let url = new URL(`${this.endpoint}/tickets`);
+    // @TODO Body TS type
+    let body = {
+      gameId: this.gameId,
+      tickets: []
+    };
+    console.log('body', body);
+    this.tickets.forEach((item) => {
+      body.tickets.push({
+        startingDrawId: this.nextDraw,
+        amount: item.stake,
+        gameId: this.gameId,
+        currency: this.currency,
+        selection: item.selectedNumbers,
+        multiplier: this.multiplier,
+        drawCount: item.amount,
+        quickPick: this.quickPick,
+      });
+    });
+    // @TODO Options TS type
+    let options = {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        'Accept': 'application/json',
+        'Authorization': `Bearer ${this.sessionId}`
+      },
+      body: JSON.stringify(body)
+    };
+    fetch(url.href, options)
+      .then((res) => {
+      if (res.status > 300) {
+        throw new Error('err');
+      }
+      return res.json();
+    })
+      .then((data) => {
+      console.log('data', data);
+    });
+    this.successVisible = true;
+  }
+  render() {
+    // const backgroundSrc = getAssetPath('./static/chrono_lottery_mobile.png');
+    // const backgroundDesktopSrc = getAssetPath('./static/chrono_desktop.png');
+    if (this.hasErrors) {
+      return (h("div", { class: "GamePage" },
+        h("div", { class: "Title" }, translate('error', this.language))));
+    }
+    return (
+    /* Game details */
+    h("div", { class: "GamePage" },
+      h("div", { class: "GridBanner" },
+        h("div", { class: "BannerButtonsWrapper" },
+          h("button", { class: "BannerBackButton" },
+            h("span", { class: "BannerBackButtonArrow" }, "\u1438 "),
+            translate('backButton', this.language)),
+          h("button", { class: "BannerLobbyButton" }, translate('lobbyButton', this.language))),
+        h("div", { class: "Tabs" },
+          h("div", { class: 'TabButton' + (this.tabIndex == 0 ? ' Active' : ''), onClick: () => this.tabIndex = 0 }, translate('buy', this.language)),
+          h("div", { class: 'TabButton' + (this.tabIndex == 1 ? ' Active' : ''), onClick: () => this.tabIndex = 1 }, translate('viewLatest', this.language)))),
+      h("div", { class: "NextDrawWrapper" },
+        h("div", { class: "TotalWinnings" },
+          translate('winUpTo', this.language),
+          ": ",
+          h("span", null,
+            "$",
+            this.totalWinningsAmount.toLocaleString('en-US', { maximumFractionDigits: 2 }))),
+        h("div", { class: "NextDraw" },
+          h("p", { class: "BannerText" }, translate('nextDraw', this.language)),
+          h("div", { class: "BannerCountdown" },
+            h("span", { class: "CountdownDays" },
+              this.daysRemaining,
+              "D"),
+            h("span", { class: "CountdownHours" },
+              this.hoursRemaining,
+              "H"),
+            h("span", { class: "CountdownMinutes" },
+              this.minutesRemaining,
+              "M"),
+            h("span", { class: "CountdownSeconds" },
+              this.secondsRemaining,
+              "S")))),
+      this.tabIndex == 0 &&
+        h("div", { class: "GamePageContent" },
+          h("div", { class: "GameDetails" },
+            h("lottery-game-details", null)),
+          h("div", { class: "TicketsWrapper" },
+            this.tickets.map((item) => h("lottery-ticket-controller", { endpoint: this.endpoint, "ticket-id": item.ticketId, "game-id": item.gameId, collapsed: false, last: true, language: this.language, "auto-pick": this.autoPick, "reset-button": this.resetButton })),
+            h("div", { class: "CreateNewTicket" },
+              h("button", { onClick: () => this.createNewTicket() }, "+"),
+              h("span", null, translate('createTicket', this.language)))),
+          h("div", { class: "OrderSummary" },
+            h("h3", { class: "OrderSummaryTitle" }, translate('orderSummaryTitle', this.language)),
+            h("div", { class: "Ticket" },
+              translate('orderSummaryTickets', this.language),
+              ": ",
+              h("span", null, this.tickets.length)),
+            h("div", { class: "Total" },
+              translate('orderSummaryTotal', this.language),
+              ": ",
+              h("span", null,
+                this.totalAmount,
+                " ",
+                this.currency)),
+            h("div", { class: "ButtonWrapper" },
+              h("span", { class: "Button", onClick: () => this.submitTickets() }, translate('orderSummarySubmit', this.language))))),
+      this.tabIndex == 1 &&
+        h("div", null,
+          h("lottery-draw-results", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language, "draw-id": this.lastDrawId, "draw-mode": true }),
+          h("lottery-draw-results-history", { endpoint: this.endpoint, "game-id": this.gameId, language: this.language })),
+      h("helper-modal", { "title-modal": "Success", visible: this.successVisible },
+        h("p", { class: "SubmitModalSuccess" }, translate('modalSuccess', this.language))),
+      h("helper-modal", { "title-modal": "Delete Ticket", visible: this.deleteVisible },
+        h("div", { class: "DeleteTicketModalWrapper" },
+          h("h3", { class: "DeleteTicketModalTitle" }, translate('deleteTicketModalTitle', this.language)),
+          h("p", { class: "DeleteTicketModalText" }, translate('deleteTicketModalText', this.language)),
+          h("div", { class: "DeleteTicketModalButtons" },
+            h("button", { class: "DeleteTicketModalCancel", onClick: () => this.modalCloseEvent() }, translate('deleteTicketModalCancel', this.language)),
+            h("button", { class: "DeleteTicketModalConfirm", onClick: () => this.confirmDeleteTicketHandler(this.deleteEventData) }, translate('deleteTicketModalConfirm', this.language)))))));
+  }
+  static get is() { return "lottery-game-page"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["lottery-game-page.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["lottery-game-page.css"]
+  }; }
+  static get assetsDirs() { return ["static"]; }
+  static get properties() { return {
+    "endpoint": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Endpoint URL for the source of data"
+      },
+      "attribute": "endpoint",
+      "reflect": false
+    },
+    "gameId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "GameID of the lottery game"
+      },
+      "attribute": "game-id",
+      "reflect": false
+    },
+    "playerId": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Player ID"
+      },
+      "attribute": "player-id",
+      "reflect": false
+    },
+    "sessionId": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "GIC Session"
+      },
+      "attribute": "session-id",
+      "reflect": false
+    },
+    "language": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Language of the widget"
+      },
+      "attribute": "language",
+      "reflect": false,
+      "defaultValue": "'en'"
+    },
+    "autoPick": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Shows the auto-pick button"
+      },
+      "attribute": "auto-pick",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "resetButton": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Shows the reset button"
+      },
+      "attribute": "reset-button",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get states() { return {
+    "tickets": {},
+    "tabIndex": {},
+    "hasErrors": {},
+    "totalAmount": {},
+    "successVisible": {},
+    "deleteVisible": {},
+    "deleteEventData": {},
+    "daysRemaining": {},
+    "hoursRemaining": {},
+    "minutesRemaining": {},
+    "secondsRemaining": {},
+    "latestDraw": {},
+    "totalWinningsAmount": {},
+    "nextDate": {}
+  }; }
+  static get elementRef() { return "element"; }
+  static get listeners() { return [{
+      "name": "ticketCompleted",
+      "method": "gridFilledHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "gridDirty",
+      "method": "gridDirtyHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "deleteTicket",
+      "method": "deleteTicketHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "modalCloseEvent",
+      "method": "modalCloseEvent",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "stakeChange",
+      "method": "stakeChangeHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "multiplierChange",
+      "method": "multiplierChangeHandler",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }]; }
+}

package/dist/collection/index.js

@@ -0,0 +1 @@
+export * from './components';

package/dist/collection/utils/locale.utils.js

@@ -0,0 +1,50 @@
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
+const TRANSLATIONS = {
+  en: {
+    error: 'Error',
+    title: 'Chrono',
+    backButton: 'Back',
+    lobbyButton: 'Lobby',
+    prize: 'Prize',
+    winUpTo: 'Win up to',
+    nextDraw: 'Next draw in: ',
+    buy: 'Buy tickets',
+    viewLatest: 'View latest results',
+    createTicket: 'Create Ticket',
+    modalSuccess: 'Purchase will be successfull soon!',
+    deleteTicketModalTitle: 'Delete Ticket',
+    deleteTicketModalText: 'Are you sure you want to delete this ticket?',
+    deleteTicketModalCancel: 'Cancel',
+    deleteTicketModalConfirm: 'Delete',
+    orderSummaryTitle: 'Order Summary',
+    orderSummaryTickets: 'Ticket',
+    orderSummaryTotal: 'Total',
+    orderSummarySubmit: 'Submit'
+  },
+  ro: {
+    error: 'Eroare',
+    title: 'Loto 6/49',
+    backButton: 'Inapoi',
+    lobbyButton: 'Lobby',
+    prize: 'MARELE JACKPOT OMG',
+    winUpTo: 'Castiga pana la',
+    nextDraw: 'In cat timp devii milionar daca cumperi acum!!!',
+    buy: 'Cumpara bilet',
+    viewLatest: 'Ultimile extrageri',
+    createTicket: 'Creeaza bilet',
+    modalSuccess: 'Achiziția va avea succes în curând!',
+    deleteTicketModalTitle: 'Sterge biletul',
+    deleteTicketModalText: 'Esti sigur ca vrei sa stergi acest bilet?',
+    deleteTicketModalCancel: 'Anuleaza',
+    deleteTicketModalConfirm: 'Sterge',
+    orderSummaryTitle: 'Rezumat comanda',
+    orderSummaryTickets: 'Bilet',
+    orderSummaryTotal: 'Total',
+    orderSummarySubmit: 'Trimite'
+  },
+};
+export const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};

package/dist/collection/utils/utils.js

@@ -0,0 +1,12 @@
+/**
+ * @name isMobile
+ * @description A method that returns if the browser used to access the app is from a mobile device or not
+ * @param {String} userAgent window.navigator.userAgent
+ * @returns {Boolean} true or false
+ */
+export const isMobile = (userAgent) => {
+  return !!(userAgent.toLowerCase().match(/android/i) ||
+    userAgent.toLowerCase().match(/blackberry|bb/i) ||
+    userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||
+    userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));
+};

package/dist/components/helper-accordion.js

@@ -0,0 +1,6 @@
+import { A as Accordion, d as defineCustomElement$1 } from './helper-accordion2.js';
+
+const HelperAccordion = Accordion;
+const defineCustomElement = defineCustomElement$1;
+
+export { HelperAccordion, defineCustomElement };

package/dist/components/helper-accordion2.js

@@ -0,0 +1,110 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['ro', 'en'];
+const TRANSLATIONS = {
+  en: {
+    deleteTicket: 'Delete ticket'
+  },
+  ro: {
+    deleteTicket: 'Sterge biletul'
+  },
+};
+const translate = (key, customLang) => {
+  const lang = customLang;
+  return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+};
+
+const helperAccordionCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}.Header{border-radius:4px;margin-bottom:1px;background:#009993;display:flex;gap:30px;border:1px solid #009993;padding:8px 10px;user-select:none}.Header:hover{background:#00ABA4}.Header .Title,.Header .Subtitle,.Header .Description{margin:0;font-size:14px;color:#fff}.Header .Expand{margin-left:auto;color:#FFF;width:17px;height:17px;cursor:pointer;text-align:center;transform:rotate(90deg);font-size:20px;user-select:none}.Content{border-radius:4px;background:#fff;border:1px solid #009993;padding:10px 15px;user-select:none;color:#000;margin-bottom:10px}.ActionButton{border-radius:4px;margin-top:10px;cursor:pointer;text-transform:capitalize;display:block;font-size:12px;text-align:center;padding:8px 20px;width:80px;background:#FF3D00;border:1px solid #FF3D00;color:#FFF}.ActionButton:hover{background:#FF6536;border:1px solid #FF3D00}";
+
+const Accordion = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    this.accordionEvent = createEvent(this, "helperAccordionAction", 7);
+    /**
+     * Title (top header)
+     */
+    this.headerTitle = '';
+    /**
+     * SubTitle (top header)
+     */
+    this.headerSubtitle = '';
+    /**
+     * Description
+     */
+    this.description = '';
+    /**
+     * Enables footer content
+     */
+    this.footer = false;
+    /**
+     * Enables footer button for tab deletion
+     */
+    this.deleteTab = false;
+    /**
+     * Activates postMessages as events for actions from the widget
+     */
+    this.postMessage = false;
+    /**
+     * Name of the event emitter by the action button
+     */
+    this.eventName = 'helperAccordionAction';
+    /**
+     * Collapsed
+     */
+    this.collapsed = true;
+    /**
+     * Language
+     */
+    this.language = 'en';
+  }
+  // @TODO fix the `any` type :)
+  connectedCallback() {
+    this.showContent = !this.collapsed;
+  }
+  toggleContent() {
+    this.showContent = !this.showContent;
+  }
+  deleteAction() {
+    if (this.postMessage) {
+      // @TODO maybe change the name type, this one sucks
+      window.postMessage({ type: this.eventName }, window.location.href);
+    }
+    this.accordionEvent.emit();
+  }
+  render() {
+    return (h("div", { class: "Wrapper" }, h("div", { class: "Header" }, h("p", { class: "Title" }, this.headerTitle), h("p", { class: "Subtitle" }, this.headerSubtitle), h("p", { class: "Subtitle" }, this.description), h("span", { class: "Expand", onClick: () => this.toggleContent() }, this.showContent ? '<' : '>')), this.showContent &&
+      h("div", null, h("div", { class: "Content" }, h("slot", { name: 'accordionContent' }), this.footer && this.showContent &&
+        h("div", null, this.deleteTab &&
+          h("span", { class: "ActionButton", onClick: () => this.deleteAction() }, translate('deleteTicket', this.language)))))));
+  }
+  static get style() { return helperAccordionCss; }
+}, [1, "helper-accordion", {
+    "headerTitle": [1, "header-title"],
+    "headerSubtitle": [1, "header-subtitle"],
+    "description": [1],
+    "footer": [4],
+    "deleteTab": [4, "delete-tab"],
+    "postMessage": [4, "post-message"],
+    "eventName": [1, "event-name"],
+    "collapsed": [4],
+    "language": [1],
+    "showContent": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["helper-accordion"];
+  components.forEach(tagName => { switch (tagName) {
+    case "helper-accordion":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, Accordion);
+      }
+      break;
+  } });
+}
+
+export { Accordion as A, defineCustomElement as d };

package/dist/components/helper-filters.js

@@ -0,0 +1,6 @@
+import { H as HelperFilters$1, d as defineCustomElement$1 } from './helper-filters2.js';
+
+const HelperFilters = HelperFilters$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { HelperFilters, defineCustomElement };