@justifi/webcomponents 5.6.0 → 5.6.1

package/dist/collection/components/payments-list/payments-list.js

@@ -9,7 +9,6 @@ import { defaultColumnsKeys } from "./payments-table";
 export class PaymentsList {
     constructor() {
         this.errorMessage = null;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -32,8 +31,7 @@ export class PaymentsList {
             this.getPayments = makeGetPayments({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin,
+                service: new PaymentService()
             });
         }
         else {
@@ -46,7 +44,7 @@ export class PaymentsList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '97f98385d5b9f4664776f920183901136b1e3d1a' }, h("payments-list-core", { key: 'be6558d801908c60c8c0c0f66741d2ee7049d5e3', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '1527d43387894949810bae0fa5ebeb172f71bbaf' }, h("payments-list-core", { key: '198cbb929b4793c37a0963554d841ac7999e3c29', getPayments: this.getPayments, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-payments-list"; }
     static get encapsulation() { return "shadow"; }
@@ -90,26 +88,6 @@ export class PaymentsList {
                 "setter": false,
                 "reflect": false
             },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
-            },
             "columns": {
                 "type": "string",
                 "attribute": "columns",

package/dist/collection/components/payout-details/get-payout-csv.js

@@ -1,8 +1,8 @@
 import { ComponentErrorSeverity } from "../../api/ComponentError";
 import { getErrorCode, getErrorMessage } from "../../api/services/utils";
-export const makeGetPayoutCSV = ({ authToken, service, apiOrigin }) => async ({ payoutId, onError }) => {
+export const makeGetPayoutCSV = ({ authToken, service }) => async ({ payoutId, onError }) => {
     try {
-        const { data } = await service.fetchCSV(payoutId, authToken, apiOrigin);
+        const { data } = await service.fetchCSV(payoutId, authToken);
         const a = document.createElement('a');
         a.href = data.csv_url;
         a.click();

package/dist/collection/components/payout-details/payout-details.js

@@ -8,7 +8,6 @@ import { makeGetPayoutCSV } from "./get-payout-csv";
 import { checkPkgVersion } from "../../utils/check-pkg-version";
 export class PayoutDetails {
     constructor() {
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.errorMessage = null;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -35,8 +34,7 @@ export class PayoutDetails {
             });
             this.getPayoutCSV = makeGetPayoutCSV({
                 authToken: this.authToken,
-                service: new PayoutService(),
-                apiOrigin: this.apiOrigin
+                service: new PayoutService()
             });
         }
         else {
@@ -95,26 +93,6 @@ export class PayoutDetails {
                 "getter": false,
                 "setter": false,
                 "reflect": false
-            },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
             }
         };
     }

package/dist/collection/components/payout-transactions-list/payout-transactions-list.js

@@ -9,6 +9,7 @@ import { TableClickActions } from "../../ui-components/table/event-types";
 import { table, tableCell } from "../../styles/parts";
 import { StyledHost, TableEmptyState, TableErrorState, TableLoadingState } from "../../ui-components";
 import { defaultColumnsKeys, payoutTransactionTableCells, payoutTransactionTableColumns } from "./payout-transactions-table";
+import { configState } from "../config-provider/config-state";
 export class PayoutTransactionsList {
     constructor() {
         this.balanceTransactions = [];
@@ -16,7 +17,6 @@ export class PayoutTransactionsList {
         this.errorMessage = null;
         this.paging = pagingDefaults;
         this.pagingParams = {};
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleClickPrevious = (beforeCursor) => {
             this.pagingParams = { before_cursor: beforeCursor };
@@ -53,9 +53,9 @@ export class PayoutTransactionsList {
     initializeApi() {
         if (this.payoutId && this.authToken) {
             const getPayoutTransactions = makeGetPayoutTransactions({
+                accountId: configState.accountId,
                 authToken: this.authToken,
-                service: new PayoutService(),
-                apiOrigin: this.apiOrigin
+                service: new PayoutService()
             });
             getPayoutTransactions({
                 params: this.requestParams,
@@ -94,7 +94,7 @@ export class PayoutTransactionsList {
         return Object.assign({ payout_id: this.payoutId, limit: '15' }, this.pagingParams);
     }
     render() {
-        return (h(StyledHost, { key: '90a9bdb7acbaabba3e2d99936ab8ff4af752b89f' }, h("div", { key: '546c52c26422482ebc03c363e1b7251b00628612', class: "table-wrapper" }, h("table", { key: '8cafebb253b276b747be56ffdde3430eebd8165b', class: "table table-hover", part: table }, h("thead", { key: '1b701619c17d926a95ddfb7fbb84fe3a6fd7c9b9', class: "table-head sticky-top" }, h("tr", { key: '94b5d386d8eed15eb54761c450603e3edba05e28', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: 'cf4057bac5a7b9b49448bc0cc6fe60b031e71428', class: "table-body" }, h(TableLoadingState, { key: '0336b83d2842ba8cc450e6169161c5a32b65d5ca', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: 'ecb336f7cf73ae652eafa2068e916055c908b351', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: 'fa99aae26090ced86423af1c1458b51880299260', columnSpan: this.transactionsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: 'e1232dddefdbfaad0616841797235afd61422ec6', class: "sticky-bottom" }, h("tr", { key: 'f399c65e0d5c25206d2194841ba98e88d3fd7ebd', class: "table-light align-middle" }, h("td", { key: 'cb2e12c7d397c5c9be12ff2f3ad53bfba072f814', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: 'b485f5ba2817f9781f53d67b22ea3836caca448a', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
+        return (h(StyledHost, { key: '11760c372ccd854fd247a931ac9a31f80e779908' }, h("div", { key: 'cb45e596e6ac53d5567b7afb8c3c34c11d838fbe', class: "table-wrapper" }, h("table", { key: '449b9e901af31d8ae76e4543e7011f7a9596d8ab', class: "table table-hover", part: table }, h("thead", { key: 'c04b7c762ecbb0b25a8375661f3a51d37ff96f24', class: "table-head sticky-top" }, h("tr", { key: 'b81f0b41584f6322f8faec27c61a749d0a60fbf7', class: "table-light text-nowrap" }, this.transactionsTable.columnData.map((column) => column))), h("tbody", { key: '83947c4b2c28ebd29477cb776dfe193ea090e35d', class: "table-body" }, h(TableLoadingState, { key: '94519e994722bcf30b20ba503858ed3c1ecc33dc', columnSpan: this.transactionsTable.columnData.length, isLoading: this.isLoading }), h(TableEmptyState, { key: '2331c2748f53ba9906ed9228d89097bfd024b600', isEmpty: this.showEmptyState, columnSpan: this.transactionsTable.columnData.length }), h(TableErrorState, { key: '9e0a5bfbbccb0ad02a9ed70edc3bb6d6108b9ad7', columnSpan: this.transactionsTable.columnData.length, errorMessage: this.errorMessage }), this.showRowData && this.transactionsTable.rowData.map((data, index) => (h("tr", { "data-test-id": "table-row", "data-row-entity-id": this.entityId[index], onClick: this.rowClickHandler }, data)))), this.paging && (h("tfoot", { key: '0591033f666cddb7cadec2d8da2d61d8ad66fad6', class: "sticky-bottom" }, h("tr", { key: '26c47ed9b3d37553ba43c0e8fc37c4666a8baef9', class: "table-light align-middle" }, h("td", { key: '25ee92e4f38dc8853a5a3cfcfe4d2829ea51788a', part: tableCell, colSpan: this.transactionsTable.columnData.length }, h("pagination-menu", { key: '4a26779c713b7bb7833822c98596482c1c06b767', paging: Object.assign(Object.assign({}, this.paging), { handleClickPrevious: this.handleClickPrevious, handleClickNext: this.handleClickNext }) })))))))));
     }
     static get is() { return "justifi-payout-transactions-list"; }
     static get encapsulation() { return "shadow"; }
@@ -138,26 +138,6 @@ export class PayoutTransactionsList {
                 "setter": false,
                 "reflect": false
             },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
-            },
             "columns": {
                 "type": "string",
                 "attribute": "columns",

package/dist/collection/components/payouts-list/payouts-list.js

@@ -12,7 +12,6 @@ import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 export class PayoutsList {
     constructor() {
         this.errorMessage = null;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleOnError = (event) => {
             this.errorMessage = event.detail.message;
@@ -39,8 +38,7 @@ export class PayoutsList {
             const serviceParams = {
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new PayoutService(),
-                apiOrigin: this.apiOrigin
+                service: new PayoutService()
             };
             this.getPayouts = makeGetPayouts(serviceParams);
             this.getPayoutCSV = makeGetPayoutCSV(serviceParams);
@@ -59,13 +57,12 @@ export class PayoutsList {
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '8a0fe80740cef6d17900927487aab83287c4ed3f', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '72d7494e2d0f44d4bfec9b2a7bad700c80aae948', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
+        return (h(StyledHost, { key: 'f20034e64b3c1f39cdedd38762ac30a70d92bde1', exportedparts: tableExportedParts }, h("payouts-list-core", { key: '3bee62765d06af00577ca338c4f8dd33eb6cfb1c', getPayouts: this.getPayouts, getPayoutCSV: this.getPayoutCSV, getSubAccounts: this.getSubAccounts, "onError-event": this.handleOnError, columns: this.columns })));
     }
     static get is() { return "justifi-payouts-list"; }
     static get encapsulation() { return "shadow"; }
@@ -109,26 +106,6 @@ export class PayoutsList {
                 "setter": false,
                 "reflect": false
             },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
-            },
             "columns": {
                 "type": "string",
                 "attribute": "columns",

package/dist/collection/components/refund-payment/refund-payment.js

@@ -20,7 +20,6 @@ export class RefundPayment {
         this.paymentLoading = true;
         this.refundLoading = false;
         this.hideSubmitButton = false;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.inputHandler = (name, value) => {
             this.formController.setValues(Object.assign(Object.assign({}, this.formController.values.getValue()), { [name]: value }));
         };
@@ -61,8 +60,7 @@ export class RefundPayment {
             const getPayment = makeGetPaymentDetails({
                 id: this.paymentId,
                 authToken: this.authToken,
-                service: new PaymentService(),
-                apiOrigin: this.apiOrigin
+                service: new PaymentService()
             });
             getPayment({
                 onSuccess: ({ payment }) => {
@@ -93,8 +91,7 @@ export class RefundPayment {
             authToken: this.authToken,
             accountId: this.accountId,
             paymentId: this.paymentId,
-            service: new RefundService(),
-            apiOrigin: this.apiOrigin
+            service: new RefundService()
         });
         const values = this.formController.values.getValue();
         this.refundLoading = true;
@@ -204,26 +201,6 @@ export class RefundPayment {
                 "setter": false,
                 "reflect": false,
                 "defaultValue": "false"
-            },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
             }
         };
     }

package/dist/collection/components/terminal-orders-list/terminal-orders-list.js

@@ -9,7 +9,6 @@ import JustifiAnalytics from "../../api/Analytics";
 export class TerminalOrdersList {
     constructor() {
         this.errorMessage = null;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -26,8 +25,7 @@ export class TerminalOrdersList {
             this.getTerminalOrders = makeGetTerminalOrders({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new TerminalOrderService(),
-                apiOrigin: this.apiOrigin
+                service: new TerminalOrderService()
             });
         }
         else {
@@ -40,7 +38,7 @@ export class TerminalOrdersList {
         }
     }
     render() {
-        return (h(StyledHost, { key: '46b01f30e476ae5e3892b96d804305c8e099b4c2' }, h("terminal-orders-list-core", { key: '4a0d1079a9afbf328c3dd382ca5e2180b5679da0', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: '4ebe88697536863b62a8bd63fac96eb5f93668d0' }, h("terminal-orders-list-core", { key: '6735068496d16cdd4df169708c93534bea78433a', getTerminalOrders: this.getTerminalOrders, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminal-orders-list"; }
     static get encapsulation() { return "shadow"; }
@@ -84,26 +82,6 @@ export class TerminalOrdersList {
                 "setter": false,
                 "reflect": false
             },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
-            },
             "columns": {
                 "type": "string",
                 "attribute": "columns",

package/dist/collection/components/terminals-list/terminals-list.js

@@ -11,7 +11,6 @@ import { makeGetSubAccounts } from "../../actions/sub-account/get-subaccounts";
 export class TerminalsList {
     constructor() {
         this.errorMessage = null;
-        this.apiOrigin = PROXY_API_ORIGIN;
         this.columns = defaultColumnsKeys;
         this.handleErrorEvent = (event) => {
             this.errorMessage = event.detail.message;
@@ -38,8 +37,7 @@ export class TerminalsList {
             this.getTerminals = makeGetTerminals({
                 id: this.accountId,
                 authToken: this.authToken,
-                service: new TerminalService(),
-                apiOrigin: this.apiOrigin
+                service: new TerminalService()
             });
         }
         else {
@@ -56,13 +54,12 @@ export class TerminalsList {
             this.getSubAccounts = makeGetSubAccounts({
                 accountId: this.accountId,
                 authToken: this.authToken,
-                service: new SubAccountService(),
-                apiOrigin: this.apiOrigin
+                service: new SubAccountService()
             });
         }
     }
     render() {
-        return (h(StyledHost, { key: '34f129e35a2bdff9c28c811711d78f04408098ee' }, h("terminals-list-core", { key: '3d0fd5b47e5f4170403dc489168db3dad48dfe2e', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
+        return (h(StyledHost, { key: 'f80199e30923fb9a50f66570087d41c5390e20a1' }, h("terminals-list-core", { key: 'ab3ed9809c1c629b3dd8ac5039294fd23b8c16a8', getTerminals: this.getTerminals, getSubAccounts: this.getSubAccounts, "onError-event": this.handleErrorEvent, columns: this.columns })));
     }
     static get is() { return "justifi-terminals-list"; }
     static get encapsulation() { return "shadow"; }
@@ -106,26 +103,6 @@ export class TerminalsList {
                 "setter": false,
                 "reflect": false
             },
-            "apiOrigin": {
-                "type": "string",
-                "attribute": "api-origin",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "defaultValue": "PROXY_API_ORIGIN"
-            },
             "columns": {
                 "type": "string",
                 "attribute": "columns",

package/dist/collection/styles/parts.js

@@ -53,13 +53,20 @@ export const tooltipInner = `tooltip-inner ${text}`;
 export const card = `card ${text} ${backgroundColor}`;
 // Table
 export const table = `table ${text} ${backgroundColor}`;
+export const tableRow = `table-row ${text} ${backgroundColor}`;
 export const tableCell = `table-cell ${text} ${backgroundColor}`;
-export const tableHeadCell = `table-head-cell ${tableCell} ${text} ${backgroundColor}`;
-export const tableCellEven = `table-cell-even ${tableCell} ${text} ${backgroundColor}`;
-export const tableCellOdd = `table-cell-odd ${tableCell} ${text} ${backgroundColor}`;
+export const tableHeadCell = `table-head-cell ${tableCell}`;
+export const tableCellEven = `table-cell-even ${tableCell}`;
+export const tableCellOdd = `table-cell-odd ${tableCell}`;
 export const getAlternateTableCellPart = (index) => index % 2 ? tableCellEven : tableCellOdd;
 export const tableEmpty = `table-empty ${text} ${backgroundColor}`;
 export const tableError = `table-error ${text} ${backgroundColor}`;
+// Pagination
+export const paginationItem = `pagination-item ${text} ${backgroundColor}`;
+export const paginationItemText = `pagination-item-text ${text}`;
+export const paginationItemIcon = `pagination-item-icon ${text}`;
+export const paginationItemIconNext = `pagination-item-icon-next ${paginationItemIcon}`;
+export const paginationItemIconPrevious = `pagination-item-icon-previous ${paginationItemIcon}`;
 // Loading spinner
 export const loadingSpinner = `loading-spinner`;
 // Badge

package/dist/collection/ui-components/pagination-menu/pagination-menu.js

@@ -1,19 +1,19 @@
 import { h, Host } from "@stencil/core";
 import { ExtendedPagingDefaults } from "../../api/Pagination";
-import { buttonDisabled, buttonLink, } from "../../styles/parts";
+import { buttonDisabled, buttonLink, paginationItemIconNext, paginationItemIconPrevious, paginationItemText } from "../../styles/parts";
 export class PaginationMenu {
     constructor() {
         this.paging = ExtendedPagingDefaults;
         this.params = {};
     }
     render() {
-        return (h(Host, { key: '7a4cfcfa7d9329e8d4026cd6bdc15c3251f004d6' }, h("nav", { key: '203b5ffeb3f4a167aa9448ac6075fd7a1ac15ef7', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: 'e302f939560131ade67b0f9d4135fa04ff485d09', class: "pagination m-0" }, h("li", { key: 'b3e2ba7b66e5de597a3233ee036d4d1ef2930689', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("a", { key: '1f358b34fbaa7f140c1ee15ef6ee8d6f9b87407f', href: "#", class: "page-link", onClick: (e) => {
+        return (h(Host, { key: 'f34109c682d25608ec0443c87677f1be2fe282a0' }, h("nav", { key: '4193a8d85e3e247df506918ebc1860816ae56739', "aria-label": "Table pagination", class: "d-flex justify-content-end gap-3" }, h("ul", { key: 'd69181b137ea096d505dffd8592f5983abd651c5', class: "pagination m-0" }, h("li", { key: '26948939a517b7d5674d4100b82cb8bfd23197d1', class: `page-item ${this.paging.has_previous ? '' : ' disabled'}` }, h("button", { key: '05946ad1aa69a13c63088d85bb594e7bbe4859b2', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickPrevious(this.paging.start_cursor);
-            }, part: this.paging.has_previous ? buttonLink : buttonDisabled }, h("span", { key: 'daffe0c0ffb7265cd769bbf27fef42c37e86300d', class: "me-1" }, "\u00AB"), h("span", { key: '2c42b74352aa7a79ac6bc231cdd828b7a62f5083' }, "Previous"))), h("li", { key: '2707ab481b124351479dbc5e4b270a60f8e0cb9e', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("a", { key: 'f97ea7a812ba9b0066cd5e75ab45bff152708b63', href: "#", class: "page-link", onClick: (e) => {
+            }, part: this.paging.has_previous ? buttonLink : buttonDisabled }, h("span", { key: '7b1c5029503b9fbbfaad817ea1b3d28056e1f187', class: "me-1", part: paginationItemIconPrevious }, "\u00AB"), h("span", { key: '88fe14b4d757d126beffaa9a9b1fe679160029a8', part: paginationItemText }, "Previous"))), h("li", { key: 'd1c2d678b47e82c7ede6a90a3f230c243aaad8e4', class: `page-item ${this.paging.has_next ? '' : ' disabled'}` }, h("button", { key: 'aff77d59aee0b21d5e4e68120effbb234453942b', class: "page-link", onClick: (e) => {
                 e.preventDefault();
                 this.paging.handleClickNext(this.paging.end_cursor);
-            }, part: this.paging.has_next ? buttonLink : buttonDisabled }, h("span", { key: 'a850314028161b5a04618ffc5515603ea7203a0a' }, "Next"), h("span", { key: '643097228302500411ca0c4a932d8067074a15d2', class: "ms-1" }, "\u00BB")))))));
+            }, part: this.paging.has_next ? buttonLink : buttonDisabled }, h("span", { key: '260c9af01293dbd83add85af7703d8b27b089351', part: paginationItemText }, "Next"), h("span", { key: '9122c2d8dbf78ddcc771359d9b36ba3036dc9be0', class: "ms-1", part: paginationItemIconNext }, "\u00BB")))))));
     }
     static get is() { return "pagination-menu"; }
     static get properties() {