@everymatrix/lottery-hakuna-ticket-history 0.0.23 → 0.0.24

package/dist/collection/components/lottery-infinite-scroll/lottery-infinite-scroll.js

@@ -143,18 +143,18 @@ export class LotteryInfiniteScroll {
             gap: `${gridGap}px`,
             boxSizing: 'border-box'
         };
-        return (h("div", { key: '5f9372a0c2d0cdf00685cbedf062fb333d1e5348', class: "lottery-infinite-scroll__container", style: {
+        return (h("div", { key: 'e47cafd444a010ce552fabd3c00722e32b1b3cd8', class: "lottery-infinite-scroll__container", style: {
                 height: this.containerHeight,
                 overflowY: 'auto',
                 position: 'relative'
-            }, ref: (el) => (this.scrollContainer = el), onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }, h("div", { key: 'c43a2673188fbb50c93637f766f1926301ba08e9', class: "ptr-indicator", style: Object.assign(Object.assign({}, contentTransform), { position: 'absolute', top: '0', left: '0', width: '100%', height: `${this.pullTriggerDistance}px`, display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: `-${this.pullTriggerDistance}px`, pointerEvents: 'none' }) }, this.isRefreshing ? (h("slot", { name: "refresh-loading" }, translate('refreshing', this.language))) : (h("slot", { name: "pull-hint" }, this.pullDistance > this.pullTriggerDistance
+            }, ref: (el) => (this.scrollContainer = el), onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }, h("div", { key: 'ee21b030a6f83432edfce4b6cf2719c045fde57f', class: "ptr-indicator", style: Object.assign(Object.assign({}, contentTransform), { position: 'absolute', top: '0', left: '0', width: '100%', height: `${this.pullTriggerDistance}px`, display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: `-${this.pullTriggerDistance}px`, pointerEvents: 'none' }) }, this.isRefreshing ? (h("slot", { name: "refresh-loading" }, translate('refreshing', this.language))) : (h("slot", { name: "pull-hint" }, this.pullDistance > this.pullTriggerDistance
             ? translate('release', this.language)
-            : translate('pull', this.language)))), h("div", { key: 'b6a6334401bb3c0ea8d776e028f57836ee0d36ac', class: "scroll-content-wrapper", style: contentTransform }, h("div", { key: '16f58f44ce104fbdc4eacb2c3dfa9d3c7c7e6bdb', class: "list-content", style: listStyle }, listToRender.map((item, index) => (h("div", { key: index, class: "list-item-wrapper" }, showSkeleton ? this.renderSkeleton(index) : this.renderItem(item, index))))), h("div", { key: '1ed8b2ce72d85a68a48e9330ad2b9b9194346dfb', class: "lottery-infinite-scroll__sentinel", ref: (el) => (this.sentinel = el), style: {
+            : translate('pull', this.language)))), h("div", { key: '15dd187e7683d16112b6366f94a840153c2c32a4', class: "scroll-content-wrapper", style: contentTransform }, h("div", { key: '241ba9f947b2846d78a0beae5806e60f0ac86c8f', class: "list-content", style: listStyle }, listToRender.map((item, index) => (h("div", { key: index, class: "list-item-wrapper" }, showSkeleton ? this.renderSkeleton(index) : this.renderItem(item, index))))), h("div", { key: 'c014157ee2f47cc6020d8cffb06136c6e78e2323', class: "lottery-infinite-scroll__sentinel", ref: (el) => (this.sentinel = el), style: {
                 height: '20px',
                 display: 'flex',
                 justifyContent: 'center',
                 visibility: this.hasMore || (this.isLoading && !showSkeleton) ? 'visible' : 'hidden'
-            } }, this.isLoading ? h("slot", { name: "loading-more" }, translate('loading', this.language)) : null), !this.hasMore && !this.isLoading && items.length > 0 && (h("div", { key: '3b8207a9dc1451c683eb1920b798574be4fbd975', class: "end-message", style: { textAlign: 'center', padding: '10px' } }, h("slot", { key: '157e109d933e5613cf882c5dd01212647bfeba79', name: "end-message" }, translate('noMoreData', this.language)))))));
+            } }, this.isLoading ? h("slot", { name: "loading-more" }, translate('loading', this.language)) : null), !this.hasMore && !this.isLoading && items.length > 0 && (h("div", { key: 'd363303795035f2f1a1bd8ace34999084171a866', class: "end-message", style: { textAlign: 'center', padding: '10px' } }, h("slot", { key: '1be1f840fa161f07a2ecd14c11d0168f5d1156c6', name: "end-message" }, translate('noMoreData', this.language)))))));
     }
     static get is() { return "lottery-infinite-scroll"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/index-30f31c84.js

@@ -0,0 +1,60 @@
+/**
+ * @name setClientStyling
+ * @description Method used to create and append to the passed element of the widget a style element with the content received
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStyling The style content
+ */
+function setClientStyling(stylingContainer, clientStyling) {
+  if (stylingContainer) {
+    const sheet = document.createElement('style');
+    sheet.innerHTML = clientStyling;
+    stylingContainer.appendChild(sheet);
+  }
+}
+
+/**
+ * @name setClientStylingURL
+ * @description Method used to create and append to the passed element of the widget a style element with the content fetched from a given URL
+ * @param {HTMLElement} stylingContainer The reference element of the widget
+ * @param {string} clientStylingUrl The URL of the style content
+ */
+function setClientStylingURL(stylingContainer, clientStylingUrl) {
+  if (!stylingContainer || !clientStylingUrl) return;
+
+  const url = new URL(clientStylingUrl);
+
+  fetch(url.href)
+    .then((res) => res.text())
+    .then((data) => {
+      const cssFile = document.createElement('style');
+      cssFile.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(cssFile);
+      }
+    })
+    .catch((err) => {
+      console.error('There was an error while trying to load client styling from URL', err);
+    });
+}
+
+/**
+ * @name setStreamLibrary
+ * @description Method used to create and append to the passed element of the widget a style element with content fetched from the MessageBus
+ * @param {HTMLElement} stylingContainer The highest element of the widget
+ * @param {string} domain The domain from where the content should be fetched (e.g. 'Casino.Style', 'App.Style', 'casino-footer.style', etc.)
+ * @param {ref} subscription A reference to a variable where the subscription should be saved for unsubscribing when no longer needed
+ */
+function setStreamStyling(stylingContainer, domain, subscription) {
+  if (window.emMessageBus) {
+    const sheet = document.createElement('style');
+
+    window.emMessageBus.subscribe(domain, (data) => {
+      sheet.innerHTML = data;
+      if (stylingContainer) {
+        stylingContainer.appendChild(sheet);
+      }
+    });
+  }
+}
+
+export { setClientStylingURL as a, setStreamStyling as b, setClientStyling as s };

package/dist/esm/index-50addd47.js

@@ -49,10 +49,14 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           }
           switch(bundleId) {
               
-                case 'lottery-button_8':
+                case 'lottery-button_7':
                     return import(
                       /* webpackMode: "lazy" */
-                      './lottery-button_8.entry.js').then(processMod, consoleError);
+                      './lottery-button_7.entry.js').then(processMod, consoleError);
+                case 'lottery-infinite-scroll':
+                    return import(
+                      /* webpackMode: "lazy" */
+                      './lottery-infinite-scroll.entry.js').then(processMod, consoleError);
           }
       }
   return import(

package/dist/esm/index.js

@@ -1,2 +1,3 @@
-export { L as LotteryHakunaTicketHistory } from './lottery-hakuna-ticket-history-35d86d50.js';
+export { L as LotteryHakunaTicketHistory } from './lottery-hakuna-ticket-history-844d94d7.js';
 import './index-50addd47.js';
+import './index-30f31c84.js';

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-0f993ce5.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["lottery-button_8",[[1,"lottery-hakuna-ticket-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"endpoint":[513],"gameId":[513,"game-id"],"playerId":[514,"player-id"],"sessionId":[513,"session-id"],"scrollThreshold":[1,"scroll-threshold"],"scrollContainerHeight":[2,"scroll-container-height"],"ticketHistoryTitle":[1,"ticket-history-title"],"ticketHistoryItemImageSrc":[1,"ticket-history-item-image-src"],"ticketHistoryItemName":[1,"ticket-history-item-name"],"ticketHistoryItemCurrency":[1,"ticket-history-item-currency"],"listLoadingText":[1,"list-loading-text"],"listRefreshingText":[1,"list-refreshing-text"],"listEndText":[1,"list-end-text"],"limit":[2],"minItemWidth":[2,"min-item-width"],"showSkeleton":[4,"show-skeleton"],"visibleTickets":[32],"hasMore":[32],"isLoading":[32],"isRefreshing":[32],"errorMessage":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-hakuna-ticket-history-item",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"historyItemName":[1,"history-item-name"],"historyItemImageSrc":[1,"history-item-image-src"],"ticketId":[8,"ticket-id"],"totalAmount":[1,"total-amount"],"date":[1],"time":[1],"selectedNumbers":[1,"selected-numbers"],"showSkeleton":[4,"show-skeleton"],"selectedNumbersCount":[2,"selected-numbers-count"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-infinite-scroll",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"items":[16],"hasMore":[4,"has-more"],"isLoading":[4,"is-loading"],"isRefreshing":[4,"is-refreshing"],"threshold":[1],"containerHeight":[1,"container-height"],"renderItem":[16],"renderSkeleton":[16],"skeletonCount":[2,"skeleton-count"],"pullTriggerDistance":[2,"pull-trigger-distance"],"minItemWidth":[2,"min-item-width"],"gridGap":[2,"grid-gap"],"pullDistance":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isRefreshing":["handleRefreshingChange"]}],[1,"lottery-selection-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"splitToken":[513,"split-token"],"selectionGroupId":[513,"selection-group-id"],"selectionGroupLabel":[513,"selection-group-label"],"type":[513],"selectedBulletTexts":[513,"selected-bullet-texts"],"maxSelectedCount":[514,"max-selected-count"],"maxDisplayBulletsCount":[514,"max-display-bullets-count"],"bulletTexts":[513,"bullet-texts"],"maxIntegerBulletText":[514,"max-integer-bullet-text"],"minIntegerBulletText":[514,"min-integer-bullet-text"],"bulletTextType":[513,"bullet-text-type"],"hasBorder":[516,"has-border"],"hasBackground":[516,"has-background"],"dialogTitle":[513,"dialog-title"],"dialogInputPlaceholder":[513,"dialog-input-placeholder"],"dialogConfig":[32],"inputInfo":[32]},[[0,"lotteryBulletClick","lotteryBulletClickHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[1,"lottery-button",{"variant":[513],"size":[513],"color":[513],"disabled":[516],"loading":[516],"text":[513],"mbSource":[513,"mb-source"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"ripples":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-selection",{"value":[520],"text":[513],"idx":[514],"type":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"hasBorder":[516,"has-border"],"hasBackground":[516,"has-background"],"deleteIconSvg":[513,"delete-icon-svg"],"deleteIconWidth":[513,"delete-icon-width"],"deleteIconHeight":[513,"delete-icon-height"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-dialog",{"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"visible":[516],"dialogTitle":[1,"dialog-title"],"width":[1],"closable":[4],"mask":[4],"maskClosable":[4,"mask-closable"],"animationDuration":[2,"animation-duration"],"fullscreen":[4],"showFooter":[4,"show-footer"],"showCancelBtn":[4,"show-cancel-btn"],"language":[513],"translationUrl":[520,"translation-url"],"dialogClass":[1,"dialog-class"],"dialogStyle":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+  return bootstrapLazy([["lottery-infinite-scroll",[[1,"lottery-infinite-scroll",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"items":[16],"hasMore":[4,"has-more"],"isLoading":[4,"is-loading"],"isRefreshing":[4,"is-refreshing"],"threshold":[1],"containerHeight":[1,"container-height"],"renderItem":[16],"renderSkeleton":[16],"skeletonCount":[2,"skeleton-count"],"pullTriggerDistance":[2,"pull-trigger-distance"],"minItemWidth":[2,"min-item-width"],"gridGap":[2,"grid-gap"],"pullDistance":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"isRefreshing":["handleRefreshingChange"]}]]],["lottery-button_7",[[1,"lottery-hakuna-ticket-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"endpoint":[513],"gameId":[513,"game-id"],"playerId":[514,"player-id"],"sessionId":[513,"session-id"],"scrollThreshold":[1,"scroll-threshold"],"scrollContainerHeight":[2,"scroll-container-height"],"ticketHistoryTitle":[1,"ticket-history-title"],"ticketHistoryItemImageSrc":[1,"ticket-history-item-image-src"],"ticketHistoryItemName":[1,"ticket-history-item-name"],"ticketHistoryItemCurrency":[1,"ticket-history-item-currency"],"listLoadingText":[1,"list-loading-text"],"listRefreshingText":[1,"list-refreshing-text"],"listEndText":[1,"list-end-text"],"limit":[2],"minItemWidth":[2,"min-item-width"],"showSkeleton":[4,"show-skeleton"],"visibleTickets":[32],"hasMore":[32],"isLoading":[32],"isRefreshing":[32],"errorMessage":[32],"ticketList":[32],"isLoadingList":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-hakuna-ticket-history-item",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"historyItemName":[1,"history-item-name"],"historyItemImageSrc":[1,"history-item-image-src"],"ticketId":[8,"ticket-id"],"totalAmount":[1,"total-amount"],"date":[1],"time":[1],"selectedNumbers":[1,"selected-numbers"],"showSkeleton":[4,"show-skeleton"],"selectedNumbersCount":[2,"selected-numbers-count"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-selection-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"splitToken":[513,"split-token"],"selectionGroupId":[513,"selection-group-id"],"selectionGroupLabel":[513,"selection-group-label"],"type":[513],"selectedBulletTexts":[513,"selected-bullet-texts"],"maxSelectedCount":[514,"max-selected-count"],"maxDisplayBulletsCount":[514,"max-display-bullets-count"],"bulletTexts":[513,"bullet-texts"],"maxIntegerBulletText":[514,"max-integer-bullet-text"],"minIntegerBulletText":[514,"min-integer-bullet-text"],"bulletTextType":[513,"bullet-text-type"],"hasBorder":[516,"has-border"],"hasBackground":[516,"has-background"],"dialogTitle":[513,"dialog-title"],"dialogInputPlaceholder":[513,"dialog-input-placeholder"],"dialogConfig":[32],"inputInfo":[32]},[[0,"lotteryBulletClick","lotteryBulletClickHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[0,"ui-skeleton",{"structure":[1],"width":[1],"height":[1],"borderRadius":[8,"border-radius"],"marginBottom":[8,"margin-bottom"],"marginTop":[8,"margin-top"],"marginLeft":[8,"margin-left"],"marginRight":[8,"margin-right"],"animation":[4],"rows":[2],"size":[1]},null,{"structure":["handleStructureChange"]}],[1,"lottery-button",{"variant":[513],"size":[513],"color":[513],"disabled":[516],"loading":[516],"text":[513],"mbSource":[513,"mb-source"],"language":[513],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"ripples":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-selection",{"value":[520],"text":[513],"idx":[514],"type":[513],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"hasBorder":[516,"has-border"],"hasBackground":[516,"has-background"],"deleteIconSvg":[513,"delete-icon-svg"],"deleteIconWidth":[513,"delete-icon-width"],"deleteIconHeight":[513,"delete-icon-height"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-dialog",{"mbSource":[1,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"visible":[516],"dialogTitle":[1,"dialog-title"],"width":[1],"closable":[4],"mask":[4],"maskClosable":[4,"mask-closable"],"animationDuration":[2,"animation-duration"],"fullscreen":[4],"showFooter":[4,"show-footer"],"showCancelBtn":[4,"show-cancel-btn"],"language":[513],"translationUrl":[520,"translation-url"],"dialogClass":[1,"dialog-class"],"dialogStyle":[16]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/{lottery-button_8.entry.js → lottery-button_7.entry.js}

@@ -1,14 +1,10 @@
 import { r as registerInstance, h, g as getElement, c as createEvent, H as Host } from './index-50addd47.js';
-import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling, r as renderIconDefinitionToSVGElement } from './lottery-hakuna-ticket-history-35d86d50.js';
-export { L as lottery_hakuna_ticket_history } from './lottery-hakuna-ticket-history-35d86d50.js';
+import { s as setClientStyling, a as setClientStylingURL, b as setStreamStyling } from './index-30f31c84.js';
+export { L as lottery_hakuna_ticket_history } from './lottery-hakuna-ticket-history-844d94d7.js';
 
-// This icon file is generated automatically.
-var DeleteFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z" } }] }, "name": "delete", "theme": "filled" };
-const DeleteFilled$1 = DeleteFilled;
-
-const DEFAULT_LANGUAGE$4 = 'en';
-const SUPPORTED_LANGUAGES$4 = ['ro', 'en', 'fr', 'ar', 'hr', 'zh'];
-const TRANSLATIONS$4 = {
+const DEFAULT_LANGUAGE$3 = 'en';
+const SUPPORTED_LANGUAGES$3 = ['ro', 'en', 'fr', 'ar', 'hr', 'zh'];
+const TRANSLATIONS$3 = {
     en: {
         loading: 'Loading'
     },
@@ -17,9 +13,9 @@ const TRANSLATIONS$4 = {
     ar: {},
     hr: {}
 };
-const translate$4 = (key, customLang, replacements) => {
+const translate$3 = (key, customLang, replacements) => {
     const lang = customLang;
-    let translation = TRANSLATIONS$4[lang !== undefined && SUPPORTED_LANGUAGES$4.includes(lang) ? lang : DEFAULT_LANGUAGE$4][key];
+    let translation = TRANSLATIONS$3[lang !== undefined && SUPPORTED_LANGUAGES$3.includes(lang) ? lang : DEFAULT_LANGUAGE$3][key];
     if (replacements) {
         Object.keys(replacements).forEach((placeholder) => {
             translation = translation.replace(`{${placeholder}}`, replacements[placeholder]);
@@ -27,14 +23,14 @@ const translate$4 = (key, customLang, replacements) => {
     }
     return translation;
 };
-const getTranslations$4 = (data) => {
+const getTranslations$3 = (data) => {
     Object.keys(data).forEach((item) => {
         for (let key in data[item]) {
-            TRANSLATIONS$4[item][key] = data[item][key];
+            TRANSLATIONS$3[item][key] = data[item][key];
         }
     });
 };
-const resolveTranslationUrl$3 = async (translationUrl) => {
+const resolveTranslationUrl$2 = async (translationUrl) => {
     if (translationUrl) {
         try {
             const response = await fetch(translationUrl);
@@ -42,7 +38,7 @@ const resolveTranslationUrl$3 = async (translationUrl) => {
                 throw new Error(`HTTP error! status: ${response.status}`);
             }
             const translations = await response.json();
-            getTranslations$4(translations);
+            getTranslations$3(translations);
         }
         catch (error) {
             console.error('Failed to fetch or parse translations from URL:', error);
@@ -120,7 +116,7 @@ const LotteryButton = class {
     }
     componentWillLoad() {
         if (this.translationUrl) {
-            resolveTranslationUrl$3(this.translationUrl);
+            resolveTranslationUrl$2(this.translationUrl);
         }
     }
     render() {
@@ -160,7 +156,7 @@ const LotteryButton = class {
                 [`btn--${variant}`]: true,
                 [`btn--${size}`]: true,
                 'btn--loading': this.loading
-            }, style: color ? buttonStyles : undefined, disabled: isDisabled, onClick: this.handleClick, ref: (el) => (this.stylingContainer = el) }, this.loading ? (h("div", { class: "loading-container" }, h("span", { class: "content" }, this.text || translate$4('loading', this.language)), h("span", { class: "spinner" }))) : (h("span", { class: "content" }, h("slot", { name: "icon-left" }), this.text || h("slot", null), h("slot", { name: "icon-right" }))), h("div", { key: '302ea02be395bb24989d4abc040a513e23fa029a', class: "ripple-container" }, this.ripples.map((ripple, index) => (h("span", { key: index, class: "ripple", style: {
+            }, style: color ? buttonStyles : undefined, disabled: isDisabled, onClick: this.handleClick, ref: (el) => (this.stylingContainer = el) }, this.loading ? (h("div", { class: "loading-container" }, h("span", { class: "content" }, this.text || translate$3('loading', this.language)), h("span", { class: "spinner" }))) : (h("span", { class: "content" }, h("slot", { name: "icon-left" }), this.text || h("slot", null), h("slot", { name: "icon-right" }))), h("div", { key: '302ea02be395bb24989d4abc040a513e23fa029a', class: "ripple-container" }, this.ripples.map((ripple, index) => (h("span", { key: index, class: "ripple", style: {
                 top: `${ripple.top}px`,
                 left: `${ripple.left}px`,
                 width: `${ripple.size}px`,
@@ -176,16 +172,16 @@ const LotteryButton = class {
 };
 LotteryButton.style = LotteryButtonStyle0;
 
-const DEFAULT_LANGUAGE$3 = 'en';
-const SUPPORTED_LANGUAGES$3 = ['ro', 'en', 'fr', 'ar', 'hr'];
-const TRANSLATIONS$3 = {
+const DEFAULT_LANGUAGE$2 = 'en';
+const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'fr', 'ar', 'hr'];
+const TRANSLATIONS$2 = {
     en: {
         total: 'Total:',
     },
 };
-const translate$3 = (key, customLang, replacements) => {
+const translate$2 = (key, customLang, replacements) => {
     const lang = customLang;
-    let translation = TRANSLATIONS$3[lang !== undefined && SUPPORTED_LANGUAGES$3.includes(lang) ? lang : DEFAULT_LANGUAGE$3][key];
+    let translation = TRANSLATIONS$2[lang !== undefined && SUPPORTED_LANGUAGES$2.includes(lang) ? lang : DEFAULT_LANGUAGE$2][key];
     if (replacements) {
         Object.keys(replacements).forEach((placeholder) => {
             translation = translation.replace(`{${placeholder}}`, replacements[placeholder]);
@@ -193,14 +189,14 @@ const translate$3 = (key, customLang, replacements) => {
     }
     return translation;
 };
-const getTranslations$3 = (data) => {
+const getTranslations$2 = (data) => {
     Object.keys(data).forEach((item) => {
         for (let key in data[item]) {
-            TRANSLATIONS$3[item][key] = data[item][key];
+            TRANSLATIONS$2[item][key] = data[item][key];
         }
     });
 };
-const resolveTranslationUrl$2 = async (translationUrl) => {
+const resolveTranslationUrl$1 = async (translationUrl) => {
     if (translationUrl) {
         try {
             const response = await fetch(translationUrl);
@@ -208,7 +204,7 @@ const resolveTranslationUrl$2 = async (translationUrl) => {
                 throw new Error(`HTTP error! status: ${response.status}`);
             }
             const translations = await response.json();
-            getTranslations$3(translations);
+            getTranslations$2(translations);
         }
         catch (error) {
             console.error('Failed to fetch or parse translations from URL:', error);
@@ -253,7 +249,7 @@ const LotteryHakunaTicketHistoryItem = class {
             return (h("div", { class: "lottery-hakuna-ticket-history-item__container" }, h("div", { class: "lottery-hakuna-ticket-history-item__top" }, h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, h("ui-skeleton", { structure: "image", width: "30px", height: "20px" }), h("ui-skeleton", { structure: "title", width: "86px", height: "17px", marginBottom: 0 })), h("div", { class: "lottery-hakuna-ticket-history-item__details" }, h("ui-skeleton", { structure: "text", width: "60%", height: "20px" }))), h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, new Array(this.selectedNumbersCount).fill(h("ui-skeleton", { borderRadius: "8px", structure: "rectangle", width: "24px", height: "24px" }))), h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, h("ui-skeleton", { structure: "text", width: "180px", height: "14px" })))));
         };
         this.renderMain = () => {
-            return (h("div", { class: "lottery-hakuna-ticket-history-item__container" }, h("div", { class: "lottery-hakuna-ticket-history-item__top" }, h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, this.historyItemImageSrc && (h("img", { src: this.historyItemImageSrc, alt: this.historyItemName, class: "lottery-hakuna-ticket-history-item__country-flag" })), h("span", { class: "lottery-hakuna-ticket-history-item__country-name" }, this.historyItemName)), h("div", { class: "lottery-hakuna-ticket-history-item__details" }, h("span", { class: "lottery-hakuna-ticket-history-item__meta" }, translate$3('total', this.language), h("span", { class: "lottery-hakuna-ticket-history-item__meta-value" }, this.totalAmount)))), h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, this.selectedNumbers && (h("lottery-selection-group", { type: "preview", bulletTexts: this.selectedNumbers, clientStyling: this.selectionGroupStyle + (this.clientStyling || ''), clientStylingUrl: this.clientStylingUrl, mbSource: this.mbSource, hasBorder: true, hasBackground: false, selectionGroupId: this.ticketId ? this.ticketId.toString() : undefined }))), h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, this.date && h("div", null, this.date), this.time && h("div", null, this.time)))));
+            return (h("div", { class: "lottery-hakuna-ticket-history-item__container" }, h("div", { class: "lottery-hakuna-ticket-history-item__top" }, h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, this.historyItemImageSrc && (h("img", { src: this.historyItemImageSrc, alt: this.historyItemName, class: "lottery-hakuna-ticket-history-item__country-flag" })), h("span", { class: "lottery-hakuna-ticket-history-item__country-name" }, this.historyItemName)), h("div", { class: "lottery-hakuna-ticket-history-item__details" }, h("span", { class: "lottery-hakuna-ticket-history-item__meta" }, translate$2('total', this.language), h("span", { class: "lottery-hakuna-ticket-history-item__meta-value" }, this.totalAmount)))), h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, this.selectedNumbers && (h("lottery-selection-group", { type: "preview", bulletTexts: this.selectedNumbers, clientStyling: this.selectionGroupStyle + (this.clientStyling || ''), clientStylingUrl: this.clientStylingUrl, mbSource: this.mbSource, hasBorder: true, hasBackground: false, selectionGroupId: this.ticketId ? this.ticketId.toString() : undefined }))), h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, this.date && h("div", null, this.date), this.time && h("div", null, this.time)))));
         };
         this.mbSource = undefined;
         this.clientStyling = undefined;
@@ -286,7 +282,7 @@ const LotteryHakunaTicketHistoryItem = class {
         }
     }
     async componentWillLoad() {
-        resolveTranslationUrl$2(this.translationUrl);
+        resolveTranslationUrl$1(this.translationUrl);
     }
     componentDidLoad() {
         if (this.stylingContainer) {
@@ -312,220 +308,54 @@ const LotteryHakunaTicketHistoryItem = class {
 };
 LotteryHakunaTicketHistoryItem.style = LotteryHakunaTicketHistoryItemStyle0;
 
-const DEFAULT_LANGUAGE$2 = 'en';
-const SUPPORTED_LANGUAGES$2 = ['ro', 'en', 'fr', 'ar', 'hr'];
-const TRANSLATIONS$2 = {
-    en: {
-        noMoreData: 'No more data',
-        loading: 'Loading...',
-        release: 'Release',
-        refreshing: 'Refreshing...',
-        pull: 'Pull'
-    }
-};
-const translate$2 = (key, customLang, replacements) => {
-    const lang = customLang;
-    let translation = TRANSLATIONS$2[lang !== undefined && SUPPORTED_LANGUAGES$2.includes(lang) ? lang : DEFAULT_LANGUAGE$2][key];
-    if (replacements) {
-        Object.keys(replacements).forEach((placeholder) => {
-            translation = translation.replace(`{${placeholder}}`, replacements[placeholder]);
-        });
-    }
-    return translation;
-};
-const getTranslations$2 = (data) => {
-    Object.keys(data).forEach((item) => {
-        for (let key in data[item]) {
-            TRANSLATIONS$2[item][key] = data[item][key];
-        }
-    });
-};
-const resolveTranslationUrl$1 = async (translationUrl) => {
-    if (translationUrl) {
-        try {
-            const response = await fetch(translationUrl);
-            if (!response.ok) {
-                throw new Error(`HTTP error! status: ${response.status}`);
-            }
-            const translations = await response.json();
-            getTranslations$2(translations);
-        }
-        catch (error) {
-            console.error('Failed to fetch or parse translations from URL:', error);
-        }
-    }
-};
-
-const lotteryInfiniteScrollCss = ":host{display:block;width:100%}.lottery-infinite-scroll__container{display:block;width:100%;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-right:10px;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--emw-hakuna-bg-secondary, #120505) var(--lottery-infinite-scroll-scrollbar-track-background, transparent);}.lottery-infinite-scroll__container::-webkit-scrollbar{width:var(--lottery-infinite-scroll-scrollbar-width, 2px)}.lottery-infinite-scroll__container::-webkit-scrollbar-track{background:var(--lottery-infinite-scroll-scrollbar-track-background, transparent)}.lottery-infinite-scroll__container::-webkit-scrollbar-thumb{background:var(--emw-hakuna-bg-secondary, #120505);border-radius:var(--lottery-infinite-scroll-scrollbar-thumb-border-radius, 2px)}.lottery-infinite-scroll__sentinel{width:100%;display:block;text-align:center;}.lottery-infinite-scroll__sentinel.virtual-scroll-sentinel{height:1px;pointer-events:none;opacity:0;position:absolute;width:100%}.lottery-infinite-scroll__sentinel:not(.virtual-scroll-sentinel){height:1px;}.lottery-infinite-scroll__end-message{width:100%;display:block;text-align:center;}.lottery-infinite-scroll__end-message.virtual-scroll-end-message{position:absolute;width:100%}.ptr-indicator{height:var(--pull-trigger-distance, 60px);margin-top:calc(-1 * var(--pull-trigger-distance, 60px));display:flex;align-items:center;justify-content:center;position:absolute;top:0;width:100%;z-index:10;font-size:14px;color:#666;}";
-const LotteryInfiniteScrollStyle0 = lotteryInfiniteScrollCss;
+// This icon file is generated automatically.
+var DeleteFilled = { "icon": { "tag": "svg", "attrs": { "viewBox": "64 64 896 896", "focusable": "false" }, "children": [{ "tag": "path", "attrs": { "d": "M864 256H736v-80c0-35.3-28.7-64-64-64H352c-35.3 0-64 28.7-64 64v80H160c-17.7 0-32 14.3-32 32v32c0 4.4 3.6 8 8 8h60.4l24.7 523c1.6 34.1 29.8 61 63.9 61h454c34.2 0 62.3-26.8 63.9-61l24.7-523H888c4.4 0 8-3.6 8-8v-32c0-17.7-14.3-32-32-32zm-200 0H360v-72h304v72z" } }] }, "name": "delete", "theme": "filled" };
+const DeleteFilled$1 = DeleteFilled;
 
-const LotteryInfiniteScroll = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.loadMore = createEvent(this, "loadMore", 7);
-        this.refresh = createEvent(this, "refresh", 7);
-        // Touch event vars
-        this.startY = 0;
-        this.isTouching = false;
-        // --- Pull to Refresh Logic (Touch handling) ---
-        this.handleTouchStart = (e) => {
-            // Only allow pull-down when scrollbar is at the top
-            if (this.scrollContainer.scrollTop <= 0) {
-                this.startY = e.touches[0].clientY;
-                this.isTouching = true;
-            }
-        };
-        this.handleTouchMove = (e) => {
-            if (!this.isTouching || this.isRefreshing)
-                return;
-            const currentY = e.touches[0].clientY;
-            const distance = currentY - this.startY;
-            // Only process pull-down and when scrollbar is at the top
-            if (distance > 0 && this.scrollContainer.scrollTop <= 0) {
-                // Prevent default scroll behavior (prevents entire page from being dragged)
-                if (e.cancelable)
-                    e.preventDefault();
-                // Add damping effect (harder to pull further)
-                this.pullDistance = Math.pow(distance, 0.8);
-            }
-            else {
-                // If user pushes up, or already scrolled, reset
-                this.isTouching = false;
-                this.pullDistance = 0;
-            }
-        };
-        this.handleTouchEnd = () => {
-            this.isTouching = false;
-            if (this.pullDistance >= this.pullTriggerDistance) {
-                // Trigger refresh
-                this.pullDistance = this.pullTriggerDistance; // Stay in loading area
-                this.refresh.emit();
-            }
-            else {
-                // Not reached threshold, bounce back
-                this.pullDistance = 0;
-            }
-        };
-        this.mbSource = undefined;
-        this.clientStyling = undefined;
-        this.clientStylingUrl = undefined;
-        this.language = 'en';
-        this.translationUrl = '';
-        this.items = [];
-        this.hasMore = false;
-        this.isLoading = false;
-        this.isRefreshing = false;
-        this.threshold = '0px 0px 200px 0px';
-        this.containerHeight = '100%';
-        this.renderItem = undefined;
-        this.renderSkeleton = undefined;
-        this.skeletonCount = 6;
-        this.pullTriggerDistance = 60;
-        this.minItemWidth = 340;
-        this.gridGap = 10;
-        this.pullDistance = 0;
-    }
-    componentDidLoad() {
-        this.initObserver();
-        if (this.scrollContainer) {
-            if (this.mbSource)
-                setStreamStyling(this.scrollContainer, `${this.mbSource}.Style`);
-            if (this.clientStyling)
-                setClientStyling(this.scrollContainer, this.clientStyling);
-            if (this.clientStylingUrl)
-                setClientStylingURL(this.scrollContainer, this.clientStylingUrl);
-        }
-    }
-    handleClientStylingChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setClientStyling(this.scrollContainer, this.clientStyling);
-        }
-    }
-    handleClientStylingUrlChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setClientStylingURL(this.scrollContainer, this.clientStylingUrl);
-        }
-    }
-    handleMbSourceChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            setStreamStyling(this.scrollContainer, `${this.mbSource}.Style`);
-        }
-    }
-    componentWillLoad() {
-        resolveTranslationUrl$1(this.translationUrl);
-    }
-    componentDidUpdate() {
-        if (this.hasMore && !this.isLoading) {
-            this.initObserver();
-        }
-    }
-    disconnectedCallback() {
-        this.disconnectObserver();
-        this.stylingSubscription && this.stylingSubscription.unsubscribe();
-    }
-    handleRefreshingChange(newValue) {
-        if (!newValue) {
-            this.pullDistance = 0;
-        }
-    }
-    disconnectObserver() {
-        if (this.observer) {
-            this.observer.disconnect();
-            this.observer = null;
-        }
-    }
-    initObserver() {
-        this.disconnectObserver();
-        if (!this.hasMore || this.isLoading || !this.sentinel)
-            return;
-        const options = {
-            root: this.scrollContainer,
-            rootMargin: this.threshold,
-            threshold: 0.1
-        };
-        this.observer = new IntersectionObserver((entries) => {
-            if (entries[0].isIntersecting && this.hasMore && !this.isLoading) {
-                this.loadMore.emit();
-            }
-        }, options);
-        this.observer.observe(this.sentinel);
-    }
-    render() {
-        const { items, minItemWidth, gridGap } = this;
-        const showSkeleton = items.length === 0 && !!this.renderSkeleton && this.isLoading;
-        const listToRender = showSkeleton ? new Array(this.skeletonCount).fill(null) : items;
-        const contentTransform = {
-            transform: `translateY(${this.pullDistance}px)`,
-            transition: this.isTouching ? 'none' : 'transform 0.3s ease-out'
-        };
-        const listStyle = {
-            display: 'grid',
-            gridTemplateColumns: `repeat(auto-fill, minmax(${minItemWidth}px, 1fr))`,
-            gap: `${gridGap}px`,
-            boxSizing: 'border-box'
-        };
-        return (h("div", { key: '5f9372a0c2d0cdf00685cbedf062fb333d1e5348', class: "lottery-infinite-scroll__container", style: {
-                height: this.containerHeight,
-                overflowY: 'auto',
-                position: 'relative'
-            }, ref: (el) => (this.scrollContainer = el), onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }, h("div", { key: 'c43a2673188fbb50c93637f766f1926301ba08e9', class: "ptr-indicator", style: Object.assign(Object.assign({}, contentTransform), { position: 'absolute', top: '0', left: '0', width: '100%', height: `${this.pullTriggerDistance}px`, display: 'flex', alignItems: 'center', justifyContent: 'center', marginTop: `-${this.pullTriggerDistance}px`, pointerEvents: 'none' }) }, this.isRefreshing ? (h("slot", { name: "refresh-loading" }, translate$2('refreshing', this.language))) : (h("slot", { name: "pull-hint" }, this.pullDistance > this.pullTriggerDistance
-            ? translate$2('release', this.language)
-            : translate$2('pull', this.language)))), h("div", { key: 'b6a6334401bb3c0ea8d776e028f57836ee0d36ac', class: "scroll-content-wrapper", style: contentTransform }, h("div", { key: '16f58f44ce104fbdc4eacb2c3dfa9d3c7c7e6bdb', class: "list-content", style: listStyle }, listToRender.map((item, index) => (h("div", { key: index, class: "list-item-wrapper" }, showSkeleton ? this.renderSkeleton(index) : this.renderItem(item, index))))), h("div", { key: '1ed8b2ce72d85a68a48e9330ad2b9b9194346dfb', class: "lottery-infinite-scroll__sentinel", ref: (el) => (this.sentinel = el), style: {
-                height: '20px',
-                display: 'flex',
-                justifyContent: 'center',
-                visibility: this.hasMore || (this.isLoading && !showSkeleton) ? 'visible' : 'hidden'
-            } }, this.isLoading ? h("slot", { name: "loading-more" }, translate$2('loading', this.language)) : null), !this.hasMore && !this.isLoading && items.length > 0 && (h("div", { key: '3b8207a9dc1451c683eb1920b798574be4fbd975', class: "end-message", style: { textAlign: 'center', padding: '10px' } }, h("slot", { key: '157e109d933e5613cf882c5dd01212647bfeba79', name: "end-message" }, translate$2('noMoreData', this.language)))))));
-    }
-    get el() { return getElement(this); }
-    static get watchers() { return {
-        "clientStyling": ["handleClientStylingChange"],
-        "clientStylingUrl": ["handleClientStylingUrlChange"],
-        "mbSource": ["handleMbSourceChange"],
-        "isRefreshing": ["handleRefreshingChange"]
-    }; }
+var __assign = (undefined && undefined.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var defaultColors = {
+    primaryColor: '#333',
+    secondaryColor: '#E6E6E6'
 };
-LotteryInfiniteScroll.style = LotteryInfiniteScrollStyle0;
+function renderIconDefinitionToSVGElement(icond, options) {
+    if (options === void 0) { options = {}; }
+    if (typeof icond.icon === 'function') {
+        // two-tone
+        var placeholders = options.placeholders || defaultColors;
+        return renderAbstractNodeToSVGElement(icond.icon(placeholders.primaryColor, placeholders.secondaryColor), options);
+    }
+    // fill, outline
+    return renderAbstractNodeToSVGElement(icond.icon, options);
+}
+function renderAbstractNodeToSVGElement(node, options) {
+    var targetAttrs = node.tag === 'svg'
+        ? __assign(__assign({}, node.attrs), (options.extraSVGAttrs || {})) : node.attrs;
+    var attrs = Object.keys(targetAttrs).reduce(function (acc, nextKey) {
+        var key = nextKey;
+        var value = targetAttrs[key];
+        var token = "".concat(key, "=\"").concat(value, "\"");
+        acc.push(token);
+        return acc;
+    }, []);
+    var attrsToken = attrs.length ? ' ' + attrs.join(' ') : '';
+    var children = (node.children || [])
+        .map(function (child) { return renderAbstractNodeToSVGElement(child, options); })
+        .join('');
+    if (children && children.length) {
+        return "<".concat(node.tag).concat(attrsToken, ">").concat(children, "</").concat(node.tag, ">");
+    }
+    return "<".concat(node.tag).concat(attrsToken, " />");
+}
 
 // Basic sanitization method for SVG content
 // This is NOT a complete XSS prevention for SVG, but prevents common attacks.
@@ -1372,4 +1202,4 @@ const UiSkeleton = class {
 };
 UiSkeleton.style = UiSkeletonStyle0;
 
-export { LotteryButton as lottery_button, LotteryHakunaTicketHistoryItem as lottery_hakuna_ticket_history_item, LotteryInfiniteScroll as lottery_infinite_scroll, LotterySelection as lottery_selection, LotterySelectionGroup as lottery_selection_group, LotteryTippingDialog as lottery_tipping_dialog, UiSkeleton as ui_skeleton };
+export { LotteryButton as lottery_button, LotteryHakunaTicketHistoryItem as lottery_hakuna_ticket_history_item, LotterySelection as lottery_selection, LotterySelectionGroup as lottery_selection_group, LotteryTippingDialog as lottery_tipping_dialog, UiSkeleton as ui_skeleton };