@everymatrix/lottery-hakuna-ticket-history 0.0.2 → 0.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/lottery-button_8.cjs.entry.js +13 -136
- package/dist/cjs/{lottery-hakuna-ticket-history-84d9a41b.js → lottery-hakuna-ticket-history-155db5ed.js} +1 -2
- package/dist/cjs/lottery-hakuna-ticket-history.cjs.js +1 -1
- package/dist/collection/components/lottery-hakuna-ticket-history/lottery-hakuna-ticket-history.js +1 -20
- package/dist/collection/components/lottery-infinite-scroll/lottery-infinite-scroll.js +60 -197
- package/dist/esm/index.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/lottery-button_8.entry.js +14 -137
- package/dist/esm/{lottery-hakuna-ticket-history-cdab50d9.js → lottery-hakuna-ticket-history-4cb107bf.js} +1 -2
- package/dist/esm/lottery-hakuna-ticket-history.js +1 -1
- package/dist/lottery-hakuna-ticket-history/index.esm.js +1 -1
- package/dist/lottery-hakuna-ticket-history/lottery-button_8.entry.js +1 -1
- package/dist/lottery-hakuna-ticket-history/{lottery-hakuna-ticket-history-cdab50d9.js → lottery-hakuna-ticket-history-4cb107bf.js} +1 -1
- package/dist/lottery-hakuna-ticket-history/lottery-hakuna-ticket-history.esm.js +1 -1
- package/dist/types/components/lottery-hakuna-ticket-history/lottery-hakuna-ticket-history.d.ts +0 -4
- package/dist/types/components/lottery-infinite-scroll/lottery-infinite-scroll.d.ts +37 -51
- package/dist/types/components.d.ts +44 -50
- package/package.json +1 -1
package/dist/cjs/index.cjs.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const lotteryHakunaTicketHistory = require('./lottery-hakuna-ticket-history-
|
|
5
|
+
const lotteryHakunaTicketHistory = require('./lottery-hakuna-ticket-history-155db5ed.js');
|
|
6
6
|
require('./index-dc95b9af.js');
|
|
7
7
|
|
|
8
8
|
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -8,7 +8,7 @@ const appGlobals = require('./app-globals-3a1e7e63.js');
|
|
|
8
8
|
const defineCustomElements = async (win, options) => {
|
|
9
9
|
if (typeof window === 'undefined') return undefined;
|
|
10
10
|
await appGlobals.globalScripts();
|
|
11
|
-
return index.bootstrapLazy([["lottery-button_8.cjs",[[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"],"
|
|
11
|
+
return index.bootstrapLazy([["lottery-button_8.cjs",[[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",{"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,{"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);
|
|
12
12
|
};
|
|
13
13
|
|
|
14
14
|
exports.setNonce = index.setNonce;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
5
|
const index = require('./index-dc95b9af.js');
|
|
6
|
-
const lotteryHakunaTicketHistory = require('./lottery-hakuna-ticket-history-
|
|
6
|
+
const lotteryHakunaTicketHistory = require('./lottery-hakuna-ticket-history-155db5ed.js');
|
|
7
7
|
|
|
8
8
|
// This icon file is generated automatically.
|
|
9
9
|
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" };
|
|
@@ -323,18 +323,9 @@ const LotteryInfiniteScroll = class {
|
|
|
323
323
|
index.registerInstance(this, hostRef);
|
|
324
324
|
this.loadMore = index.createEvent(this, "loadMore", 7);
|
|
325
325
|
this.refresh = index.createEvent(this, "refresh", 7);
|
|
326
|
-
|
|
326
|
+
// Touch event vars
|
|
327
327
|
this.startY = 0;
|
|
328
|
-
/** Indicates if a touch event is currently active for pull-to-refresh. */
|
|
329
328
|
this.isTouching = false;
|
|
330
|
-
// --- Virtual Scroll Core Logic ---
|
|
331
|
-
this.onScroll = () => {
|
|
332
|
-
if (this.enableVirtualScroll) {
|
|
333
|
-
if (this.rafId)
|
|
334
|
-
cancelAnimationFrame(this.rafId);
|
|
335
|
-
this.rafId = requestAnimationFrame(() => this.calculateVisibleRange());
|
|
336
|
-
}
|
|
337
|
-
};
|
|
338
329
|
// --- Pull to Refresh Logic (Touch handling) ---
|
|
339
330
|
this.handleTouchStart = (e) => {
|
|
340
331
|
// Only allow pull-down when scrollbar is at the top
|
|
@@ -379,28 +370,16 @@ const LotteryInfiniteScroll = class {
|
|
|
379
370
|
this.isLoading = false;
|
|
380
371
|
this.isRefreshing = false;
|
|
381
372
|
this.threshold = '0px 0px 200px 0px';
|
|
382
|
-
this.estimatedItemHeight = 200;
|
|
383
373
|
this.containerHeight = '100%';
|
|
384
|
-
this.enableVirtualScroll = false;
|
|
385
374
|
this.renderItem = undefined;
|
|
386
375
|
this.renderSkeleton = undefined;
|
|
387
376
|
this.skeletonCount = 6;
|
|
388
377
|
this.pullTriggerDistance = 60;
|
|
389
378
|
this.minItemWidth = 340;
|
|
390
379
|
this.gridGap = 10;
|
|
391
|
-
this.visibleStartIndex = 0;
|
|
392
|
-
this.visibleEndIndex = 10;
|
|
393
380
|
this.pullDistance = 0;
|
|
394
|
-
this.columns = 1;
|
|
395
381
|
}
|
|
396
382
|
componentDidLoad() {
|
|
397
|
-
if (this.enableVirtualScroll) {
|
|
398
|
-
// Listen for container size changes, recalculate columns
|
|
399
|
-
this.initResizeObserver();
|
|
400
|
-
// Initial calculation
|
|
401
|
-
this.calculateMetrics();
|
|
402
|
-
}
|
|
403
|
-
// Initialize observer on component load
|
|
404
383
|
this.initObserver();
|
|
405
384
|
}
|
|
406
385
|
componentDidUpdate() {
|
|
@@ -410,49 +389,12 @@ const LotteryInfiniteScroll = class {
|
|
|
410
389
|
}
|
|
411
390
|
disconnectedCallback() {
|
|
412
391
|
this.disconnectObserver();
|
|
413
|
-
if (this.resizeObserver)
|
|
414
|
-
this.resizeObserver.disconnect();
|
|
415
|
-
if (this.rafId)
|
|
416
|
-
cancelAnimationFrame(this.rafId);
|
|
417
|
-
}
|
|
418
|
-
initResizeObserver() {
|
|
419
|
-
if (!window.ResizeObserver || !this.scrollContainer)
|
|
420
|
-
return;
|
|
421
|
-
this.resizeObserver = new ResizeObserver((entries) => {
|
|
422
|
-
for (let entry of entries) {
|
|
423
|
-
// When width changes, recalculate the number of columns
|
|
424
|
-
const width = entry.contentRect.width;
|
|
425
|
-
this.recalcColumns(width);
|
|
426
|
-
this.calculateVisibleRange();
|
|
427
|
-
}
|
|
428
|
-
});
|
|
429
|
-
this.resizeObserver.observe(this.scrollContainer);
|
|
430
|
-
}
|
|
431
|
-
recalcColumns(containerWidth) {
|
|
432
|
-
if (!this.enableVirtualScroll)
|
|
433
|
-
return;
|
|
434
|
-
// Calculation logic must be consistent with CSS grid-template-columns: repeat(auto-fill, ...)
|
|
435
|
-
// Considering the gap
|
|
436
|
-
const effectiveWidth = containerWidth + this.gridGap;
|
|
437
|
-
const itemOccupancy = this.minItemWidth + this.gridGap;
|
|
438
|
-
// At least 1 column
|
|
439
|
-
const newColumns = Math.max(1, Math.floor(effectiveWidth / itemOccupancy));
|
|
440
|
-
if (this.columns !== newColumns) {
|
|
441
|
-
this.columns = newColumns;
|
|
442
|
-
}
|
|
443
|
-
}
|
|
444
|
-
// --- Watchers ---
|
|
445
|
-
handleItemsChange() {
|
|
446
|
-
if (this.enableVirtualScroll) {
|
|
447
|
-
this.calculateVisibleRange();
|
|
448
|
-
}
|
|
449
392
|
}
|
|
450
393
|
handleRefreshingChange(newValue) {
|
|
451
394
|
if (!newValue) {
|
|
452
395
|
this.pullDistance = 0;
|
|
453
396
|
}
|
|
454
397
|
}
|
|
455
|
-
// --- Observer Logic ---
|
|
456
398
|
disconnectObserver() {
|
|
457
399
|
if (this.observer) {
|
|
458
400
|
this.observer.disconnect();
|
|
@@ -464,109 +406,44 @@ const LotteryInfiniteScroll = class {
|
|
|
464
406
|
if (!this.hasMore || this.isLoading || !this.sentinel)
|
|
465
407
|
return;
|
|
466
408
|
const options = {
|
|
467
|
-
root: this.scrollContainer
|
|
468
|
-
? this.scrollContainer
|
|
469
|
-
: null,
|
|
409
|
+
root: this.scrollContainer,
|
|
470
410
|
rootMargin: this.threshold,
|
|
471
411
|
threshold: 0.1
|
|
472
412
|
};
|
|
473
413
|
this.observer = new IntersectionObserver((entries) => {
|
|
474
|
-
// When scrolled to bottom and not currently loading
|
|
475
414
|
if (entries[0].isIntersecting && this.hasMore && !this.isLoading) {
|
|
476
415
|
this.loadMore.emit();
|
|
477
416
|
}
|
|
478
417
|
}, options);
|
|
479
418
|
this.observer.observe(this.sentinel);
|
|
480
419
|
}
|
|
481
|
-
calculateMetrics() {
|
|
482
|
-
if (!this.scrollContainer)
|
|
483
|
-
return;
|
|
484
|
-
this.recalcColumns(this.scrollContainer.clientWidth);
|
|
485
|
-
this.calculateVisibleRange();
|
|
486
|
-
}
|
|
487
|
-
calculateVisibleRange() {
|
|
488
|
-
if (!this.scrollContainer || !this.enableVirtualScroll)
|
|
489
|
-
return;
|
|
490
|
-
const scrollTop = this.scrollContainer.scrollTop;
|
|
491
|
-
const viewportHeight = this.scrollContainer.clientHeight;
|
|
492
|
-
// 1. Calculate the current "Row" index
|
|
493
|
-
// We assume each row has a height of estimatedItemHeight (although it may differ in reality, this is sufficient for visible window calculation)
|
|
494
|
-
const startRow = Math.floor(scrollTop / this.estimatedItemHeight);
|
|
495
|
-
// 2. Buffer row count
|
|
496
|
-
const bufferRows = 3;
|
|
497
|
-
// 3. Calculate visible rows
|
|
498
|
-
const visibleRows = Math.ceil(viewportHeight / this.estimatedItemHeight);
|
|
499
|
-
// 4. Calculate start and end rows for rendering
|
|
500
|
-
const renderStartRow = Math.max(0, startRow - bufferRows);
|
|
501
|
-
const renderEndRow = startRow + visibleRows + bufferRows;
|
|
502
|
-
// 5. Convert to Item indices (Row * Columns)
|
|
503
|
-
const startIndex = renderStartRow * this.columns;
|
|
504
|
-
const endIndex = Math.min(this.items.length, renderEndRow * this.columns);
|
|
505
|
-
if (this.visibleStartIndex !== startIndex || this.visibleEndIndex !== endIndex) {
|
|
506
|
-
this.visibleStartIndex = startIndex;
|
|
507
|
-
this.visibleEndIndex = endIndex;
|
|
508
|
-
}
|
|
509
|
-
}
|
|
510
420
|
render() {
|
|
511
|
-
const { items,
|
|
512
|
-
// Check if we should show skeleton: items are empty, loading is true, and renderSkeleton is provided
|
|
421
|
+
const { items, minItemWidth, gridGap } = this;
|
|
513
422
|
const showSkeleton = items.length === 0 && !!this.renderSkeleton && this.isLoading;
|
|
514
|
-
|
|
515
|
-
let paddingTop = 0;
|
|
516
|
-
let paddingBottom = 0;
|
|
517
|
-
let visibleItems = [];
|
|
518
|
-
if (this.enableVirtualScroll && !showSkeleton) {
|
|
519
|
-
const totalRows = Math.ceil(items.length / columns);
|
|
520
|
-
const startRow = Math.floor(visibleStartIndex / columns);
|
|
521
|
-
// Note: Here we calculate how many rows are actually rendered based on the number of slices, for calculating bottom padding.
|
|
522
|
-
const renderedCount = visibleEndIndex - visibleStartIndex;
|
|
523
|
-
const renderedRows = Math.ceil(renderedCount / columns);
|
|
524
|
-
// Top Spacer: Number of rows hidden at the top * Estimated height
|
|
525
|
-
paddingTop = startRow * estimatedItemHeight;
|
|
526
|
-
// Bottom Spacer: Total rows - (Top rows + Rendered rows) * Estimated height
|
|
527
|
-
// Ensure the total scroll height is roughly correct
|
|
528
|
-
paddingBottom = Math.max(0, (totalRows - startRow - renderedRows) * estimatedItemHeight);
|
|
529
|
-
visibleItems = items.slice(visibleStartIndex, visibleEndIndex);
|
|
530
|
-
}
|
|
531
|
-
else {
|
|
532
|
-
visibleItems = showSkeleton ? new Array(this.skeletonCount).fill(null) : items;
|
|
533
|
-
}
|
|
534
|
-
// Styles
|
|
423
|
+
const listToRender = showSkeleton ? new Array(this.skeletonCount).fill(null) : items;
|
|
535
424
|
const contentTransform = {
|
|
536
425
|
transform: `translateY(${this.pullDistance}px)`,
|
|
537
426
|
transition: this.isTouching ? 'none' : 'transform 0.3s ease-out'
|
|
538
427
|
};
|
|
539
|
-
// Grid Layout Style
|
|
540
428
|
const listStyle = {
|
|
541
429
|
display: 'grid',
|
|
542
|
-
// Responsive column width
|
|
543
430
|
gridTemplateColumns: `repeat(auto-fill, minmax(${minItemWidth}px, 1fr))`,
|
|
544
431
|
gap: `${gridGap}px`,
|
|
545
|
-
// Even with Flex/Grid, we don't need absolute positioning, use margin/padding for spacing
|
|
546
|
-
paddingTop: `${paddingTop}px`,
|
|
547
|
-
paddingBottom: `${paddingBottom}px`,
|
|
548
432
|
boxSizing: 'border-box'
|
|
549
433
|
};
|
|
550
|
-
return (index.h("div", { key: '
|
|
434
|
+
return (index.h("div", { key: 'eab20294c6af2caafbf03ddefb58947398b5c6e1', class: "lottery-infinite-scroll__container", style: {
|
|
551
435
|
height: this.containerHeight,
|
|
552
436
|
overflowY: 'auto',
|
|
553
|
-
position: 'relative'
|
|
554
|
-
|
|
555
|
-
|
|
556
|
-
|
|
557
|
-
|
|
558
|
-
|
|
559
|
-
|
|
560
|
-
? this.renderSkeleton(realIndex)
|
|
561
|
-
: null
|
|
562
|
-
: this.renderItem
|
|
563
|
-
? this.renderItem(item, realIndex)
|
|
564
|
-
: null));
|
|
565
|
-
})), (this.hasMore || (this.isLoading && !showSkeleton)) && (index.h("div", { key: '0af2a85096fc16e9071ec0363a4eb58753324247', class: "lottery-infinite-scroll__sentinel", ref: (el) => (this.sentinel = el), style: { height: '20px', display: 'flex', justifyContent: 'center' } }, this.isLoading ? index.h("slot", { name: "loading-more" }, "Loading...") : null)), !this.hasMore && !this.isLoading && items.length > 0 && (index.h("div", { key: 'e6e814a96727e2442137412c25ec09908b2f9015', class: "end-message", style: { textAlign: 'center', padding: '10px' } }, index.h("slot", { key: '02831150b863992dabd59ab01f7bbb23066877bf', name: "end-message" }, "No more data"))))));
|
|
437
|
+
position: 'relative'
|
|
438
|
+
}, ref: (el) => (this.scrollContainer = el), onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }, index.h("div", { key: 'd2bf17db3948ef45cf9d77c663d7a6b6075e8125', 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" }, "Refreshing...")) : (index.h("slot", { name: "pull-hint" }, this.pullDistance > this.pullTriggerDistance ? 'Release' : 'Pull'))), index.h("div", { key: '48e8997513bf547a0aa8eac7d036ce29f294fff0', class: "scroll-content-wrapper", style: contentTransform }, index.h("div", { key: '31c4de5010e1357239ccef2c9c009f7e2cfb5287', 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: '6b0235f48d4c909c2edd400c3eb1d7efd030458e', class: "lottery-infinite-scroll__sentinel", ref: (el) => (this.sentinel = el), style: {
|
|
439
|
+
height: '20px',
|
|
440
|
+
display: 'flex',
|
|
441
|
+
justifyContent: 'center',
|
|
442
|
+
visibility: (this.hasMore || (this.isLoading && !showSkeleton)) ? 'visible' : 'hidden'
|
|
443
|
+
} }, this.isLoading ? index.h("slot", { name: "loading-more" }, "Loading...") : null), !this.hasMore && !this.isLoading && items.length > 0 && (index.h("div", { key: '24406925b5f96f2e9be9d06a2d87166e94d2bdad', class: "end-message", style: { textAlign: 'center', padding: '10px' } }, index.h("slot", { key: '189fe2d6f00551cac97267f2047fd76402b862bb', name: "end-message" }, "No more data"))))));
|
|
566
444
|
}
|
|
567
445
|
get el() { return index.getElement(this); }
|
|
568
446
|
static get watchers() { return {
|
|
569
|
-
"items": ["handleItemsChange"],
|
|
570
447
|
"isRefreshing": ["handleRefreshingChange"]
|
|
571
448
|
}; }
|
|
572
449
|
};
|
|
@@ -2576,7 +2576,6 @@ const LotteryHakunaTicketHistory = class {
|
|
|
2576
2576
|
this.playerId = undefined;
|
|
2577
2577
|
this.sessionId = '';
|
|
2578
2578
|
this.scrollThreshold = '0px 0px 200px 0px';
|
|
2579
|
-
this.scrollItemHeight = 110;
|
|
2580
2579
|
this.scrollContainerHeight = 500;
|
|
2581
2580
|
this.ticketHistoryTitle = 'YOUR TICKET';
|
|
2582
2581
|
this.ticketHistoryItemImageSrc = undefined;
|
|
@@ -2680,7 +2679,7 @@ const LotteryHakunaTicketHistory = class {
|
|
|
2680
2679
|
return (index.h("svg", { width: "45", height: "45", viewBox: "0 0 45 45", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, index.h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", fill: "currentColor", d: "M22.5 5.625C13.1802 5.625 5.625 13.1802 5.625 22.5C5.625 31.8198 13.1802 39.375 22.5 39.375C31.8198 39.375 39.375 31.8198 39.375 22.5C39.375 13.1802 31.8198 5.625 22.5 5.625ZM1.875 22.5C1.875 11.1091 11.1091 1.875 22.5 1.875C33.8909 1.875 43.125 11.1091 43.125 22.5C43.125 33.8909 33.8909 43.125 22.5 43.125C11.1091 43.125 1.875 33.8909 1.875 22.5ZM22.5 13.125C23.5355 13.125 24.375 13.9645 24.375 15V22.5C24.375 23.5355 23.5355 24.375 22.5 24.375C21.4645 24.375 20.625 23.5355 20.625 22.5V15C20.625 13.9645 21.4645 13.125 22.5 13.125ZM20.625 30C20.625 28.9645 21.4645 28.125 22.5 28.125H22.5188C23.5543 28.125 24.3938 28.9645 24.3938 30C24.3938 31.0355 23.5543 31.875 22.5188 31.875H22.5C21.4645 31.875 20.625 31.0355 20.625 30Z" })));
|
|
2681
2680
|
}
|
|
2682
2681
|
render() {
|
|
2683
|
-
return (index.h("div", { key: '
|
|
2682
|
+
return (index.h("div", { key: 'f670a3429de4b967f7ea6de648e91201f08611c3', class: "lottery-hakuna-ticket-history__container", ref: (el) => (this.stylingContainer = el) }, index.h("div", { key: 'e1f7c9acdfccf3b059af66f6be956027fe9157a9', class: "lottery-hakuna-ticket-history__title" }, this.ticketHistoryTitle), this.errorMessage && (index.h("div", { key: 'db36df4b9e6277883149a7dfd905b458656c6956', class: "lottery-hakuna-ticket-history__error-message" }, this.renderInfoIcon(), index.h("span", { key: 'bf55f6af11f8760b75b76c3866714ca311671ef4' }, this.errorMessage))), index.h("lottery-infinite-scroll", { key: '33d57ff5205e065ce989d88a5f4ab22ed8ce8520', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, hasMore: this.hasMore, items: [...this.visibleTickets], minItemWidth: this.minItemWidth, threshold: this.scrollThreshold, gridGap: 10, isLoading: this.isLoading, isRefreshing: this.isRefreshing, onLoadMore: this.handleLoadMore, onRefresh: this.handleRefresh, renderItem: this.renderItem, renderSkeleton: this.showSkeleton ? this.renderSkeleton : null, skeletonCount: this.limit }, index.h("div", { key: '3c64ee5287ec0e1be431890c2a2a1e9011fb41f0', slot: "loading-more", class: "lottery-hakuna-ticket-history__loading-more" }, index.h("span", { key: '23f990cea7385a6de85cc246d2e9c8d942d9838d', class: "loading-spinner", innerHTML: loadingOutLinedSvg })), index.h("div", { key: '74a90a269101258ac8e8e642773c57fe1aef7971', slot: "refresh-loading", class: "lottery-hakuna-ticket-history__refresh-loading" }, this.listRefreshingText || translate('releaseToRefresh', this.language)), index.h("div", { key: 'ffa6650f925314df9ea067422ce60f38bee01f0e', slot: "end-message", class: "lottery-hakuna-ticket-history__end-message" }, this.listEndText || translate('youHaveReachedTheEnd', this.language)))));
|
|
2684
2683
|
}
|
|
2685
2684
|
static get watchers() { return {
|
|
2686
2685
|
"clientStyling": ["handleClientStylingChange"],
|
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await appGlobals.globalScripts();
|
|
22
|
-
return index.bootstrapLazy([["lottery-button_8.cjs",[[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"],"
|
|
22
|
+
return index.bootstrapLazy([["lottery-button_8.cjs",[[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",{"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,{"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);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
package/dist/collection/components/lottery-hakuna-ticket-history/lottery-hakuna-ticket-history.js
CHANGED
|
@@ -58,7 +58,6 @@ export class LotteryHakunaTicketHistory {
|
|
|
58
58
|
this.playerId = undefined;
|
|
59
59
|
this.sessionId = '';
|
|
60
60
|
this.scrollThreshold = '0px 0px 200px 0px';
|
|
61
|
-
this.scrollItemHeight = 110;
|
|
62
61
|
this.scrollContainerHeight = 500;
|
|
63
62
|
this.ticketHistoryTitle = 'YOUR TICKET';
|
|
64
63
|
this.ticketHistoryItemImageSrc = undefined;
|
|
@@ -162,7 +161,7 @@ export class LotteryHakunaTicketHistory {
|
|
|
162
161
|
return (h("svg", { width: "45", height: "45", viewBox: "0 0 45 45", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", fill: "currentColor", d: "M22.5 5.625C13.1802 5.625 5.625 13.1802 5.625 22.5C5.625 31.8198 13.1802 39.375 22.5 39.375C31.8198 39.375 39.375 31.8198 39.375 22.5C39.375 13.1802 31.8198 5.625 22.5 5.625ZM1.875 22.5C1.875 11.1091 11.1091 1.875 22.5 1.875C33.8909 1.875 43.125 11.1091 43.125 22.5C43.125 33.8909 33.8909 43.125 22.5 43.125C11.1091 43.125 1.875 33.8909 1.875 22.5ZM22.5 13.125C23.5355 13.125 24.375 13.9645 24.375 15V22.5C24.375 23.5355 23.5355 24.375 22.5 24.375C21.4645 24.375 20.625 23.5355 20.625 22.5V15C20.625 13.9645 21.4645 13.125 22.5 13.125ZM20.625 30C20.625 28.9645 21.4645 28.125 22.5 28.125H22.5188C23.5543 28.125 24.3938 28.9645 24.3938 30C24.3938 31.0355 23.5543 31.875 22.5188 31.875H22.5C21.4645 31.875 20.625 31.0355 20.625 30Z" })));
|
|
163
162
|
}
|
|
164
163
|
render() {
|
|
165
|
-
return (h("div", { key: '
|
|
164
|
+
return (h("div", { key: 'f670a3429de4b967f7ea6de648e91201f08611c3', class: "lottery-hakuna-ticket-history__container", ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'e1f7c9acdfccf3b059af66f6be956027fe9157a9', class: "lottery-hakuna-ticket-history__title" }, this.ticketHistoryTitle), this.errorMessage && (h("div", { key: 'db36df4b9e6277883149a7dfd905b458656c6956', class: "lottery-hakuna-ticket-history__error-message" }, this.renderInfoIcon(), h("span", { key: 'bf55f6af11f8760b75b76c3866714ca311671ef4' }, this.errorMessage))), h("lottery-infinite-scroll", { key: '33d57ff5205e065ce989d88a5f4ab22ed8ce8520', "client-styling": this.clientStyling, "client-styling-url": this.clientStylingUrl, "mb-source": this.mbSource, hasMore: this.hasMore, items: [...this.visibleTickets], minItemWidth: this.minItemWidth, threshold: this.scrollThreshold, gridGap: 10, isLoading: this.isLoading, isRefreshing: this.isRefreshing, onLoadMore: this.handleLoadMore, onRefresh: this.handleRefresh, renderItem: this.renderItem, renderSkeleton: this.showSkeleton ? this.renderSkeleton : null, skeletonCount: this.limit }, h("div", { key: '3c64ee5287ec0e1be431890c2a2a1e9011fb41f0', slot: "loading-more", class: "lottery-hakuna-ticket-history__loading-more" }, h("span", { key: '23f990cea7385a6de85cc246d2e9c8d942d9838d', class: "loading-spinner", innerHTML: loadingOutLinedSvg })), h("div", { key: '74a90a269101258ac8e8e642773c57fe1aef7971', slot: "refresh-loading", class: "lottery-hakuna-ticket-history__refresh-loading" }, this.listRefreshingText || translate('releaseToRefresh', this.language)), h("div", { key: 'ffa6650f925314df9ea067422ce60f38bee01f0e', slot: "end-message", class: "lottery-hakuna-ticket-history__end-message" }, this.listEndText || translate('youHaveReachedTheEnd', this.language)))));
|
|
166
165
|
}
|
|
167
166
|
static get is() { return "lottery-hakuna-ticket-history"; }
|
|
168
167
|
static get encapsulation() { return "shadow"; }
|
|
@@ -352,24 +351,6 @@ export class LotteryHakunaTicketHistory {
|
|
|
352
351
|
"reflect": false,
|
|
353
352
|
"defaultValue": "'0px 0px 200px 0px'"
|
|
354
353
|
},
|
|
355
|
-
"scrollItemHeight": {
|
|
356
|
-
"type": "number",
|
|
357
|
-
"mutable": false,
|
|
358
|
-
"complexType": {
|
|
359
|
-
"original": "number",
|
|
360
|
-
"resolved": "number",
|
|
361
|
-
"references": {}
|
|
362
|
-
},
|
|
363
|
-
"required": false,
|
|
364
|
-
"optional": false,
|
|
365
|
-
"docs": {
|
|
366
|
-
"tags": [],
|
|
367
|
-
"text": "Estimated height of a single ticket item in pixels."
|
|
368
|
-
},
|
|
369
|
-
"attribute": "scroll-item-height",
|
|
370
|
-
"reflect": false,
|
|
371
|
-
"defaultValue": "110"
|
|
372
|
-
},
|
|
373
354
|
"scrollContainerHeight": {
|
|
374
355
|
"type": "number",
|
|
375
356
|
"mutable": false,
|