@everymatrix/lottery-game-page 1.52.6 → 1.53.0

package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/lottery-game-page/.stencil/packages/stencil/lottery-game-page/stencil.config.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/Users/maria.bumbar/Desktop/widgets-monorepo/packages/stencil/lottery-game-page/.stencil/packages/stencil/lottery-game-page/stencil.config.dev.d.ts

@@ -0,0 +1,2 @@
+import { Config } from '../../../../../../../../../../../stencil-public-runtime';
+export declare const config: Config;

package/dist/types/components/lottery-game-page/lottery-game-page.d.ts

@@ -9,6 +9,10 @@ export declare class LotteryGamePage {
      * Endpoint URL for the source of data
      */
     endpoint: string;
+    /**
+     * EndpointTicket URL for the source of ticket data
+     */
+    endpointTicket: string;
     /**
      * GameID of the lottery game
      */
@@ -29,14 +33,6 @@ export declare class LotteryGamePage {
    * Url for banner's custom background image
    */
     backgroundUrl: string;
-    /**
-     * Shows the auto-pick button
-     */
-    autoPick: boolean;
-    /**
-     * Shows the reset button
-     */
-    resetButton: boolean;
     /**
      * Client custom styling via string
      */
@@ -47,36 +43,40 @@ export declare class LotteryGamePage {
     clientStylingurl: string;
     clientStylingUrlContent: string;
     tickets: Array<any>;
+    mainTickets: Array<any>;
+    secondaryTickets: Array<any>;
     tabIndex: number;
     hasErrors: boolean;
     totalAmount: number;
     successVisible: boolean;
-    deleteVisible: boolean;
-    deleteEventData: any;
     private daysRemaining;
     private hoursRemaining;
     private minutesRemaining;
     private secondsRemaining;
-    private latestDraw;
-    private totalWinningsAmount;
     private nextDate;
     private isLoggedIn;
     private loginModalVisible;
     private limitStylingAppends;
+    private isLoading;
+    private showSubmitError;
+    private submitError;
+    private showApiError;
+    private apiError;
     element: HTMLElement;
     goBackEvent: EventEmitter<string>;
     goToLobbyEvent: EventEmitter<string>;
     private userAgent;
     private stylingContainer;
     private basicStake;
-    private multiplier;
+    private basicLine;
+    private basicBetType;
     private quickPick;
     private nextDraw;
-    private lastDrawId;
     private currency;
     private gameData;
     private interval;
     private isMobile;
+    private secondarySelectionAllowed;
     connectedCallback(): void;
     componentDidRender(): void;
     countdownLogic(date: any): void;
@@ -85,12 +85,12 @@ export declare class LotteryGamePage {
     calculateTotalAmount(): void;
     gridFilledHandler(event: CustomEvent<any>): void;
     gridDirtyHandler(event: CustomEvent<any>): void;
-    deleteTicketHandler(event: CustomEvent<any>): void;
     modalCloseEvent(): void;
     stakeChangeHandler(event: any): void;
     multiplierChangeHandler(event: CustomEvent<any>): void;
-    getDraws(): void;
-    confirmDeleteTicketHandler(event: any): void;
+    drawMultiplierChangeHandler(event: CustomEvent<any>): void;
+    lineMultiplierChangeHandler(event: CustomEvent<any>): void;
+    betTypeChangeHandler(event: CustomEvent<any>): void;
     createNewTicket(): void;
     showLoginModal(): void;
     submitTickets(): void;

package/dist/types/components.d.ts

@@ -7,10 +7,6 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 export namespace Components {
     interface LotteryGamePage {
-        /**
-          * Shows the auto-pick button
-         */
-        "autoPick": boolean;
         /**
           * Url for banner's custom background image
          */
@@ -27,6 +23,10 @@ export namespace Components {
           * Endpoint URL for the source of data
          */
         "endpoint": string;
+        /**
+          * EndpointTicket URL for the source of ticket data
+         */
+        "endpointTicket": string;
         /**
           * GameID of the lottery game
          */
@@ -39,10 +39,6 @@ export namespace Components {
           * Player ID
          */
         "playerId": number;
-        /**
-          * Shows the reset button
-         */
-        "resetButton": boolean;
         /**
           * GIC Session
          */
@@ -78,10 +74,6 @@ declare global {
 }
 declare namespace LocalJSX {
     interface LotteryGamePage {
-        /**
-          * Shows the auto-pick button
-         */
-        "autoPick"?: boolean;
         /**
           * Url for banner's custom background image
          */
@@ -98,6 +90,10 @@ declare namespace LocalJSX {
           * Endpoint URL for the source of data
          */
         "endpoint"?: string;
+        /**
+          * EndpointTicket URL for the source of ticket data
+         */
+        "endpointTicket"?: string;
         /**
           * GameID of the lottery game
          */
@@ -112,10 +108,6 @@ declare namespace LocalJSX {
           * Player ID
          */
         "playerId"?: number;
-        /**
-          * Shows the reset button
-         */
-        "resetButton"?: boolean;
         /**
           * GIC Session
          */

package/dist/types/utils/utils.d.ts

@@ -5,3 +5,4 @@
  * @returns {Boolean} true or false
  */
 export declare const isMobile: (userAgent: string) => boolean;
+export declare const generateUUID: () => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everymatrix/lottery-game-page",
-  "version": "1.52.6",
+  "version": "1.53.0",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.js",
   "es2015": "./dist/esm/index.mjs",

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

@@ -1,227 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-3ecbfc1b.js');
-
-/**
- * @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
- */
-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));
-};
-
-const DEFAULT_LANGUAGE = 'en';
-const TRANSLATIONS = {
-    en: {
-        firstPage: 'First',
-        previousPage: 'Previous',
-        nextPage: 'Next',
-        lastPage: 'Last'
-    },
-    ro: {
-        firstPage: 'Prima',
-        previousPage: 'Anterior',
-        nextPage: 'Urmatoarea',
-        lastPage: 'Ultima'
-    },
-    fr: {
-        firstPage: 'First',
-        previousPage: 'Previous',
-        nextPage: 'Next',
-        lastPage: 'Last'
-    },
-    ar: {
-        firstPage: 'First',
-        previousPage: 'Previous',
-        nextPage: 'Next',
-        lastPage: 'Last'
-    },
-    hu: {
-        firstPage: 'First',
-        previousPage: 'Previous',
-        nextPage: 'Következő',
-        lastPage: 'Last'
-    },
-    hr: {
-        firstPage: 'Prva',
-        previousPage: 'Prethodna',
-        nextPage: 'Slijedeća',
-        lastPage: 'Zadnja'
-    }
-};
-const translate = (key, customLang) => {
-    const lang = customLang;
-    return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const helperPaginationCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}#PaginationContainer{width:100%;margin:20px 0;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:#009993;border-color:#009993}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:#000;cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:#009993;border-color:#009993;color:#fff}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:#009993;border-color:#009993;color:#fff;opacity:0.8}button{width:100px;height:32px;border:1px solid #524e52;border-radius:5px;background:#524e52;color:#fff;font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:#004D4A;border-color:#004D4A}button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:14px}}@media screen and (max-width: 480px){button{width:70px;font-size:14px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:12px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:#009993;border-color:#009993;color:#fff}}";
-const HelperPaginationStyle0 = helperPaginationCss;
-
-const HelperPagination = class {
-    constructor(hostRef) {
-        index.registerInstance(this, hostRef);
-        this.hpPageChange = index.createEvent(this, "hpPageChange", 7);
-        this.userAgent = window.navigator.userAgent;
-        this.currentPage = 1;
-        /**
-         * Navigation logic
-         */
-        this.navigateTo = (navigationPage) => {
-            switch (navigationPage) {
-                case 'firstPage':
-                    this.offsetInt = 0;
-                    break;
-                case 'lastPage':
-                    this.offsetInt = this.endInt * this.limitInt;
-                    break;
-                case 'previousPage':
-                    this.offsetInt -= this.limitInt;
-                    break;
-                case 'nextPage':
-                    this.offsetInt += this.limitInt;
-                    break;
-                case 'fivePagesBack':
-                    this.offsetInt -= this.limitInt * 5;
-                    this.offsetInt = this.offsetInt <= 0 ? 0 : this.offsetInt;
-                    break;
-                case 'fivePagesForward':
-                    this.offsetInt += this.limitInt * 5;
-                    this.offsetInt = this.offsetInt / this.limitInt >= this.endInt ? this.endInt * this.limitInt : this.offsetInt;
-                    break;
-            }
-            this.previousPage = !this.offsetInt ? false : true;
-            this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
-        };
-        /**
-         * Handle navigation from here
-         */
-        this.paginationNavigation = (pageNumber, index) => {
-            this.previousPage = true;
-            if (!isNaN(pageNumber)) {
-                if (pageNumber === 1) {
-                    this.offsetInt = pageNumber - 1;
-                    this.previousPage = false;
-                }
-                else {
-                    this.offsetInt = (pageNumber - 1) * this.limitInt;
-                }
-            }
-            else {
-                if (index === 0 && this.currentPage <= 4) {
-                    this.navigateTo('firstPage');
-                }
-                else if (index === 0 && this.currentPage > 4) {
-                    this.navigateTo('fivePagesBack');
-                }
-                else if (index === 4 && this.endInt - this.currentPage >= 2) {
-                    this.navigateTo('fivePagesForward');
-                }
-            }
-            this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
-        };
-        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);
-        };
-        this.nextPage = '';
-        this.prevPage = '';
-        this.offset = 0;
-        this.limit = 1;
-        this.total = 1;
-        this.language = 'en';
-        this.clientStyling = '';
-        this.clientStylingUrlContent = '';
-        this.arrowsActive = undefined;
-        this.secondaryArrowsActive = undefined;
-        this.numberedNavActive = undefined;
-        this.offsetInt = undefined;
-        this.lastPage = false;
-        this.previousPage = false;
-        this.limitInt = undefined;
-        this.totalInt = undefined;
-        this.pagesArray = [];
-        this.endInt = 0;
-        this.limitStylingAppends = false;
-    }
-    componentWillRender() {
-        this.offsetInt = this.offset;
-        this.limitInt = this.limit;
-        this.currentPage = (this.offsetInt / this.limitInt) + 1;
-        this.limitInt = this.limit;
-        this.totalInt = this.total;
-        this.endInt = (Math.ceil(this.totalInt / this.limitInt) - 1);
-        this.lastPage = (this.offsetInt >= this.endInt * this.limitInt) ? false : true;
-        /**
-         * Construct numbered navigation area based on current page position
-         */
-        if (this.currentPage == 1 || this.currentPage == 2) {
-            this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
-            this.pagesArray.push('...');
-        }
-        else if (this.currentPage >= 3 && ((this.endInt - this.currentPage) >= 2)) {
-            this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
-            this.pagesArray.push('...');
-            this.pagesArray.unshift('...');
-        }
-        else if ((this.endInt - this.currentPage) < 3) {
-            this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endInt - 2 + i);
-            this.pagesArray.unshift('...');
-        }
-    }
-    componentDidRender() {
-        // start custom styling area
-        if (!this.limitStylingAppends && this.stylingContainer) {
-            if (this.clientStyling)
-                this.setClientStyling();
-            if (this.clientStylingUrlContent)
-                this.setClientStylingURL();
-            this.limitStylingAppends = true;
-        }
-        // end custom styling area
-    }
-    render() {
-        /**
-         * Center navigation area
-         */
-        let navigationArea = index.h("ul", { class: "PaginationArea" }, this.pagesArray.map((item, index$1) => {
-            return (index.h("li", { class: 'PaginationItem' + (item === this.currentPage ? ' ActiveItem' : ' ') + ' ' + (isMobile(this.userAgent) ? 'MobileButtons' : '') }, index.h("button", { disabled: item === this.currentPage ? true : false, onClick: this.paginationNavigation.bind(this, item, index$1) }, index.h("span", null, item))));
-        }));
-        /**
-         * Left navigation area
-         */
-        let buttonSecondaryLeftSide = index.h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'firstPage') }, index.h("span", { class: "NavigationButton" }, translate('firstPage', this.language)), index.h("span", { class: "NavigationIcon" }));
-        let buttonsLeftSide = index.h("div", { class: "LeftItems" }, this.secondaryArrowsActive && buttonSecondaryLeftSide, index.h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'previousPage') }, index.h("span", { class: "NavigationButton" }, translate('previousPage', this.language)), index.h("span", { class: "NavigationIcon" })));
-        if (isMobile(this.userAgent)) {
-            buttonsLeftSide =
-                index.h("div", { class: "LeftItems" }, index.h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'previousPage') }, index.h("span", { class: "NavigationButton" }, translate('previousPage', this.language)), index.h("span", { class: "NavigationIcon" })));
-        }
-        /**
-         * Right navigation area
-         */
-        let buttonSecondaryRightSide = index.h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'lastPage') }, index.h("span", { class: "NavigationButton" }, translate('lastPage', this.language)), index.h("span", { class: "NavigationIcon" }));
-        let buttonsRightSide = index.h("div", { class: "RightItems" }, index.h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'nextPage') }, index.h("span", { class: "NavigationButton" }, translate('nextPage', this.language)), index.h("span", { class: "NavigationIcon" })), this.secondaryArrowsActive && buttonSecondaryRightSide);
-        if (isMobile(this.userAgent)) {
-            buttonsRightSide =
-                index.h("div", { class: "RightItems" }, index.h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'nextPage') }, index.h("span", { class: "NavigationButton" }, translate('nextPage', this.language)), index.h("span", { class: "NavigationIcon" })));
-        }
-        return (index.h("div", { id: "PaginationContainer", ref: el => this.stylingContainer = el }, this.arrowsActive && buttonsLeftSide, this.numberedNavActive && navigationArea, this.arrowsActive && buttonsRightSide));
-    }
-};
-HelperPagination.style = HelperPaginationStyle0;
-
-exports.helper_pagination = HelperPagination;

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

@@ -1,223 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-7ea78a23.js';
-
-/**
- * @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
- */
-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));
-};
-
-const DEFAULT_LANGUAGE = 'en';
-const TRANSLATIONS = {
-    en: {
-        firstPage: 'First',
-        previousPage: 'Previous',
-        nextPage: 'Next',
-        lastPage: 'Last'
-    },
-    ro: {
-        firstPage: 'Prima',
-        previousPage: 'Anterior',
-        nextPage: 'Urmatoarea',
-        lastPage: 'Ultima'
-    },
-    fr: {
-        firstPage: 'First',
-        previousPage: 'Previous',
-        nextPage: 'Next',
-        lastPage: 'Last'
-    },
-    ar: {
-        firstPage: 'First',
-        previousPage: 'Previous',
-        nextPage: 'Next',
-        lastPage: 'Last'
-    },
-    hu: {
-        firstPage: 'First',
-        previousPage: 'Previous',
-        nextPage: 'Következő',
-        lastPage: 'Last'
-    },
-    hr: {
-        firstPage: 'Prva',
-        previousPage: 'Prethodna',
-        nextPage: 'Slijedeća',
-        lastPage: 'Zadnja'
-    }
-};
-const translate = (key, customLang) => {
-    const lang = customLang;
-    return TRANSLATIONS[(lang !== undefined) && (lang in TRANSLATIONS) ? lang : DEFAULT_LANGUAGE][key];
-};
-
-const helperPaginationCss = "@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");:host{display:block;font-family:\"Roboto\", sans-serif}#PaginationContainer{width:100%;margin:20px 0;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:#009993;border-color:#009993}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:#000;cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:#009993;border-color:#009993;color:#fff}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:#009993;border-color:#009993;color:#fff;opacity:0.8}button{width:100px;height:32px;border:1px solid #524e52;border-radius:5px;background:#524e52;color:#fff;font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:#004D4A;border-color:#004D4A}button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:14px}}@media screen and (max-width: 480px){button{width:70px;font-size:14px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:12px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:#009993;border-color:#009993;color:#fff}}";
-const HelperPaginationStyle0 = helperPaginationCss;
-
-const HelperPagination = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.hpPageChange = createEvent(this, "hpPageChange", 7);
-        this.userAgent = window.navigator.userAgent;
-        this.currentPage = 1;
-        /**
-         * Navigation logic
-         */
-        this.navigateTo = (navigationPage) => {
-            switch (navigationPage) {
-                case 'firstPage':
-                    this.offsetInt = 0;
-                    break;
-                case 'lastPage':
-                    this.offsetInt = this.endInt * this.limitInt;
-                    break;
-                case 'previousPage':
-                    this.offsetInt -= this.limitInt;
-                    break;
-                case 'nextPage':
-                    this.offsetInt += this.limitInt;
-                    break;
-                case 'fivePagesBack':
-                    this.offsetInt -= this.limitInt * 5;
-                    this.offsetInt = this.offsetInt <= 0 ? 0 : this.offsetInt;
-                    break;
-                case 'fivePagesForward':
-                    this.offsetInt += this.limitInt * 5;
-                    this.offsetInt = this.offsetInt / this.limitInt >= this.endInt ? this.endInt * this.limitInt : this.offsetInt;
-                    break;
-            }
-            this.previousPage = !this.offsetInt ? false : true;
-            this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
-        };
-        /**
-         * Handle navigation from here
-         */
-        this.paginationNavigation = (pageNumber, index) => {
-            this.previousPage = true;
-            if (!isNaN(pageNumber)) {
-                if (pageNumber === 1) {
-                    this.offsetInt = pageNumber - 1;
-                    this.previousPage = false;
-                }
-                else {
-                    this.offsetInt = (pageNumber - 1) * this.limitInt;
-                }
-            }
-            else {
-                if (index === 0 && this.currentPage <= 4) {
-                    this.navigateTo('firstPage');
-                }
-                else if (index === 0 && this.currentPage > 4) {
-                    this.navigateTo('fivePagesBack');
-                }
-                else if (index === 4 && this.endInt - this.currentPage >= 2) {
-                    this.navigateTo('fivePagesForward');
-                }
-            }
-            this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });
-        };
-        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);
-        };
-        this.nextPage = '';
-        this.prevPage = '';
-        this.offset = 0;
-        this.limit = 1;
-        this.total = 1;
-        this.language = 'en';
-        this.clientStyling = '';
-        this.clientStylingUrlContent = '';
-        this.arrowsActive = undefined;
-        this.secondaryArrowsActive = undefined;
-        this.numberedNavActive = undefined;
-        this.offsetInt = undefined;
-        this.lastPage = false;
-        this.previousPage = false;
-        this.limitInt = undefined;
-        this.totalInt = undefined;
-        this.pagesArray = [];
-        this.endInt = 0;
-        this.limitStylingAppends = false;
-    }
-    componentWillRender() {
-        this.offsetInt = this.offset;
-        this.limitInt = this.limit;
-        this.currentPage = (this.offsetInt / this.limitInt) + 1;
-        this.limitInt = this.limit;
-        this.totalInt = this.total;
-        this.endInt = (Math.ceil(this.totalInt / this.limitInt) - 1);
-        this.lastPage = (this.offsetInt >= this.endInt * this.limitInt) ? false : true;
-        /**
-         * Construct numbered navigation area based on current page position
-         */
-        if (this.currentPage == 1 || this.currentPage == 2) {
-            this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
-            this.pagesArray.push('...');
-        }
-        else if (this.currentPage >= 3 && ((this.endInt - this.currentPage) >= 2)) {
-            this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
-            this.pagesArray.push('...');
-            this.pagesArray.unshift('...');
-        }
-        else if ((this.endInt - this.currentPage) < 3) {
-            this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endInt - 2 + i);
-            this.pagesArray.unshift('...');
-        }
-    }
-    componentDidRender() {
-        // start custom styling area
-        if (!this.limitStylingAppends && this.stylingContainer) {
-            if (this.clientStyling)
-                this.setClientStyling();
-            if (this.clientStylingUrlContent)
-                this.setClientStylingURL();
-            this.limitStylingAppends = true;
-        }
-        // end custom styling area
-    }
-    render() {
-        /**
-         * Center navigation area
-         */
-        let navigationArea = h("ul", { class: "PaginationArea" }, this.pagesArray.map((item, index) => {
-            return (h("li", { class: 'PaginationItem' + (item === this.currentPage ? ' ActiveItem' : ' ') + ' ' + (isMobile(this.userAgent) ? 'MobileButtons' : '') }, h("button", { disabled: item === this.currentPage ? true : false, onClick: this.paginationNavigation.bind(this, item, index) }, h("span", null, item))));
-        }));
-        /**
-         * Left navigation area
-         */
-        let buttonSecondaryLeftSide = h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'firstPage') }, h("span", { class: "NavigationButton" }, translate('firstPage', this.language)), h("span", { class: "NavigationIcon" }));
-        let buttonsLeftSide = h("div", { class: "LeftItems" }, this.secondaryArrowsActive && buttonSecondaryLeftSide, h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'previousPage') }, h("span", { class: "NavigationButton" }, translate('previousPage', this.language)), h("span", { class: "NavigationIcon" })));
-        if (isMobile(this.userAgent)) {
-            buttonsLeftSide =
-                h("div", { class: "LeftItems" }, h("button", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'previousPage') }, h("span", { class: "NavigationButton" }, translate('previousPage', this.language)), h("span", { class: "NavigationIcon" })));
-        }
-        /**
-         * Right navigation area
-         */
-        let buttonSecondaryRightSide = h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'lastPage') }, h("span", { class: "NavigationButton" }, translate('lastPage', this.language)), h("span", { class: "NavigationIcon" }));
-        let buttonsRightSide = h("div", { class: "RightItems" }, h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'nextPage') }, h("span", { class: "NavigationButton" }, translate('nextPage', this.language)), h("span", { class: "NavigationIcon" })), this.secondaryArrowsActive && buttonSecondaryRightSide);
-        if (isMobile(this.userAgent)) {
-            buttonsRightSide =
-                h("div", { class: "RightItems" }, h("button", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'nextPage') }, h("span", { class: "NavigationButton" }, translate('nextPage', this.language)), h("span", { class: "NavigationIcon" })));
-        }
-        return (h("div", { id: "PaginationContainer", ref: el => this.stylingContainer = el }, this.arrowsActive && buttonsLeftSide, this.numberedNavActive && navigationArea, this.arrowsActive && buttonsRightSide));
-    }
-};
-HelperPagination.style = HelperPaginationStyle0;
-
-export { HelperPagination as helper_pagination };

package/dist/lottery-game-page/p-dd23f58f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as i,h as s}from"./p-dcd233c1.js";const a=t=>!!(t.toLowerCase().match(/android/i)||t.toLowerCase().match(/blackberry|bb/i)||t.toLowerCase().match(/iphone|ipad|ipod/i)||t.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)),e={en:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},ro:{firstPage:"Prima",previousPage:"Anterior",nextPage:"Urmatoarea",lastPage:"Ultima"},fr:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},ar:{firstPage:"First",previousPage:"Previous",nextPage:"Next",lastPage:"Last"},hu:{firstPage:"First",previousPage:"Previous",nextPage:"Következő",lastPage:"Last"},hr:{firstPage:"Prva",previousPage:"Prethodna",nextPage:"Slijedeća",lastPage:"Zadnja"}},o=(t,i)=>e[void 0!==i&&i in e?i:"en"][t],n=class{constructor(s){t(this,s),this.hpPageChange=i(this,"hpPageChange",7),this.userAgent=window.navigator.userAgent,this.currentPage=1,this.navigateTo=t=>{switch(t){case"firstPage":this.offsetInt=0;break;case"lastPage":this.offsetInt=this.endInt*this.limitInt;break;case"previousPage":this.offsetInt-=this.limitInt;break;case"nextPage":this.offsetInt+=this.limitInt;break;case"fivePagesBack":this.offsetInt-=5*this.limitInt,this.offsetInt=this.offsetInt<=0?0:this.offsetInt;break;case"fivePagesForward":this.offsetInt+=5*this.limitInt,this.offsetInt=this.offsetInt/this.limitInt>=this.endInt?this.endInt*this.limitInt:this.offsetInt}this.previousPage=!!this.offsetInt,this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})},this.paginationNavigation=(t,i)=>{this.previousPage=!0,isNaN(t)?0===i&&this.currentPage<=4?this.navigateTo("firstPage"):0===i&&this.currentPage>4?this.navigateTo("fivePagesBack"):4===i&&this.endInt-this.currentPage>=2&&this.navigateTo("fivePagesForward"):1===t?(this.offsetInt=t-1,this.previousPage=!1):this.offsetInt=(t-1)*this.limitInt,this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})},this.setClientStyling=()=>{let t=document.createElement("style");t.innerHTML=this.clientStyling,this.stylingContainer.prepend(t)},this.setClientStylingURL=()=>{let t=document.createElement("style");setTimeout((()=>{t.innerHTML=this.clientStylingUrlContent,this.stylingContainer.prepend(t)}),1)},this.nextPage="",this.prevPage="",this.offset=0,this.limit=1,this.total=1,this.language="en",this.clientStyling="",this.clientStylingUrlContent="",this.arrowsActive=void 0,this.secondaryArrowsActive=void 0,this.numberedNavActive=void 0,this.offsetInt=void 0,this.lastPage=!1,this.previousPage=!1,this.limitInt=void 0,this.totalInt=void 0,this.pagesArray=[],this.endInt=0,this.limitStylingAppends=!1}componentWillRender(){this.offsetInt=this.offset,this.limitInt=this.limit,this.currentPage=this.offsetInt/this.limitInt+1,this.limitInt=this.limit,this.totalInt=this.total,this.endInt=Math.ceil(this.totalInt/this.limitInt)-1,this.lastPage=!(this.offsetInt>=this.endInt*this.limitInt),1==this.currentPage||2==this.currentPage?(this.pagesArray=Array.from({length:4},((t,i)=>i+1)),this.pagesArray.push("...")):this.currentPage>=3&&this.endInt-this.currentPage>=2?(this.pagesArray=Array.from({length:3},((t,i)=>this.currentPage+i-1)),this.pagesArray.push("..."),this.pagesArray.unshift("...")):this.endInt-this.currentPage<3&&(this.pagesArray=Array.from({length:4},((t,i)=>this.endInt-2+i)),this.pagesArray.unshift("..."))}componentDidRender(){!this.limitStylingAppends&&this.stylingContainer&&(this.clientStyling&&this.setClientStyling(),this.clientStylingUrlContent&&this.setClientStylingURL(),this.limitStylingAppends=!0)}render(){let t=s("ul",{class:"PaginationArea"},this.pagesArray.map(((t,i)=>s("li",{class:"PaginationItem"+(t===this.currentPage?" ActiveItem":" ")+" "+(a(this.userAgent)?"MobileButtons":"")},s("button",{disabled:t===this.currentPage,onClick:this.paginationNavigation.bind(this,t,i)},s("span",null,t)))))),i=s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"firstPage")},s("span",{class:"NavigationButton"},o("firstPage",this.language)),s("span",{class:"NavigationIcon"})),e=s("div",{class:"LeftItems"},this.secondaryArrowsActive&&i,s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"previousPage")},s("span",{class:"NavigationButton"},o("previousPage",this.language)),s("span",{class:"NavigationIcon"})));a(this.userAgent)&&(e=s("div",{class:"LeftItems"},s("button",{disabled:!this.prevPage,onClick:this.navigateTo.bind(this,"previousPage")},s("span",{class:"NavigationButton"},o("previousPage",this.language)),s("span",{class:"NavigationIcon"}))));let n=s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"lastPage")},s("span",{class:"NavigationButton"},o("lastPage",this.language)),s("span",{class:"NavigationIcon"})),h=s("div",{class:"RightItems"},s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"nextPage")},s("span",{class:"NavigationButton"},o("nextPage",this.language)),s("span",{class:"NavigationIcon"})),this.secondaryArrowsActive&&n);return a(this.userAgent)&&(h=s("div",{class:"RightItems"},s("button",{disabled:!this.nextPage,onClick:this.navigateTo.bind(this,"nextPage")},s("span",{class:"NavigationButton"},o("nextPage",this.language)),s("span",{class:"NavigationIcon"})))),s("div",{id:"PaginationContainer",ref:t=>this.stylingContainer=t},this.arrowsActive&&e,this.numberedNavActive&&t,this.arrowsActive&&h)}};n.style='@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap");:host{display:block;font-family:"Roboto", sans-serif}#PaginationContainer{width:100%;margin:20px 0;display:inline-flex;justify-content:space-between;align-items:center}.LeftItems button:not(:first-child),.RightItems button:not(:last-child){margin:0 10px}.LeftItems button,.RightItems button{padding:0;background-color:#009993;border-color:#009993}.PaginationArea{display:inline-flex;gap:10px;list-style:none}.PaginationArea li{margin:0;padding:0}.PaginationArea li button{width:24px;height:24px;display:flex;border:0;padding:0;justify-content:center;align-items:center;background-color:transparent;color:#000;cursor:pointer;pointer-events:all}.PaginationItem.ActiveItem button{background:#009993;border-color:#009993;color:#fff}.PaginationItem.ActiveItem button:disabled{pointer-events:none;cursor:not-allowed}.PaginationItem button:hover,.PaginationItem button:active{background:#009993;border-color:#009993;color:#fff;opacity:0.8}button{width:100px;height:32px;border:1px solid #524e52;border-radius:5px;background:#524e52;color:#fff;font-size:14px;font:inherit;cursor:pointer;transition:all 0.1s linear;text-transform:uppercase;text-align:center;letter-spacing:0}button:hover,button:active{background:#004D4A;border-color:#004D4A}button:disabled{background-color:#ccc;border-color:#ccc;color:#fff;cursor:not-allowed}@media screen and (max-width: 720px){button{width:90px;font-size:14px}}@media screen and (max-width: 480px){button{width:70px;font-size:14px}.paginationArea{padding:5px}}@media screen and (max-width: 320px){button{width:58px;font-size:12px}.paginationArea{padding:5px;gap:5px}}@media (hover: none){.paginationItem button:hover{background:inherit;border-color:inherit;color:inherit;opacity:1}.paginationItem.activeItem button:hover{background:#009993;border-color:#009993;color:#fff}}';export{n as helper_pagination}

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/lottery-game-page/.stencil/packages/stencil/lottery-game-page/stencil.config.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
-export declare const config: Config;

package/dist/types/Users/adrian.pripon/Documents/Work/widgets-monorepo/packages/stencil/lottery-game-page/.stencil/packages/stencil/lottery-game-page/stencil.config.dev.d.ts

@@ -1,2 +0,0 @@
-import { Config } from '../../../../../../../../../../../../stencil-public-runtime';
-export declare const config: Config;