@everymatrix/lottery-hakuna-ticket-history 0.0.1

package/dist/types/components/lottery-hakuna-ticket-history/index.d.ts

@@ -0,0 +1 @@
+export { LotteryHakunaTicketHistory } from './lottery-hakuna-ticket-history';

package/dist/types/components/lottery-hakuna-ticket-history/lottery-hakuna-ticket-history.d.ts

@@ -0,0 +1,131 @@
+import "../../../../../../dist/packages/stencil/lottery-hakuna-ticket-history-item/dist/types/index";
+import { TicketItem } from '../../models';
+export declare class LotteryHakunaTicketHistory {
+    /**
+     * The source for stream styling via a service.
+     */
+    mbSource: string;
+    /**
+     * Custom CSS styles to apply to the component.
+     */
+    clientStyling: string;
+    /**
+     * URL to a custom CSS file for additional styling.
+     */
+    clientStylingUrl: string;
+    /**
+     * The language code to use for translations. Defaults to 'en'.
+     */
+    language: string;
+    /**
+     * URL to fetch custom translation data from.
+     */
+    translationUrl: string;
+    /**
+     * The API endpoint to fetch ticket data from.
+     */
+    endpoint: string;
+    /**
+     * Game ID of the lottery game.
+     */
+    gameId: string;
+    /**
+     * Player ID.
+     */
+    playerId: number;
+    /**
+     * GIC Session.
+     */
+    sessionId: string;
+    /**
+     * Threshold distance from the bottom to trigger loading more items.
+     * Default: '0px 0px 200px 0px'
+     */
+    scrollThreshold: string;
+    /**
+     * Estimated height of a single ticket item in pixels.
+     */
+    scrollItemHeight: number;
+    /**
+     * Height of the scrollable container in pixels.
+     */
+    scrollContainerHeight: number;
+    /**
+     * Title displayed at the top of the ticket history.
+     */
+    ticketHistoryTitle: string;
+    /**
+     * Image Src displayed for each of the ticket history items.
+     */
+    ticketHistoryItemImageSrc: string;
+    /**
+     * Name displayed for each of the ticket history items.
+     */
+    ticketHistoryItemName: string;
+    /**
+     * Name displayed for each of the ticket history items.
+     */
+    ticketHistoryItemCurrency: string;
+    /**
+     * Custom text to display when loading more items.
+     */
+    listLoadingText: string;
+    /**
+     * Custom text to display when list is refreshing (pull-to-refresh).
+     */
+    listRefreshingText: string;
+    /**
+     * Custom text to display when the end of the list is reached.
+     */
+    listEndText: string;
+    /**
+     * Number of items to fetch per page.
+     */
+    limit: number;
+    /**
+     * List of tickets currently visible in the list.
+     */
+    visibleTickets: TicketItem[];
+    /**
+     * Whether there are more tickets to load from the server.
+     */
+    hasMore: boolean;
+    /**
+     * Indicates if tickets are currently being loaded.
+     */
+    isLoading: boolean;
+    /**
+     * Indicates if the list is currently being refreshed.
+     */
+    isRefreshing: boolean;
+    /**
+     * Error message to display if fetching fails.
+     */
+    errorMessage: string;
+    /** Grid layout configuration: minimum column width
+     * Used with CSS Grid to achieve responsiveness: repeat(auto-fill, minmax(minItemWidth, 1fr))
+     */
+    minItemWidth: number;
+    /**
+    * Whether to show skeleton
+    */
+    showSkeleton: boolean;
+    private page;
+    private vendorGameType;
+    private stylingContainer;
+    private stylingSubscription;
+    private readonly customStyle;
+    handleClientStylingChange(newValue: any, oldValue: any): void;
+    handleClientStylingUrlChange(newValue: any, oldValue: any): void;
+    handleMbSourceChange(newValue: any, oldValue: any): void;
+    componentWillLoad(): void;
+    private getTicketList;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    handleLoadMore: () => void;
+    handleRefresh: () => void;
+    private renderSkeleton;
+    private renderItem;
+    private renderInfoIcon;
+    render(): any;
+}

package/dist/types/components/lottery-infinite-scroll/lottery-infinite-scroll.d.ts

@@ -0,0 +1,106 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class LotteryInfiniteScroll {
+    el: HTMLElement;
+    /**
+     * An array of items to be displayed in the infinite scroll list.
+     */
+    items: any[];
+    /**
+     * Indicates if there are more items to load. When false, no more `loadMore` events will be emitted.
+     */
+    hasMore: boolean;
+    /**
+     * Indicates if new items are currently being loaded. Used to prevent multiple `loadMore` calls.
+     */
+    isLoading: boolean;
+    /**
+     * Indicates if the component is currently in a refreshing state (e.g., during pull-to-refresh).
+     */
+    isRefreshing: boolean;
+    /**
+     * Defines the intersection root margin for the IntersectionObserver.
+     * This allows for pre-loading content before the sentinel becomes visible.
+     * E.g., '0px 0px 200px 0px' means the bottom margin is 200px.
+     */
+    threshold: string;
+    /**
+     * Estimated height of each item.
+     * Used in virtual scrolling to calculate the total scrollbar length.
+     * Even if actual heights vary, an average value is sufficient;
+     * CSS handles layout fluidly without overlap.
+     */
+    estimatedItemHeight: number;
+    /**
+     * Container height. If `enableVirtualScroll` is true,
+     * it is recommended to explicitly set the container height in CSS
+     * or pass this value.
+     */
+    containerHeight: string;
+    /**
+     * Enables or disables virtual scrolling for performance optimization with large lists.
+     */
+    enableVirtualScroll: boolean;
+    /** Render function */
+    renderItem: (item: any, index: number) => any;
+    /** Render function for skeleton item */
+    renderSkeleton: (index: number) => any;
+    /** Number of skeleton items to show during initial load */
+    skeletonCount: number;
+    /** Pull-to-refresh trigger distance */
+    pullTriggerDistance: number;
+    /** Grid layout configuration: minimum column width
+     * Used with CSS Grid to achieve responsiveness: repeat(auto-fill, minmax(minItemWidth, 1fr))
+     */
+    minItemWidth: number;
+    /** Grid spacing (px) */
+    gridGap: number;
+    /**
+     * Emitted when the user scrolls near the end of the list, indicating that more items should be loaded.
+     */
+    loadMore: EventEmitter<void>;
+    /**
+     * Emitted when the pull-to-refresh action is triggered by the user.
+     */
+    refresh: EventEmitter<void>;
+    /**
+     * The starting index of the items currently visible in the viewport (for virtual scrolling).
+     */
+    visibleStartIndex: number;
+    /**
+     * The ending index of the items currently visible in the viewport (for virtual scrolling).
+     */
+    visibleEndIndex: number;
+    /**
+     * The current distance of the pull-to-refresh action.
+     */
+    pullDistance: number;
+    /** Number of columns that can fit in the current container width */
+    columns: number;
+    private observer;
+    private resizeObserver;
+    /** The HTMLElement observed by the IntersectionObserver (bottom sentinel). */
+    private sentinel;
+    /** The scrollable container HTMLElement. */
+    private scrollContainer;
+    /** Y-coordinate of the touch start event. */
+    private startY;
+    /** Indicates if a touch event is currently active for pull-to-refresh. */
+    private isTouching;
+    private rafId;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    private initResizeObserver;
+    private recalcColumns;
+    handleItemsChange(): void;
+    handleRefreshingChange(newValue: boolean): void;
+    private disconnectObserver;
+    private initObserver;
+    private onScroll;
+    private calculateMetrics;
+    private calculateVisibleRange;
+    private handleTouchStart;
+    private handleTouchMove;
+    private handleTouchEnd;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -0,0 +1,362 @@
+/* eslint-disable */
+/* tslint:disable */
+/**
+ * This is an autogenerated file created by the Stencil compiler.
+ * It contains typing information for all components that exist in this project.
+ */
+import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+export namespace Components {
+    interface LotteryHakunaTicketHistory {
+        /**
+          * Custom CSS styles to apply to the component.
+         */
+        "clientStyling": string;
+        /**
+          * URL to a custom CSS file for additional styling.
+         */
+        "clientStylingUrl": string;
+        /**
+          * The API endpoint to fetch ticket data from.
+         */
+        "endpoint": string;
+        /**
+          * Game ID of the lottery game.
+         */
+        "gameId": string;
+        /**
+          * The language code to use for translations. Defaults to 'en'.
+         */
+        "language": string;
+        /**
+          * Number of items to fetch per page.
+         */
+        "limit": number;
+        /**
+          * Custom text to display when the end of the list is reached.
+         */
+        "listEndText": string;
+        /**
+          * Custom text to display when loading more items.
+         */
+        "listLoadingText": string;
+        /**
+          * Custom text to display when list is refreshing (pull-to-refresh).
+         */
+        "listRefreshingText": string;
+        /**
+          * The source for stream styling via a service.
+         */
+        "mbSource": string;
+        /**
+          * Grid layout configuration: minimum column width Used with CSS Grid to achieve responsiveness: repeat(auto-fill, minmax(minItemWidth, 1fr))
+         */
+        "minItemWidth": number;
+        /**
+          * Player ID.
+         */
+        "playerId": number;
+        /**
+          * Height of the scrollable container in pixels.
+         */
+        "scrollContainerHeight": number;
+        /**
+          * Estimated height of a single ticket item in pixels.
+         */
+        "scrollItemHeight": number;
+        /**
+          * Threshold distance from the bottom to trigger loading more items. Default: '0px 0px 200px 0px'
+         */
+        "scrollThreshold": string;
+        /**
+          * GIC Session.
+         */
+        "sessionId": string;
+        /**
+          * Whether to show skeleton
+         */
+        "showSkeleton": boolean;
+        /**
+          * Name displayed for each of the ticket history items.
+         */
+        "ticketHistoryItemCurrency": string;
+        /**
+          * Image Src displayed for each of the ticket history items.
+         */
+        "ticketHistoryItemImageSrc": string;
+        /**
+          * Name displayed for each of the ticket history items.
+         */
+        "ticketHistoryItemName": string;
+        /**
+          * Title displayed at the top of the ticket history.
+         */
+        "ticketHistoryTitle": string;
+        /**
+          * URL to fetch custom translation data from.
+         */
+        "translationUrl": string;
+    }
+    interface LotteryInfiniteScroll {
+        /**
+          * Container height. If `enableVirtualScroll` is true, it is recommended to explicitly set the container height in CSS or pass this value.
+         */
+        "containerHeight": string;
+        /**
+          * Enables or disables virtual scrolling for performance optimization with large lists.
+         */
+        "enableVirtualScroll": boolean;
+        /**
+          * Estimated height of each item. Used in virtual scrolling to calculate the total scrollbar length. Even if actual heights vary, an average value is sufficient; CSS handles layout fluidly without overlap.
+         */
+        "estimatedItemHeight": number;
+        /**
+          * Grid spacing (px)
+         */
+        "gridGap": number;
+        /**
+          * Indicates if there are more items to load. When false, no more `loadMore` events will be emitted.
+         */
+        "hasMore": boolean;
+        /**
+          * Indicates if new items are currently being loaded. Used to prevent multiple `loadMore` calls.
+         */
+        "isLoading": boolean;
+        /**
+          * Indicates if the component is currently in a refreshing state (e.g., during pull-to-refresh).
+         */
+        "isRefreshing": boolean;
+        /**
+          * An array of items to be displayed in the infinite scroll list.
+         */
+        "items": any[];
+        /**
+          * Grid layout configuration: minimum column width Used with CSS Grid to achieve responsiveness: repeat(auto-fill, minmax(minItemWidth, 1fr))
+         */
+        "minItemWidth": number;
+        /**
+          * Pull-to-refresh trigger distance
+         */
+        "pullTriggerDistance": number;
+        /**
+          * Render function
+         */
+        "renderItem": (item: any, index: number) => any;
+        /**
+          * Render function for skeleton item
+         */
+        "renderSkeleton": (index: number) => any;
+        /**
+          * Number of skeleton items to show during initial load
+         */
+        "skeletonCount": number;
+        /**
+          * Defines the intersection root margin for the IntersectionObserver. This allows for pre-loading content before the sentinel becomes visible. E.g., '0px 0px 200px 0px' means the bottom margin is 200px.
+         */
+        "threshold": string;
+    }
+}
+export interface LotteryInfiniteScrollCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLLotteryInfiniteScrollElement;
+}
+declare global {
+    interface HTMLLotteryHakunaTicketHistoryElement extends Components.LotteryHakunaTicketHistory, HTMLStencilElement {
+    }
+    var HTMLLotteryHakunaTicketHistoryElement: {
+        prototype: HTMLLotteryHakunaTicketHistoryElement;
+        new (): HTMLLotteryHakunaTicketHistoryElement;
+    };
+    interface HTMLLotteryInfiniteScrollElementEventMap {
+        "loadMore": void;
+        "refresh": void;
+    }
+    interface HTMLLotteryInfiniteScrollElement extends Components.LotteryInfiniteScroll, HTMLStencilElement {
+        addEventListener<K extends keyof HTMLLotteryInfiniteScrollElementEventMap>(type: K, listener: (this: HTMLLotteryInfiniteScrollElement, ev: LotteryInfiniteScrollCustomEvent<HTMLLotteryInfiniteScrollElementEventMap[K]>) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+        addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLLotteryInfiniteScrollElementEventMap>(type: K, listener: (this: HTMLLotteryInfiniteScrollElement, ev: LotteryInfiniteScrollCustomEvent<HTMLLotteryInfiniteScrollElementEventMap[K]>) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof DocumentEventMap>(type: K, listener: (this: Document, ev: DocumentEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+        removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+    }
+    var HTMLLotteryInfiniteScrollElement: {
+        prototype: HTMLLotteryInfiniteScrollElement;
+        new (): HTMLLotteryInfiniteScrollElement;
+    };
+    interface HTMLElementTagNameMap {
+        "lottery-hakuna-ticket-history": HTMLLotteryHakunaTicketHistoryElement;
+        "lottery-infinite-scroll": HTMLLotteryInfiniteScrollElement;
+    }
+}
+declare namespace LocalJSX {
+    interface LotteryHakunaTicketHistory {
+        /**
+          * Custom CSS styles to apply to the component.
+         */
+        "clientStyling"?: string;
+        /**
+          * URL to a custom CSS file for additional styling.
+         */
+        "clientStylingUrl"?: string;
+        /**
+          * The API endpoint to fetch ticket data from.
+         */
+        "endpoint"?: string;
+        /**
+          * Game ID of the lottery game.
+         */
+        "gameId"?: string;
+        /**
+          * The language code to use for translations. Defaults to 'en'.
+         */
+        "language"?: string;
+        /**
+          * Number of items to fetch per page.
+         */
+        "limit"?: number;
+        /**
+          * Custom text to display when the end of the list is reached.
+         */
+        "listEndText"?: string;
+        /**
+          * Custom text to display when loading more items.
+         */
+        "listLoadingText"?: string;
+        /**
+          * Custom text to display when list is refreshing (pull-to-refresh).
+         */
+        "listRefreshingText"?: string;
+        /**
+          * The source for stream styling via a service.
+         */
+        "mbSource"?: string;
+        /**
+          * Grid layout configuration: minimum column width Used with CSS Grid to achieve responsiveness: repeat(auto-fill, minmax(minItemWidth, 1fr))
+         */
+        "minItemWidth"?: number;
+        /**
+          * Player ID.
+         */
+        "playerId"?: number;
+        /**
+          * Height of the scrollable container in pixels.
+         */
+        "scrollContainerHeight"?: number;
+        /**
+          * Estimated height of a single ticket item in pixels.
+         */
+        "scrollItemHeight"?: number;
+        /**
+          * Threshold distance from the bottom to trigger loading more items. Default: '0px 0px 200px 0px'
+         */
+        "scrollThreshold"?: string;
+        /**
+          * GIC Session.
+         */
+        "sessionId"?: string;
+        /**
+          * Whether to show skeleton
+         */
+        "showSkeleton"?: boolean;
+        /**
+          * Name displayed for each of the ticket history items.
+         */
+        "ticketHistoryItemCurrency"?: string;
+        /**
+          * Image Src displayed for each of the ticket history items.
+         */
+        "ticketHistoryItemImageSrc"?: string;
+        /**
+          * Name displayed for each of the ticket history items.
+         */
+        "ticketHistoryItemName"?: string;
+        /**
+          * Title displayed at the top of the ticket history.
+         */
+        "ticketHistoryTitle"?: string;
+        /**
+          * URL to fetch custom translation data from.
+         */
+        "translationUrl"?: string;
+    }
+    interface LotteryInfiniteScroll {
+        /**
+          * Container height. If `enableVirtualScroll` is true, it is recommended to explicitly set the container height in CSS or pass this value.
+         */
+        "containerHeight"?: string;
+        /**
+          * Enables or disables virtual scrolling for performance optimization with large lists.
+         */
+        "enableVirtualScroll"?: boolean;
+        /**
+          * Estimated height of each item. Used in virtual scrolling to calculate the total scrollbar length. Even if actual heights vary, an average value is sufficient; CSS handles layout fluidly without overlap.
+         */
+        "estimatedItemHeight"?: number;
+        /**
+          * Grid spacing (px)
+         */
+        "gridGap"?: number;
+        /**
+          * Indicates if there are more items to load. When false, no more `loadMore` events will be emitted.
+         */
+        "hasMore"?: boolean;
+        /**
+          * Indicates if new items are currently being loaded. Used to prevent multiple `loadMore` calls.
+         */
+        "isLoading"?: boolean;
+        /**
+          * Indicates if the component is currently in a refreshing state (e.g., during pull-to-refresh).
+         */
+        "isRefreshing"?: boolean;
+        /**
+          * An array of items to be displayed in the infinite scroll list.
+         */
+        "items"?: any[];
+        /**
+          * Grid layout configuration: minimum column width Used with CSS Grid to achieve responsiveness: repeat(auto-fill, minmax(minItemWidth, 1fr))
+         */
+        "minItemWidth"?: number;
+        /**
+          * Emitted when the user scrolls near the end of the list, indicating that more items should be loaded.
+         */
+        "onLoadMore"?: (event: LotteryInfiniteScrollCustomEvent<void>) => void;
+        /**
+          * Emitted when the pull-to-refresh action is triggered by the user.
+         */
+        "onRefresh"?: (event: LotteryInfiniteScrollCustomEvent<void>) => void;
+        /**
+          * Pull-to-refresh trigger distance
+         */
+        "pullTriggerDistance"?: number;
+        /**
+          * Render function
+         */
+        "renderItem"?: (item: any, index: number) => any;
+        /**
+          * Render function for skeleton item
+         */
+        "renderSkeleton"?: (index: number) => any;
+        /**
+          * Number of skeleton items to show during initial load
+         */
+        "skeletonCount"?: number;
+        /**
+          * Defines the intersection root margin for the IntersectionObserver. This allows for pre-loading content before the sentinel becomes visible. E.g., '0px 0px 200px 0px' means the bottom margin is 200px.
+         */
+        "threshold"?: string;
+    }
+    interface IntrinsicElements {
+        "lottery-hakuna-ticket-history": LotteryHakunaTicketHistory;
+        "lottery-infinite-scroll": LotteryInfiniteScroll;
+    }
+}
+export { LocalJSX as JSX };
+declare module "@stencil/core" {
+    export namespace JSX {
+        interface IntrinsicElements {
+            "lottery-hakuna-ticket-history": LocalJSX.LotteryHakunaTicketHistory & JSXBase.HTMLAttributes<HTMLLotteryHakunaTicketHistoryElement>;
+            "lottery-infinite-scroll": LocalJSX.LotteryInfiniteScroll & JSXBase.HTMLAttributes<HTMLLotteryInfiniteScrollElement>;
+        }
+    }
+}

package/dist/types/index.d.ts

@@ -0,0 +1 @@
+export * from './components/lottery-hakuna-ticket-history';