@everymatrix/lottery-tipping-ticket-history 0.0.1

package/dist/cjs/lottery-tipping-ticket-history.cjs.js

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-4ef2d32a.js');
+const appGlobals = require('./app-globals-3a1e7e63.js');
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('lottery-tipping-ticket-history.cjs.js', document.baseURI).href));
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return index.promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await appGlobals.globalScripts();
+  return index.bootstrapLazy([["general-multi-select_10.cjs",[[1,"lottery-tipping-ticket-history",{"endpoint":[513],"endpointTicket":[513,"endpoint-ticket"],"gameId":[1537,"game-id"],"playerId":[1538,"player-id"],"sessionId":[1537,"session-id"],"drawId":[513,"draw-id"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[513,"translation-url"],"ticketHistory":[32],"activeStatus":[32],"statusOptions":[32],"isLoading":[32],"rawData":[32],"filterData":[32],"paginationInfo":[32],"quickFiltersActive":[32],"showCurrentTicketLine":[32],"curTicketItem":[32],"curSelection":[32],"curSelectionIdx":[32],"showCurrentDrawResult":[32],"curDrawItem":[32],"curDrawSelection":[32],"curDrawSelectionBettingType":[32],"curDrawSelectionMap":[32]},[[0,"pageSizeChange","handlePageSizeChange"],[0,"pageChange","handlePageChange"],[0,"filterChange","handleFilterChange"],[0,"filterClear","handleFilterClear"],[0,"poolGameCurrentPageChange","handlePoolGameCurrentPageChange"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-ticket-bet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"translationUrl":[513,"translation-url"],"language":[513],"sessionId":[513,"session-id"],"endpoint":[513],"gameId":[513,"game-id"],"drawId":[513,"draw-id"],"totalPages":[1538,"total-pages"],"minTotalPages":[514,"min-total-pages"],"maxTotalPages":[514,"max-total-pages"],"mode":[513],"readPretty":[516,"read-pretty"],"defaultBulletConfigLineGroup":[513,"default-bullet-config-line-group"],"translationData":[32],"limitStylingAppends":[32],"clientStylingUrlContent":[32],"bulletConfigLineGroup":[32],"currentPage":[32],"isLoading":[32],"hasErrors":[32],"dialogConfig":[32],"ticketDataSource":[32],"resetBulletConfig":[64],"getData":[64]},[[0,"lotteryTippingBulletGroupToggle","lotteryTippingBulletGroupSelectionHandler"]],{"translationUrl":["handleNewTranslations"],"gameId":["fetchMatchData"],"sessionId":["fetchMatchData"],"drawId":["fetchMatchData"],"currentPage":["handleCurrentPageChange"]}],[1,"lottery-tipping-filter",{"quickFiltersActive":[516,"quick-filters-active"],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[520,"translation-url"],"isOpen":[32],"filterData":[32],"ticketTypeList":[32],"showClearButton":[32]},[[0,"modalCloseEvent","handleModalClose"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-pagination",{"total":[2],"pageSizeOptions":[16],"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"translationUrl":[520,"translation-url"],"current":[2],"pageSize":[32],"totalPages":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"total":["updateTotalPages"],"pageSize":["updateTotalPages"]}],[1,"lottery-tipping-panel",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"headerTitle":[1,"header-title"],"expanded":[32]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet-group",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[513,"position-idx"],"theme":[513],"mode":[513],"bulletConfigContent":[513,"bullet-config-content"]},[[0,"lotteryTippingBulletToggle","lotteryTippingBulletSelectionHandler"]],{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-multi-select",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"options":[16],"maxVisibleChips":[2,"max-visible-chips"],"placeholder":[1],"selectedValues":[32],"dropdownOpen":[32],"overflowOpen":[32],"popoverStyle":[32],"clear":[64]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"general-tooltip",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"position":[1],"delay":[2],"isVisible":[32],"_tooltipId":[32]},[[1,"mouseenter","handleMouseEnterOrFocus"],[0,"focusin","handleMouseEnterOrFocus"],[1,"mouseleave","handleMouseLeaveOrBlur"],[0,"focusout","handleMouseLeaveOrBlur"],[0,"keydown","handleKeyDown"]],{"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"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}],[1,"lottery-tipping-bullet",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"positionIdx":[514,"position-idx"],"theme":[513],"value":[513],"disabled":[516],"isSelected":[516,"is-selected"]},null,{"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"]}]]]], options);
+});
+
+exports.setNonce = index.setNonce;

package/dist/collection/collection-manifest.json

@@ -0,0 +1,42 @@
+{
+  "entries": [
+    "components/lottery-tipping-ticket-history/lottery-tipping-ticket-history.js",
+    "components/lottery-tipping-filter/lottery-tipping-filter.js",
+    "components/lottery-tipping-pagination/lottery-tipping-pagination.js",
+    "components/lottery-tipping-panel/lottery-tipping-panel.js"
+  ],
+  "compiler": {
+    "name": "@stencil/core",
+    "version": "4.19.2",
+    "typescriptVersion": "5.4.5"
+  },
+  "collections": [
+    {
+      "name": "@everymatrix/general-multi-select",
+      "tags": [
+        "general-multi-select"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-tipping-bullet-group",
+      "tags": [
+        "lottery-tipping-bullet",
+        "lottery-tipping-bullet-group"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-tipping-dialog",
+      "tags": [
+        "lottery-tipping-dialog"
+      ]
+    },
+    {
+      "name": "@everymatrix/lottery-tipping-ticket-bet",
+      "tags": [
+        "general-tooltip",
+        "lottery-tipping-ticket-bet"
+      ]
+    }
+  ],
+  "bundles": []
+}

package/dist/collection/components/lottery-tipping-filter/index.js

@@ -0,0 +1 @@
+export { LotteryTippingFilter } from './lottery-tipping-filter';

package/dist/collection/components/lottery-tipping-filter/lottery-tipping-filter.css

@@ -0,0 +1,42 @@
+.lottery-tipping-filter .operate-btns {
+  display: flex;
+  gap: 10px;
+}
+.lottery-tipping-filter .operate-btns .operate-btn {
+  background: var(--emw--color-primary, #fed275);
+  border: 1px solid var(--emw--color-primary, #fed275);
+  border-radius: 16px;
+  padding: 8px 10px;
+  font-size: 14px;
+  color: rgb(51, 51, 51);
+  font-weight: 600;
+  cursor: pointer;
+  transition: 0.2s linear;
+}
+
+.dialog-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+.dialog-content .filter-item {
+  margin-bottom: 12px;
+}
+.dialog-content .filter-item-label {
+  text-align: center;
+}
+.dialog-content .filter-item-val {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  justify-content: center;
+}
+
+@media screen and (max-width: 480px) {
+  .lottery-tipping-filter .operate-btns {
+    gap: 4px;
+  }
+}
+.general-multi-select-container {
+  width: var(--vaadin-field-default-width, 16em);
+}

package/dist/collection/components/lottery-tipping-filter/lottery-tipping-filter.js

@@ -0,0 +1,333 @@
+import { h } from "@stencil/core";
+import { setClientStyling, setClientStylingURL, setStreamStyling } from "../../../../../../../../libs/common/src/styling/index";
+import { format } from "date-fns";
+import "../../../../../../../libs/vaadin-facade/index";
+import "../../../../../lottery-tipping-dialog/dist/types/index";
+import "../../../../../general-multi-select/dist/types/index";
+import { translate, getTranslations } from "../../utils/locale.utils";
+export class LotteryTippingFilter {
+    constructor() {
+        this.handleTicketType = (event) => {
+            if (event.detail && event.detail.length) {
+                this.filterData.ticketType = event.detail;
+            }
+        };
+        this.handleFilterFrom = (event) => {
+            const inputElement = event.target;
+            let dateArray = inputElement.value.split('-');
+            if (dateArray.length === 3) {
+                this.filterData = Object.assign(Object.assign({}, this.filterData), { filterFromCalendar: `${dateArray[2]}/${dateArray[1]}/${dateArray[0]}` });
+            }
+        };
+        this.handleFilterTo = (event) => {
+            const inputElement = event.target;
+            let dateArray = inputElement.value.split('-');
+            if (dateArray.length === 3) {
+                this.filterData = Object.assign(Object.assign({}, this.filterData), { filterToCalendar: `${dateArray[2]}/${dateArray[1]}/${dateArray[0]}` });
+            }
+        };
+        this.quickFiltersActive = false;
+        this.mbSource = undefined;
+        this.clientStyling = undefined;
+        this.clientStylingUrl = undefined;
+        this.language = 'en';
+        this.translationUrl = undefined;
+        this.isOpen = false;
+        this.filterData = {
+            filterFromCalendar: '',
+            filterToCalendar: '',
+            ticketId: '',
+            ticketType: []
+        };
+        this.ticketTypeList = undefined;
+        this.showClearButton = false;
+    }
+    handleClientStylingChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStyling(this.stylingContainer, this.clientStyling);
+        }
+    }
+    handleClientStylingUrlChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    handleMbSourceChange(newValue, oldValue) {
+        if (newValue != oldValue) {
+            setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+        }
+    }
+    componentWillLoad() {
+        if (this.translationUrl) {
+            getTranslations(JSON.parse(this.translationUrl));
+        }
+        this.ticketTypeList = [
+            { label: translate('normal', this.language), value: 'NORMAL' },
+            { label: translate('subscription', this.language), value: 'SUBSCRIPTION' }
+        ];
+    }
+    componentDidLoad() {
+        if (this.stylingContainer) {
+            if (this.mbSource)
+                setStreamStyling(this.stylingContainer, `${this.mbSource}.Style`, this.stylingSubscription);
+            if (this.clientStyling)
+                setClientStyling(this.stylingContainer, this.clientStyling);
+            if (this.clientStylingUrl)
+                setClientStylingURL(this.stylingContainer, this.clientStylingUrl);
+        }
+    }
+    disconnectedCallback() {
+        this.stylingSubscription && this.stylingSubscription.unsubscribe();
+    }
+    handleModalClose() {
+        this.isOpen = false;
+    }
+    changeFormate(str) {
+        const [day, month, year] = str.split('/');
+        return `${year}-${month}-${day}`;
+    }
+    formateDate(dateParts) {
+        const { year, month, day } = dateParts;
+        const date = new Date(year, month, day);
+        return format(date, 'dd/MM/yyyy');
+    }
+    parseDate(inputValue) {
+        const [day, month, year] = inputValue.split('/');
+        return { year, month: parseInt(month) - 1, day };
+    }
+    setDateFormate(dom) {
+        dom.i18n = Object.assign(Object.assign({}, dom.i18n), { formatDate: this.formateDate, parseDate: this.parseDate });
+    }
+    clearSelection() {
+        this.comboBox.clear();
+    }
+    resetSearch() {
+        this.showClearButton = false;
+        this.clearSelection();
+        this.filterData = {
+            filterFromCalendar: '',
+            filterToCalendar: '',
+            ticketId: '',
+            ticketType: []
+        };
+        this.filterClear.emit();
+    }
+    handleDialogConfirm() {
+        if (this.filterData.filterFromCalendar && this.filterData.filterToCalendar) {
+            let dateArray = this.filterData.filterFromCalendar.split('/');
+            let dateArrayTo = this.filterData.filterToCalendar.split('/');
+            const transferData = {
+                filterFromCalendar: new Date(Date.UTC(Number(dateArray[2]), Number(dateArray[1]) - 1, Number(dateArray[0]), 0, 0, 0)).toISOString(),
+                filterToCalendar: new Date(Date.UTC(Number(dateArrayTo[2]), Number(dateArrayTo[1]) - 1, Number(dateArrayTo[0]), 23, 59, 59)).toISOString()
+            };
+            this.filterData = Object.assign(Object.assign({}, this.filterData), transferData);
+        }
+        this.filterChange.emit(this.filterData);
+        this.isOpen = false;
+        this.showClearButton = true;
+    }
+    render() {
+        return (h("div", { key: '74aa590f6f92b9df971fd17cb3f573cc6a0a68e9', class: "lottery-tipping-filter", ref: (el) => (this.stylingContainer = el) }, h("div", { key: 'ebf385371627466c5eb06a5ef75a14a467b1badd', class: "operate-btns" }, !this.showClearButton && (h("div", { key: '55c709034e124b51e8b9057980f5a3c3b8c6d5ce', class: "operate-btn", onClick: () => {
+                this.isOpen = true;
+            } }, translate('filter', this.language))), (this.showClearButton || this.quickFiltersActive) && (h("div", { key: 'aa747af2461e72fbacc16decd7fc75cd6f640c47', class: "operate-btn", onClick: () => this.resetSearch() }, translate('clear', this.language)))), h("lottery-tipping-dialog", { key: 'f8f41b7ff5114a48a840063b5f063e28cc61e31c', "dialog-title": translate('ticketResult', this.language), visible: this.isOpen, onCancel: () => {
+                this.isOpen = false;
+            }, onConfirm: this.handleDialogConfirm(), animationDuration: 300, language: this.language, "translation-url": this.translationUrl }, h("div", { key: 'a7510ed9b89b568d6829777bfbbc33bc3fdbb9b4', class: "dialog-content" }, h("div", { key: '25f1a6e8e4f389cc6157468338eb4bac9996a5cd', class: "filter-item" }, h("div", { key: 'a49fded71e3ddc45dc26c7bb47f29132907bcf5f', class: "filter-item-label" }, translate('searchByTicketId', this.language)), h("div", { key: '281d3ebd48ab27fbd82328a684fcf3e11bd68176', class: "filter-item-val" }, h("vaadin-text-field", { key: '3ca7edba908e9ff1d6ab16c5c60e5a1cdb06d9c9', placeholder: translate('enterTicketId', this.language), value: this.filterData.ticketId, onInput: (event) => {
+                this.filterData.ticketId = event.target.value;
+            } }))), h("div", { key: '9bee76f675ef9934db69a1f06e5b40c4e2e94bf2', class: "filter-item" }, h("div", { key: 'd9251a523137fab3410c0ce8597a70ba7cffaf73', class: "filter-item-label" }, translate('searchByTicketType', this.language)), h("div", { key: 'ddc4c4a1c436d874f9c13d4612690d6360815633', class: "general-multi-select-container" }, h("general-multi-select", { key: 'b08fc68491d530937356d519f37362b2e3bf13c8', ref: (el) => (this.comboBox = el), placeholder: translate('selectTicketType', this.language), "max-visible-chips": "2", options: this.ticketTypeList.map((item) => ({
+                text: item.label,
+                value: item.value
+            })), onChange: this.handleTicketType, "client-styling": this.clientStyling, "client-styling-Url": this.clientStylingUrl, "mb-source": this.mbSource }))), h("div", { key: '516fd4574674db32d3e8c9994a8c8cfb3b972364', class: "filter-item" }, h("div", { key: 'ce608f365c0297ff7b3aa1cbe64a51505e441f2c', class: "filter-item-label" }, translate('searchByDate', this.language)), h("div", { key: '9456716fb9e3a392cbb5c16f706b3dc144b0ccbe', class: "filter-item-val" }, h("vaadin-date-picker", { key: 'fb574b38a9e9143bf47fecd16638d50e2b9605a5', value: this.filterData.filterFromCalendar, max: this.filterData.filterToCalendar === undefined
+                ? undefined
+                : this.changeFormate(this.filterData.filterToCalendar), onChange: this.handleFilterFrom, placeholder: translate('from', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" }), h("vaadin-date-picker", { key: '3fc353dd8b7919219731934cf76c75ea13c38e35', value: this.filterData.filterToCalendar, min: this.filterData.filterFromCalendar === undefined
+                ? undefined
+                : this.changeFormate(this.filterData.filterFromCalendar), onChange: this.handleFilterTo, placeholder: translate('to', this.language), ref: (el) => this.setDateFormate(el), class: "VaadinDatePicker" })))))));
+    }
+    static get is() { return "lottery-tipping-filter"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["lottery-tipping-filter.scss"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["lottery-tipping-filter.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "quickFiltersActive": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Notifies if the quick filters from tickets are active"
+                },
+                "attribute": "quick-filters-active",
+                "reflect": true,
+                "defaultValue": "false"
+            },
+            "mbSource": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "mb-source",
+                "reflect": true
+            },
+            "clientStyling": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling",
+                "reflect": true
+            },
+            "clientStylingUrl": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "client-styling-url",
+                "reflect": true
+            },
+            "language": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "language",
+                "reflect": true,
+                "defaultValue": "'en'"
+            },
+            "translationUrl": {
+                "type": "any",
+                "mutable": false,
+                "complexType": {
+                    "original": "any",
+                    "resolved": "any",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "translation-url",
+                "reflect": true
+            }
+        };
+    }
+    static get states() {
+        return {
+            "isOpen": {},
+            "filterData": {},
+            "ticketTypeList": {},
+            "showClearButton": {}
+        };
+    }
+    static get events() {
+        return [{
+                "method": "filterChange",
+                "name": "filterChange",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "LotteryTippingFilterData",
+                    "resolved": "LotteryTippingFilterData",
+                    "references": {
+                        "LotteryTippingFilterData": {
+                            "location": "import",
+                            "path": "../../models",
+                            "id": "../../../../packages/stencil/lottery-tipping-ticket-history/src/models/index.ts::LotteryTippingFilterData"
+                        }
+                    }
+                }
+            }, {
+                "method": "filterClear",
+                "name": "filterClear",
+                "bubbles": true,
+                "cancelable": true,
+                "composed": true,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "complexType": {
+                    "original": "void",
+                    "resolved": "void",
+                    "references": {}
+                }
+            }];
+    }
+    static get watchers() {
+        return [{
+                "propName": "clientStyling",
+                "methodName": "handleClientStylingChange"
+            }, {
+                "propName": "clientStylingUrl",
+                "methodName": "handleClientStylingUrlChange"
+            }, {
+                "propName": "mbSource",
+                "methodName": "handleMbSourceChange"
+            }];
+    }
+    static get listeners() {
+        return [{
+                "name": "modalCloseEvent",
+                "method": "handleModalClose",
+                "target": undefined,
+                "capture": false,
+                "passive": false
+            }];
+    }
+}

package/dist/collection/components/lottery-tipping-pagination/index.js

@@ -0,0 +1 @@
+export { LotteryTippingPagination } from './lottery-tipping-pagination';

package/dist/collection/components/lottery-tipping-pagination/lottery-tipping-pagination.css

@@ -0,0 +1,70 @@
+.paginator {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+button {
+  padding: 4px 8px;
+  font-size: 14px;
+  background: var(--emw--color-background, #fff);
+  border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
+  border-radius: var(--emw--border-radius-small, 4px);
+  cursor: pointer;
+  min-width: 28px;
+  transition: all 0.2s ease;
+}
+
+button.active {
+  color: #333;
+  background: var(--emw--color-primary, #fed275);
+  border-color: var(--emw--color-primary, #fed275);
+  font-weight: bold;
+}
+
+button:not(.arrow-btn):hover {
+  background: var(--emw--color-secondary, #fff3b9);
+  border-color: var(--emw--color-secondary, #fff3b9);
+}
+
+button:disabled {
+  cursor: not-allowed;
+  border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
+  user-select: none;
+}
+
+.ellipsis {
+  font-weight: bold;
+  color: var(--emw--color-gray-400, #000);
+  border: none;
+}
+
+select {
+  padding: 4px 8px;
+  border-radius: 4px;
+  border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
+  font-size: 14px;
+}
+
+.jump-box {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: 8px;
+}
+.jump-box input {
+  width: 50px;
+  padding: 2px 6px;
+  font-size: 14px;
+  border: var(--emw--button-border, 1px solid rgba(221, 221, 221, 0.8666666667));
+  border-radius: 4px;
+  text-align: center;
+}
+
+.total-num {
+  user-select: none;
+  font-size: 14px;
+  color: var(--emw--color-gray-300, #333);
+}