@everymatrix/bonus-pagination-nav 1.31.2 → 1.32.4

package/dist/cjs/index.cjs.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/cjs/loader.cjs.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-fb15607a.js');
-
-/*
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
- */
-const patchEsm = () => {
-    return index.promiseResolve();
-};
-
-const defineCustomElements = (win, options) => {
-  if (typeof window === 'undefined') return Promise.resolve();
-  return patchEsm().then(() => {
-  return index.bootstrapLazy([["bonus-pagination-nav.cjs",[[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);
-  });
-};
-
-exports.defineCustomElements = defineCustomElements;

package/dist/collection/collection-manifest.json

@@ -1,12 +0,0 @@
-{
-  "entries": [
-    "./components/bonus-pagination-nav/bonus-pagination-nav.js"
-  ],
-  "compiler": {
-    "name": "@stencil/core",
-    "version": "2.15.2",
-    "typescriptVersion": "4.5.4"
-  },
-  "collections": [],
-  "bundles": []
-}

package/dist/collection/components/bonus-pagination-nav/bonus-pagination-nav.css

@@ -1,51 +0,0 @@
-: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;
-}

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

@@ -1,359 +0,0 @@
-import { Component, Event, h, Listen, Prop, State } from '@stencil/core';
-import { translate, TRANSLATIONS } from "../../utils/locale.utils";
-export class BonusPaginationNav {
-  constructor() {
-    /**
-     * 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 is() { return "bonus-pagination-nav"; }
-  static get originalStyleUrls() { return {
-    "$": ["bonus-pagination-nav.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["bonus-pagination-nav.css"]
-  }; }
-  static get properties() { return {
-    "total": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The received length of dataset"
-      },
-      "attribute": "total",
-      "reflect": true,
-      "defaultValue": "1"
-    },
-    "limit": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The received limit for the number of pages"
-      },
-      "attribute": "limit",
-      "reflect": true,
-      "defaultValue": "10"
-    },
-    "offset": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The offset of dataset"
-      },
-      "attribute": "offset",
-      "reflect": true,
-      "defaultValue": "0"
-    },
-    "tableId": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "The table id, use to identify which table listen the page change message\nwhen there is more than 1 table on same page"
-      },
-      "attribute": "table-id",
-      "reflect": true,
-      "defaultValue": "'default'"
-    },
-    "language": {
-      "type": "string",
-      "mutable": true,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Language"
-      },
-      "attribute": "language",
-      "reflect": true,
-      "defaultValue": "'en'"
-    },
-    "translationUrl": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Translation via url"
-      },
-      "attribute": "translation-url",
-      "reflect": true,
-      "defaultValue": "''"
-    },
-    "arrowsActive": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Customize pagination: Activate pagination arrows"
-      },
-      "attribute": "arrows-active",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "secondaryArrowsActive": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Customize pagination: Activate pagination secondary arrows"
-      },
-      "attribute": "secondary-arrows-active",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "displayPageNumbers": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Customize pagination: Activate pagination numbered navigation"
-      },
-      "attribute": "display-page-numbers",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "displayRangeOfTotal": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "If show the page of message, eg: `1-20 of 100`"
-      },
-      "attribute": "display-range-of-total",
-      "reflect": true
-    }
-  }; }
-  static get states() { return {
-    "endPageIndex": {},
-    "pagesArray": {},
-    "currentPage": {}
-  }; }
-  static get events() { return [{
-      "method": "reloadPageEmitter",
-      "name": "reloadPageByType",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get listeners() { return [{
-      "name": "paginationReset",
-      "method": "pageLimitChangedHandler",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }, {
-      "name": "pageLimitChanged",
-      "method": "pageLimitChangedHandler",
-      "target": "window",
-      "capture": false,
-      "passive": false
-    }]; }
-}

package/dist/collection/index.js

@@ -1 +0,0 @@
-export * from './components';

package/dist/collection/utils/locale.utils.js

@@ -1,65 +0,0 @@
-const DEFAULT_LANGUAGE = 'en';
-const SUPPORTED_LANGUAGES = ['pt-br', 'en', 'es-mx', 'hu', 'hr'];
-export 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}',
-  }
-};
-export 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;
-};
-export const getTranslations = (url) => {
-  // fetch url, get the data, replace the TRANSLATIONS content
-  return new Promise((resolve) => {
-    fetch(url)
-      .then((res) => res.json())
-      .then((data) => {
-      Object.keys(data).forEach((item) => {
-        for (let key in data[item]) {
-          TRANSLATIONS[item][key] = data[item][key];
-        }
-      });
-      resolve(true);
-    });
-  });
-};

package/dist/components/bonus-pagination-nav.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface BonusPaginationNav extends Components.BonusPaginationNav, HTMLElement {}
-export const BonusPaginationNav: {
-  prototype: BonusPaginationNav;
-  new (): BonusPaginationNav;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;