@everymatrix/bonus-elevate-powerups-history 0.0.1

package/dist/esm/bonus-elevate-powerups-history.js

@@ -0,0 +1,20 @@
+import { p as promiseResolve, b as bootstrapLazy } from './index-ee6f3831.js';
+export { s as setNonce } from './index-ee6f3831.js';
+import { g as globalScripts } from './app-globals-0f993ce5.js';
+
+/*
+ Stencil Client Patch Browser v4.19.2 | MIT Licensed | https://stenciljs.com
+ */
+var patchBrowser = () => {
+  const importMeta = import.meta.url;
+  const opts = {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["bonus-elevate-powerups-history_2",[[1,"bonus-elevate-powerups-history",{"mbSource":[513,"mb-source"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"language":[513],"endpoint":[513],"session":[513],"pageSize":[514,"page-size"],"translationUrl":[513,"translation-url"],"isLoading":[32],"powerups":[32],"offset":[32],"limit":[32],"total":[32]},[[8,"reloadPageByType","onReloadPageByType"]],{"offset":["loadData"],"limit":["loadData"],"language":["loadData"],"session":["loadData"],"endpoint":["loadData"],"clientStyling":["handleClientStylingChange"],"clientStylingUrl":["handleClientStylingUrlChange"],"mbSource":["handleMbSourceChange"],"translationUrl":["handleNewTranslations"]}],[0,"bonus-pagination-nav",{"total":[1538],"limit":[1538],"offset":[1538],"tableId":[1537,"table-id"],"language":[1537],"translationUrl":[513,"translation-url"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"displayPageNumbers":[1540,"display-page-numbers"],"displayRangeOfTotal":[1540,"display-range-of-total"],"navItemAccount":[1538,"nav-item-account"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32],"showAsEllipsisMid":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]]]]], options);
+});

package/dist/esm/bonus-elevate-powerups-history_2.entry.js

@@ -0,0 +1,205 @@
+export { B as bonus_elevate_powerups_history } from './bonus-elevate-powerups-history-f4ca3b40.js';
+import { r as registerInstance, c as createEvent, h } from './index-ee6f3831.js';
+
+const DEFAULT_LANGUAGE = 'en';
+const SUPPORTED_LANGUAGES = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
+const TRANSLATIONS = {
+    "en": {
+        "firstPage": '|<',
+        "lastPage": '>|',
+        "prePage": '<',
+        "nextPage": '>',
+        "pageOfTotal": '{start}-{end} of {total}',
+    },
+    "hu": {
+        "firstPage": 'First',
+        "lastPage": 'Last',
+        "prePage": '<',
+        "nextPage": '>',
+        "pageOfTotal": '{start}-{end} of {total}',
+    },
+    "hr": {
+        "firstPage": 'First',
+        "lastPage": 'Last',
+        "prePage": '<',
+        "nextPage": '>',
+        "pageOfTotal": '{start}-{end} of {total}',
+    },
+    "pt-br": {
+        "firstPage": 'First',
+        "lastPage": 'Last',
+        "prePage": '<',
+        "nextPage": '>',
+        "pageOfTotal": '{start}-{end} of {total}',
+    },
+    "es-mx": {
+        "firstPage": 'First',
+        "lastPage": 'Last',
+        "prePage": '<',
+        "nextPage": '>',
+        "pageOfTotal": '{start}-{end} of {total}',
+    }
+};
+const translate = (key, customLang, values) => {
+    const lang = customLang;
+    let translation = TRANSLATIONS[lang !== undefined && SUPPORTED_LANGUAGES.includes(lang) ? lang : DEFAULT_LANGUAGE][key];
+    if (values !== undefined) {
+        for (const [key, value] of Object.entries(values.values)) {
+            const regex = new RegExp(`{${key}}`, 'g');
+            translation = translation.replace(regex, value);
+        }
+    }
+    return translation;
+};
+
+const bonusPaginationNavCss = ":host{display:block}.PageNavigationWrapper{display:flex;flex-direction:row;height:100%;align-content:center}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emw--color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emw--color-gray-100, #e0e0e0)}ul.PaginationArea{list-style:none;padding:0px;margin:0px;display:flex}ul.PaginationArea li.PageItem{cursor:pointer;padding:5px 6px;margin:2px;width:0.9rem;text-align:center}ul.PaginationArea li.PageItem.Active,ul.PaginationArea li.PageItem:hover{font-weight:bold;color:var(--emw--color-primary, #f5f1f1);background-color:var(--emw--color-secondary, #8c8989);border-radius:0.3rem}";
+const BonusPaginationNavStyle0 = bonusPaginationNavCss;
+
+const BonusPaginationNav = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.reloadPageEmitter = createEvent(this, "reloadPageByType", 7);
+        this.total = 1;
+        this.limit = 10;
+        this.offset = 0;
+        this.tableId = 'default';
+        this.language = 'en';
+        this.translationUrl = '';
+        this.arrowsActive = true;
+        this.secondaryArrowsActive = true;
+        this.displayPageNumbers = true;
+        this.displayRangeOfTotal = undefined;
+        this.navItemAccount = 5;
+        this.endPageIndex = 0;
+        this.pagesArray = undefined;
+        this.currentPage = 1;
+        this.showAsEllipsisMid = !this.arrowsActive;
+    }
+    pageLimitChangedHandler(event) {
+        this.limit = event.detail.limit ? event.detail.limit : this.limit;
+        //reset offset = 0, this.currentPage = 1 when page limit changed
+        this.currentPage = 1;
+        this.offset = 0;
+        this.updatePageStatus();
+        if (event.type == 'pageLimitChanged') {
+            this.reloadPageEmitter.emit({ offset: 0, limit: this.limit, tableId: this.tableId });
+        }
+    }
+    goTo(step) {
+        if (step == '...' || step == 0 || parseInt(step.toString(), 10) > (this.endPageIndex + 1)) {
+            return;
+        }
+        this.currentPage = step;
+        let offset = (this.currentPage - 1) * this.limit;
+        this.reloadPageEmitter.emit({ offset, limit: this.limit, tableId: this.tableId });
+    }
+    renderPageList() {
+        return h("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
+            return (h("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
+                    this.goTo(page);
+                } }, page));
+        }));
+    }
+    renderStylingWrapper() {
+        return h("general-styling-wrapper", { targetTranslations: TRANSLATIONS, translationUrl: this.translationUrl });
+    }
+    /**
+     *
+     * @param maxNavItemsCount
+     * @param ellipsisMid
+     * @private
+     */
+    generateNavItemsByType(maxNavItemsCount, ellipsisMid) {
+        if (this.endPageIndex < maxNavItemsCount) {
+            return Array.from({ length: this.endPageIndex + 1 }, (_, i) => i + 1);
+        }
+        let pageArray = [];
+        /**
+         * Construct numbered navigation area based on current page position
+         * if ellipsisMid => 1, 2, 3 ... 8,9,10  / 1 ... 5,6,7,...10
+         * else => 1, 2, ... / ... 2, 3,4... / ... 9, 10
+         */
+        let halfOfMaxPageCount = Math.floor(maxNavItemsCount / 2);
+        const firstPageNo = 1, lastPageNo = this.endPageIndex + 1;
+        if (ellipsisMid) {
+            //Assume navItemAccount = 7, and totalPage = 10, in this case, we got  halfOfMaxPageCount = 3,
+            if (this.currentPage < halfOfMaxPageCount || this.currentPage > (lastPageNo - halfOfMaxPageCount + 1)) {
+                //current page: (1, 2, 9, 10)
+                //Nav show as   ( 1, 2, 3, ..., 8, 9, 10)
+                pageArray = Array.from({ length: halfOfMaxPageCount }, (_, i) => i + 1);
+                pageArray.push('...');
+                pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount }, (_, i) => (this.endPageIndex - 1) + i));
+            }
+            else if (this.currentPage == halfOfMaxPageCount) {
+                //current page: 3 (=halfOfMaxPageCount)
+                //Nav show as  ( 1, 2, 3, 4, ..., 9,10)
+                pageArray = Array.from({ length: halfOfMaxPageCount + 1 }, (_, i) => i + 1);
+                pageArray.push('...');
+                pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount - 1 }, (_, i) => (this.endPageIndex) + i));
+            }
+            else if (this.currentPage == (lastPageNo - halfOfMaxPageCount + 1)) {
+                //current page: 8, (the page index after this.total - halfOfMaxPageCount  )  Nav show as   ( 1, 2, ... ,7, 8,9,10)
+                pageArray = Array.from({ length: halfOfMaxPageCount - 1 }, (_, i) => i + 1);
+                pageArray.push('...');
+                pageArray = pageArray.concat(Array.from({ length: halfOfMaxPageCount + 1 }, (_, i) => (this.endPageIndex - 2) + i));
+            }
+            else {
+                //current page: > 3 and < 7, let's say is 5 Nav show as   ( 1, ..., 4, 5, 6, ... ,10)
+                pageArray = [firstPageNo, '...'];
+                pageArray = pageArray.concat([this.currentPage - 1], [this.currentPage], [this.currentPage + 1]);
+                pageArray = pageArray.concat(['...', lastPageNo]);
+            }
+        }
+        else {
+            if (this.currentPage <= (maxNavItemsCount - halfOfMaxPageCount)) { // when current page is in first half of nav
+                pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => i + 1);
+                pageArray.push('...');
+            }
+            else if (this.currentPage > (lastPageNo - (maxNavItemsCount - halfOfMaxPageCount))) { // when current page is in last half of nav
+                pageArray = Array.from({ length: (maxNavItemsCount - 1) }, (_, i) => lastPageNo - (maxNavItemsCount - 2) + i);
+                pageArray.unshift('...');
+            }
+            else {
+                pageArray = Array.from({ length: (maxNavItemsCount - 2) }, (_, i) => this.currentPage + i - halfOfMaxPageCount + 1);
+                pageArray.push('...');
+                pageArray.unshift('...');
+            }
+        }
+        return pageArray;
+    }
+    updatePageStatus() {
+        this.endPageIndex = (Math.ceil(this.total / this.limit) - 1);
+        this.endPageIndex = this.endPageIndex < 0 ? this.endPageIndex = 0 : this.endPageIndex;
+        this.pagesArray = this.generateNavItemsByType(this.navItemAccount, this.showAsEllipsisMid);
+    }
+    componentWillRender() {
+        this.currentPage = Math.floor(this.offset / this.limit) + 1;
+        this.updatePageStatus();
+    }
+    render() {
+        const startOffset = (this.currentPage - 1) * this.limit + 1;
+        const endOffset = this.currentPage * this.limit > this.total ? this.total : this.currentPage * this.limit;
+        return h("div", { key: '77610598f3ce40796b8d486fd27725fc68b61878', class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { key: '879bd2f268a18ea3c9cb2bb706d23c8db0634592', class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
+            values: {
+                start: startOffset,
+                end: endOffset,
+                total: this.total
+            }
+        })), h("div", { key: '590af1c2fcb70d782b318c505deb507a8376e13b', class: 'PageNavigation' }, this.arrowsActive &&
+            h("div", { key: '2d4746e889a43d6199ad7f305676d79bdbaa4f04', class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+                    this.goTo(1);
+                } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
+            h("span", { key: '89b588abdf7b77e3cdc00f44bbad27c432146f97', class: `PageArrow PrePage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+                    this.goTo(this.currentPage - 1);
+                } }, translate('prePage', this.language)), this.displayPageNumbers && this.renderPageList(), this.secondaryArrowsActive &&
+            h("span", { key: '097710df72de15cd1b0c03dfb2ac7870c99e12c0', class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
+                    this.goTo(this.currentPage + 1);
+                } }, translate('nextPage', this.language)), this.arrowsActive &&
+            h("div", { key: 'a61296f3e627bc012545618c0fda239a1356da1f', class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
+                    this.goTo(this.endPageIndex + 1);
+                } }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
+    }
+};
+BonusPaginationNav.style = BonusPaginationNavStyle0;
+
+export { BonusPaginationNav as bonus_pagination_nav };