valtech-components 2.0.691 → 2.0.693

package/esm2022/lib/components/molecules/pagination/pagination.component.mjs

@@ -0,0 +1,253 @@
+import { Component, Input, Output, EventEmitter } from '@angular/core';
+import { IonButton, IonIcon } from '@ionic/angular/standalone';
+import { CommonModule } from '@angular/common';
+import { addIcons } from 'ionicons';
+import { chevronBack, chevronForward, playBack, playForward } from 'ionicons/icons';
+import * as i0 from "@angular/core";
+addIcons({ chevronBack, chevronForward, playBack, playForward });
+/**
+ * val-pagination
+ *
+ * A pagination component for navigating through paged content.
+ *
+ * @example Basic usage
+ * <val-pagination [props]="{
+ *   currentPage: 1,
+ *   totalPages: 10,
+ *   showPageInfo: true
+ * }" (pageChange)="onPageChange($event)"></val-pagination>
+ *
+ * @example With total items
+ * <val-pagination [props]="{
+ *   currentPage: 1,
+ *   totalItems: 100,
+ *   pageSize: 10,
+ *   maxVisiblePages: 5
+ * }"></val-pagination>
+ *
+ * @input props: PaginationMetadata - Configuration for pagination
+ * @output pageChange: PageChangeEvent - Emits when page changes
+ */
+export class PaginationComponent {
+    constructor() {
+        this.pageChange = new EventEmitter();
+        this.visiblePages = [];
+        this.totalPages = 1;
+    }
+    ngOnChanges(changes) {
+        if (changes['props']) {
+            this.calculateTotalPages();
+            this.calculateVisiblePages();
+        }
+    }
+    goToPage(page) {
+        if (page < 1 || page > this.totalPages || page === this.props.currentPage) {
+            return;
+        }
+        const event = {
+            page,
+            previousPage: this.props.currentPage,
+            pageSize: this.props.pageSize || 10,
+        };
+        this.pageChange.emit(event);
+    }
+    calculateTotalPages() {
+        if (this.props.totalPages) {
+            this.totalPages = this.props.totalPages;
+        }
+        else if (this.props.totalItems && this.props.pageSize) {
+            this.totalPages = Math.ceil(this.props.totalItems / this.props.pageSize);
+        }
+        else {
+            this.totalPages = 1;
+        }
+    }
+    calculateVisiblePages() {
+        const maxVisible = this.props.maxVisiblePages || 5;
+        const current = this.props.currentPage;
+        const total = this.totalPages;
+        if (total <= maxVisible) {
+            this.visiblePages = Array.from({ length: total }, (_, i) => i + 1);
+            return;
+        }
+        const pages = [];
+        const half = Math.floor(maxVisible / 2);
+        let start = Math.max(1, current - half);
+        let end = Math.min(total, start + maxVisible - 1);
+        if (end - start < maxVisible - 1) {
+            start = Math.max(1, end - maxVisible + 1);
+        }
+        // Always show first page
+        if (start > 1) {
+            pages.push(1);
+            if (start > 2) {
+                pages.push(-1); // Ellipsis
+            }
+        }
+        // Middle pages
+        for (let i = start; i <= end; i++) {
+            if (!pages.includes(i)) {
+                pages.push(i);
+            }
+        }
+        // Always show last page
+        if (end < total) {
+            if (end < total - 1) {
+                pages.push(-1); // Ellipsis
+            }
+            pages.push(total);
+        }
+        this.visiblePages = pages;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PaginationComponent, isStandalone: true, selector: "val-pagination", inputs: { props: "props" }, outputs: { pageChange: "pageChange" }, usesOnChanges: true, ngImport: i0, template: `
+    <div class="pagination-container" [class.disabled]="props.disabled">
+      @if (props.showFirstLast !== false) {
+        <ion-button
+          fill="clear"
+          [size]="props.size || 'default'"
+          [color]="props.color || 'primary'"
+          [disabled]="props.disabled || props.currentPage <= 1"
+          (click)="goToPage(1)"
+        >
+          <ion-icon slot="icon-only" name="play-back"></ion-icon>
+        </ion-button>
+      }
+
+      @if (props.showPrevNext !== false) {
+        <ion-button
+          fill="clear"
+          [size]="props.size || 'default'"
+          [color]="props.color || 'primary'"
+          [disabled]="props.disabled || props.currentPage <= 1"
+          (click)="goToPage(props.currentPage - 1)"
+        >
+          <ion-icon slot="icon-only" name="chevron-back"></ion-icon>
+        </ion-button>
+      }
+
+      @for (page of visiblePages; track page) {
+        @if (page === -1) {
+          <span class="ellipsis">...</span>
+        } @else {
+          <ion-button
+            [fill]="page === props.currentPage ? 'solid' : 'clear'"
+            [size]="props.size || 'default'"
+            [color]="props.color || 'primary'"
+            [disabled]="props.disabled"
+            (click)="goToPage(page)"
+          >
+            {{ page }}
+          </ion-button>
+        }
+      }
+
+      @if (props.showPrevNext !== false) {
+        <ion-button
+          fill="clear"
+          [size]="props.size || 'default'"
+          [color]="props.color || 'primary'"
+          [disabled]="props.disabled || props.currentPage >= totalPages"
+          (click)="goToPage(props.currentPage + 1)"
+        >
+          <ion-icon slot="icon-only" name="chevron-forward"></ion-icon>
+        </ion-button>
+      }
+
+      @if (props.showFirstLast !== false) {
+        <ion-button
+          fill="clear"
+          [size]="props.size || 'default'"
+          [color]="props.color || 'primary'"
+          [disabled]="props.disabled || props.currentPage >= totalPages"
+          (click)="goToPage(totalPages)"
+        >
+          <ion-icon slot="icon-only" name="play-forward"></ion-icon>
+        </ion-button>
+      }
+
+      @if (props.showPageInfo) {
+        <span class="page-info">Page {{ props.currentPage }} of {{ totalPages }}</span>
+      }
+    </div>
+  `, isInline: true, styles: [":host{display:block}.pagination-container{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.pagination-container.disabled{opacity:.5;pointer-events:none}ion-button{--padding-start: 8px;--padding-end: 8px;min-width:36px;font-weight:500}ion-button[size=small]{--padding-start: 6px;--padding-end: 6px;min-width:28px;font-size:12px}ion-button[size=large]{--padding-start: 12px;--padding-end: 12px;min-width:44px;font-size:16px}.ellipsis{padding:0 8px;color:var(--ion-color-medium);font-size:14px}.page-info{margin-left:16px;color:var(--ion-color-medium);font-size:14px;white-space:nowrap}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"] }, { kind: "component", type: IonIcon, selector: "ion-icon", inputs: ["color", "flipRtl", "icon", "ios", "lazy", "md", "mode", "name", "sanitize", "size", "src"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'val-pagination', standalone: true, imports: [CommonModule, IonButton, IonIcon], template: `
+    <div class="pagination-container" [class.disabled]="props.disabled">
+      @if (props.showFirstLast !== false) {
+        <ion-button
+          fill="clear"
+          [size]="props.size || 'default'"
+          [color]="props.color || 'primary'"
+          [disabled]="props.disabled || props.currentPage <= 1"
+          (click)="goToPage(1)"
+        >
+          <ion-icon slot="icon-only" name="play-back"></ion-icon>
+        </ion-button>
+      }
+
+      @if (props.showPrevNext !== false) {
+        <ion-button
+          fill="clear"
+          [size]="props.size || 'default'"
+          [color]="props.color || 'primary'"
+          [disabled]="props.disabled || props.currentPage <= 1"
+          (click)="goToPage(props.currentPage - 1)"
+        >
+          <ion-icon slot="icon-only" name="chevron-back"></ion-icon>
+        </ion-button>
+      }
+
+      @for (page of visiblePages; track page) {
+        @if (page === -1) {
+          <span class="ellipsis">...</span>
+        } @else {
+          <ion-button
+            [fill]="page === props.currentPage ? 'solid' : 'clear'"
+            [size]="props.size || 'default'"
+            [color]="props.color || 'primary'"
+            [disabled]="props.disabled"
+            (click)="goToPage(page)"
+          >
+            {{ page }}
+          </ion-button>
+        }
+      }
+
+      @if (props.showPrevNext !== false) {
+        <ion-button
+          fill="clear"
+          [size]="props.size || 'default'"
+          [color]="props.color || 'primary'"
+          [disabled]="props.disabled || props.currentPage >= totalPages"
+          (click)="goToPage(props.currentPage + 1)"
+        >
+          <ion-icon slot="icon-only" name="chevron-forward"></ion-icon>
+        </ion-button>
+      }
+
+      @if (props.showFirstLast !== false) {
+        <ion-button
+          fill="clear"
+          [size]="props.size || 'default'"
+          [color]="props.color || 'primary'"
+          [disabled]="props.disabled || props.currentPage >= totalPages"
+          (click)="goToPage(totalPages)"
+        >
+          <ion-icon slot="icon-only" name="play-forward"></ion-icon>
+        </ion-button>
+      }
+
+      @if (props.showPageInfo) {
+        <span class="page-info">Page {{ props.currentPage }} of {{ totalPages }}</span>
+      }
+    </div>
+  `, styles: [":host{display:block}.pagination-container{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap}.pagination-container.disabled{opacity:.5;pointer-events:none}ion-button{--padding-start: 8px;--padding-end: 8px;min-width:36px;font-weight:500}ion-button[size=small]{--padding-start: 6px;--padding-end: 6px;min-width:28px;font-size:12px}ion-button[size=large]{--padding-start: 12px;--padding-end: 12px;min-width:44px;font-size:16px}.ellipsis{padding:0 8px;color:var(--ion-color-medium);font-size:14px}.page-info{margin-left:16px;color:var(--ion-color-medium);font-size:14px;white-space:nowrap}\n"] }]
+        }], propDecorators: { props: [{
+                type: Input
+            }], pageChange: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnaW5hdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWEsTUFBTSxFQUFFLFlBQVksRUFBaUIsTUFBTSxlQUFlLENBQUM7QUFDakcsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFFL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUNwQyxPQUFPLEVBQUUsV0FBVyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7O0FBRXBGLFFBQVEsQ0FBQyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsUUFBUSxFQUFFLFdBQVcsRUFBRSxDQUFDLENBQUM7QUErRWpFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0JHO0FBQ0gsTUFBTSxPQUFPLG1CQUFtQjtJQXBHaEM7UUF1R1ksZUFBVSxHQUFHLElBQUksWUFBWSxFQUFtQixDQUFDO1FBRTNELGlCQUFZLEdBQWEsRUFBRSxDQUFDO1FBQzVCLGVBQVUsR0FBVyxDQUFDLENBQUM7S0E4RXhCO0lBNUVDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxJQUFJLE9BQU8sQ0FBQyxPQUFPLENBQUMsRUFBRSxDQUFDO1lBQ3JCLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1lBQzNCLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1FBQy9CLENBQUM7SUFDSCxDQUFDO0lBRUQsUUFBUSxDQUFDLElBQVk7UUFDbkIsSUFBSSxJQUFJLEdBQUcsQ0FBQyxJQUFJLElB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QUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7WUFDaEIsQ0FBQztRQUNILENBQUM7UUFFRCx3QkFBd0I7UUFDeEIsSUFBSSxHQUFHLEdBQUcsS0FBSyxFQUFFLENBQUM7WUFDaEIsSUFBSSxHQUFHLEdBQUcsS0FBSyxHQUFHLENBQUMsRUFBRSxDQUFDO2dCQUNwQixLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXO1lBQzdCLENBQUM7WUFDRCxLQUFLLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BCLENBQUM7UUFFRCxJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztJQUM1QixDQUFDOytHQW5GVSxtQkFBbUI7bUdBQW5CLG1CQUFtQixrS0FoR3BCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBc0VULGdyQkF2RVMsWUFBWSwrQkFBRSxTQUFTLG9QQUFFLE9BQU87OzRGQWlHL0IsbUJBQW1CO2tCQXBHL0IsU0FBUzsrQkFDRSxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsU0FBUyxFQUFFLE9BQU8sQ0FBQyxZQUNqQzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXNFVDs4QkEyQlEsS0FBSztzQkFBYixLQUFLO2dCQUVJLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkNoYW5nZXMsIE91dHB1dCwgRXZlbnRFbWl0dGVyLCBTaW1wbGVDaGFuZ2VzIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJb25CdXR0b24sIElvbkljb24gfSBmcm9tICdAaW9uaWMvYW5ndWxhci9zdGFuZGFsb25lJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBQYWdpbmF0aW9uTWV0YWRhdGEsIFBhZ2VDaGFuZ2VFdmVudCB9IGZyb20gJy4vdHlwZXMnO1xuaW1wb3J0IHsgYWRkSWNvbnMgfSBmcm9tICdpb25pY29ucyc7XG5pbXBvcnQgeyBjaGV2cm9uQmFjaywgY2hldnJvbkZvcndhcmQsIHBsYXlCYWNrLCBwbGF5Rm9yd2FyZCB9IGZyb20gJ2lvbmljb25zL2ljb25zJztcblxuYWRkSWNvbnMoeyBjaGV2cm9uQmFjaywgY2hldnJvbkZvcndhcmQsIHBsYXlCYWNrLCBwbGF5Rm9yd2FyZCB9KTtcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmFsLXBhZ2luYXRpb24nLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBJb25CdXR0b24sIElvbkljb25dLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJwYWdpbmF0aW9uLWNvbnRhaW5lclwiIFtjbGFzcy5kaXNhYmxlZF09XCJwcm9wcy5kaXNhYmxlZFwiPlxuICAgICAgQGlmIChwcm9wcy5zaG93Rmlyc3RMYXN0ICE9PSBmYWxzZSkge1xuICAgICAgICA8aW9uLWJ1dHRvblxuICAgICAgICAgIGZpbGw9XCJjbGVhclwiXG4gICAgICAgICAgW3NpemVdPVwicHJvcHMuc2l6ZSB8fCAnZGVmYXVsdCdcIlxuICAgICAgICAgIFtjb2xvcl09XCJwcm9wcy5jb2xvciB8fCAncHJpbWFyeSdcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJwcm9wcy5kaXNhYmxlZCB8fCBwcm9wcy5jdXJyZW50UGFnZSA8PSAxXCJcbiAgICAgICAgICAoY2xpY2spPVwiZ29Ub1BhZ2UoMSlcIlxuICAgICAgICA+XG4gICAgICAgICAgPGlvbi1pY29uIHNsb3Q9XCJpY29uLW9ubHlcIiBuYW1lPVwicGxheS1iYWNrXCI+PC9pb24taWNvbj5cbiAgICAgICAgPC9pb24tYnV0dG9uPlxuICAgICAgfVxuXG4gICAgICBAaWYgKHByb3BzLnNob3dQcmV2TmV4dCAhPT0gZmFsc2UpIHtcbiAgICAgICAgPGlvbi1idXR0b25cbiAgICAgICAgICBmaWxsPVwiY2xlYXJcIlxuICAgICAgICAgIFtzaXplXT1cInByb3BzLnNpemUgfHwgJ2RlZmF1bHQnXCJcbiAgICAgICAgICBbY29sb3JdPVwicHJvcHMuY29sb3IgfHwgJ3ByaW1hcnknXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwicHJvcHMuZGlzYWJsZWQgfHwgcHJvcHMuY3VycmVudFBhZ2UgPD0gMVwiXG4gICAgICAgICAgKGNsaWNrKT1cImdvVG9QYWdlKHByb3BzLmN1cnJlbnRQYWdlIC0gMSlcIlxuICAgICAgICA+XG4gICAgICAgICAgPGlvbi1pY29uIHNsb3Q9XCJpY29uLW9ubHlcIiBuYW1lPVwiY2hldnJvbi1iYWNrXCI+PC9pb24taWNvbj5cbiAgICAgICAgPC9pb24tYnV0dG9uPlxuICAgICAgfVxuXG4gICAgICBAZm9yIChwYWdlIG9mIHZpc2libGVQYWdlczsgdHJhY2sgcGFnZSkge1xuICAgICAgICBAaWYgKHBhZ2UgPT09IC0xKSB7XG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJlbGxpcHNpc1wiPi4uLjwvc3Bhbj5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgPGlvbi1idXR0b25cbiAgICAgICAgICAgIFtmaWxsXT1cInBhZ2UgPT09IHByb3BzLmN1cnJlbnRQYWdlID8gJ3NvbGlkJyA6ICdjbGVhcidcIlxuICAgICAgICAgICAgW3NpemVdPVwicHJvcHMuc2l6ZSB8fCAnZGVmYXVsdCdcIlxuICAgICAgICAgICAgW2NvbG9yXT1cInByb3BzLmNvbG9yIHx8ICdwcmltYXJ5J1wiXG4gICAgICAgICAgICBbZGlzYWJsZWRdPVwicHJvcHMuZGlzYWJsZWRcIlxuICAgICAgICAgICAgKGNsaWNrKT1cImdvVG9QYWdlKHBhZ2UpXCJcbiAgICAgICAgICA+XG4gICAgICAgICAgICB7eyBwYWdlIH19XG4gICAgICAgICAgPC9pb24tYnV0dG9uPlxuICAgICAgICB9XG4gICAgICB9XG5cbiAgICAgIEBpZiAocHJvcHMuc2hvd1ByZXZOZXh0ICE9PSBmYWxzZSkge1xuICAgICAgICA8aW9uLWJ1dHRvblxuICAgICAgICAgIGZpbGw9XCJjbGVhclwiXG4gICAgICAgICAgW3NpemVdPVwicHJvcHMuc2l6ZSB8fCAnZGVmYXVsdCdcIlxuICAgICAgICAgIFtjb2xvcl09XCJwcm9wcy5jb2xvciB8fCAncHJpbWFyeSdcIlxuICAgICAgICAgIFtkaXNhYmxlZF09XCJwcm9wcy5kaXNhYmxlZCB8fCBwcm9wcy5jdXJyZW50UGFnZSA+PSB0b3RhbFBhZ2VzXCJcbiAgICAgICAgICAoY2xpY2spPVwiZ29Ub1BhZ2UocHJvcHMuY3VycmVudFBhZ2UgKyAxKVwiXG4gICAgICAgID5cbiAgICAgICAgICA8aW9uLWljb24gc2xvdD1cImljb24tb25seVwiIG5hbWU9XCJjaGV2cm9uLWZvcndhcmRcIj48L2lvbi1pY29uPlxuICAgICAgICA8L2lvbi1idXR0b24+XG4gICAgICB9XG5cbiAgICAgIEBpZiAocHJvcHMuc2hvd0ZpcnN0TGFzdCAhPT0gZmFsc2UpIHtcbiAgICAgICAgPGlvbi1idXR0b25cbiAgICAgICAgICBmaWxsPVwiY2xlYXJcIlxuICAgICAgICAgIFtzaXplXT1cInByb3BzLnNpemUgfHwgJ2RlZmF1bHQnXCJcbiAgICAgICAgICBbY29sb3JdPVwicHJvcHMuY29sb3IgfHwgJ3ByaW1hcnknXCJcbiAgICAgICAgICBbZGlzYWJsZWRdPVwicHJvcHMuZGlzYWJsZWQgfHwgcHJvcHMuY3VycmVudFBhZ2UgPj0gdG90YWxQYWdlc1wiXG4gICAgICAgICAgKGNsaWNrKT1cImdvVG9QYWdlKHRvdGFsUGFnZXMpXCJcbiAgICAgICAgPlxuICAgICAgICAgIDxpb24taWNvbiBzbG90PVwiaWNvbi1vbmx5XCIgbmFtZT1cInBsYXktZm9yd2FyZFwiPjwvaW9uLWljb24+XG4gICAgICAgIDwvaW9uLWJ1dHRvbj5cbiAgICAgIH1cblxuICAgICAgQGlmIChwcm9wcy5zaG93UGFnZUluZm8pIHtcbiAgICAgICAgPHNwYW4gY2xhc3M9XCJwYWdlLWluZm9cIj5QYWdlIHt7IHByb3BzLmN1cnJlbnRQYWdlIH19IG9mIHt7IHRvdGFsUGFnZXMgfX08L3NwYW4+XG4gICAgICB9XG4gICAgPC9kaXY+XG4gIGAsXG4gIHN0eWxlVXJsczogWycuL3BhZ2luYXRpb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG4vKipcbiAqIHZhbC1wYWdpbmF0aW9uXG4gKlxuICogQSBwYWdpbmF0aW9uIGNvbXBvbmVudCBmb3IgbmF2aWdhdGluZyB0aHJvdWdoIHBhZ2VkIGNvbnRlbnQuXG4gKlxuICogQGV4YW1wbGUgQmFzaWMgdXNhZ2VcbiAqIDx2YWwtcGFnaW5hdGlvbiBbcHJvcHNdPVwie1xuICogICBjdXJyZW50UGFnZTogMSxcbiAqICAgdG90YWxQYWdlczogMTAsXG4gKiAgIHNob3dQYWdlSW5mbzogdHJ1ZVxuICogfVwiIChwYWdlQ2hhbmdlKT1cIm9uUGFnZUNoYW5nZSgkZXZlbnQpXCI+PC92YWwtcGFnaW5hdGlvbj5cbiAqXG4gKiBAZXhhbXBsZSBXaXRoIHRvdGFsIGl0ZW1zXG4gKiA8dmFsLXBhZ2luYXRpb24gW3Byb3BzXT1cIntcbiAqICAgY3VycmVudFBhZ2U6IDEsXG4gKiAgIHRvdGFsSXRlbXM6IDEwMCxcbiAqICAgcGFnZVNpemU6IDEwLFxuICogICBtYXhWaXNpYmxlUGFnZXM6IDVcbiAqIH1cIj48L3ZhbC1wYWdpbmF0aW9uPlxuICpcbiAqIEBpbnB1dCBwcm9wczogUGFnaW5hdGlvbk1ldGFkYXRhIC0gQ29uZmlndXJhdGlvbiBmb3IgcGFnaW5hdGlvblxuICogQG91dHB1dCBwYWdlQ2hhbmdlOiBQYWdlQ2hhbmdlRXZlbnQgLSBFbWl0cyB3aGVuIHBhZ2UgY2hhbmdlc1xuICovXG5leHBvcnQgY2xhc3MgUGFnaW5hdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIEBJbnB1dCgpIHByb3BzOiBQYWdpbmF0aW9uTWV0YWRhdGE7XG5cbiAgQE91dHB1dCgpIHBhZ2VDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFBhZ2VDaGFuZ2VFdmVudD4oKTtcblxuICB2aXNpYmxlUGFnZXM6IG51bWJlcltdID0gW107XG4gIHRvdGFsUGFnZXM6IG51bWJlciA9IDE7XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGlmIChjaGFuZ2VzWydwcm9wcyddKSB7XG4gICAgICB0aGlzLmNhbGN1bGF0ZVRvdGFsUGFnZXMoKTtcbiAgICAgIHRoaXMuY2FsY3VsYXRlVmlzaWJsZVBhZ2VzKCk7XG4gICAgfVxuICB9XG5cbiAgZ29Ub1BhZ2UocGFnZTogbnVtYmVyKTogdm9pZCB7XG4gICAgaWYgKHBhZ2UgPCAxIHx8IHBhZ2UgPiB0aGlzLnRvdGFsUGFnZXMgfHwgcGFnZSA9PT0gdGhpcy5wcm9wcy5jdXJyZW50UGFnZSkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIGNvbnN0IGV2ZW50OiBQYWdlQ2hhbmdlRXZlbnQgPSB7XG4gICAgICBwYWdlLFxuICAgICAgcHJldmlvdXNQYWdlOiB0aGlzLnByb3BzLmN1cnJlbnRQYWdlLFxuICAgICAgcGFnZVNpemU6IHRoaXMucHJvcHMucGFnZVNpemUgfHwgMTAsXG4gICAgfTtcblxuICAgIHRoaXMucGFnZUNoYW5nZS5lbWl0KGV2ZW50KTtcbiAgfVxuXG4gIHByaXZhdGUgY2FsY3VsYXRlVG90YWxQYWdlcygpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5wcm9wcy50b3RhbFBhZ2VzKSB7XG4gICAgICB0aGlzLnRvdGFsUGFnZXMgPSB0aGlzLnByb3BzLnRvdGFsUGFnZXM7XG4gICAgfSBlbHNlIGlmICh0aGlzLnByb3BzLnRvdGFsSXRlbXMgJiYgdGhpcy5wcm9wcy5wYWdlU2l6ZSkge1xuICAgICAgdGhpcy50b3RhbFBhZ2VzID0gTWF0aC5jZWlsKHRoaXMucHJvcHMudG90YWxJdGVtcyAvIHRoaXMucHJvcHMucGFnZVNpemUpO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLnRvdGFsUGFnZXMgPSAxO1xuICAgIH1cbiAgfVxuXG4gIHByaXZhdGUgY2FsY3VsYXRlVmlzaWJsZVBhZ2VzKCk6IHZvaWQge1xuICAgIGNvbnN0IG1heFZpc2libGUgPSB0aGlzLnByb3BzLm1heFZpc2libGVQYWdlcyB8fCA1O1xuICAgIGNvbnN0IGN1cnJlbnQgPSB0aGlzLnByb3BzLmN1cnJlbnRQYWdlO1xuICAgIGNvbnN0IHRvdGFsID0gdGhpcy50b3RhbFBhZ2VzO1xuXG4gICAgaWYgKHRvdGFsIDw9IG1heFZpc2libGUpIHtcbiAgICAgIHRoaXMudmlzaWJsZVBhZ2VzID0gQXJyYXkuZnJvbSh7IGxlbmd0aDogdG90YWwgfSwgKF8sIGkpID0+IGkgKyAxKTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICBjb25zdCBwYWdlczogbnVtYmVyW10gPSBbXTtcbiAgICBjb25zdCBoYWxmID0gTWF0aC5mbG9vcihtYXhWaXNpYmxlIC8gMik7XG5cbiAgICBsZXQgc3RhcnQgPSBNYXRoLm1heCgxLCBjdXJyZW50IC0gaGFsZik7XG4gICAgbGV0IGVuZCA9IE1hdGgubWluKHRvdGFsLCBzdGFydCArIG1heFZpc2libGUgLSAxKTtcblxuICAgIGlmIChlbmQgLSBzdGFydCA8IG1heFZpc2libGUgLSAxKSB7XG4gICAgICBzdGFydCA9IE1hdGgubWF4KDEsIGVuZCAtIG1heFZpc2libGUgKyAxKTtcbiAgICB9XG5cbiAgICAvLyBBbHdheXMgc2hvdyBmaXJzdCBwYWdlXG4gICAgaWYgKHN0YXJ0ID4gMSkge1xuICAgICAgcGFnZXMucHVzaCgxKTtcbiAgICAgIGlmIChzdGFydCA+IDIpIHtcbiAgICAgICAgcGFnZXMucHVzaCgtMSk7IC8vIEVsbGlwc2lzXG4gICAgICB9XG4gICAgfVxuXG4gICAgLy8gTWlkZGxlIHBhZ2VzXG4gICAgZm9yIChsZXQgaSA9IHN0YXJ0OyBpIDw9IGVuZDsgaSsrKSB7XG4gICAgICBpZiAoIXBhZ2VzLmluY2x1ZGVzKGkpKSB7XG4gICAgICAgIHBhZ2VzLnB1c2goaSk7XG4gICAgICB9XG4gICAgfVxuXG4gICAgLy8gQWx3YXlzIHNob3cgbGFzdCBwYWdlXG4gICAgaWYgKGVuZCA8IHRvdGFsKSB7XG4gICAgICBpZiAoZW5kIDwgdG90YWwgLSAxKSB7XG4gICAgICAgIHBhZ2VzLnB1c2goLTEpOyAvLyBFbGxpcHNpc1xuICAgICAgfVxuICAgICAgcGFnZXMucHVzaCh0b3RhbCk7XG4gICAgfVxuXG4gICAgdGhpcy52aXNpYmxlUGFnZXMgPSBwYWdlcztcbiAgfVxufVxuIl19

package/esm2022/lib/components/molecules/pagination/types.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL2NvbXBvbmVudHMvbW9sZWN1bGVzL3BhZ2luYXRpb24vdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbG9yIH0gZnJvbSAnQGlvbmljL2NvcmUnO1xuXG4vKipcbiAqIE1ldGFkYXRhIGZvciB0aGUgcGFnaW5hdGlvbiBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBpbnRlcmZhY2UgUGFnaW5hdGlvbk1ldGFkYXRhIHtcbiAgLyoqIEN1cnJlbnQgcGFnZSBudW1iZXIgKDEtYmFzZWQpICovXG4gIGN1cnJlbnRQYWdlOiBudW1iZXI7XG4gIC8qKiBUb3RhbCBudW1iZXIgb2YgcGFnZXMgKi9cbiAgdG90YWxQYWdlczogbnVtYmVyO1xuICAvKiogSXRlbXMgcGVyIHBhZ2UgKi9cbiAgcGFnZVNpemU/OiBudW1iZXI7XG4gIC8qKiBUb3RhbCBudW1iZXIgb2YgaXRlbXMgKGFsdGVybmF0aXZlIHRvIHRvdGFsUGFnZXMpICovXG4gIHRvdGFsSXRlbXM/OiBudW1iZXI7XG4gIC8qKiBNYXhpbXVtIHZpc2libGUgcGFnZSBidXR0b25zICovXG4gIG1heFZpc2libGVQYWdlcz86IG51bWJlcjtcbiAgLyoqIFNob3cgZmlyc3QvbGFzdCBwYWdlIGJ1dHRvbnMgKi9cbiAgc2hvd0ZpcnN0TGFzdD86IGJvb2xlYW47XG4gIC8qKiBTaG93IHByZXZpb3VzL25leHQgYnV0dG9ucyAqL1xuICBzaG93UHJldk5leHQ/OiBib29sZWFuO1xuICAvKiogUGFnaW5hdGlvbiBjb2xvciAqL1xuICBjb2xvcj86IENvbG9yO1xuICAvKiogU2l6ZSB2YXJpYW50ICovXG4gIHNpemU/OiAnc21hbGwnIHwgJ2RlZmF1bHQnIHwgJ2xhcmdlJztcbiAgLyoqIERpc2FibGUgcGFnaW5hdGlvbiAqL1xuICBkaXNhYmxlZD86IGJvb2xlYW47XG4gIC8qKiBTaG93IHBhZ2UgaW5mbyB0ZXh0IChlLmcuLCBcIlBhZ2UgMSBvZiAxMFwiKSAqL1xuICBzaG93UGFnZUluZm8/OiBib29sZWFuO1xuICAvKiogVW5pcXVlIHRva2VuIGlkZW50aWZpZXIgKi9cbiAgdG9rZW4/OiBzdHJpbmc7XG59XG5cbi8qKlxuICogRXZlbnQgZW1pdHRlZCB3aGVuIHBhZ2UgY2hhbmdlcy5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBQYWdlQ2hhbmdlRXZlbnQge1xuICAvKiogTmV3IHBhZ2UgbnVtYmVyICovXG4gIHBhZ2U6IG51bWJlcjtcbiAgLyoqIFByZXZpb3VzIHBhZ2UgbnVtYmVyICovXG4gIHByZXZpb3VzUGFnZTogbnVtYmVyO1xuICAvKiogUGFnZSBzaXplICovXG4gIHBhZ2VTaXplOiBudW1iZXI7XG59XG4iXX0=