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

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

@@ -3,15 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-dc95b9af.js');
-const lotteryHakunaTicketHistory = require('./lottery-hakuna-ticket-history-ec8bf5d5.js');
+const index$1 = require('./index-62b3d460.js');
+const lotteryHakunaTicketHistory = require('./lottery-hakuna-ticket-history-49bed503.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'
     },
@@ -20,9 +17,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]);
@@ -30,14 +27,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);
@@ -45,7 +42,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);
@@ -95,17 +92,17 @@ const LotteryButton = class {
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+            index$1.setClientStyling(this.stylingContainer, this.clientStyling);
         }
     }
     handleClientStylingUrlChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
         }
     }
     disconnectedCallback() {
@@ -114,16 +111,16 @@ const LotteryButton = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
             if (this.clientStyling)
-                lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+                index$1.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
-                lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+                index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     componentWillLoad() {
         if (this.translationUrl) {
-            resolveTranslationUrl$3(this.translationUrl);
+            resolveTranslationUrl$2(this.translationUrl);
         }
     }
     render() {
@@ -163,7 +160,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 ? (index.h("div", { class: "loading-container" }, index.h("span", { class: "content" }, this.text || translate$4('loading', this.language)), index.h("span", { class: "spinner" }))) : (index.h("span", { class: "content" }, index.h("slot", { name: "icon-left" }), this.text || index.h("slot", null), index.h("slot", { name: "icon-right" }))), index.h("div", { key: '302ea02be395bb24989d4abc040a513e23fa029a', class: "ripple-container" }, this.ripples.map((ripple, index$1) => (index.h("span", { key: index$1, class: "ripple", style: {
+            }, style: color ? buttonStyles : undefined, disabled: isDisabled, onClick: this.handleClick, ref: (el) => (this.stylingContainer = el) }, this.loading ? (index.h("div", { class: "loading-container" }, index.h("span", { class: "content" }, this.text || translate$3('loading', this.language)), index.h("span", { class: "spinner" }))) : (index.h("span", { class: "content" }, index.h("slot", { name: "icon-left" }), this.text || index.h("slot", null), index.h("slot", { name: "icon-right" }))), index.h("div", { key: '302ea02be395bb24989d4abc040a513e23fa029a', class: "ripple-container" }, this.ripples.map((ripple, index$1) => (index.h("span", { key: index$1, class: "ripple", style: {
                 top: `${ripple.top}px`,
                 left: `${ripple.left}px`,
                 width: `${ripple.size}px`,
@@ -179,16 +176,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]);
@@ -196,14 +193,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);
@@ -211,7 +208,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);
@@ -256,7 +253,7 @@ const LotteryHakunaTicketHistoryItem = class {
             return (index.h("div", { class: "lottery-hakuna-ticket-history-item__container" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__top" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, index.h("ui-skeleton", { structure: "image", width: "30px", height: "20px" }), index.h("ui-skeleton", { structure: "title", width: "86px", height: "17px", marginBottom: 0 })), index.h("div", { class: "lottery-hakuna-ticket-history-item__details" }, index.h("ui-skeleton", { structure: "text", width: "60%", height: "20px" }))), index.h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, new Array(this.selectedNumbersCount).fill(index.h("ui-skeleton", { borderRadius: "8px", structure: "rectangle", width: "24px", height: "24px" }))), index.h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, index.h("ui-skeleton", { structure: "text", width: "180px", height: "14px" })))));
         };
         this.renderMain = () => {
-            return (index.h("div", { class: "lottery-hakuna-ticket-history-item__container" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__top" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, this.historyItemImageSrc && (index.h("img", { src: this.historyItemImageSrc, alt: this.historyItemName, class: "lottery-hakuna-ticket-history-item__country-flag" })), index.h("span", { class: "lottery-hakuna-ticket-history-item__country-name" }, this.historyItemName)), index.h("div", { class: "lottery-hakuna-ticket-history-item__details" }, index.h("span", { class: "lottery-hakuna-ticket-history-item__meta" }, translate$3('total', this.language), index.h("span", { class: "lottery-hakuna-ticket-history-item__meta-value" }, this.totalAmount)))), index.h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, this.selectedNumbers && (index.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 }))), index.h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, this.date && index.h("div", null, this.date), this.time && index.h("div", null, this.time)))));
+            return (index.h("div", { class: "lottery-hakuna-ticket-history-item__container" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__top" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__country-wrapper" }, this.historyItemImageSrc && (index.h("img", { src: this.historyItemImageSrc, alt: this.historyItemName, class: "lottery-hakuna-ticket-history-item__country-flag" })), index.h("span", { class: "lottery-hakuna-ticket-history-item__country-name" }, this.historyItemName)), index.h("div", { class: "lottery-hakuna-ticket-history-item__details" }, index.h("span", { class: "lottery-hakuna-ticket-history-item__meta" }, translate$2('total', this.language), index.h("span", { class: "lottery-hakuna-ticket-history-item__meta-value" }, this.totalAmount)))), index.h("div", { class: "lottery-hakuna-ticket-history-item__bottom" }, index.h("div", { class: "lottery-hakuna-ticket-history-item__numbers-wrapper" }, this.selectedNumbers && (index.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 }))), index.h("div", { class: "lottery-hakuna-ticket-history-item__date-wrapper" }, this.date && index.h("div", null, this.date), this.time && index.h("div", null, this.time)))));
         };
         this.mbSource = undefined;
         this.clientStyling = undefined;
@@ -275,30 +272,30 @@ const LotteryHakunaTicketHistoryItem = class {
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+            index$1.setClientStyling(this.stylingContainer, this.clientStyling);
         }
     }
     handleClientStylingUrlChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
         }
     }
     async componentWillLoad() {
-        resolveTranslationUrl$2(this.translationUrl);
+        resolveTranslationUrl$1(this.translationUrl);
     }
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
             if (this.clientStyling)
-                lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+                index$1.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
-                lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+                index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     disconnectedCallback() {
@@ -315,220 +312,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) {
-        index.registerInstance(this, hostRef);
-        this.loadMore = index.createEvent(this, "loadMore", 7);
-        this.refresh = index.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)
-                lotteryHakunaTicketHistory.setStreamStyling(this.scrollContainer, `${this.mbSource}.Style`);
-            if (this.clientStyling)
-                lotteryHakunaTicketHistory.setClientStyling(this.scrollContainer, this.clientStyling);
-            if (this.clientStylingUrl)
-                lotteryHakunaTicketHistory.setClientStylingURL(this.scrollContainer, this.clientStylingUrl);
-        }
-    }
-    handleClientStylingChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStyling(this.scrollContainer, this.clientStyling);
-        }
-    }
-    handleClientStylingUrlChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStylingURL(this.scrollContainer, this.clientStylingUrl);
-        }
-    }
-    handleMbSourceChange(newValue, oldValue) {
-        if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.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 (index.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 }, index.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 ? (index.h("slot", { name: "refresh-loading" }, translate$2('refreshing', this.language))) : (index.h("slot", { name: "pull-hint" }, this.pullDistance > this.pullTriggerDistance
-            ? translate$2('release', this.language)
-            : translate$2('pull', this.language)))), index.h("div", { key: 'b6a6334401bb3c0ea8d776e028f57836ee0d36ac', class: "scroll-content-wrapper", style: contentTransform }, index.h("div", { key: '16f58f44ce104fbdc4eacb2c3dfa9d3c7c7e6bdb', class: "list-content", style: listStyle }, listToRender.map((item, index$1) => (index.h("div", { key: index$1, class: "list-item-wrapper" }, showSkeleton ? this.renderSkeleton(index$1) : this.renderItem(item, index$1))))), 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 ? index.h("slot", { name: "loading-more" }, translate$2('loading', this.language)) : null), !this.hasMore && !this.isLoading && items.length > 0 && (index.h("div", { key: '3b8207a9dc1451c683eb1920b798574be4fbd975', class: "end-message", style: { textAlign: 'center', padding: '10px' } }, index.h("slot", { key: '157e109d933e5613cf882c5dd01212647bfeba79', name: "end-message" }, translate$2('noMoreData', this.language)))))));
-    }
-    get el() { return index.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.
@@ -561,27 +392,27 @@ const LotterySelection = class {
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue !== oldValue) {
-            lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+            index$1.setClientStyling(this.stylingContainer, this.clientStyling);
         }
     }
     handleClientStylingUrlChange(newValue, oldValue) {
         if (newValue !== oldValue) {
-            lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue !== oldValue) {
-            lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
         }
     }
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
             if (this.clientStyling)
-                lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+                index$1.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
-                lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+                index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     disconnectedCallback() {
@@ -605,7 +436,7 @@ const LotterySelection = class {
             iconToRender = sanitizeSvg(this.deleteIconSvg);
         }
         else {
-            iconToRender = lotteryHakunaTicketHistory.renderIconDefinitionToSVGElement(DeleteFilled$1, {
+            iconToRender = renderIconDefinitionToSVGElement(DeleteFilled$1, {
                 extraSVGAttrs: {
                     width: this.deleteIconWidth,
                     height: this.deleteIconHeight,
@@ -811,17 +642,17 @@ const LotterySelectionGroup = class {
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+            index$1.setClientStyling(this.stylingContainer, this.clientStyling);
         }
     }
     handleClientStylingUrlChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
         }
     }
     componentWillLoad() {
@@ -832,11 +663,11 @@ const LotterySelectionGroup = class {
     componentDidLoad() {
         if (this.stylingContainer) {
             if (this.mbSource)
-                lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+                index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
             if (this.clientStyling)
-                lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+                index$1.setClientStyling(this.stylingContainer, this.clientStyling);
             if (this.clientStylingUrl)
-                lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+                index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     disconnectedCallback() {
@@ -1126,17 +957,17 @@ const LotteryTippingDialog = class {
     }
     handleClientStylingChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStyling(this.stylingContainer, this.clientStyling);
+            index$1.setClientStyling(this.stylingContainer, this.clientStyling);
         }
     }
     handleClientStylingUrlChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+            index$1.setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
         }
     }
     handleMbSourceChange(newValue, oldValue) {
         if (newValue != oldValue) {
-            lotteryHakunaTicketHistory.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
+            index$1.setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`);
         }
     }
     componentWillLoad() {
@@ -1378,7 +1209,6 @@ UiSkeleton.style = UiSkeletonStyle0;
 exports.lottery_hakuna_ticket_history = lotteryHakunaTicketHistory.LotteryHakunaTicketHistory;
 exports.lottery_button = LotteryButton;
 exports.lottery_hakuna_ticket_history_item = LotteryHakunaTicketHistoryItem;
-exports.lottery_infinite_scroll = LotteryInfiniteScroll;
 exports.lottery_selection = LotterySelection;
 exports.lottery_selection_group = LotterySelectionGroup;
 exports.lottery_tipping_dialog = LotteryTippingDialog;