@everymatrix/bonus-pagination-nav 1.31.1 → 1.32.4

package/dist/components/bonus-pagination-nav.js

@@ -1,215 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-
-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}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emfe-w-color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emfe-w-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(--emfe-w-color-primary, #f5f1f1);background-color:var(--emfe-w-color-secondary, #8c8989);border-radius:0.3rem}";
-
-const BonusPaginationNav$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
-  constructor() {
-    super();
-    this.__registerHost();
-    this.reloadPageEmitter = createEvent(this, "reloadPageByType", 7);
-    /**
-     * The received length of dataset
-     */
-    this.total = 1;
-    /**
-     * The received limit for the number of pages
-     */
-    this.limit = 10;
-    /**
-     * The offset of dataset
-     */
-    this.offset = 0;
-    /**
-     * The table id, use to identify which table listen the page change message
-     * when there is more than 1 table on same page
-     */
-    this.tableId = 'default';
-    /**
-     * Language
-     */
-    this.language = 'en';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-    /**
-     * Customize pagination: Activate pagination arrows
-     */
-    this.arrowsActive = true;
-    /**
-     * Customize pagination: Activate pagination secondary arrows
-     */
-    this.secondaryArrowsActive = true;
-    /**
-     * Customize pagination: Activate pagination numbered navigation
-     */
-    this.displayPageNumbers = true;
-    this.endPageIndex = 0;
-    this.currentPage = 1;
-  }
-  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 || step > 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 });
-  }
-  updatePageStatus() {
-    this.endPageIndex = (Math.ceil(this.total / this.limit) - 1);
-    this.endPageIndex = this.endPageIndex < 0 ? this.endPageIndex = 0 : this.endPageIndex;
-    this.pagesArray = [];
-    if (this.endPageIndex < 5) {
-      this.pagesArray = Array.from({ length: this.endPageIndex + 1 }, (_, i) => i + 1);
-    }
-    else {
-      /**
-       * Construct numbered navigation area based on current page position
-       */
-      if (this.currentPage == 1 || this.currentPage == 2) {
-        this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
-        this.pagesArray.push('...');
-      }
-      else if (this.currentPage >= 3 && ((this.endPageIndex - this.currentPage) >= 2)) {
-        this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
-        this.pagesArray.push('...');
-        this.pagesArray.unshift('...');
-      }
-      else if ((this.endPageIndex - this.currentPage) < 3) {
-        this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endPageIndex - 2 + i);
-        this.pagesArray.unshift('...');
-      }
-    }
-  }
-  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", { class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
-      values: {
-        start: startOffset,
-        end: endOffset,
-        total: this.total
-      }
-    })), h("div", { class: 'PageNavigation' }, this.arrowsActive &&
-      h("div", { class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
-          this.goTo(1);
-        } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
-      h("span", { 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", { class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
-          this.goTo(this.currentPage + 1);
-        } }, translate('nextPage', this.language)), this.arrowsActive &&
-      h("div", { class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
-          this.goTo(this.endPageIndex + 1);
-        } }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
-  }
-  static get style() { return bonusPaginationNavCss; }
-}, [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"],
-    "endPageIndex": [32],
-    "pagesArray": [32],
-    "currentPage": [32]
-  }, [[8, "paginationReset", "pageLimitChangedHandler"], [8, "pageLimitChanged", "pageLimitChangedHandler"]]]);
-function defineCustomElement$1() {
-  if (typeof customElements === "undefined") {
-    return;
-  }
-  const components = ["bonus-pagination-nav"];
-  components.forEach(tagName => { switch (tagName) {
-    case "bonus-pagination-nav":
-      if (!customElements.get(tagName)) {
-        customElements.define(tagName, BonusPaginationNav$1);
-      }
-      break;
-  } });
-}
-
-const BonusPaginationNav = BonusPaginationNav$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { BonusPaginationNav, defineCustomElement };

package/dist/components/index.d.ts

@@ -1,26 +0,0 @@
-/* BonusPaginationNav custom elements */
-
-import type { Components, JSX } from "../types/components";
-
-/**
- * Used to manually set the base path where assets can be found.
- * If the script is used as "module", it's recommended to use "import.meta.url",
- * such as "setAssetPath(import.meta.url)". Other options include
- * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
- * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
- * But do note that this configuration depends on how your script is bundled, or lack of
- * bundling, and where your assets can be loaded from. Additionally custom bundling
- * will have to ensure the static assets are copied to its build directory.
- */
-export declare const setAssetPath: (path: string) => void;
-
-export interface SetPlatformOptions {
-  raf?: (c: FrameRequestCallback) => number;
-  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
-}
-export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
-
-export type { Components, JSX };
-
-export * from '../types';

package/dist/components/index.js

@@ -1 +0,0 @@
-export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';

package/dist/esm/bonus-pagination-nav.entry.js

@@ -1,184 +0,0 @@
-import { r as registerInstance, c as createEvent, h } from './index-7299a1fa.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}.PageNavigationWrapper .PageOfMessage{margin:5px;padding:5px 6px;margin:2px}.PageNavigation{display:flex;flex-direction:row;align-items:center}.PageNavigation .PageArrow{color:var(--emfe-w-color-primary, #777676);padding:6px 5px;cursor:pointer;font-weight:bold;width:1.2rem;text-align:center}.PageNavigation .PageArrow.Disabled{color:var(--emfe-w-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(--emfe-w-color-primary, #f5f1f1);background-color:var(--emfe-w-color-secondary, #8c8989);border-radius:0.3rem}";
-
-const BonusPaginationNav = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.reloadPageEmitter = createEvent(this, "reloadPageByType", 7);
-    /**
-     * The received length of dataset
-     */
-    this.total = 1;
-    /**
-     * The received limit for the number of pages
-     */
-    this.limit = 10;
-    /**
-     * The offset of dataset
-     */
-    this.offset = 0;
-    /**
-     * The table id, use to identify which table listen the page change message
-     * when there is more than 1 table on same page
-     */
-    this.tableId = 'default';
-    /**
-     * Language
-     */
-    this.language = 'en';
-    /**
-     * Translation via url
-     */
-    this.translationUrl = '';
-    /**
-     * Customize pagination: Activate pagination arrows
-     */
-    this.arrowsActive = true;
-    /**
-     * Customize pagination: Activate pagination secondary arrows
-     */
-    this.secondaryArrowsActive = true;
-    /**
-     * Customize pagination: Activate pagination numbered navigation
-     */
-    this.displayPageNumbers = true;
-    this.endPageIndex = 0;
-    this.currentPage = 1;
-  }
-  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 || step > 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 });
-  }
-  updatePageStatus() {
-    this.endPageIndex = (Math.ceil(this.total / this.limit) - 1);
-    this.endPageIndex = this.endPageIndex < 0 ? this.endPageIndex = 0 : this.endPageIndex;
-    this.pagesArray = [];
-    if (this.endPageIndex < 5) {
-      this.pagesArray = Array.from({ length: this.endPageIndex + 1 }, (_, i) => i + 1);
-    }
-    else {
-      /**
-       * Construct numbered navigation area based on current page position
-       */
-      if (this.currentPage == 1 || this.currentPage == 2) {
-        this.pagesArray = Array.from({ length: 4 }, (_, i) => i + 1);
-        this.pagesArray.push('...');
-      }
-      else if (this.currentPage >= 3 && ((this.endPageIndex - this.currentPage) >= 2)) {
-        this.pagesArray = Array.from({ length: 3 }, (_, i) => this.currentPage + i - 1);
-        this.pagesArray.push('...');
-        this.pagesArray.unshift('...');
-      }
-      else if ((this.endPageIndex - this.currentPage) < 3) {
-        this.pagesArray = Array.from({ length: 4 }, (_, i) => this.endPageIndex - 2 + i);
-        this.pagesArray.unshift('...');
-      }
-    }
-  }
-  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", { class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && h("span", { class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
-      values: {
-        start: startOffset,
-        end: endOffset,
-        total: this.total
-      }
-    })), h("div", { class: 'PageNavigation' }, this.arrowsActive &&
-      h("div", { class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
-          this.goTo(1);
-        } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
-      h("span", { 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", { class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
-          this.goTo(this.currentPage + 1);
-        } }, translate('nextPage', this.language)), this.arrowsActive &&
-      h("div", { class: `PageArrow LastPage ${this.currentPage == this.endPageIndex + 1 ? 'Disabled' : ''}`, onClick: () => {
-          this.goTo(this.endPageIndex + 1);
-        } }, " ", translate('lastPage', this.language), " "), this.renderStylingWrapper()));
-  }
-};
-BonusPaginationNav.style = bonusPaginationNavCss;
-
-export { BonusPaginationNav as bonus_pagination_nav };

package/dist/esm/bonus-pagination-nav.js

@@ -1,17 +0,0 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-7299a1fa.js';
-
-/*
- Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchBrowser = () => {
-    const importMeta = import.meta.url;
-    const opts = {};
-    if (importMeta !== '') {
-        opts.resourcesUrl = new URL('.', importMeta).href;
-    }
-    return promiseResolve(opts);
-};
-
-patchBrowser().then(options => {
-  return bootstrapLazy([["bonus-pagination-nav",[[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"],"endPageIndex":[32],"pagesArray":[32],"currentPage":[32]},[[8,"paginationReset","pageLimitChangedHandler"],[8,"pageLimitChanged","pageLimitChangedHandler"]]]]]], options);
-});