@ojiepermana/angular 22.1.13 → 22.2.0

package/fesm2022/ojiepermana-angular-component-pagination.mjs

@@ -1,76 +1,171 @@
-import { buttonVariants } from '@ojiepermana/angular/component/button';
-import * as i0 from '@angular/core';
-import { model, input, computed, Component } from '@angular/core';
-import { cn } from '@ojiepermana/angular/component/utils/core';
-
-/**
- * Simple pagination. Emits the desired page via `(pageChange)` and reflects
- * the current page through the `page` model input while allowing lightweight
- * label and visibility tweaks for localized and icon-only demos.
- */
-class PaginationComponent {
-    page = model(1, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
-    total = input(1, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []));
-    /** Number of sibling pages on each side of current. */
-    siblingCount = input(1, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "siblingCount" }] : /* istanbul ignore next */ []));
-    showPageNumbers = input(true, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showPageNumbers" }] : /* istanbul ignore next */ []));
-    previousText = input('Previous', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "previousText" }] : /* istanbul ignore next */ []));
-    nextText = input('Next', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "nextText" }] : /* istanbul ignore next */ []));
-    previousAriaLabel = input('Go to previous page', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "previousAriaLabel" }] : /* istanbul ignore next */ []));
-    nextAriaLabel = input('Go to next page', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "nextAriaLabel" }] : /* istanbul ignore next */ []));
-    formatPageLabel = input((page) => page.toString(), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "formatPageLabel" }] : /* istanbul ignore next */ []));
-    class = input('', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []));
-    classes = computed(() => cn('mx-auto flex w-full justify-center', this.class()), /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    pages = computed(() => {
-        if (!this.showPageNumbers()) {
-            return [];
-        }
-        const total = Math.max(1, this.total());
-        const current = Math.min(Math.max(1, this.page()), total);
-        const siblings = Math.max(0, this.siblingCount());
-        const range = [];
-        const start = Math.max(2, current - siblings);
-        const end = Math.min(total - 1, current + siblings);
-        range.push({ key: 'p-1', kind: 'page', value: 1 });
-        if (start > 2)
-            range.push({ key: 'e-start', kind: 'ellipsis', value: -1 });
-        for (let i = start; i <= end; i++)
-            range.push({ key: `p-${i}`, kind: 'page', value: i });
-        if (end < total - 1)
-            range.push({ key: 'e-end', kind: 'ellipsis', value: -1 });
-        if (total > 1)
-            range.push({ key: `p-${total}`, kind: 'page', value: total });
-        return range;
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []));
-    navClasses(hasText) {
-        return hasText
-            ? cn(buttonVariants({ variant: 'ghost', size: 'default' }), 'gap-1 pl-2.5 pr-2.5')
-            : cn(buttonVariants({ variant: 'ghost', size: 'icon' }), 'h-control-md w-control-md');
-    }
-    pageClasses(active) {
-        return cn(buttonVariants({ variant: active ? 'outline' : 'ghost', size: 'icon' }), 'h-control-md w-control-md');
-    }
-    go(target) {
-        const total = Math.max(1, this.total());
-        const next = Math.min(Math.max(1, target), total);
-        if (next === this.page())
-            return;
-        this.page.set(next);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.4", type: PaginationComponent, isStandalone: true, selector: "Pagination, nav[Pagination]", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, showPageNumbers: { classPropertyName: "showPageNumbers", publicName: "showPageNumbers", isSignal: true, isRequired: false, transformFunction: null }, previousText: { classPropertyName: "previousText", publicName: "previousText", isSignal: true, isRequired: false, transformFunction: null }, nextText: { classPropertyName: "nextText", publicName: "nextText", isSignal: true, isRequired: false, transformFunction: null }, previousAriaLabel: { classPropertyName: "previousAriaLabel", publicName: "previousAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, nextAriaLabel: { classPropertyName: "nextAriaLabel", publicName: "nextAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, formatPageLabel: { classPropertyName: "formatPageLabel", publicName: "formatPageLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { page: "pageChange" }, host: { attributes: { "role": "navigation", "aria-label": "pagination" }, properties: { "class": "classes()" } }, ngImport: i0, template: `
+import { buttonVariants } from "@ojiepermana/angular/component/button";
+import * as i0 from "@angular/core";
+import { Component, computed, input, model } from "@angular/core";
+import { cn } from "@ojiepermana/angular/component/utils/core";
+var PaginationComponent = class PaginationComponent {
+	page = model(1, ...ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []);
+	total = input(1, ...ngDevMode ? [{ debugName: "total" }] : /* istanbul ignore next */ []);
+	siblingCount = input(1, ...ngDevMode ? [{ debugName: "siblingCount" }] : /* istanbul ignore next */ []);
+	showPageNumbers = input(true, ...ngDevMode ? [{ debugName: "showPageNumbers" }] : /* istanbul ignore next */ []);
+	previousText = input("Previous", ...ngDevMode ? [{ debugName: "previousText" }] : /* istanbul ignore next */ []);
+	nextText = input("Next", ...ngDevMode ? [{ debugName: "nextText" }] : /* istanbul ignore next */ []);
+	previousAriaLabel = input("Go to previous page", ...ngDevMode ? [{ debugName: "previousAriaLabel" }] : /* istanbul ignore next */ []);
+	nextAriaLabel = input("Go to next page", ...ngDevMode ? [{ debugName: "nextAriaLabel" }] : /* istanbul ignore next */ []);
+	formatPageLabel = input((page) => page.toString(), ...ngDevMode ? [{ debugName: "formatPageLabel" }] : /* istanbul ignore next */ []);
+	class = input("", ...ngDevMode ? [{ debugName: "class" }] : /* istanbul ignore next */ []);
+	classes = computed(() => cn("mx-auto flex w-full justify-center", this.class()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	pages = computed(() => {
+		if (!this.showPageNumbers()) return [];
+		const total = Math.max(1, this.total());
+		const current = Math.min(Math.max(1, this.page()), total);
+		const siblings = Math.max(0, this.siblingCount());
+		const range = [];
+		const start = Math.max(2, current - siblings);
+		const end = Math.min(total - 1, current + siblings);
+		range.push({
+			key: "p-1",
+			kind: "page",
+			value: 1
+		});
+		if (start > 2) range.push({
+			key: "e-start",
+			kind: "ellipsis",
+			value: -1
+		});
+		for (let i = start; i <= end; i++) range.push({
+			key: `p-${i}`,
+			kind: "page",
+			value: i
+		});
+		if (end < total - 1) range.push({
+			key: "e-end",
+			kind: "ellipsis",
+			value: -1
+		});
+		if (total > 1) range.push({
+			key: `p-${total}`,
+			kind: "page",
+			value: total
+		});
+		return range;
+	}, ...ngDevMode ? [{ debugName: "pages" }] : /* istanbul ignore next */ []);
+	navClasses(hasText) {
+		return hasText ? cn(buttonVariants({
+			variant: "ghost",
+			size: "default"
+		}), "gap-1 pl-2.5 pr-2.5") : cn(buttonVariants({
+			variant: "ghost",
+			size: "icon"
+		}), "h-control-md w-control-md");
+	}
+	pageClasses(active) {
+		return cn(buttonVariants({
+			variant: active ? "outline" : "ghost",
+			size: "icon"
+		}), "h-control-md w-control-md");
+	}
+	go(target) {
+		const total = Math.max(1, this.total());
+		const next = Math.min(Math.max(1, target), total);
+		if (next === this.page()) return;
+		this.page.set(next);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: PaginationComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: PaginationComponent,
+		isStandalone: true,
+		selector: "Pagination, nav[Pagination]",
+		inputs: {
+			page: {
+				classPropertyName: "page",
+				publicName: "page",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			total: {
+				classPropertyName: "total",
+				publicName: "total",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			siblingCount: {
+				classPropertyName: "siblingCount",
+				publicName: "siblingCount",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showPageNumbers: {
+				classPropertyName: "showPageNumbers",
+				publicName: "showPageNumbers",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousText: {
+				classPropertyName: "previousText",
+				publicName: "previousText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nextText: {
+				classPropertyName: "nextText",
+				publicName: "nextText",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousAriaLabel: {
+				classPropertyName: "previousAriaLabel",
+				publicName: "previousAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nextAriaLabel: {
+				classPropertyName: "nextAriaLabel",
+				publicName: "nextAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			formatPageLabel: {
+				classPropertyName: "formatPageLabel",
+				publicName: "formatPageLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			class: {
+				classPropertyName: "class",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { page: "pageChange" },
+		host: {
+			attributes: {
+				"role": "navigation",
+				"aria-label": "pagination"
+			},
+			properties: { "class": "classes()" }
+		},
+		ngImport: i0,
+		template: `
     <ul class="flex flex-row items-center gap-1">
       <li>
         <button
@@ -145,18 +240,25 @@ class PaginationComponent {
         </button>
       </li>
     </ul>
-  `, isInline: true });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: PaginationComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'Pagination, nav[Pagination]',
-                    host: {
-                        role: 'navigation',
-                        'aria-label': 'pagination',
-                        '[class]': 'classes()',
-                    },
-                    template: `
+  `,
+		isInline: true
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: PaginationComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "Pagination, nav[Pagination]",
+			host: {
+				role: "navigation",
+				"aria-label": "pagination",
+				"[class]": "classes()"
+			},
+			template: `
     <ul class="flex flex-row items-center gap-1">
       <li>
         <button
@@ -231,12 +333,93 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImpor
         </button>
       </li>
     </ul>
-  `,
-                }]
-        }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }, { type: i0.Output, args: ["pageChange"] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], siblingCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "siblingCount", required: false }] }], showPageNumbers: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPageNumbers", required: false }] }], previousText: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousText", required: false }] }], nextText: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextText", required: false }] }], previousAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousAriaLabel", required: false }] }], nextAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextAriaLabel", required: false }] }], formatPageLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatPageLabel", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { PaginationComponent };
+  `
+		}]
+	}],
+	propDecorators: {
+		page: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "page",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["pageChange"]
+		}],
+		total: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "total",
+				required: false
+			}]
+		}],
+		siblingCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "siblingCount",
+				required: false
+			}]
+		}],
+		showPageNumbers: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showPageNumbers",
+				required: false
+			}]
+		}],
+		previousText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousText",
+				required: false
+			}]
+		}],
+		nextText: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextText",
+				required: false
+			}]
+		}],
+		previousAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousAriaLabel",
+				required: false
+			}]
+		}],
+		nextAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextAriaLabel",
+				required: false
+			}]
+		}],
+		formatPageLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "formatPageLabel",
+				required: false
+			}]
+		}],
+		class: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { PaginationComponent };