@everymatrix/bonus-pagination-nav 1.32.4 → 1.33.0

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

@@ -0,0 +1 @@
+import{p as a,b as e}from"./p-06373b64.js";(()=>{const e=import.meta.url,r={};return""!==e&&(r.resourcesUrl=new URL(".",e).href),a(r)})().then((a=>e([["p-fc173a41",[[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"]]]]]],a)));

package/dist/bonus-pagination-nav/p-06373b64.js

@@ -0,0 +1 @@
+let e=!1;const t="undefined"!=typeof window?window:{},n=t.document||{head:{}},l={t:0,l:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,l)=>e.addEventListener(t,n,l),rel:(e,t,n,l)=>e.removeEventListener(t,n,l),ce:(e,t)=>new CustomEvent(e,t)},s=e=>Promise.resolve(e),o=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replace}catch(e){}return!1})(),c=(e,t,n)=>{n&&n.map((([n,s,o])=>{const c=r(e,n),u=i(t,o),f=a(n);l.ael(c,s,u,f),(t.o=t.o||[]).push((()=>l.rel(c,s,u,f)))}))},i=(e,t)=>n=>{try{256&e.t?e.i[t](n):(e.u=e.u||[]).push([t,n])}catch(e){D(e)}},r=(e,n)=>8&n?t:e,a=e=>0!=(2&e),u=new WeakMap,f=e=>"sc-"+e.$,$={},h=e=>"object"==(e=typeof e)||"function"===e,y=(e,t,...n)=>{let l=null,s=!1,o=!1,c=[];const i=t=>{for(let n=0;n<t.length;n++)l=t[n],Array.isArray(l)?i(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof e&&!h(l))&&(l+=""),s&&o?c[c.length-1].h+=l:c.push(s?d(null,l):l),o=s)};if(i(n),t){const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}const r=d(e,null);return r.p=t,c.length>0&&(r.m=c),r},d=(e,t)=>({t:0,S:e,h:t,g:null,m:null,p:null}),p={},m=(e,n,s,o,c,i)=>{if(s!==o){let r=B(e,n),a=n.toLowerCase();if("class"===n){const t=e.classList,n=w(s),l=w(o);t.remove(...n.filter((e=>e&&!l.includes(e)))),t.add(...l.filter((e=>e&&!n.includes(e))))}else if(r||"o"!==n[0]||"n"!==n[1]){const t=h(o);if((r||t&&null!==o)&&!c)try{if(e.tagName.includes("-"))e[n]=o;else{let t=null==o?"":o;"list"===n?r=!1:null!=s&&e[n]==t||(e[n]=t)}}catch(e){}null==o||!1===o?!1===o&&""!==e.getAttribute(n)||e.removeAttribute(n):(!r||4&i||c)&&!t&&e.setAttribute(n,o=!0===o?"":o)}else n="-"===n[2]?n.slice(3):B(t,a)?a.slice(2):a[2]+n.slice(3),s&&l.rel(e,n,s,!1),o&&l.ael(e,n,o,!1)}},b=/\s/,w=e=>e?e.split(b):[],S=(e,t,n,l)=>{const s=11===t.g.nodeType&&t.g.host?t.g.host:t.g,o=e&&e.p||$,c=t.p||$;for(l in o)l in c||m(s,l,o[l],void 0,n,t.t);for(l in c)m(s,l,o[l],c[l],n,t.t)},g=(e,t,l)=>{let s,o,c=t.m[l],i=0;if(null!==c.h)s=c.g=n.createTextNode(c.h);else if(s=c.g=n.createElement(c.S),S(null,c,!1),c.m)for(i=0;i<c.m.length;++i)o=g(e,c,i),o&&s.appendChild(o);return s},j=(e,t,n,l,s,o)=>{let c,i=e;for(;s<=o;++s)l[s]&&(c=g(null,n,s),c&&(l[s].g=c,i.insertBefore(c,t)))},v=(e,t,n,l)=>{for(;t<=n;++t)(l=e[t])&&l.g.remove()},M=(e,t)=>e.S===t.S,k=(e,t)=>{const n=t.g=e.g,l=e.m,s=t.m,o=t.h;null===o?(S(e,t,!1),null!==l&&null!==s?((e,t,n,l)=>{let s,o=0,c=0,i=t.length-1,r=t[0],a=t[i],u=l.length-1,f=l[0],$=l[u];for(;o<=i&&c<=u;)null==r?r=t[++o]:null==a?a=t[--i]:null==f?f=l[++c]:null==$?$=l[--u]:M(r,f)?(k(r,f),r=t[++o],f=l[++c]):M(a,$)?(k(a,$),a=t[--i],$=l[--u]):M(r,$)?(k(r,$),e.insertBefore(r.g,a.g.nextSibling),r=t[++o],$=l[--u]):M(a,f)?(k(a,f),e.insertBefore(a.g,r.g),a=t[--i],f=l[++c]):(s=g(t&&t[c],n,c),f=l[++c],s&&r.g.parentNode.insertBefore(s,r.g));o>i?j(e,null==l[u+1]?null:l[u+1].g,n,l,c,u):c>u&&v(t,o,i)})(n,l,t,s):null!==s?(null!==e.h&&(n.textContent=""),j(n,null,t,s,0,s.length-1)):null!==l&&v(l,0,l.length-1)):e.h!==o&&(n.data=o)},C=(e,t,n)=>{const l=(e=>V(e).j)(e);return{emit:e=>O(l,t,{bubbles:!!(4&n),composed:!!(2&n),cancelable:!!(1&n),detail:e})}},O=(e,t,n)=>{const s=l.ce(t,n);return e.dispatchEvent(s),s},P=(e,t)=>{t&&!e.v&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.v=t)))},x=(e,t)=>{if(e.t|=16,!(4&e.t))return P(e,e.M),te((()=>E(e,t)));e.t|=512},E=(e,t)=>{const n=e.i;let l;return t&&(e.t|=256,e.u&&(e.u.map((([e,t])=>A(n,e,t))),e.u=null)),l=F(l,(()=>A(n,"componentWillRender"))),F(l,(()=>N(e,n,t)))},N=async(e,t,l)=>{const s=e.j,o=s["s-rc"];l&&(e=>{const t=e.k;((e,t)=>{let l=f(t),s=J.get(l);if(e=11===e.nodeType?e:n,s)if("string"==typeof s){let t,o=u.get(e=e.head||e);o||u.set(e,o=new Set),o.has(l)||(t=n.createElement("style"),t.innerHTML=s,e.insertBefore(t,e.querySelector("link")),o&&o.add(l))}else e.adoptedStyleSheets.includes(s)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,s])})(e.j.getRootNode(),t)})(e);R(e,t),o&&(o.map((e=>e())),s["s-rc"]=void 0);{const t=s["s-p"],n=()=>T(e);0===t.length?n():(Promise.all(t).then(n),e.t|=4,t.length=0)}},R=(e,t)=>{try{t=t.render(),e.t&=-17,e.t|=2,((e,t)=>{const n=e.j,l=e.k,s=e.C||d(null,null),o=(e=>e&&e.S===p)(t)?t:y(null,null,t);l.O&&(o.p=o.p||{},l.O.map((([e,t])=>o.p[t]=n[e]))),o.S=null,o.t|=4,e.C=o,o.g=s.g=n,k(s,o)})(e,t)}catch(t){D(t,e.j)}return null},T=e=>{const t=e.j,n=e.M;64&e.t||(e.t|=64,L(t),e.P(t),n||W()),e.v&&(e.v(),e.v=void 0),512&e.t&&ee((()=>x(e,!1))),e.t&=-517},W=()=>{L(n.documentElement),ee((()=>O(t,"appload",{detail:{namespace:"bonus-pagination-nav"}})))},A=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){D(e)}},F=(e,t)=>e&&e.then?e.then(t):t(),L=e=>e.classList.add("hydrated"),U=(e,t,n)=>{if(t.N){const s=Object.entries(t.N),o=e.prototype;if(s.map((([e,[l]])=>{(31&l||2&n&&32&l)&&Object.defineProperty(o,e,{get(){return((e,t)=>V(this).R.get(t))(0,e)},set(n){((e,t,n,l)=>{const s=V(e),o=s.R.get(t),c=s.t,i=s.i;n=((e,t)=>null==e||h(e)?e:4&t?"false"!==e&&(""===e||!!e):2&t?parseFloat(e):1&t?e+"":e)(n,l.N[t][0]),8&c&&void 0!==o||n===o||Number.isNaN(o)&&Number.isNaN(n)||(s.R.set(t,n),i&&2==(18&c)&&x(s,!1))})(this,e,n,t)},configurable:!0,enumerable:!0})})),1&n){const n=new Map;o.attributeChangedCallback=function(e,t,s){l.jmp((()=>{const t=n.get(e);if(this.hasOwnProperty(t))s=this[t],delete this[t];else if(o.hasOwnProperty(t)&&"number"==typeof this[t]&&this[t]==s)return;this[t]=(null!==s||"boolean"!=typeof this[t])&&s}))},e.observedAttributes=s.filter((([e,t])=>15&t[0])).map((([e,l])=>{const s=l[1]||e;return n.set(s,e),512&l[0]&&t.O.push([e,s]),s}))}}return e},q=(e,s={})=>{const i=[],r=s.exclude||[],a=t.customElements,u=n.head,$=u.querySelector("meta[charset]"),h=n.createElement("style"),y=[];let d,p=!0;Object.assign(l,s),l.l=new URL(s.resourcesUrl||"./",n.baseURI).href,e.map((e=>{e[1].map((t=>{const n={t:t[0],$:t[1],N:t[2],T:t[3]};n.N=t[2],n.T=t[3],n.O=[];const s=n.$,u=class extends HTMLElement{constructor(e){super(e),z(e=this,n)}connectedCallback(){d&&(clearTimeout(d),d=null),p?y.push(this):l.jmp((()=>(e=>{if(0==(1&l.t)){const t=V(e),n=t.k,l=()=>{};if(1&t.t)c(e,t,n.T);else{t.t|=1;{let n=e;for(;n=n.parentNode||n.host;)if(n["s-p"]){P(t,t.M=n);break}}n.N&&Object.entries(n.N).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),(async(e,t,n,l,s)=>{if(0==(32&t.t)){{if(t.t|=32,(s=I(n)).then){const e=()=>{};s=await s,e()}s.isProxied||(U(s,n,2),s.isProxied=!0);const e=()=>{};t.t|=8;try{new s(t)}catch(e){D(e)}t.t&=-9,e()}if(s.style){let e=s.style;const t=f(n);if(!J.has(t)){const l=()=>{};((e,t,n)=>{let l=J.get(e);o&&n?(l=l||new CSSStyleSheet,l.replace(t)):l=t,J.set(e,l)})(t,e,!!(1&n.t)),l()}}}const c=t.M,i=()=>x(t,!0);c&&c["s-rc"]?c["s-rc"].push(i):i()})(0,t,n)}l()}})(this)))}disconnectedCallback(){l.jmp((()=>(()=>{if(0==(1&l.t)){const e=V(this);e.o&&(e.o.map((e=>e())),e.o=void 0)}})()))}componentOnReady(){return V(this).W}};n.A=e[0],r.includes(s)||a.get(s)||(i.push(s),a.define(s,U(u,n,1)))}))})),h.innerHTML=i+"{visibility:hidden}.hydrated{visibility:inherit}",h.setAttribute("data-styles",""),u.insertBefore(h,$?$.nextSibling:u.firstChild),p=!1,y.length?y.map((e=>e.connectedCallback())):l.jmp((()=>d=setTimeout(W,30)))},H=new WeakMap,V=e=>H.get(e),_=(e,t)=>H.set(t.i=e,t),z=(e,t)=>{const n={t:0,j:e,k:t,R:new Map};return n.W=new Promise((e=>n.P=e)),e["s-p"]=[],e["s-rc"]=[],c(e,n,t.T),H.set(e,n)},B=(e,t)=>t in e,D=(e,t)=>(0,console.error)(e,t),G=new Map,I=e=>{const t=e.$.replace(/-/g,"_"),n=e.A,l=G.get(n);return l?l[t]:import(`./${n}.entry.js`).then((e=>(G.set(n,e),e[t])),D)},J=new Map,K=[],Q=[],X=(t,n)=>s=>{t.push(s),e||(e=!0,n&&4&l.t?ee(Z):l.raf(Z))},Y=e=>{for(let t=0;t<e.length;t++)try{e[t](performance.now())}catch(e){D(e)}e.length=0},Z=()=>{Y(K),Y(Q),(e=K.length>0)&&l.raf(Z)},ee=e=>s().then(e),te=X(Q,!0);export{q as b,C as c,y as h,s as p,_ as r}

package/dist/bonus-pagination-nav/p-fc173a41.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,h as a}from"./p-06373b64.js";const s=["pt-br","en","es-mx","hu","hr"],e={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}"}},r=(t,i,a)=>{const r=i;let h=e[void 0!==r&&s.includes(r)?r:"en"][t];if(void 0!==a)for(const[t,i]of Object.entries(a.values)){const a=new RegExp(`{${t}}`,"g");h=h.replace(a,i)}return h},h=class{constructor(a){t(this,a),this.reloadPageEmitter=i(this,"reloadPageByType",7),this.total=1,this.limit=10,this.offset=0,this.tableId="default",this.language="en",this.translationUrl="",this.arrowsActive=!0,this.secondaryArrowsActive=!0,this.displayPageNumbers=!0,this.endPageIndex=0,this.currentPage=1}pageLimitChangedHandler(t){this.limit=t.detail.limit?t.detail.limit:this.limit,this.currentPage=1,this.offset=0,this.updatePageStatus(),"pageLimitChanged"==t.type&&this.reloadPageEmitter.emit({offset:0,limit:this.limit,tableId:this.tableId})}goTo(t){"..."==t||0==t||t>this.endPageIndex+1||(this.currentPage=t,this.reloadPageEmitter.emit({offset:(this.currentPage-1)*this.limit,limit:this.limit,tableId:this.tableId}))}renderPageList(){return a("ul",{class:"PaginationArea"},this.pagesArray.map((t=>a("li",{class:"PageItem "+(this.currentPage==t?"Active":""),onClick:()=>{this.goTo(t)}},t))))}renderStylingWrapper(){return a("general-styling-wrapper",{targetTranslations:e,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=[],this.endPageIndex<5?this.pagesArray=Array.from({length:this.endPageIndex+1},((t,i)=>i+1)):1==this.currentPage||2==this.currentPage?(this.pagesArray=Array.from({length:4},((t,i)=>i+1)),this.pagesArray.push("...")):this.currentPage>=3&&this.endPageIndex-this.currentPage>=2?(this.pagesArray=Array.from({length:3},((t,i)=>this.currentPage+i-1)),this.pagesArray.push("..."),this.pagesArray.unshift("...")):this.endPageIndex-this.currentPage<3&&(this.pagesArray=Array.from({length:4},((t,i)=>this.endPageIndex-2+i)),this.pagesArray.unshift("..."))}componentWillRender(){this.currentPage=Math.floor(this.offset/this.limit)+1,this.updatePageStatus()}render(){return a("div",{class:"PageNavigationWrapper"},this.displayRangeOfTotal&&this.total>0&&a("span",{class:"PageOfMessage"},r("pageOfTotal",this.language,{values:{start:(this.currentPage-1)*this.limit+1,end:this.currentPage*this.limit>this.total?this.total:this.currentPage*this.limit,total:this.total}})),a("div",{class:"PageNavigation"},this.arrowsActive&&a("div",{class:"PageArrow FirstPage "+(1==this.currentPage?"Disabled":""),onClick:()=>{this.goTo(1)}},r("firstPage",this.language)),this.secondaryArrowsActive&&a("span",{class:"PageArrow PrePage "+(1==this.currentPage?"Disabled":""),onClick:()=>{this.goTo(this.currentPage-1)}},r("prePage",this.language)),this.displayPageNumbers&&this.renderPageList(),this.secondaryArrowsActive&&a("span",{class:"PageArrow NextPage "+(this.currentPage==this.endPageIndex+1?"Disabled":""),onClick:()=>{this.goTo(this.currentPage+1)}},r("nextPage",this.language)),this.arrowsActive&&a("div",{class:"PageArrow LastPage "+(this.currentPage==this.endPageIndex+1?"Disabled":""),onClick:()=>{this.goTo(this.endPageIndex+1)}}," ",r("lastPage",this.language)," "),this.renderStylingWrapper()))}};h.style=":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}";export{h as bonus_pagination_nav}

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

@@ -0,0 +1,188 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-fb15607a.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) {
+    index.registerInstance(this, hostRef);
+    this.reloadPageEmitter = index.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 index.h("ul", { class: 'PaginationArea' }, this.pagesArray.map((page) => {
+      return (index.h("li", { class: `PageItem ${this.currentPage == page ? 'Active' : ''}`, onClick: () => {
+          this.goTo(page);
+        } }, page));
+    }));
+  }
+  renderStylingWrapper() {
+    return index.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 index.h("div", { class: 'PageNavigationWrapper' }, this.displayRangeOfTotal && this.total > 0 && index.h("span", { class: 'PageOfMessage' }, translate('pageOfTotal', this.language, {
+      values: {
+        start: startOffset,
+        end: endOffset,
+        total: this.total
+      }
+    })), index.h("div", { class: 'PageNavigation' }, this.arrowsActive &&
+      index.h("div", { class: `PageArrow FirstPage ${this.currentPage == 1 ? 'Disabled' : ''}`, onClick: () => {
+          this.goTo(1);
+        } }, translate('firstPage', this.language)), this.secondaryArrowsActive &&
+      index.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 &&
+      index.h("span", { class: `PageArrow NextPage ${this.currentPage == (this.endPageIndex + 1) ? 'Disabled' : ''}`, onClick: () => {
+          this.goTo(this.currentPage + 1);
+        } }, translate('nextPage', this.language)), this.arrowsActive &&
+      index.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;
+
+exports.bonus_pagination_nav = BonusPaginationNav;

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

@@ -0,0 +1,19 @@
+'use strict';
+
+const index = require('./index-fb15607a.js');
+
+/*
+ Stencil Client Patch Browser v2.15.2 | MIT Licensed | https://stenciljs.com
+ */
+const patchBrowser = () => {
+    const importMeta = (typeof document === 'undefined' ? new (require('u' + 'rl').URL)('file:' + __filename).href : (document.currentScript && document.currentScript.src || new URL('bonus-pagination-nav.cjs.js', document.baseURI).href));
+    const opts = {};
+    if (importMeta !== '') {
+        opts.resourcesUrl = new URL('.', importMeta).href;
+    }
+    return index.promiseResolve(opts);
+};
+
+patchBrowser().then(options => {
+  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);
+});