@everymatrix/lottery-tipping-ticket-controller 1.83.5 → 1.83.6

package/dist/collection/components/lottery-tipping-ticket-banner/lottery-tipping-ticket-banner.js

@@ -14,6 +14,7 @@ export class LotteryTippingTicketBanner {
         this.logoUrl = undefined;
         this.stopTime = '';
         this.period = undefined;
+        this.formattedTurnover = undefined;
     }
     get formattedStopTime() {
         let _temp = '';
@@ -68,7 +69,7 @@ export class LotteryTippingTicketBanner {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
     }
     render() {
-        return (h("div", { key: '8b8b9d66021090e8a4f566e11908341fb6a65bad', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: '37d23ad6aca6c4a02283a78e6011d0c6e4f81dff', class: "banner" }, h("div", { key: '919a9f7535468d5d75fa21e5c48c56c6c994aea7', class: "left" }, this.logoUrl && h("img", { key: '1d8e9f3e9ed7eaec36b604401c0a4045d735c209', alt: "Betting", src: this.logoUrl, class: "logo" })), h("div", { key: '3cdc189bcab34d964e6a17339c60e449ba4883d7', class: "mid period" }, this.formattedPeriod), h("div", { key: '526f90497ed8a14ba03d04cffbbe7c263b0bd23c', class: "right" }, h("span", { key: '00676d5b0fae7ad7b4d2cf549572ae7b3d3091c1', class: "pill" }, h("strong", { key: 'dde2bac5a9316cf97d34a19a433e6bcb74d50750' }, translate('stop', this.language)), "\u00A0", translate('at', this.language), "\u00A0", this.formattedStopTime)))));
+        return (h("div", { key: 'e9286d0a6a9433698703b9c04d6d50892a7b3168', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: 'd787e64156f76cf6d12bd552513971301534860c', class: "banner" }, h("div", { key: '027baf0c88733d1430801c96b5b338f79f92f22c', class: "left" }, this.logoUrl && h("img", { key: '7b41d5635a2121ccf394aca19de48e10e9a93357', alt: "Betting", src: this.logoUrl, class: "logo" })), h("div", { key: '73e6c3ffa336b020a3819a72b71117b8084381b1', class: "mid period" }, this.formattedPeriod), h("div", { key: '922ae894814157f68aa8f0774c8aa5ca06e1e7cd', class: "right" }, h("span", { key: 'efaf79b1ff5617f2ba92cfef464232041cd87fbf', class: "pill" }, h("strong", { key: 'c842562b15a13407038933da9d1cc7c6fafa0b76' }, translate('stop', this.language)), "\u00A0", translate('at', this.language), "\u00A0", this.formattedStopTime), h("span", { key: '3e79a5ec17cbcf0896d58196286fa0b637988f69', class: "pill" }, h("strong", { key: '1158b00abffb1c6bf04e9eec10b4c996d04f118e' }, translate('turnover', this.language)), "\u00A0", this.formattedTurnover)))));
     }
     static get is() { return "lottery-tipping-ticket-banner"; }
     static get encapsulation() { return "shadow"; }
@@ -223,6 +224,23 @@ export class LotteryTippingTicketBanner {
                 },
                 "attribute": "period",
                 "reflect": false
+            },
+            "formattedTurnover": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "turnover formatted with unit and thousand separator"
+                },
+                "attribute": "formatted-turnover",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/lottery-tipping-ticket-controller/lottery-tipping-ticket-controller.js

@@ -1,17 +1,15 @@
 import { h } from "@stencil/core";
 import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import "@everymatrix/lottery-button";
 import "../../../../../lottery-tipping-ticket-bet/dist/types/index";
 import { BettingTypeEnum, PlayModeEnum } from "../../models";
 import { resolveTranslationUrl, translate } from "../../utils/locale.utils";
-import { calculatePlayingModeOptions, doSubmitTicket, fetchRequest, formatResultsToWinningNumbers, getCheckedCountForEachLineAndEachMatch, getDefaultType, getEnableOptions, getPlayTypeConfig, showNotification, thousandSeparator, TICKET_INVALID_TOKEN } from "../../utils/utils";
-import { EllipsisOutlined } from "@ant-design/icons-svg";
-import { renderIconDefinitionToSVGElement } from "@ant-design/icons-svg/es/helpers";
-const loadingImagePath = renderIconDefinitionToSVGElement(EllipsisOutlined, {
-    extraSVGAttrs: { height: '20px', width: '20px', fill: 'currentColor' }
-});
+import { calculatePlayingModeOptions, fetchRequest, formatResultsToWinningNumbers, getCheckedCountForEachLineAndEachMatch, getDefaultType, getEnableOptions, getPlayTypeConfig, showNotification, thousandSeparator } from "../../utils/utils";
+import { doSubmitTicket, fetchSaleStatistics, TICKET_INVALID_TOKEN } from "../../utils/api";
 // value:
 export class LotteryTippingTicketController {
     constructor() {
+        this.bothBettingTypeMultiplier = 2;
         this.mbSource = undefined;
         this.clientStyling = undefined;
         this.clientStylingUrl = undefined;
@@ -19,6 +17,7 @@ export class LotteryTippingTicketController {
         this.language = 'en';
         this.logoUrl = undefined;
         this.endpoint = '';
+        this.endpointLotteryBe = '';
         this.endpointTicket = undefined;
         this.sessionId = undefined;
         this.gameId = undefined;
@@ -34,6 +33,7 @@ export class LotteryTippingTicketController {
         this.totalLineCombination = 0;
         this.submitLoading = undefined;
         this.rawData = {};
+        this.saleStatisticsInfo = {};
         this.dialogConfig = { visible: false };
     }
     async getLotteryTippingBulletResults() {
@@ -132,12 +132,14 @@ export class LotteryTippingTicketController {
             return 0;
         }
         let totalAmount = stake.value * this.totalLineCombination;
+        if (this.isBothBettingType)
+            totalAmount = this.bothBettingTypeMultiplier * totalAmount;
         return totalAmount;
     }
     get totalAmountFormatted() {
         var _a;
         const totalAmount = this.calculateTotalAmount();
-        return thousandSeparator(totalAmount) + ' ' + ((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '';
+        return thousandSeparator(totalAmount) + ' ' + (((_a = this.currentStake) === null || _a === void 0 ? void 0 : _a.currency) || '');
     }
     get currentStakeFormatted() {
         const { value = '', currency = '' } = this.currentStake || {};
@@ -217,6 +219,7 @@ export class LotteryTippingTicketController {
                 });
                 this.handleBettingTypeChange(bettingType);
                 this.selectedPlayingMode = playMode;
+                return this.updateSaleStatistics();
             })
                 .catch((err) => {
                 console.error('Error!', err);
@@ -227,6 +230,16 @@ export class LotteryTippingTicketController {
         };
         fetchData();
     }
+    updateSaleStatistics() {
+        var _a;
+        return fetchSaleStatistics({
+            endpoint: this.endpointLotteryBe,
+            gameId: (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.type,
+            drawId: this.drawId
+        }).then((res) => {
+            this.saleStatisticsInfo = res;
+        });
+    }
     async handleSubmit() {
         const rawResults = await this.getLotteryTippingBulletResults();
         const { betTypeId, betType } = getPlayTypeConfig({
@@ -268,6 +281,7 @@ export class LotteryTippingTicketController {
             .then(() => {
             showNotification({ message: translate('ticketSubmitted', this.language) });
             this.clearBulletConfig();
+            this.updateSaleStatistics();
         })
             .catch((res) => {
             if (res.message === TICKET_INVALID_TOKEN) {
@@ -301,15 +315,19 @@ export class LotteryTippingTicketController {
         return (h("div", { class: "LotteryTippingTicketController__top" }, h("div", { class: "LotteryTippingTicketController__row" }, h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('bettingType', this.language)), !!this.bettingTypeOptions.length ? renderBettingTypeOptions() : renderSkeleton()), h("div", { class: "LotteryTippingTicketController__section" }, h("span", { class: "LotteryTippingTicketController__label" }, translate('playingMode', this.language)), !!this.playingModeOptions.length ? renderPlayingModeOptions() : renderSkeleton()))));
     }
     renderOrderSummary() {
-        return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, "2"))))), h("hr", { class: "order-summary__divider" }), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTotal', this.language), ":"), h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), h("div", { class: "order-summary__button-wrapper" }, h("button", { class: {
-                'order-summary__button': true,
-                'order-summary__button--disabled': !this.hasSelectAllBullet,
-                'order-summary__button--loading': this.submitLoading
-            }, onClick: this.handleSubmit.bind(this), disabled: !this.hasSelectAllBullet || this.submitLoading }, h("span", { class: "order-summary__button--text" }, translate('orderSummarySubmit', this.language)), this.submitLoading && h("span", { class: "loading-icon scale", innerHTML: loadingImagePath })))));
+        return (h("div", { class: "LotteryTippingTicketController__main--right order-summary" }, h("h3", { class: "order-summary__title" }, translate('orderSummaryTitle', this.language)), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTickets', this.language), ":"), h("div", { class: "order-summary__details" }, h("span", { class: "order-summary__line-count" }, this.lineCountRender), h("div", null, this.currentStake && h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.currentStakeFormatted)), this.isBothBettingType && (h("div", null, h("span", { class: "order-summary__multiplier" }, "x"), h("span", { class: "order-summary__stake" }, this.bothBettingTypeMultiplier))))), h("hr", { class: "order-summary__divider" }), h("div", { class: "order-summary__ticket-info" }, h("div", { class: "order-summary__ticket" }, translate('orderSummaryTotal', this.language), ":"), h("span", { class: "order-summary__details" }, this.totalAmountFormatted)), h("div", { class: "order-summary__button-wrapper" }, h("lottery-button", { onClick: this.handleSubmit.bind(this), loading: this.submitLoading, disabled: !this.hasSelectAllBullet || this.submitLoading, text: translate('orderSummarySubmit', this.language) }))));
+    }
+    get formattedTurnover() {
+        var _a, _b;
+        const turnover = (_b = (_a = this.saleStatisticsInfo) === null || _a === void 0 ? void 0 : _a.wagerSegment) === null || _b === void 0 ? void 0 : _b.totalSalesCrossDraw;
+        if (turnover === null || turnover === undefined)
+            return '';
+        const unit = '€';
+        return `${unit}${turnover ? thousandSeparator(turnover) : 0}`;
     }
     render() {
         var _a, _b, _c, _d, _e, _f, _g;
-        return (h("div", { key: '337388f1cf75297195a88c3728b865e74f613849', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-tipping-ticket-banner", { key: '2cd069a119c2a29773d217d0ad40f985fe05fb14', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl }), this.renderBettingControls(), h("div", { key: '1ab326849e99b9558d1d6bc94985a4c48d74ab4a', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: 'abfb225ed18d7325555e2cdebd93348e82ae773e', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '19237e4c08ae390801898dd38796a6622255cd94', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: 'fa596e199dfc64d23768c739981a4c494c93010c', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
+        return (h("div", { key: 'a849624b0fe5fae436bec3e42836d4dc30074539', class: "lottery-tipping-ticket-controller__container", ref: (el) => (this.stylingContainer = el) }, h("lottery-tipping-ticket-banner", { key: 'dde87c0980564b39eb882121911125f630994369', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, stopTime: (_b = (_a = this.rawData) === null || _a === void 0 ? void 0 : _a.currentDraw) === null || _b === void 0 ? void 0 : _b.wagerCloseTime, period: (_d = (_c = this.rawData) === null || _c === void 0 ? void 0 : _c.currentDraw) === null || _d === void 0 ? void 0 : _d.date, "formatted-turnover": this.formattedTurnover, language: this.language, "translation-url": this.translationUrl, "logo-url": this.logoUrl }), this.renderBettingControls(), h("div", { key: 'b8cfcea8d213bd0275ab9f1a3a164ebcaa629f71', class: "flex flex-wrap LotteryTippingTicketController__main" }, h("div", { key: '9fec0554e90804ae4b261d5facc28de4d242524d', class: "LotteryTippingTicketController__main--left" }, h("lottery-tipping-ticket-bet", { key: '7d36a1095dba6541b480a989e6b1661b576963bb', ref: (el) => (this.childRef = el), endpoint: this.endpoint, "session-id": this.sessionId, "game-id": (_e = this.rawData) === null || _e === void 0 ? void 0 : _e.type, "draw-id": this.drawId, language: this.language, "translation-url": this.translationUrl, "max-total-pages": this.lineNumberRange.maxLineNumber, "min-total-pages": this.lineNumberRange.minLineNumber, "total-pages": this.lineNumberRange.defaultBoards, mode: this.selectedPlayingMode === PlayModeEnum.SingleBet ? 'single' : 'multi', "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl })), this.renderOrderSummary()), this.dialogConfig.visible && (h("vaadin-confirm-dialog", { key: 'c7935460a02c65697f30dd3da5e2886cec75f3fb', rejectButtonVisible: true, rejectText: translate('cancel', this.language), confirmText: translate('confirm', this.language), opened: (_f = this.dialogConfig) === null || _f === void 0 ? void 0 : _f.visible, onConfirm: this.dialogConfig.onConfirm, onReject: this.dialogConfig.onCancel }, (_g = this.dialogConfig) === null || _g === void 0 ? void 0 : _g.content))));
     }
     static get is() { return "lottery-tipping-ticket-controller"; }
     static get encapsulation() { return "shadow"; }
@@ -448,6 +466,24 @@ export class LotteryTippingTicketController {
                 "reflect": true,
                 "defaultValue": "''"
             },
+            "endpointLotteryBe": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "endpoint-lottery-be",
+                "reflect": true,
+                "defaultValue": "''"
+            },
             "endpointTicket": {
                 "type": "string",
                 "mutable": false,
@@ -548,6 +584,7 @@ export class LotteryTippingTicketController {
             "totalLineCombination": {},
             "submitLoading": {},
             "rawData": {},
+            "saleStatisticsInfo": {},
             "dialogConfig": {}
         };
     }

package/dist/collection/utils/api.js

@@ -0,0 +1,38 @@
+import { fetchRequest } from "./utils";
+export const TICKET_INVALID_TOKEN = 'TICKET_INVALID_TOKEN';
+const generateUUID = () => {
+    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+        var r = (Math.random() * 16) | 0, v = c == 'x' ? r : (r & 0x3) | 0x8;
+        return v.toString(16);
+    });
+};
+export const doSubmitTicket = ({ body, sessionId, url }) => {
+    const options = {
+        method: 'POST',
+        headers: {
+            'Content-Type': 'application/json',
+            Accept: 'application/json',
+            Authorization: `Bearer ${sessionId}`,
+            'X-Idempotency-Key': generateUUID()
+        },
+        body: JSON.stringify(body)
+    };
+    return fetch(url, options).then((res) => {
+        if (res.status === 401) {
+            throw new Error(TICKET_INVALID_TOKEN);
+        }
+        if (res.status > 300) {
+            throw new Error(res.statusText);
+        }
+        return res.json();
+    });
+};
+export async function fetchSaleStatistics({ endpoint, gameId, drawId }) {
+    try {
+        const res = await fetchRequest(`${endpoint}/api/v1/lottery/core/widget/games/${gameId}/draws/${drawId}/saleStatistics`);
+        return res;
+    }
+    catch (error) {
+        return Promise.reject(error);
+    }
+}

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

@@ -2,6 +2,9 @@ const DEFAULT_LANGUAGE = 'en';
 const SUPPORTED_LANGUAGES = ['ro', 'en', 'fr', 'ar', 'hr'];
 const TRANSLATIONS = {
     en: {
+        stop: 'Stop',
+        at: 'at',
+        turnover: 'Turnover: ',
         selectionCleared: 'Your selection will be cleared.',
         ticketSubmitted: 'Ticket submitted successfully.',
         ticketFailed: 'Failed to purchase the ticket. Please try again.',

package/dist/esm/general-tooltip_6.entry.js

@@ -1,6 +1,7 @@
 import { r as registerInstance, h, g as getElement, c as createEvent } from './index-e3ec645c.js';
-import { r as requiredArgs, t as toDate, s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, f as formatDate$1, c as resolveTranslationUrl, p as parseISO, d as format, e as renderIconDefinitionToSVGElement } from './lottery-tipping-ticket-controller-6e3bdd52.js';
-export { L as lottery_tipping_ticket_controller } from './lottery-tipping-ticket-controller-6e3bdd52.js';
+import { r as requiredArgs, t as toDate, s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, f as formatDate$1, c as resolveTranslationUrl, p as parseISO, d as format } from './lottery-tipping-ticket-controller-12ffe9b9.js';
+export { L as lottery_tipping_ticket_controller } from './lottery-tipping-ticket-controller-12ffe9b9.js';
+import '@everymatrix/lottery-button';
 
 /**
  * @name startOfDay
@@ -88,26 +89,6 @@ function isToday(dirtyDate) {
   return isSameDay(dirtyDate, Date.now());
 }
 
-// This icon file is generated automatically.
-var DeleteOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, "name": "delete", "theme": "outlined" };
-const DeleteOutlined$1 = DeleteOutlined;
-
-// This icon file is generated automatically.
-var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
-const InfoCircleOutlined$1 = InfoCircleOutlined;
-
-// This icon file is generated automatically.
-var LeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
-const LeftOutlined$1 = LeftOutlined;
-
-// This icon file is generated automatically.
-var PlusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "plus-square", "theme": "outlined" };
-const PlusSquareOutlined$1 = PlusSquareOutlined;
-
-// This icon file is generated automatically.
-var RightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
-const RightOutlined$1 = RightOutlined;
-
 const generalTooltipCss = ".general-tooltip-wrapper{display:inline-block;position:relative;line-height:0}.general-tooltip-container{display:contents;}.general-tooltip-popup{position:absolute;color:var(--emw--color-typography-inverse, #fff);background:var(--emw--color-background-inverse, #000);padding:8px 12px;border-radius:4px;font-size:0.875em;line-height:1.4;z-index:1000;opacity:0;visibility:hidden;transition:opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;white-space:nowrap;pointer-events:none;}.general-tooltip-popup.visible{opacity:1;visibility:visible}.general-tooltip-arrow{position:absolute;width:0;height:0;border-style:solid}.general-tooltip-top{bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:8px;}.general-tooltip-top .general-tooltip-arrow{top:100%;left:50%;transform:translateX(-50%);border-width:6px 6px 0 6px;border-color:var(--emw--color-gray-300, #333) transparent transparent transparent}.general-tooltip-bottom{top:100%;left:50%;transform:translateX(-50%);margin-top:8px;}.general-tooltip-bottom .general-tooltip-arrow{bottom:100%;left:50%;transform:translateX(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--emw--color-gray-300, #333) transparent}.general-tooltip-left{right:100%;top:50%;transform:translateY(-50%);margin-right:8px;}.general-tooltip-left .general-tooltip-arrow{left:100%;top:50%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--emw--color-gray-300, #333)}.general-tooltip-right{left:100%;top:50%;transform:translateY(-50%);margin-left:8px;}.general-tooltip-right .general-tooltip-arrow{right:100%;top:50%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--emw--color-gray-300, #333) transparent transparent}";
 const GeneralTooltipStyle0 = generalTooltipCss;
 
@@ -366,7 +347,8 @@ const SUPPORTED_LANGUAGES$1 = ['ro', 'en', 'fr', 'ar', 'hr'];
 const TRANSLATIONS$1 = {
     en: {
         stop: 'Stop',
-        at: 'at'
+        at: 'at',
+        turnover: 'Turnover: '
     },
     ro: {
         stop: 'Oprește',
@@ -404,6 +386,7 @@ const LotteryTippingTicketBanner = class {
         this.logoUrl = undefined;
         this.stopTime = '';
         this.period = undefined;
+        this.formattedTurnover = undefined;
     }
     get formattedStopTime() {
         let _temp = '';
@@ -458,7 +441,7 @@ const LotteryTippingTicketBanner = class {
         this.stylingSubscription && this.stylingSubscription.unsubscribe();
     }
     render() {
-        return (h("div", { key: '8b8b9d66021090e8a4f566e11908341fb6a65bad', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: '37d23ad6aca6c4a02283a78e6011d0c6e4f81dff', class: "banner" }, h("div", { key: '919a9f7535468d5d75fa21e5c48c56c6c994aea7', class: "left" }, this.logoUrl && h("img", { key: '1d8e9f3e9ed7eaec36b604401c0a4045d735c209', alt: "Betting", src: this.logoUrl, class: "logo" })), h("div", { key: '3cdc189bcab34d964e6a17339c60e449ba4883d7', class: "mid period" }, this.formattedPeriod), h("div", { key: '526f90497ed8a14ba03d04cffbbe7c263b0bd23c', class: "right" }, h("span", { key: '00676d5b0fae7ad7b4d2cf549572ae7b3d3091c1', class: "pill" }, h("strong", { key: 'dde2bac5a9316cf97d34a19a433e6bcb74d50750' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime)))));
+        return (h("div", { key: 'e9286d0a6a9433698703b9c04d6d50892a7b3168', ref: (el) => (this.stylingContainer = el), class: "lottery-tipping-ticket-banner__container" }, h("section", { key: 'd787e64156f76cf6d12bd552513971301534860c', class: "banner" }, h("div", { key: '027baf0c88733d1430801c96b5b338f79f92f22c', class: "left" }, this.logoUrl && h("img", { key: '7b41d5635a2121ccf394aca19de48e10e9a93357', alt: "Betting", src: this.logoUrl, class: "logo" })), h("div", { key: '73e6c3ffa336b020a3819a72b71117b8084381b1', class: "mid period" }, this.formattedPeriod), h("div", { key: '922ae894814157f68aa8f0774c8aa5ca06e1e7cd', class: "right" }, h("span", { key: 'efaf79b1ff5617f2ba92cfef464232041cd87fbf', class: "pill" }, h("strong", { key: 'c842562b15a13407038933da9d1cc7c6fafa0b76' }, translate$1('stop', this.language)), "\u00A0", translate$1('at', this.language), "\u00A0", this.formattedStopTime), h("span", { key: '3e79a5ec17cbcf0896d58196286fa0b637988f69', class: "pill" }, h("strong", { key: '1158b00abffb1c6bf04e9eec10b4c996d04f118e' }, translate$1('turnover', this.language)), "\u00A0", this.formattedTurnover)))));
     }
     static get assetsDirs() { return ["../static"]; }
     static get watchers() { return {
@@ -595,6 +578,71 @@ const showNotification = ({ message, theme = 'success' }) => {
     });
 };
 
+// This icon file is generated automatically.
+var DeleteOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M360 184h-8c4.4 0 8-3.6 8-8v8h304v-8c0 4.4 3.6 8 8 8h-8v72h72v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80h72v-72zm504 72H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zM731.3 840H292.7l-24.2-512h487l-24.2 512z" } }] }, "name": "delete", "theme": "outlined" };
+const DeleteOutlined$1 = DeleteOutlined;
+
+// This icon file is generated automatically.
+var InfoCircleOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z" } }, { "tag": "path", "attrs": { "d": "M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z" } }] }, "name": "info-circle", "theme": "outlined" };
+const InfoCircleOutlined$1 = InfoCircleOutlined;
+
+// This icon file is generated automatically.
+var LeftOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M724 218.3V141c0-6.7-7.7-10.4-12.9-6.3L260.3 486.8a31.86 31.86 0 000 50.3l450.8 352.1c5.3 4.1 12.9.4 12.9-6.3v-77.3c0-4.9-2.3-9.6-6.1-12.6l-360-281 360-281.1c3.8-3 6.1-7.7 6.1-12.6z" } }] }, "name": "left", "theme": "outlined" };
+const LeftOutlined$1 = LeftOutlined;
+
+// This icon file is generated automatically.
+var PlusSquareOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M328 544h152v152c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V544h152c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8H544V328c0-4.4-3.6-8-8-8h-48c-4.4 0-8 3.6-8 8v152H328c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8z" } }, { "tag": "path", "attrs": { "d": "M880 112H144c-17.7 0-32 14.3-32 32v736c0 17.7 14.3 32 32 32h736c17.7 0 32-14.3 32-32V144c0-17.7-14.3-32-32-32zm-40 728H184V184h656v656z" } }] }, "name": "plus-square", "theme": "outlined" };
+const PlusSquareOutlined$1 = PlusSquareOutlined;
+
+// This icon file is generated automatically.
+var RightOutlined = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M765.7 486.8L314.9 134.7A7.97 7.97 0 00302 141v77.3c0 4.9 2.3 9.6 6.1 12.6l360 281.1-360 281.1c-3.9 3-6.1 7.7-6.1 12.6V883c0 6.7 7.7 10.4 12.9 6.3l450.8-352.1a31.96 31.96 0 000-50.4z" } }] }, "name": "right", "theme": "outlined" };
+const RightOutlined$1 = RightOutlined;
+
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var defaultColors = {
+    primaryColor: '#333',
+    secondaryColor: '#E6E6E6'
+};
+function renderIconDefinitionToSVGElement(icond, options) {
+    if (options === void 0) { options = {}; }
+    if (typeof icond.icon === 'function') {
+        // two-tone
+        var placeholders = options.placeholders || defaultColors;
+        return renderAbstractNodeToSVGElement(icond.icon(placeholders.primaryColor, placeholders.secondaryColor), options);
+    }
+    // fill, outline
+    return renderAbstractNodeToSVGElement(icond.icon, options);
+}
+function renderAbstractNodeToSVGElement(node, options) {
+    var targetAttrs = node.tag === 'svg'
+        ? __assign(__assign({}, node.attrs), (options.extraSVGAttrs || {})) : node.attrs;
+    var attrs = Object.keys(targetAttrs).reduce(function (acc, nextKey) {
+        var key = nextKey;
+        var value = targetAttrs[key];
+        var token = "".concat(key, "=\"").concat(value, "\"");
+        acc.push(token);
+        return acc;
+    }, []);
+    var attrsToken = attrs.length ? ' ' + attrs.join(' ') : '';
+    var children = (node.children || [])
+        .map(function (child) { return renderAbstractNodeToSVGElement(child, options); })
+        .join('');
+    if (children && children.length) {
+        return "<".concat(node.tag).concat(attrsToken, ">").concat(children, "</").concat(node.tag, ">");
+    }
+    return "<".concat(node.tag).concat(attrsToken, " />");
+}
+
 var jr=Object.defineProperty,qr=Object.defineProperties;var Yr=Object.getOwnPropertyDescriptors;var lo=Object.getOwnPropertySymbols;var Kr=Object.prototype.hasOwnProperty,Gr=Object.prototype.propertyIsEnumerable;var Mt=(s,t,e)=>t in s?jr(s,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):s[t]=e,we=(s,t)=>{for(var e in t||(t={}))Kr.call(t,e)&&Mt(s,e,t[e]);if(lo)for(var e of lo(t))Gr.call(t,e)&&Mt(s,e,t[e]);return s},Nt=(s,t)=>qr(s,Yr(t));var k=(s,t,e)=>(Mt(s,typeof t!="symbol"?t+"":t,e),e);var Ce=(s,t,e)=>new Promise((i,o)=>{var r=l=>{try{a(e.next(l));}catch(d){o(d);}},n=l=>{try{a(e.throw(l));}catch(d){o(d);}},a=l=>l.done?i(l.value):Promise.resolve(l.value).then(r,n);a((e=e.apply(s,t)).next());});/**
  * @license
  * Copyright (c) 2021 - 2024 Vaadin Ltd.
@@ -7409,11 +7457,7 @@ const LotteryTippingTicketBet = class {
             .then((data) => {
             this.ticketDataSource = data || [];
             this.isLoading = false;
-            if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
-                this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
-            else {
-                this._resetBulletConfig();
-            }
+            this.updateBulletConfigLineGroup();
         })
             .catch((err) => {
             this.isLoading = false;
@@ -7421,6 +7465,13 @@ const LotteryTippingTicketBet = class {
             console.error('Error!', err);
         });
     }
+    updateBulletConfigLineGroup() {
+        if (this.parsedDefaultBulletConfigLineGroup && this.parsedDefaultBulletConfigLineGroup.length > 0)
+            this.bulletConfigLineGroup = this.parsedDefaultBulletConfigLineGroup;
+        else {
+            this._resetBulletConfig();
+        }
+    }
     connectedCallback() {
         this.fetchMatchData();
     }
@@ -7588,6 +7639,7 @@ const LotteryTippingTicketBet = class {
         "gameId": ["fetchMatchData"],
         "sessionId": ["fetchMatchData"],
         "drawId": ["fetchMatchData"],
+        "defaultBulletConfigLineGroup": ["fetchMatchData"],
         "currentPage": ["handleCurrentPageChange"]
     }; }
 };

package/dist/esm/index.js

@@ -1,2 +1,3 @@
-export { L as LotteryTippingTicketController } from './lottery-tipping-ticket-controller-6e3bdd52.js';
+export { L as LotteryTippingTicketController } from './lottery-tipping-ticket-controller-12ffe9b9.js';
 import './index-e3ec645c.js';
+import '@everymatrix/lottery-button';

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["general-tooltip_6",[[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return bootstrapLazy([["general-tooltip_6",[[1,"lottery-tipping-ticket-controller",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"logoUrl":[513,"logo-url"],"endpoint":[513],"endpointLotteryBe":[513,"endpoint-lottery-be"],"endpointTicket":[513,"endpoint-ticket"],"sessionId":[513,"session-id"],"gameId":[513,"game-id"],"playerId":[513,"player-id"],"drawId":[513,"draw-id"],"isLoading":[32],"bettingTypeOptions":[32],"playingModeOptions":[32],"selectedBettingType":[32],"selectedPlayingMode":[32],"hasSelectBullet":[32],"hasSelectAllBullet":[32],"totalLineCombination":[32],"submitLoading":[32],"rawData":[32],"saleStatisticsInfo":[32],"dialogConfig":[32]},[[0,"lotteryTippingBulletBetSelect","lotteryTippingBulletGroupSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"defaultBulletConfigLineGroup":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-ticket-banner",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"logoUrl":[513,"logo-url"],"stopTime":[1,"stop-time"],"period":[1],"formattedTurnover":[1,"formatted-turnover"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 };
 
 export { defineCustomElements };