npm - @everymatrix/lottery-game-page - Versions diffs - 1.24.7 → 1.26.0 - Mend

@everymatrix/lottery-game-page 1.24.7 → 1.26.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (77) hide show

package/dist/lottery-game-page/p-a9ef5b8c.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../packages/lottery-game-page/src/utils/locale.utils.ts","../../../packages/lottery-game-page/src/utils/utils.ts","../../../packages/lottery-game-page/src/components/lottery-game-page/lottery-game-page.scss?tag=lottery-game-page&encapsulation=shadow","../../../packages/lottery-game-page/src/components/lottery-game-page/lottery-game-page.tsx"],"names":["DEFAULT_LANGUAGE","SUPPORTED_LANGUAGES","TRANSLATIONS","en","error","title","backButton","lobbyButton","prize","winUpTo","nextDraw","buy","viewLatest","createTicket","modalSuccess","deleteTicketModalTitle","deleteTicketModalText","deleteTicketModalCancel","deleteTicketModalConfirm","orderSummaryTitle","orderSummaryTickets","orderSummaryTotal","orderSummarySubmit","lastDrawResultsTitle","modalLogin","ro","fr","ar","translate","key","customLang","lang","undefined","includes","isMobile","userAgent","toLowerCase","match","lotteryGamePageCss","LotteryGamePage","[object Object]","hostRef","this","language","autoPick","resetButton","clientStyling","clientStylingurl","clientStylingUrlContent","tickets","tabIndex","hasErrors","totalAmount","successVisible","deleteVisible","latestDraw","totalWinningsAmount","isLoggedIn","loginModalVisible","limitStylingAppends","window","navigator","multiplier","quickPick","setClientStyling","sheet","document","createElement","innerHTML","stylingContainer","prepend","setClientStylingURL","url","URL","cssFile","fetch","href","then","res","text","data","setTimeout","catch","err","console","log","getGameDetails","getDraws","sessionId","date","interval","setInterval","daysRemaining","Math","floor","Date","parse","getTime","hoursRemaining","minutesRemaining","secondsRemaining","clearInterval","endpoint","gameId","status","Error","json","gameData","basicStake","type","stakes","amount","draws","filter","item","winningNumbers","length","id","createNewTicket","currency","forEach","completed","stake","event","map","ticketId","detail","arr","selectedNumbers","index","parseInt","calculateTotalAmount","grids","deleteEventData","drawOptions","method","headers","Content-Type","Accept","response","upcoming","items","past","nextDate","countdownLogic","lastDrawId","_a","prizes","element","JSON","body","push","startingDrawId","selection","drawCount","options","Authorization","stringify","goBackEvent","emit","goToLobbyEvent","backgroundImagePath","getAssetPath","h","class","dir","ref","el","style","background","backgroundUrl","background-size","background-repeat","background-position","onClick","goBack","bind","goToLobby","toLocaleString","maximumFractionDigits","client-styling","client-styling-url-content","ticket-id","game-id","collapsed","last","auto-pick","reset-button","total-controllers","submitTickets","showLoginModal","title-modal","visible","draw-id","draw-mode","modalCloseEvent","confirmDeleteTicketHandler"],"mappings":"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","sourcesContent":["interface Translation {\n [key: string]: string;\n}\n\ninterface Translations {\n en: Translation,\n ro: Translation,\n fr: Translation,\n ar: Translation,\n}\n\nconst DEFAULT_LANGUAGE: 'en' = 'en'\nconst SUPPORTED_LANGUAGES: string[] = ['ro', 'en', 'fr', 'ar'];\nconst TRANSLATIONS: Translations = {\n en: {\n error: 'Error',\n title: 'Chrono',\n backButton: 'Back',\n lobbyButton: 'Lobby',\n prize: 'Prize',\n winUpTo: 'Win up to',\n nextDraw: 'Next draw in: ',\n buy: 'Buy tickets',\n viewLatest: 'View latest results',\n createTicket: 'Create Ticket',\n modalSuccess: 'Purchase successfully completed!',\n deleteTicketModalTitle: 'Delete Ticket',\n deleteTicketModalText: 'Are you sure you want to delete this ticket?',\n deleteTicketModalCancel: 'Cancel',\n deleteTicketModalConfirm: 'Delete',\n orderSummaryTitle: 'Order Summary',\n orderSummaryTickets: 'Ticket',\n orderSummaryTotal: 'Total',\n orderSummarySubmit: 'Submit',\n lastDrawResultsTitle: 'Last Draw Results',\n modalLogin: 'Please login to submit a ticket',\n },\n ro: {\n error: 'Eroare',\n title: 'Loto 6/49',\n backButton: 'Inapoi',\n lobbyButton: 'Lobby',\n prize: 'MARELE JACKPOT OMG',\n winUpTo: 'Castiga pana la',\n nextDraw: 'Urmatoarea extragere:',\n buy: 'Cumpara bilet',\n viewLatest: 'Ultimile extrageri',\n createTicket: 'Creeaza bilet',\n modalSuccess: 'Achizitie efectuata cu succes',\n deleteTicketModalTitle: 'Sterge biletul',\n deleteTicketModalText: 'Esti sigur ca vrei sa stergi acest bilet?',\n deleteTicketModalCancel: 'Anuleaza',\n deleteTicketModalConfirm: 'Sterge',\n orderSummaryTitle: 'Rezumat comanda',\n orderSummaryTickets: 'Bilet',\n orderSummaryTotal: 'Total',\n orderSummarySubmit: 'Trimite',\n lastDrawResultsTitle: 'Cele mai recente extrageri',\n modalLogin: 'Please login to submit a ticket',\n },\n fr: {\n error: 'Error',\n title: 'Chrono',\n backButton: 'Back',\n lobbyButton: 'Lobby',\n prize: 'Prize',\n winUpTo: 'Win up to',\n nextDraw: 'Next draw in: ',\n buy: 'Buy tickets',\n viewLatest: 'View latest results',\n createTicket: 'Create Ticket',\n modalSuccess: 'Purchase successfully completed!',\n deleteTicketModalTitle: 'Delete Ticket',\n deleteTicketModalText: 'Are you sure you want to delete this ticket?',\n deleteTicketModalCancel: 'Cancel',\n deleteTicketModalConfirm: 'Delete',\n orderSummaryTitle: 'Order Summary',\n orderSummaryTickets: 'Ticket',\n orderSummaryTotal: 'Total',\n orderSummarySubmit: 'Submit',\n lastDrawResultsTitle: 'Résultats du dernier tirage',\n modalLogin: 'Please login to submit a ticket',\n },\n ar: {\n error: 'خطأ',\n title: 'كرونو',\n backButton: 'خلف',\n lobbyButton: 'ردهة',\n prize: 'جائزة',\n winUpTo: 'الفوز بما يصل الى',\n nextDraw: 'السحب التالي:',\n buy: 'اشتري تذاكر',\n viewLatest: 'عرض أحدث النتائج',\n createTicket: 'إنشاء تذكرة',\n modalSuccess: '!سيتم الشراء بنجاح قريبًا',\n deleteTicketModalTitle: 'حذف التذكرة',\n deleteTicketModalText: 'هل أنت متأكد أنك تريد حذف هذه التذكرة؟',\n deleteTicketModalCancel: 'يلغي',\n deleteTicketModalConfirm: 'حذف',\n orderSummaryTitle: 'ملخص الطلب',\n orderSummaryTickets: 'تذكرة',\n orderSummaryTotal: 'المجموع',\n orderSummarySubmit: 'يُقدِّم',\n lastDrawResultsTitle: 'نتائج آخر سحب',\n modalLogin: 'الرجاء تسجيل الدخول لتقديم تذكرة'\n }\n};\n\nexport const translate = (key: string, customLang?): string => {\n const lang: string | undefined = customLang;\n return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];\n};\n","/**\n * @name isMobile\n * @description A method that returns if the browser used to access the app is from a mobile device or not\n * @param {String} userAgent window.navigator.userAgent\n * @returns {Boolean} true or false\n */\nexport const isMobile = (userAgent:string):boolean => {\n return !!(\n userAgent.toLowerCase().match(/android/i) ||\n userAgent.toLowerCase().match(/blackberry|bb/i) ||\n userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||\n userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i)\n );\n}\n","@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap');\n\n:host {\n display: block;\n font-family: 'Roboto', sans-serif;\n}\n.GamePage {\n\n .GridBanner {\n background-color: #009993;\n background-repeat: no-repeat;\n background-position: center;\n color: #111;\n padding: 0 20px 10px;\n height: 220px;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n .BannerButtonsWrapper {\n display: flex;\n justify-content: space-between;\n padding-top: 16px;\n .BannerBackButton, .BannerLobbyButton {\n background: #fff;\n border: 1px solid #D4D4D4;\n border-radius: 4px;\n padding: 7px 15px;\n font-size: 12px;\n text-transform: uppercase;\n width: 80px;\n cursor: pointer;\n }\n }\n .GridBannerArea {\n padding-top: 30px;\n display: flex;\n flex-direction: column;\n align-items: center;\n }\n }\n\n .TotalWinnings {\n color: #000;\n font-size: 18px;\n display: flex;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n gap: 10px;\n text-transform: uppercase;\n span {\n font-size: 18px;\n font-weight: 700;\n }\n }\n .NextDraw {\n color: #00958f;\n font-size: 24px;\n font-weight: 600;\n margin: 0 auto;\n text-align: center;\n text-transform: uppercase;\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n gap: 4px;\n\n .BannerText {\n font-weight: 400;\n font-size: 18px;\n text-transform: uppercase;\n padding: 0;\n margin: 15px 0 0 0;\n }\n\n .BannerCountdown {\n font-size: 22px;\n color: #00958f;\n display: flex;\n gap: 20px;\n }\n }\n\n .Tabs {\n display: flex;\n justify-content: center;\n gap: 10px;\n\n .TabButton {\n border-radius: 4px;\n cursor: pointer;\n padding: 8px 0;\n width: 50%;\n max-width: 200px;\n border: 1px solid #00958f;\n background: #00958f;\n color:#fff;\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n\n &.Active {\n color: #00958f;\n background: #F1F1F1;\n border: 1px solid #F1F1F1;\n }\n }\n }\n}\n\n.LastDrawResultsTitle {\n color: #009993;\n padding: 25px 0 10px 0;\n text-align: center;\n border-radius: 4px;\n text-transform: uppercase;\n font-size: 16px;\n font-weight: 600;\n margin: 0;\n}\n\n.NextDrawWrapper {\n padding: 10px 15px;\n background: #F1F1F1;\n background: linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(253,187,45,0) 100%);\n .BannerText {\n font-size: 16px;\n font-weight: 700;\n text-align: center;\n }\n\n .BannerCountdown {\n font-size: 22px;\n display: flex;\n gap: 8px;\n color: #009993;\n font-weight: bolder;\n justify-content: center;\n }\n}\n\n.GamePageContent {\n padding: 15px;\n max-width: 1200px;\n margin: 0 auto;\n}\n\n.GameDetails {\n padding-bottom: 10px;\n margin-bottom: 20px;\n}\n\n.CreateNewTicket {\n background: #004D4A;\n height: 100px;\n width: 100%;\n display: flex;\n margin-top: 10px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n button {\n cursor: pointer;\n display: inline-block;\n border-radius: 50%;\n width: 40px;\n height: 40px;\n margin: 5px;\n border: 1px solid #FFF;\n background: #FFF;\n color: #004D4A;\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n\n &:hover {\n background: #F1F1F1;\n }\n }\n\n span {\n display: inline-block;\n font-size:12px;\n text-align: center;\n margin: 0 auto;\n color: #FFF;\n }\n}\n\n.OrderSummary {\n min-width: 200px;\n border-radius: 4px;\n display: flex;\n flex-direction: column;\n justify-content: center;\n margin-top: 20px;\n background: #fff;\n\n .OrderSummaryTitle {\n font-size: 16px;\n color: #009993;\n text-transform: uppercase;\n text-align: center;\n }\n\n .Ticket {\n display: inline-block;\n color: #000;\n font-size:14px;\n height: 50px;\n line-height: 50px;\n margin-left: 15px;\n\n span {\n text-align: right;\n }\n }\n\n hr {\n border: none;\n border-top: 1px double #D4D4D4;\n color: #D4D4D4;\n width: 100%;\n }\n\n .Total {\n display: inline-block;\n color: #000;\n font-size:14px;\n height: 50px;\n line-height: 50px;\n margin-left: 15px;\n\n span {\n text-align: right;\n }\n }\n}\n\n.ButtonWrapper {\n display: flex;\n align-items: center;\n justify-content: center;\n\n .Button {\n cursor: pointer;\n border-radius: 4px;\n padding: 8px 60px;\n width: max-content;\n margin: 5px;\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n background: #009993;\n border: 1px solid #009993;\n color: #FFF;\n &:hover {\n background: #00ABA4;\n }\n &.ButtonDisabled {\n pointer-events: none;\n background: #ccc;\n border: 1px solid #ccc;\n }\n }\n}\n\n.SubmitModalSuccess {\n text-align: center;\n font-size: 18px;\n padding: 20px;\n}\n\n.DeleteTicketModalWrapper {\n padding: 20px;\n text-align: center;\n .DeleteTicketModalTitle {\n font-size: 16px;\n color: #00958f;\n font-weight: 400;\n text-transform: uppercase;\n margin: 20px 0 40px;\n }\n .DeleteTicketModalText {\n font-size: 14px;\n color: #000;\n line-height: 22px;\n margin-bottom: 40px;\n }\n .DeleteTicketModalButtons {\n display: flex;\n gap: 10px;\n justify-content: center;\n .DeleteTicketModalConfirm {\n cursor: pointer;\n border-radius: 4px;\n padding: 8px 25px;\n width: max-content;\n margin: 5px;\n color: #000;\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n background: #FF3D00;\n border: 1px solid #FF3D00;\n color: #FFF;\n &:hover {\n background: #FF6536;\n border: 1px solid #FF3D00;\n }\n }\n .DeleteTicketModalCancel {\n cursor: pointer;\n width: max-content;\n border-radius: 4px;\n padding: 10px 25px;\n margin: 5px;\n border: 1px solid #00958f;\n background: #FFF;\n color: #000;\n font-size: 12px;\n transition: all 0.2s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n\n &:hover {\n background: #F1F1F1;\n }\n }\n }\n}\n\n@media (min-width: 1200px) {\n .GamePageContent {\n .TicketsWrapper {\n float: left;\n width: 49%;\n }\n .GameDetails {\n float: right;\n width: 49%;\n }\n .OrderSummary {\n float: right;\n width: 49%;\n }\n }\n}\n","import { Component, h, Prop, State, Listen, Element, EventEmitter, Event, getAssetPath } from '@stencil/core';\nimport { translate } from '../../utils/locale.utils';\nimport { isMobile } from \"../../utils/utils\";\n\nimport '@everymatrix/lottery-ticket-controller';\nimport '@everymatrix/helper-modal';\nimport '@everymatrix/lottery-game-details';\nimport '@everymatrix/lottery-draw-results-history';\nimport '@everymatrix/lottery-draw-results';\n\n@Component({\n tag: 'lottery-game-page',\n styleUrl: 'lottery-game-page.scss',\n shadow: true,\n assetsDirs: ['static']\n})\nexport class LotteryGamePage {\n /**\n * Endpoint URL for the source of data\n */\n @Prop({ reflect: true }) endpoint: string;\n /**\n * GameID of the lottery game\n */\n @Prop({ reflect: true }) gameId: string;\n /**\n * Player ID\n */\n @Prop({ reflect: true }) playerId: number;\n /**\n * GIC Session\n */\n @Prop({ reflect: true }) sessionId: string;\n /**\n * Language of the widget\n */\n @Prop({ reflect: true }) language: string = 'en';\n /**\n * Url for banner's custom background image \n */\n @Prop({ reflect: true }) backgroundUrl: string;\n /**\n * Shows the auto-pick button\n */\n @Prop({ reflect: true }) autoPick: boolean = false;\n /**\n * Shows the reset button\n */\n @Prop({ reflect: true }) resetButton: boolean = false;\n /**\n * Client custom styling via string\n */\n @Prop({reflect: true}) clientStyling:string = '';\n /**\n * Client custom styling via url\n */\n @Prop({ reflect: true }) clientStylingurl:string = '';\n\n @State() clientStylingUrlContent:string = '';\n @State() tickets: Array<any> = [];\n @State() tabIndex: number = 0;\n @State() hasErrors: boolean = false;\n @State() totalAmount: number = 0;\n @State() successVisible: boolean = false;\n @State() deleteVisible: boolean = false;\n @State() deleteEventData: any;\n\n @State() private daysRemaining: number;\n @State() private hoursRemaining: number;\n @State() private minutesRemaining: number;\n @State() private secondsRemaining: number;\n @State() private latestDraw:any = {};\n @State() private totalWinningsAmount:number = 0;\n @State() private nextDate:string;\n @State() private isLoggedIn:boolean = false;\n @State() private loginModalVisible:boolean = false;\n @State() private limitStylingAppends:boolean = false;\n @Element() element: HTMLElement;\n\n @Event({bubbles: true, composed: true}) goBackEvent: EventEmitter<string>;\n @Event({bubbles: true, composed: true}) goToLobbyEvent: EventEmitter<string>;\n\n // @TODO fix any type\n private userAgent:string = window.navigator.userAgent;\n\n private stylingContainer:HTMLElement;\n private basicStake: number;\n private multiplier: boolean = false;\n private quickPick: boolean = false;\n private nextDraw: string;\n private lastDrawId: string;\n\n private currency: string;\n private gameData:any;\n private interval:any;\n private isMobile:boolean = isMobile(this.userAgent);\n // @TODO fix `any` type later, I'm lazy now\n\n connectedCallback(): void {\n this.getGameDetails();\n this.getDraws();\n\n if (this.sessionId) {\n this.isLoggedIn = true;\n }\n }\n\n componentDidRender(): void {\n // start custom styling area\n if(!this.limitStylingAppends && this.stylingContainer) {\n if(this.clientStyling) this.setClientStyling();\n if(this.clientStylingurl) this.setClientStylingURL();\n this.limitStylingAppends = true;\n }\n // end custom styling area\n }\n\n countdownLogic(date:any):void {\n this.interval = setInterval(() => {\n this.daysRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60 * 24));\n this.hoursRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60 * 60) - this.daysRemaining * 24);\n this.minutesRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / (1000 * 60) - this.daysRemaining * 24 * 60 - this.hoursRemaining * 60);\n this.secondsRemaining = Math.floor((Date.parse(date) - new Date().getTime()) / 1000 - this.daysRemaining * 24 * 60 * 60 - this.hoursRemaining * 60 * 60 - this.minutesRemaining * 60);\n }, 1000);\n }\n\n disconnectedCallback(): void {\n clearInterval(this.interval);\n }\n\n getGameDetails(): void {\n let url:URL = new URL(`${this.endpoint}/games/${this.gameId}`);\n\n fetch(url.href)\n .then((res:any) => {\n if (res.status >= 300) {\n this.hasErrors = true;\n throw new Error('There was an error while fetching the data');\n }\n\n return res.json();\n })\n .then((data:any) => {\n this.gameData = data;\n this.basicStake = this.gameData.type.stakes[0].amount;\n\n let draws = this.gameData.draws.filter((item) => !item.winningNumbers);\n draws.length > 0 && (this.nextDraw = draws[0].id);\n this.createNewTicket();\n })\n .catch((err:any) => {\n this.hasErrors = true;\n console.log('Error', err);\n });\n }\n\n calculateTotalAmount(): void {\n const { currency } = this.gameData.type.stakes[0];\n\n this.totalAmount = 0;\n\n this.tickets.forEach((item:any) => {\n if (item.completed) {\n this.totalAmount += item.amount * item.stake;\n }\n });\n this.currency = currency;\n }\n\n // @TODO CustomEvent type\n @Listen('ticketCompleted')\n gridFilledHandler(event: CustomEvent<any>): void {\n // @TODO item ts\n this.tickets = this.tickets.map((item:any) => {\n if (item.ticketId == event.detail.id) {\n let arr = item.selectedNumbers || [];\n arr[event.detail.index] = event.detail.selectedNumbers.map((item:string) => parseInt(item, 10));\n\n return {\n gameId: item.gameId,\n ticketId: item.ticketId,\n completed: true,\n amount: event.detail.draws,\n stake: item.stake,\n selectedNumbers: arr\n };\n }\n\n return item;\n });\n\n this.calculateTotalAmount();\n }\n\n @Listen('gridDirty')\n // @TODO fix any type\n gridDirtyHandler(event: CustomEvent<any>) {\n // @TODO item ts\n this.tickets = this.tickets.map((item:any) => {\n if (item.gameId == event.detail.id) {\n return {\n gameId: item.gameId,\n ticketId: item.ticketId,\n completed: false,\n amount: item.amount,\n stake: item.stake,\n grids: []\n };\n }\n\n return item;\n });\n }\n\n // @TODO CustomEvent type\n @Listen('deleteTicket')\n deleteTicketHandler(event: CustomEvent<any>): void {\n this.deleteVisible = true;\n this.deleteEventData = event;\n }\n\n @Listen('modalCloseEvent')\n modalCloseEvent(): void {\n this.deleteVisible = false;\n this.loginModalVisible = false;\n }\n\n @Listen('stakeChange')\n stakeChangeHandler(event:any): void {\n const { ticketId, stake } = event.detail;\n this.tickets[ticketId - 1].stake = stake;\n this.calculateTotalAmount();\n }\n\n @Listen('multiplierChange')\n multiplierChangeHandler(event:CustomEvent<any>): void {\n this.multiplier = event.detail;\n }\n\n getDraws(): void {\n // append from query param with the current date value in order to get the next draw\n let url:URL = new URL(`${this.endpoint}/games/${this.gameId}/draws`);\n\n let drawOptions = {\n method: \"GET\",\n headers: {\n 'Content-Type': \"application/json\",\n 'Accept': 'application/json',\n },\n };\n\n fetch( url.href , drawOptions )\n .then((response:any) => {\n return response.json();\n })\n .then((data:any) => {\n let upcoming:Array<any> = data.items.filter((item:any) => {\n if(Date.parse(item.date) > new Date().getTime()) {\n return !item.winningNumbers;\n }\n });\n\n let past:Array<any> = data.items.filter((item:any) => item.winningNumbers);\n if (!upcoming[0]) return;\n\n this.latestDraw = upcoming[0];\n this.nextDate = this.latestDraw.date;\n this.countdownLogic(this.nextDate);\n\n this.lastDrawId = past[past.length - 1].id;\n // calculate total winnings\n // @TODO fix any type\n this.latestDraw?.prizes.forEach((element:any) => {\n this.totalWinningsAmount += JSON.parse(element.amount);\n });\n })\n .catch((err:any) => {\n console.log('error ', err);\n });\n };\n\n // @TODO fix any type\n confirmDeleteTicketHandler(event:any): void {\n // @TODO fix any type\n this.tickets = this.tickets.filter((item:any) => {\n if (item.ticketId == event.detail.ticketId) {\n return false;\n }\n\n return true;\n });\n\n this.calculateTotalAmount();\n this.deleteVisible = false;\n }\n\n createNewTicket(): void {\n this.tickets = [\n ...this.tickets,\n { gameId: this.gameId, ticketId: this.tickets.length + 1, completed: false, amount: 1, stake: this.basicStake, grids: [] }\n ];\n }\n\n showLoginModal(): void {\n this.loginModalVisible = true;\n }\n\n submitTickets(): void {\n let url:URL = new URL(`${this.endpoint}/tickets`);\n\n // @TODO Body TS type\n let body:any = {\n gameId: this.gameId,\n tickets: []\n }\n\n this.tickets.forEach((item:any) => {\n body.tickets.push({\n startingDrawId: this.nextDraw,\n amount: item.stake,\n gameId: this.gameId,\n currency: this.currency,\n selection: item.selectedNumbers,\n multiplier: this.multiplier,\n drawCount: item.amount,\n quickPick: this.quickPick,\n })\n });\n \n // @TODO Options TS type\n let options = {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json',\n 'Accept': 'application/json',\n 'Authorization': `Bearer ${this.sessionId}`\n },\n body: JSON.stringify(body)\n };\n\n fetch(url.href, options)\n .then((res:any) => {\n if (res.status > 300) {\n throw new Error('err');\n }\n\n return res.json();\n })\n .then((data:any) => {\n // should we treat this res?\n console.log('data', data)\n })\n .catch((err:any) => {\n console.log('error ', err);\n });\n\n this.successVisible = true;\n }\n\n goBack() {\n this.goBackEvent.emit();\n }\n\n goToLobby() {\n this.goToLobbyEvent.emit();\n }\n\n setClientStyling = ():void => {\n let sheet = document.createElement('style');\n sheet.innerHTML = this.clientStyling;\n this.stylingContainer.prepend(sheet);\n }\n\n setClientStylingURL = ():void => {\n\n let url:URL = new URL(this.clientStylingurl);\n let cssFile:HTMLElement = document.createElement('style');\n \n fetch(url.href)\n .then((res:any) => res.text())\n .then((data:any) => {\n this.clientStylingUrlContent = data;\n cssFile.innerHTML = data;\n setTimeout(() => { this.stylingContainer.prepend(cssFile) }, 1);\n })\n .catch((err:any) => {\n console.log('error ', err);\n });\n }\n\n render(): void {\n //Get path for background image\n const backgroundImagePath = getAssetPath(this.isMobile ? '/assets/chrono_lottery_mobile.png' : '/assets/chrono_desktop.png');\n\n if (this.hasErrors) {\n return (\n <div class=\"GamePage\">\n <div class=\"Title\">{translate('error', this.language)}</div>\n </div>\n )\n }\n\n return (\n /* Game details */\n <div class=\"GamePage\" dir={this.language == 'ar' ? 'rtl' : 'ltr'} ref={el => this.stylingContainer = el as HTMLInputElement}>\n <div class=\"GridBanner\" style={{ 'background': `url(${ this.backgroundUrl ? this.backgroundUrl : backgroundImagePath})` , 'background-size': 'contain' , 'background-repeat': 'no-repeat', 'background-position': 'center' }}>\n <div class=\"BannerButtonsWrapper\">\n <button class=\"BannerBackButton\" onClick={this.goBack.bind(this)}><span class=\"BannerBackButtonArrow\">ᐸ </span>{translate('backButton', this.language)}</button>\n <button class=\"BannerLobbyButton\" onClick={this.goToLobby.bind(this)}>{translate('lobbyButton', this.language)}</button>\n </div>\n <div class=\"Tabs\">\n <div class={'TabButton' + (this.tabIndex == 0 ? ' Active' : '')}\n onClick={() => this.tabIndex = 0}>{translate('buy', this.language)}</div>\n <div class={'TabButton' + (this.tabIndex == 1 ? ' Active' : '')}\n onClick={() => this.tabIndex = 1}>{translate('viewLatest', this.language)}</div>\n </div>\n </div>\n <div class=\"NextDrawWrapper\">\n <div class=\"TotalWinnings\">{translate('winUpTo', this.language)}: <span>${this.totalWinningsAmount.toLocaleString('en-US', {maximumFractionDigits:2})}</span></div>\n <div class=\"NextDraw\">\n <p class=\"BannerText\">{translate('nextDraw', this.language)}</p>\n <div class=\"BannerCountdown\">\n <span class=\"CountdownDays\">{this.daysRemaining}D</span>\n <span class=\"CountdownHours\">{this.hoursRemaining}H</span>\n <span class=\"CountdownMinutes\">{this.minutesRemaining}M</span>\n <span class=\"CountdownSeconds\">{this.secondsRemaining}S</span>\n </div>\n </div>\n </div>\n {this.tabIndex == 0 &&\n <div class=\"GamePageContent\">\n <div class=\"GameDetails\">\n <lottery-game-details\n client-styling={this.clientStyling}\n client-styling-url-content={this.clientStylingUrlContent}>\n </lottery-game-details>\n </div>\n <div class=\"TicketsWrapper\">\n {this.tickets.map((item) =>\n <lottery-ticket-controller\n endpoint={this.endpoint}\n ticket-id={item.ticketId}\n game-id={item.gameId}\n collapsed={false}\n last={true}\n language={this.language}\n auto-pick={this.autoPick}\n reset-button={this.resetButton}\n total-controllers={this.tickets.length}\n client-styling={this.clientStyling}\n client-styling-url-content={this.clientStylingUrlContent}>\n </lottery-ticket-controller>\n )}\n <div class=\"CreateNewTicket\">\n <button onClick={() => this.createNewTicket()}>+</button>\n <span>{translate('createTicket', this.language)}</span>\n </div>\n </div>\n <div class=\"OrderSummary\">\n <h3 class=\"OrderSummaryTitle\">{translate('orderSummaryTitle', this.language)}</h3>\n <div class=\"Ticket\">{translate('orderSummaryTickets', this.language)}: <span>{this.tickets.length}</span></div>\n <hr />\n <div class=\"Total\">{translate('orderSummaryTotal', this.language)}: <span>{this.totalAmount} {this.currency}</span></div>\n <div class=\"ButtonWrapper\">\n {this.isLoggedIn && \n <span class=\"Button\" onClick={() => this.submitTickets()}>{translate('orderSummarySubmit', this.language)}</span>\n }\n {!this.isLoggedIn &&\n <div>\n <span class=\"Button\" onClick={() => this.showLoginModal()}>{translate('orderSummarySubmit', this.language)}</span>\n <helper-modal\n title-modal=\"Success\"\n visible={this.loginModalVisible}\n client-styling={this.clientStyling}\n client-styling-url-content={this.clientStylingUrlContent}>\n <p class=\"SubmitModalSuccess\">{translate('modalLogin', this.language)}</p>\n </helper-modal>\n </div>\n }\n </div>\n </div>\n </div>\n }\n {this.tabIndex == 1 &&\n <div>\n <h4 class=\"LastDrawResultsTitle\">{translate('lastDrawResultsTitle', this.language)}</h4>\n <lottery-draw-results \n endpoint={this.endpoint}\n game-id={this.gameId}\n language={this.language}\n draw-id={this.lastDrawId}\n draw-mode={true}\n client-styling={this.clientStyling}\n client-styling-url-content={this.clientStylingUrlContent}>\n </lottery-draw-results>\n <lottery-draw-results-history\n endpoint={this.endpoint}\n game-id={this.gameId}\n language={this.language}\n client-styling={this.clientStyling}\n client-styling-url-content={this.clientStylingUrlContent}>\n </lottery-draw-results-history>\n </div>}\n <helper-modal\n title-modal=\"Success\"\n visible={this.successVisible}\n client-styling={this.clientStyling}\n client-styling-url-content={this.clientStylingUrlContent}>\n <p class=\"SubmitModalSuccess\">{translate('modalSuccess', this.language)}</p>\n </helper-modal>\n <helper-modal\n title-modal=\"Delete Ticket\"\n visible={this.deleteVisible}\n client-styling={this.clientStyling}\n client-styling-url-content={this.clientStylingUrlContent}>\n <div class=\"DeleteTicketModalWrapper\">\n <h3 class=\"DeleteTicketModalTitle\">{translate('deleteTicketModalTitle', this.language)}</h3>\n <p class=\"DeleteTicketModalText\">{translate('deleteTicketModalText', this.language)}</p>\n <div class=\"DeleteTicketModalButtons\">\n <button class=\"DeleteTicketModalCancel\" onClick={() => this.modalCloseEvent()}>{translate('deleteTicketModalCancel', this.language)}</button>\n <button class=\"DeleteTicketModalConfirm\" onClick={() => this.confirmDeleteTicketHandler(this.deleteEventData)}>{translate('deleteTicketModalConfirm', this.language)}</button>\n </div>\n </div>\n </helper-modal>\n </div>\n );\n }\n}\n"]}

package/dist/lottery-game-page/p-b8e683f6.entry.js DELETED Viewed

	@@ -1,2 +0,0 @@
1	- import{r as t,c as i,h as s}from"./p-e765c7d9.js";const e=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));const a="en";const o=["ro","en","hu"];const n={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"}};const h=(t,i)=>{const s=i;return n[s!==undefined&&o.includes(s)?s:a][t]};const r='@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 l=class{constructor(s){t(this,s);this.hpPageChange=i(this,"hpPageChange",7);this.nextPage="";this.prevPage="";this.offset=0;this.limit=1;this.total=1;this.language="en";this.clientStyling="";this.clientStylingUrlContent="";this.lastPage=false;this.previousPage=false;this.pagesArray=[];this.endInt=0;this.userAgent=window.navigator.userAgent;this.currentPage=1;this.limitStylingAppends=false;this.navigateTo=t=>{switch(t){case"firstPage":this.offsetInt=0;break;case"lastPage":this.offsetInt=this.endIntthis.limitInt;break;case"previousPage":this.offsetInt-=this.limitInt;break;case"nextPage":this.offsetInt+=this.limitInt;break;case"fivePagesBack":this.offsetInt-=this.limitInt5;this.offsetInt=this.offsetInt<=0?0:this.offsetInt;break;case"fivePagesForward":this.offsetInt+=this.limitInt5;this.offsetInt=this.offsetInt/this.limitInt>=this.endInt?this.endIntthis.limitInt:this.offsetInt;break}this.previousPage=!this.offsetInt?false:true;this.hpPageChange.emit({offset:this.offsetInt,limit:this.limitInt,total:this.totalInt})};this.paginationNavigation=(t,i)=>{this.previousPage=true;if(!isNaN(t)){if(t===1){this.offsetInt=t-1;this.previousPage=false}else{this.offsetInt=(t-1)this.limitInt}}else{if(i===0&&this.currentPage<=4){this.navigateTo("firstPage")}else if(i===0&&this.currentPage>4){this.navigateTo("fivePagesBack")}else if(i===4&&this.endInt-this.currentPage>=2){this.navigateTo("fivePagesForward")}}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)}}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.endIntthis.limitInt?false:true;if(this.currentPage==1\|\|this.currentPage==2){this.pagesArray=Array.from({length:4},((t,i)=>i+1));this.pagesArray.push("...")}else if(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("...")}else if(this.endInt-this.currentPage<3){this.pagesArray=Array.from({length:4},((t,i)=>this.endInt-2+i));this.pagesArray.unshift("...")}}componentDidRender(){if(!this.limitStylingAppends&&this.stylingContainer){if(this.clientStyling)this.setClientStyling();if(this.clientStylingUrlContent)this.setClientStylingURL();this.limitStylingAppends=true}}render(){let t=s("ul",{class:"PaginationArea"},this.pagesArray.map(((t,i)=>s("li",{class:"PaginationItem"+(t===this.currentPage?" ActiveItem":" ")+" "+(e(this.userAgent)?"MobileButtons":"")},s("button",{disabled:t===this.currentPage?true:false,onClick:this.paginationNavigation.bind(this,t,i)},s("span",null,t))))));let i=s("button",{disabled:this.prevPage?false:true,onClick:this.navigateTo.bind(this,"firstPage")},s("span",{class:"NavigationButton"},h("firstPage",this.language)),s("span",{class:"NavigationIcon"}));let a=s("div",{class:"LeftItems"},this.secondaryArrowsActive&&i,s("button",{disabled:this.prevPage?false:true,onClick:this.navigateTo.bind(this,"previousPage")},s("span",{class:"NavigationButton"},h("previousPage",this.language)),s("span",{class:"NavigationIcon"})));if(e(this.userAgent)){a=s("div",{class:"LeftItems"},s("button",{disabled:this.prevPage?false:true,onClick:this.navigateTo.bind(this,"previousPage")},s("span",{class:"NavigationButton"},h("previousPage",this.language)),s("span",{class:"NavigationIcon"})))}let o=s("button",{disabled:this.nextPage?false:true,onClick:this.navigateTo.bind(this,"lastPage")},s("span",{class:"NavigationButton"},h("lastPage",this.language)),s("span",{class:"NavigationIcon"}));let n=s("div",{class:"RightItems"},s("button",{disabled:this.nextPage?false:true,onClick:this.navigateTo.bind(this,"nextPage")},s("span",{class:"NavigationButton"},h("nextPage",this.language)),s("span",{class:"NavigationIcon"})),this.secondaryArrowsActive&&o);if(e(this.userAgent)){n=s("div",{class:"RightItems"},s("button",{disabled:this.nextPage?false:true,onClick:this.navigateTo.bind(this,"nextPage")},s("span",{class:"NavigationButton"},h("nextPage",this.language)),s("span",{class:"NavigationIcon"})))}return s("div",{id:"PaginationContainer",ref:t=>this.stylingContainer=t},this.arrowsActive&&a,this.numberedNavActive&&t,this.arrowsActive&&n)}};l.style=r;export{l as helper_pagination};
2	- //# sourceMappingURL=p-b8e683f6.entry.js.map

package/dist/lottery-game-page/p-b8e683f6.entry.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../helper-pagination/dist/collection/utils/utils.js","../helper-pagination/dist/collection/utils/locale.utils.js","../helper-pagination/dist/collection/components/helper-pagination/helper-pagination.css?tag=helper-pagination&encapsulation=shadow","../helper-pagination/dist/collection/components/helper-pagination/helper-pagination.js"],"names":["isMobile","userAgent","toLowerCase","match","DEFAULT_LANGUAGE","SUPPORTED_LANGUAGES","TRANSLATIONS","en","firstPage","previousPage","nextPage","lastPage","ro","fr","ar","hu","translate","key","customLang","lang","undefined","includes","helperPaginationCss","HelperPagination","[object Object]","hostRef","this","prevPage","offset","limit","total","language","clientStyling","clientStylingUrlContent","pagesArray","endInt","window","navigator","currentPage","limitStylingAppends","navigateTo","navigationPage","offsetInt","limitInt","hpPageChange","emit","totalInt","paginationNavigation","pageNumber","index","isNaN","setClientStyling","sheet","document","createElement","innerHTML","stylingContainer","prepend","setClientStylingURL","cssFile","setTimeout","Math","ceil","Array","from","length","_","i","push","unshift","navigationArea","h","class","map","item","disabled","onClick","bind","buttonSecondaryLeftSide","buttonsLeftSide","secondaryArrowsActive","buttonSecondaryRightSide","buttonsRightSide","id","ref","el","arrowsActive","numberedNavActive"],"mappings":"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","sourcesContent":["export function format(first, middle, last) {\n return ((first || '') + (middle ? ` ${middle}` : '') + (last ? ` ${last}` : ''));\n}\n/**\n * @name isMobile\n * @description A method that returns if the browser used to access the app is from a mobile device or not\n * @param {String} userAgent window.navigator.userAgent\n * @returns {Boolean} true or false\n */\nexport const isMobile = (userAgent) => {\n return !!(userAgent.toLowerCase().match(/android/i) ||\n userAgent.toLowerCase().match(/blackberry|bb/i) ||\n userAgent.toLowerCase().match(/iphone|ipad|ipod/i) ||\n userAgent.toLowerCase().match(/windows phone|windows mobile|iemobile|wpdesktop/i));\n};\n","const DEFAULT_LANGUAGE = 'en';\nconst SUPPORTED_LANGUAGES = ['ro', 'en', 'hu'];\nconst TRANSLATIONS = {\n en: {\n firstPage: 'First',\n previousPage: 'Previous',\n nextPage: 'Next',\n lastPage: 'Last'\n },\n ro: {\n firstPage: 'Prima',\n previousPage: 'Anterior',\n nextPage: 'Urmatoarea',\n lastPage: 'Ultima'\n },\n fr: {\n firstPage: 'First',\n previousPage: 'Previous',\n nextPage: 'Next',\n lastPage: 'Last'\n },\n ar: {\n firstPage: 'First',\n previousPage: 'Previous',\n nextPage: 'Next',\n lastPage: 'Last'\n },\n hu: {\n firstPage: 'First',\n previousPage: 'Previous',\n nextPage: 'Következő',\n lastPage: 'Last'\n }\n};\nexport const translate = (key, customLang) => {\n const lang = customLang;\n return TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];\n};\n","@import url(\"https://fonts.googleapis.com/css2?family=Roboto:wght@100&display=swap\");\n:host {\n display: block;\n font-family: \"Roboto\", sans-serif;\n}\n\n#PaginationContainer {\n width: 100%;\n margin: 20px 0;\n display: inline-flex;\n justify-content: space-between;\n align-items: center;\n}\n\n.LeftItems button:not(:first-child), .RightItems button:not(:last-child) {\n margin: 0 10px;\n}\n\n.LeftItems button, .RightItems button {\n padding: 0;\n background-color: #009993;\n border-color: #009993;\n}\n\n.PaginationArea {\n display: inline-flex;\n gap: 10px;\n list-style: none;\n}\n\n.PaginationArea li {\n margin: 0;\n padding: 0;\n}\n\n.PaginationArea li button {\n width: 24px;\n height: 24px;\n display: flex;\n border: 0;\n padding: 0;\n justify-content: center;\n align-items: center;\n background-color: transparent;\n color: #000;\n cursor: pointer;\n pointer-events: all;\n}\n\n.PaginationItem.ActiveItem button {\n background: #009993;\n border-color: #009993;\n color: #fff;\n}\n\n.PaginationItem.ActiveItem button:disabled {\n pointer-events: none;\n cursor: not-allowed;\n}\n\n.PaginationItem button:hover,\n.PaginationItem button:active {\n background: #009993;\n border-color: #009993;\n color: #fff;\n opacity: 0.8;\n}\n\nbutton {\n width: 100px;\n height: 32px;\n border: 1px solid #524e52;\n border-radius: 5px;\n background: #524e52;\n color: #fff;\n font-size: 14px;\n font: inherit;\n cursor: pointer;\n transition: all 0.1s linear;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 0;\n}\n\nbutton:hover,\nbutton:active {\n background: #004D4A;\n border-color: #004D4A;\n}\n\nbutton:disabled {\n background-color: #ccc;\n border-color: #ccc;\n color: #fff;\n cursor: not-allowed;\n}\n\n@media screen and (max-width: 720px) {\n button {\n width: 90px;\n font-size: 14px;\n }\n}\n@media screen and (max-width: 480px) {\n button {\n width: 70px;\n font-size: 14px;\n }\n\n .paginationArea {\n padding: 5px;\n }\n}\n@media screen and (max-width: 320px) {\n button {\n width: 58px;\n font-size: 12px;\n }\n\n .paginationArea {\n padding: 5px;\n gap: 5px;\n }\n}\n/* fix for issue on hover/visited for mobile devices */\n@media (hover: none) {\n .paginationItem button:hover {\n background: inherit;\n border-color: inherit;\n color: inherit;\n opacity: 1;\n }\n\n .paginationItem.activeItem button:hover {\n background: #009993;\n border-color: #009993;\n color: #fff;\n }\n}","import { Component, h, Event, Prop, State } from '@stencil/core';\nimport { isMobile } from \"../../utils/utils\";\nimport { translate } from '../../utils/locale.utils';\nexport class HelperPagination {\n constructor() {\n /**\n * Next page string value - determines if the next page is disabled or active\n */\n this.nextPage = '';\n /**\n * Previous page string value - determines if the previous page is disabled or active\n */\n this.prevPage = '';\n /**\n * The received offset\n */\n this.offset = 0;\n /**\n * The received limit for the number of pages\n */\n this.limit = 1;\n /**\n * The received total number of pages\n */\n this.total = 1;\n /**\n * Language\n */\n this.language = 'en';\n /**\n * Client custom styling via string\n */\n this.clientStyling = '';\n /**\n * Client custom styling via url content\n */\n this.clientStylingUrlContent = '';\n /**\n * Component working variable for last page\n */\n this.lastPage = false;\n /**\n * Component working variable for prvious page\n */\n this.previousPage = false;\n /**\n * In component working variable for the array of pages\n */\n this.pagesArray = [];\n /**\n * In component working variable for last page\n */\n this.endInt = 0;\n this.userAgent = window.navigator.userAgent;\n this.currentPage = 1;\n this.limitStylingAppends = false;\n /**\n * Navigation logic\n */\n this.navigateTo = (navigationPage) => {\n switch (navigationPage) {\n case 'firstPage':\n this.offsetInt = 0;\n break;\n case 'lastPage':\n this.offsetInt = this.endInt * this.limitInt;\n break;\n case 'previousPage':\n this.offsetInt -= this.limitInt;\n break;\n case 'nextPage':\n this.offsetInt += this.limitInt;\n break;\n case 'fivePagesBack':\n this.offsetInt -= this.limitInt * 5;\n this.offsetInt = this.offsetInt <= 0 ? 0 : this.offsetInt;\n break;\n case 'fivePagesForward':\n this.offsetInt += this.limitInt * 5;\n this.offsetInt = this.offsetInt / this.limitInt >= this.endInt ? this.endInt * this.limitInt : this.offsetInt;\n break;\n }\n this.previousPage = !this.offsetInt ? false : true;\n this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });\n };\n /**\n * Handle navigation from here\n */\n this.paginationNavigation = (pageNumber, index) => {\n this.previousPage = true;\n if (!isNaN(pageNumber)) {\n if (pageNumber === 1) {\n this.offsetInt = pageNumber - 1;\n this.previousPage = false;\n }\n else {\n this.offsetInt = (pageNumber - 1) * this.limitInt;\n }\n }\n else {\n if (index === 0 && this.currentPage <= 4) {\n this.navigateTo('firstPage');\n }\n else if (index === 0 && this.currentPage > 4) {\n this.navigateTo('fivePagesBack');\n }\n else if (index === 4 && this.endInt - this.currentPage >= 2) {\n this.navigateTo('fivePagesForward');\n }\n }\n this.hpPageChange.emit({ offset: this.offsetInt, limit: this.limitInt, total: this.totalInt });\n };\n this.setClientStyling = () => {\n let sheet = document.createElement('style');\n sheet.innerHTML = this.clientStyling;\n this.stylingContainer.prepend(sheet);\n };\n this.setClientStylingURL = () => {\n let cssFile = document.createElement('style');\n setTimeout(() => {\n cssFile.innerHTML = this.clientStylingUrlContent;\n this.stylingContainer.prepend(cssFile);\n }, 1);\n };\n }\n componentWillRender() {\n this.offsetInt = this.offset;\n this.limitInt = this.limit;\n this.currentPage = (this.offsetInt / this.limitInt) + 1;\n this.limitInt = this.limit;\n this.totalInt = this.total;\n this.endInt = (Math.ceil(this.totalInt / this.limitInt) - 1);\n this.lastPage = (this.offsetInt >= this.endInt * this.limitInt) ? false : true;\n /**\n * Construct numbered navigation area based on current page position\n */\n if (this.currentPage == 1 || this.currentPage == 2) {\n this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);\n this.pagesArray.push('...');\n }\n else if (this.currentPage >= 3 && ((this.endInt - this.currentPage) >= 2)) {\n this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);\n this.pagesArray.push('...');\n this.pagesArray.unshift('...');\n }\n else if ((this.endInt - this.currentPage) < 3) {\n this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endInt - 2 + i);\n this.pagesArray.unshift('...');\n }\n }\n componentDidRender() {\n // start custom styling area\n if (!this.limitStylingAppends && this.stylingContainer) {\n if (this.clientStyling)\n this.setClientStyling();\n if (this.clientStylingUrlContent)\n this.setClientStylingURL();\n this.limitStylingAppends = true;\n }\n // end custom styling area\n }\n render() {\n /**\n * Center navigation area\n */\n let navigationArea = h(\"ul\", { class: \"PaginationArea\" }, this.pagesArray.map((item, index) => {\n return (h(\"li\", { class: 'PaginationItem' + (item === this.currentPage ? ' ActiveItem' : ' ') + ' ' + (isMobile(this.userAgent) ? 'MobileButtons' : '') },\n h(\"button\", { disabled: item === this.currentPage ? true : false, onClick: this.paginationNavigation.bind(this, item, index) },\n h(\"span\", null, item))));\n }));\n /**\n * Left navigation area\n */\n let buttonSecondaryLeftSide = h(\"button\", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'firstPage') },\n h(\"span\", { class: \"NavigationButton\" }, translate('firstPage', this.language)),\n h(\"span\", { class: \"NavigationIcon\" }));\n let buttonsLeftSide = h(\"div\", { class: \"LeftItems\" },\n this.secondaryArrowsActive && buttonSecondaryLeftSide,\n h(\"button\", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'previousPage') },\n h(\"span\", { class: \"NavigationButton\" }, translate('previousPage', this.language)),\n h(\"span\", { class: \"NavigationIcon\" })));\n if (isMobile(this.userAgent)) {\n buttonsLeftSide =\n h(\"div\", { class: \"LeftItems\" },\n h(\"button\", { disabled: this.prevPage ? false : true, onClick: this.navigateTo.bind(this, 'previousPage') },\n h(\"span\", { class: \"NavigationButton\" }, translate('previousPage', this.language)),\n h(\"span\", { class: \"NavigationIcon\" })));\n }\n /**\n * Right navigation area\n */\n let buttonSecondaryRightSide = h(\"button\", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'lastPage') },\n h(\"span\", { class: \"NavigationButton\" }, translate('lastPage', this.language)),\n h(\"span\", { class: \"NavigationIcon\" }));\n let buttonsRightSide = h(\"div\", { class: \"RightItems\" },\n h(\"button\", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'nextPage') },\n h(\"span\", { class: \"NavigationButton\" }, translate('nextPage', this.language)),\n h(\"span\", { class: \"NavigationIcon\" })),\n this.secondaryArrowsActive && buttonSecondaryRightSide);\n if (isMobile(this.userAgent)) {\n buttonsRightSide =\n h(\"div\", { class: \"RightItems\" },\n h(\"button\", { disabled: this.nextPage ? false : true, onClick: this.navigateTo.bind(this, 'nextPage') },\n h(\"span\", { class: \"NavigationButton\" }, translate('nextPage', this.language)),\n h(\"span\", { class: \"NavigationIcon\" })));\n }\n return (h(\"div\", { id: \"PaginationContainer\", ref: el => this.stylingContainer = el },\n this.arrowsActive && buttonsLeftSide,\n this.numberedNavActive && navigationArea,\n this.arrowsActive && buttonsRightSide));\n }\n static get is() { return \"helper-pagination\"; }\n static get encapsulation() { return \"shadow\"; }\n static get originalStyleUrls() { return {\n \"$\": [\"helper-pagination.scss\"]\n }; }\n static get styleUrls() { return {\n \"$\": [\"helper-pagination.css\"]\n }; }\n static get properties() { return {\n \"nextPage\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Next page string value - determines if the next page is disabled or active\"\n },\n \"attribute\": \"next-page\",\n \"reflect\": true,\n \"defaultValue\": \"''\"\n },\n \"prevPage\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Previous page string value - determines if the previous page is disabled or active\"\n },\n \"attribute\": \"prev-page\",\n \"reflect\": true,\n \"defaultValue\": \"''\"\n },\n \"offset\": {\n \"type\": \"number\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The received offset\"\n },\n \"attribute\": \"offset\",\n \"reflect\": true,\n \"defaultValue\": \"0\"\n },\n \"limit\": {\n \"type\": \"number\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The received limit for the number of pages\"\n },\n \"attribute\": \"limit\",\n \"reflect\": true,\n \"defaultValue\": \"1\"\n },\n \"total\": {\n \"type\": \"number\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"number\",\n \"resolved\": \"number\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"The received total number of pages\"\n },\n \"attribute\": \"total\",\n \"reflect\": true,\n \"defaultValue\": \"1\"\n },\n \"language\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Language\"\n },\n \"attribute\": \"language\",\n \"reflect\": true,\n \"defaultValue\": \"'en'\"\n },\n \"clientStyling\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Client custom styling via string\"\n },\n \"attribute\": \"client-styling\",\n \"reflect\": true,\n \"defaultValue\": \"''\"\n },\n \"clientStylingUrlContent\": {\n \"type\": \"string\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"string\",\n \"resolved\": \"string\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Client custom styling via url content\"\n },\n \"attribute\": \"client-styling-url-content\",\n \"reflect\": true,\n \"defaultValue\": \"''\"\n },\n \"arrowsActive\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Customize pagination: Activate pagination arrows\"\n },\n \"attribute\": \"arrows-active\",\n \"reflect\": true\n },\n \"secondaryArrowsActive\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Customize pagination: Activate pagination secondary arrows\"\n },\n \"attribute\": \"secondary-arrows-active\",\n \"reflect\": true\n },\n \"numberedNavActive\": {\n \"type\": \"boolean\",\n \"mutable\": true,\n \"complexType\": {\n \"original\": \"boolean\",\n \"resolved\": \"boolean\",\n \"references\": {}\n },\n \"required\": false,\n \"optional\": false,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Customize pagination: Activate pagination numbered navigation\"\n },\n \"attribute\": \"numbered-nav-active\",\n \"reflect\": true\n }\n }; }\n static get states() { return {\n \"offsetInt\": {},\n \"lastPage\": {},\n \"previousPage\": {},\n \"limitInt\": {},\n \"totalInt\": {},\n \"pagesArray\": {},\n \"endInt\": {},\n \"limitStylingAppends\": {}\n }; }\n static get events() { return [{\n \"method\": \"hpPageChange\",\n \"name\": \"hpPageChange\",\n \"bubbles\": true,\n \"cancelable\": true,\n \"composed\": true,\n \"docs\": {\n \"tags\": [],\n \"text\": \"Event that handles the navigation, updating the offset, limit and total values\"\n },\n \"complexType\": {\n \"original\": \"any\",\n \"resolved\": \"any\",\n \"references\": {}\n }\n }]; }\n}\n"]}