@quandis/qbo4.ui 4.0.1-CI-20250106-195358 → 4.0.1-CI-20250106-222914

package/package.json

@@ -3,7 +3,7 @@
   "author": "Quandis, Inc.",
   "license": "MIT",
   "type": "module",
-  "version": "4.0.1-CI-20250106-195358",
+  "version": "4.0.1-CI-20250106-222914",
   "workspaces": [
     "code"
   ],

package/src/qbo/qbo-paginate.d.ts

@@ -7,6 +7,7 @@ export declare class QboPaginate extends LitElement {
     currentPage: number;
     rollingView: boolean;
     editSize: boolean;
+    displayCountText: string;
     private get maxPage();
     static styles: import("lit").CSSResult[];
     goToPage(page: any): void;

package/src/qbo/qbo-paginate.js

@@ -20,6 +20,7 @@ let QboPaginate = class QboPaginate extends LitElement {
         this.currentPage = 1;
         this.rollingView = true;
         this.editSize = true;
+        this.displayCountText = 'Results per page:';
     }
     get maxPage() {
         return Math.floor(this.count / this.display) + (this.count % this.display === 0 ? 0 : 1);
@@ -30,7 +31,7 @@ let QboPaginate = class QboPaginate extends LitElement {
     ]; }
     // Go to a specific page
     goToPage(page) {
-        if (page != this.currentPage && page >= this.currentPage && page <= this.maxPage) {
+        if (page != this.currentPage && page > 0 && page <= this.maxPage) {
             this.currentPage = page;
             this.dispatchEvent(new CustomEvent('change', {
                 detail: { start: (page - 1) * this.display, display: this.display, page: page },
@@ -54,6 +55,8 @@ let QboPaginate = class QboPaginate extends LitElement {
             : 1;
         if (first < 1)
             first = 1;
+        if (first + this.pageLimit > this.maxPage)
+            first = this.maxPage - this.pageLimit + 1;
         let last = (this.maxPage > this.pageLimit)
             ? first + this.pageLimit - 1
             : this.maxPage;
@@ -83,7 +86,7 @@ let QboPaginate = class QboPaginate extends LitElement {
     }
     renderPageSize() {
         return html `<li class="pageSize">
-  <span>Records per page:</span>
+  <span>${this.displayCountText}</span>
   <input type="number" min="5" value="${this.display}" title="Display Size" @change=${(e) => this.setDisplaySize(e)}>
 </li>`;
     }
@@ -135,6 +138,10 @@ __decorate([
     property({ type: Boolean }),
     __metadata("design:type", Object)
 ], QboPaginate.prototype, "editSize", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], QboPaginate.prototype, "displayCountText", void 0);
 QboPaginate = __decorate([
     customElement('qbo-paginate')
 ], QboPaginate);

package/src/qbo/qbo-paginate.ts

@@ -25,6 +25,9 @@ export class QboPaginate extends LitElement {
     @property({ type: Boolean })
     editSize = true;
 
+    @property({ type: String })
+    displayCountText = 'Results per page:';
+
     private get maxPage(): number {
         return Math.floor(this.count / this.display) + (this.count % this.display === 0 ? 0 : 1);
     }
@@ -36,7 +39,7 @@ export class QboPaginate extends LitElement {
 
     // Go to a specific page
     goToPage(page) {
-        if (page != this.currentPage && page >= this.currentPage && page <= this.maxPage) {
+        if (page != this.currentPage && page > 0 && page <= this.maxPage) {
             this.currentPage = page;
 
             this.dispatchEvent(
@@ -66,6 +69,8 @@ export class QboPaginate extends LitElement {
             ? this.currentPage - Math.floor(this.pageLimit / 2) 
             : 1;
         if (first < 1) first = 1;
+        if (first + this.pageLimit > this.maxPage)
+            first = this.maxPage - this.pageLimit + 1;
         let last = (this.maxPage > this.pageLimit)
             ? first + this.pageLimit - 1
             : this.maxPage;
@@ -97,7 +102,7 @@ export class QboPaginate extends LitElement {
 
     renderPageSize() {
         return html`<li class="pageSize">
-  <span>Records per page:</span>
+  <span>${this.displayCountText}</span>
   <input type="number" min="5" value="${this.display}" title="Display Size" @change=${(e) => this.setDisplaySize(e)}>
 </li>`
     }