@masmarino/gabarit 1.4.0 → 2.1.0

package/fesm2022/masmarino-gabarit-page-layout.mjs

@@ -0,0 +1,157 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, input } from "@angular/core";
+var PageLayout = class PageLayout {
+	width = input("default", ...ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []);
+	asideWidth = input("md", ...ngDevMode ? [{ debugName: "asideWidth" }] : /* istanbul ignore next */ []);
+	asidePosition = input("end", ...ngDevMode ? [{ debugName: "asidePosition" }] : /* istanbul ignore next */ []);
+	navLabel = input("Page navigation", ...ngDevMode ? [{ debugName: "navLabel" }] : /* istanbul ignore next */ []);
+	asideLabel = input(null, ...ngDevMode ? [{ debugName: "asideLabel" }] : /* istanbul ignore next */ []);
+	stickyNav = input(false, {
+		...ngDevMode ? { debugName: "stickyNav" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: PageLayout,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.0",
+		type: PageLayout,
+		isStandalone: true,
+		selector: "gbt-page-layout",
+		inputs: {
+			width: {
+				classPropertyName: "width",
+				publicName: "width",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			asideWidth: {
+				classPropertyName: "asideWidth",
+				publicName: "asideWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			asidePosition: {
+				classPropertyName: "asidePosition",
+				publicName: "asidePosition",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			navLabel: {
+				classPropertyName: "navLabel",
+				publicName: "navLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			asideLabel: {
+				classPropertyName: "asideLabel",
+				publicName: "asideLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			stickyNav: {
+				classPropertyName: "stickyNav",
+				publicName: "stickyNav",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: {
+			"attr.data-width": "width()",
+			"attr.data-aside-width": "asideWidth()",
+			"attr.data-aside-position": "asidePosition()",
+			"attr.data-sticky-nav": "stickyNav() ? '' : null"
+		} },
+		ngImport: i0,
+		template: "<div class=\"gbt-page-layout\">\n  <nav class=\"gbt-page-layout__nav\" [attr.aria-label]=\"navLabel()\">\n    <ng-content select=\"[page-nav]\" />\n  </nav>\n  <div class=\"gbt-page-layout__main\"><ng-content /></div>\n  <aside class=\"gbt-page-layout__aside\" [attr.aria-label]=\"asideLabel()\">\n    <ng-content select=\"[page-aside]\" />\n  </aside>\n</div>\n",
+		styles: [":host{--gbt-page-aside-width: 300px;--gbt-page-nav-width: 240px;display:block;container:gbt-page-layout/inline-size;margin-inline:auto}:host([data-width=narrow]){max-width:640px}:host([data-width=default]){max-width:1200px}:host([data-width=wide]){max-width:1440px}:host([data-aside-width=sm]){--gbt-page-aside-width: 240px}:host([data-aside-width=lg]){--gbt-page-aside-width: 360px}.gbt-page-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}.gbt-page-layout__nav,.gbt-page-layout__main,.gbt-page-layout__aside{min-width:0}.gbt-page-layout__aside{padding-top:1rem;border-top:1px solid var(--gbt-hairline)}.gbt-page-layout__nav:empty,.gbt-page-layout__aside:empty{display:none}@container gbt-page-layout (min-width: 769px){.gbt-page-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:\"main\"}.gbt-page-layout:has(>.gbt-page-layout__aside:not(:empty)){grid-template-columns:minmax(0,1fr) var(--gbt-page-aside-width);grid-template-areas:\"main aside\"}:host([data-aside-position=start]) .gbt-page-layout:has(>.gbt-page-layout__aside:not(:empty)){grid-template-columns:var(--gbt-page-aside-width) minmax(0,1fr);grid-template-areas:\"aside main\"}.gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)),:host([data-aside-position=start]) .gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)){grid-template-columns:var(--gbt-page-nav-width) minmax(0,1fr);grid-template-areas:\"nav main\"}.gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)):has(>.gbt-page-layout__aside:not(:empty)),:host([data-aside-position=start]) .gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)):has(>.gbt-page-layout__aside:not(:empty)){grid-template-areas:\"nav main\" \"nav aside\";grid-template-rows:auto 1fr}.gbt-page-layout__nav{grid-area:nav}.gbt-page-layout__main{grid-area:main}.gbt-page-layout__aside{grid-area:aside}.gbt-page-layout:not(:has(>.gbt-page-layout__nav:not(:empty)))>.gbt-page-layout__aside{padding-top:0;border-top:0}:host([data-sticky-nav]) .gbt-page-layout__nav{position:sticky;top:1rem;align-self:start}}@container gbt-page-layout (min-width: 1101px){.gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)):has(>.gbt-page-layout__aside:not(:empty)),:host([data-aside-position=start]) .gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)):has(>.gbt-page-layout__aside:not(:empty)){grid-template-columns:var(--gbt-page-nav-width) minmax(0,1fr) var(--gbt-page-aside-width);grid-template-areas:\"nav main aside\";grid-template-rows:auto}.gbt-page-layout__aside{padding-top:0;border-top:0;position:sticky;top:1rem;align-self:start}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: PageLayout,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-page-layout",
+			standalone: true,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[attr.data-width]": "width()",
+				"[attr.data-aside-width]": "asideWidth()",
+				"[attr.data-aside-position]": "asidePosition()",
+				"[attr.data-sticky-nav]": "stickyNav() ? '' : null"
+			},
+			template: "<div class=\"gbt-page-layout\">\n  <nav class=\"gbt-page-layout__nav\" [attr.aria-label]=\"navLabel()\">\n    <ng-content select=\"[page-nav]\" />\n  </nav>\n  <div class=\"gbt-page-layout__main\"><ng-content /></div>\n  <aside class=\"gbt-page-layout__aside\" [attr.aria-label]=\"asideLabel()\">\n    <ng-content select=\"[page-aside]\" />\n  </aside>\n</div>\n",
+			styles: [":host{--gbt-page-aside-width: 300px;--gbt-page-nav-width: 240px;display:block;container:gbt-page-layout/inline-size;margin-inline:auto}:host([data-width=narrow]){max-width:640px}:host([data-width=default]){max-width:1200px}:host([data-width=wide]){max-width:1440px}:host([data-aside-width=sm]){--gbt-page-aside-width: 240px}:host([data-aside-width=lg]){--gbt-page-aside-width: 360px}.gbt-page-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem;align-items:start}.gbt-page-layout__nav,.gbt-page-layout__main,.gbt-page-layout__aside{min-width:0}.gbt-page-layout__aside{padding-top:1rem;border-top:1px solid var(--gbt-hairline)}.gbt-page-layout__nav:empty,.gbt-page-layout__aside:empty{display:none}@container gbt-page-layout (min-width: 769px){.gbt-page-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:\"main\"}.gbt-page-layout:has(>.gbt-page-layout__aside:not(:empty)){grid-template-columns:minmax(0,1fr) var(--gbt-page-aside-width);grid-template-areas:\"main aside\"}:host([data-aside-position=start]) .gbt-page-layout:has(>.gbt-page-layout__aside:not(:empty)){grid-template-columns:var(--gbt-page-aside-width) minmax(0,1fr);grid-template-areas:\"aside main\"}.gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)),:host([data-aside-position=start]) .gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)){grid-template-columns:var(--gbt-page-nav-width) minmax(0,1fr);grid-template-areas:\"nav main\"}.gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)):has(>.gbt-page-layout__aside:not(:empty)),:host([data-aside-position=start]) .gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)):has(>.gbt-page-layout__aside:not(:empty)){grid-template-areas:\"nav main\" \"nav aside\";grid-template-rows:auto 1fr}.gbt-page-layout__nav{grid-area:nav}.gbt-page-layout__main{grid-area:main}.gbt-page-layout__aside{grid-area:aside}.gbt-page-layout:not(:has(>.gbt-page-layout__nav:not(:empty)))>.gbt-page-layout__aside{padding-top:0;border-top:0}:host([data-sticky-nav]) .gbt-page-layout__nav{position:sticky;top:1rem;align-self:start}}@container gbt-page-layout (min-width: 1101px){.gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)):has(>.gbt-page-layout__aside:not(:empty)),:host([data-aside-position=start]) .gbt-page-layout:has(>.gbt-page-layout__nav:not(:empty)):has(>.gbt-page-layout__aside:not(:empty)){grid-template-columns:var(--gbt-page-nav-width) minmax(0,1fr) var(--gbt-page-aside-width);grid-template-areas:\"nav main aside\";grid-template-rows:auto}.gbt-page-layout__aside{padding-top:0;border-top:0;position:sticky;top:1rem;align-self:start}}\n"]
+		}]
+	}],
+	propDecorators: {
+		width: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "width",
+				required: false
+			}]
+		}],
+		asideWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "asideWidth",
+				required: false
+			}]
+		}],
+		asidePosition: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "asidePosition",
+				required: false
+			}]
+		}],
+		navLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "navLabel",
+				required: false
+			}]
+		}],
+		asideLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "asideLabel",
+				required: false
+			}]
+		}],
+		stickyNav: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "stickyNav",
+				required: false
+			}]
+		}]
+	}
+});
+export { PageLayout };
+
+//# sourceMappingURL=masmarino-gabarit-page-layout.mjs.map

package/fesm2022/masmarino-gabarit-page-layout.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-page-layout.mjs","names":[],"sources":["../../../projects/gabarit/page-layout/page-layout.ts","../../../projects/gabarit/page-layout/page-layout.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, booleanAttribute, input } from '@angular/core'\n\nexport type PageLayoutWidth = 'narrow' | 'default' | 'wide' | 'full'\nexport type PageLayoutAsideWidth = 'sm' | 'md' | 'lg'\nexport type PageLayoutAsidePosition = 'start' | 'end'\n\n@Component({\n  selector: 'gbt-page-layout',\n  standalone: true,\n  templateUrl: './page-layout.html',\n  styleUrl: './page-layout.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[attr.data-width]': 'width()',\n    '[attr.data-aside-width]': 'asideWidth()',\n    '[attr.data-aside-position]': 'asidePosition()',\n    '[attr.data-sticky-nav]': \"stickyNav() ? '' : null\",\n  },\n})\nexport class PageLayout {\n  width = input<PageLayoutWidth>('default')\n  asideWidth = input<PageLayoutAsideWidth>('md')\n  asidePosition = input<PageLayoutAsidePosition>('end')\n  navLabel = input('Page navigation')\n  asideLabel = input<string | null>(null)\n  stickyNav = input(false, { transform: booleanAttribute })\n}\n","<div class=\"gbt-page-layout\">\n  <nav class=\"gbt-page-layout__nav\" [attr.aria-label]=\"navLabel()\">\n    <ng-content select=\"[page-nav]\" />\n  </nav>\n  <div class=\"gbt-page-layout__main\"><ng-content /></div>\n  <aside class=\"gbt-page-layout__aside\" [attr.aria-label]=\"asideLabel()\">\n    <ng-content select=\"[page-aside]\" />\n  </aside>\n</div>\n"],"mappings":";;AAmBA,IAAa,aAAb,MAAa,WAAU;CACrB,QAAQ,MAAuB,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CACzC,aAAa,MAA4B,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CAC9C,gBAAgB,MAA+B,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CACrD,WAAW,MAAM,mBAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,WAAA,CAAA,+BAAA,CAAA,CAAA;CACnC,aAAa,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,aAAA,CAAA,+BAAA,CAAA,CAAA;CACvC,YAAY,MAAM,OAAK;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,WAAW;CAAgB,CAAA;CAN3C,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAU,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAV,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAU,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,UAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,YAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,YAAA;GAAA,mBAAA;GAAA,yBAAA;GAAA,4BAAA;GAAA,wBAAA;EAAA,EAAA;EAAA,UAAA;EAAA,UCnBvB;EASA,QAAA,CAAA,giFAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;ADUa,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAU,YAAA,CAAA;EAbtB,MAAA;EACW,MAAA,CAAA;GAAA,UAAA;GAAiB,YACf;GAAI,iBAGC,wBAAwB;GAAM,MACzC;IACJ,qBAAqB;IACrB,2BAA2B;IAC3B,8BAA8B;IAC9B,0BAA0B;GAC3B;GAAA,UAAA;GAAA,QAAA,CAAA,giFAAA;EAAA,CAAA"}

package/fesm2022/masmarino-gabarit-pagination.mjs

@@ -0,0 +1,415 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, computed, effect, input, output } from "@angular/core";
+import { takeUntilDestroyed } from "@angular/core/rxjs-interop";
+import * as i1 from "@angular/forms";
+import { FormControl, ReactiveFormsModule } from "@angular/forms";
+import { Icon } from "@masmarino/gabarit/icon";
+import { Select } from "@masmarino/gabarit/select";
+function range(start, end) {
+	return Array.from({ length: end - start + 1 }, (_, i) => start + i);
+}
+function paginationRange(page, pageCount, siblingCount) {
+	if (siblingCount + 5 >= pageCount) return range(1, pageCount);
+	const leftSiblingIndex = Math.max(page - siblingCount, 1);
+	const rightSiblingIndex = Math.min(page + siblingCount, pageCount);
+	const shouldShowLeftDots = leftSiblingIndex > 2;
+	const shouldShowRightDots = rightSiblingIndex < pageCount - 2;
+	if (!shouldShowLeftDots && shouldShowRightDots) return [
+		...range(1, 3 + siblingCount * 2),
+		"…",
+		pageCount
+	];
+	if (shouldShowLeftDots && !shouldShowRightDots) return [
+		1,
+		"…",
+		...range(pageCount - (3 + siblingCount * 2) + 1, pageCount)
+	];
+	return [
+		1,
+		"…",
+		...range(leftSiblingIndex, rightSiblingIndex),
+		"…",
+		pageCount
+	];
+}
+var Pagination = class Pagination {
+	page = input(1, ...ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []);
+	pageSize = input(10, ...ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []);
+	totalItems = input.required(...ngDevMode ? [{ debugName: "totalItems" }] : /* istanbul ignore next */ []);
+	siblingCount = input(1, ...ngDevMode ? [{ debugName: "siblingCount" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	ariaLabel = input("Pagination", ...ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []);
+	previousLabel = input("Previous page", ...ngDevMode ? [{ debugName: "previousLabel" }] : /* istanbul ignore next */ []);
+	nextLabel = input("Next page", ...ngDevMode ? [{ debugName: "nextLabel" }] : /* istanbul ignore next */ []);
+	pageLabel = input((page) => `Page ${page}`, ...ngDevMode ? [{ debugName: "pageLabel" }] : /* istanbul ignore next */ []);
+	pageSizeOptions = input([], ...ngDevMode ? [{ debugName: "pageSizeOptions" }] : /* istanbul ignore next */ []);
+	pageSizeLabel = input((size) => `${size} / page`, ...ngDevMode ? [{ debugName: "pageSizeLabel" }] : /* istanbul ignore next */ []);
+	pageSizeSelectLabel = input("Rows per page", ...ngDevMode ? [{ debugName: "pageSizeSelectLabel" }] : /* istanbul ignore next */ []);
+	showItemsSummary = input(false, {
+		...ngDevMode ? { debugName: "showItemsSummary" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	itemsSummaryLabel = input((shown, total) => `${shown} of ${total} items`, ...ngDevMode ? [{ debugName: "itemsSummaryLabel" }] : /* istanbul ignore next */ []);
+	pageChange = output();
+	pageSizeChange = output();
+	ELLIPSIS = "…";
+	pageCount = computed(() => Math.max(1, Math.ceil(this.totalItems() / this.pageSize())), ...ngDevMode ? [{ debugName: "pageCount" }] : /* istanbul ignore next */ []);
+	items = computed(() => paginationRange(this.page(), this.pageCount(), this.siblingCount()), ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	itemsShown = computed(() => {
+		const start = (this.page() - 1) * this.pageSize();
+		return Math.max(0, Math.min(this.pageSize(), this.totalItems() - start));
+	}, ...ngDevMode ? [{ debugName: "itemsShown" }] : /* istanbul ignore next */ []);
+	itemsSummary = computed(() => this.itemsSummaryLabel()(this.itemsShown(), this.totalItems()), ...ngDevMode ? [{ debugName: "itemsSummary" }] : /* istanbul ignore next */ []);
+	pageSizeSelectOptions = computed(() => this.pageSizeOptions().map((size) => ({
+		value: size,
+		label: this.pageSizeLabel()(size)
+	})), ...ngDevMode ? [{ debugName: "pageSizeSelectOptions" }] : /* istanbul ignore next */ []);
+	pageSizeControl = new FormControl(this.pageSize(), { nonNullable: true });
+	constructor() {
+		effect(() => {
+			const size = this.pageSize();
+			if (this.pageSizeControl.value !== size) this.pageSizeControl.setValue(size, { emitEvent: false });
+		});
+		this.pageSizeControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((size) => {
+			this.pageSizeChange.emit(size);
+			this.pageChange.emit(1);
+		});
+		effect(() => {
+			const count = this.pageCount();
+			const current = this.page();
+			const clamped = Math.min(Math.max(current, 1), count);
+			if (clamped !== current) this.pageChange.emit(clamped);
+		});
+	}
+	goTo(page) {
+		if (this.disabled()) return;
+		const clamped = Math.min(Math.max(page, 1), this.pageCount());
+		if (clamped === this.page()) return;
+		this.pageChange.emit(clamped);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.0",
+		ngImport: i0,
+		type: Pagination,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.0",
+		type: Pagination,
+		isStandalone: true,
+		selector: "gbt-pagination",
+		inputs: {
+			page: {
+				classPropertyName: "page",
+				publicName: "page",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageSize: {
+				classPropertyName: "pageSize",
+				publicName: "pageSize",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			totalItems: {
+				classPropertyName: "totalItems",
+				publicName: "totalItems",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			siblingCount: {
+				classPropertyName: "siblingCount",
+				publicName: "siblingCount",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			ariaLabel: {
+				classPropertyName: "ariaLabel",
+				publicName: "ariaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousLabel: {
+				classPropertyName: "previousLabel",
+				publicName: "previousLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nextLabel: {
+				classPropertyName: "nextLabel",
+				publicName: "nextLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageLabel: {
+				classPropertyName: "pageLabel",
+				publicName: "pageLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageSizeOptions: {
+				classPropertyName: "pageSizeOptions",
+				publicName: "pageSizeOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageSizeLabel: {
+				classPropertyName: "pageSizeLabel",
+				publicName: "pageSizeLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			pageSizeSelectLabel: {
+				classPropertyName: "pageSizeSelectLabel",
+				publicName: "pageSizeSelectLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showItemsSummary: {
+				classPropertyName: "showItemsSummary",
+				publicName: "showItemsSummary",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			itemsSummaryLabel: {
+				classPropertyName: "itemsSummaryLabel",
+				publicName: "itemsSummaryLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			pageChange: "pageChange",
+			pageSizeChange: "pageSizeChange"
+		},
+		ngImport: i0,
+		template: "<div class=\"gbt-pagination\">\n  <div class=\"gbt-pagination__side gbt-pagination__side--start\">\n    @if (showItemsSummary()) {\n      <span class=\"gbt-pagination__summary\">{{ itemsSummary() }}</span>\n    }\n  </div>\n\n  <nav [attr.aria-label]=\"ariaLabel()\">\n    <ul class=\"gbt-pagination__list\">\n      <li>\n        <button\n          type=\"button\"\n          class=\"gbt-pagination__nav\"\n          [disabled]=\"disabled() || page() <= 1\"\n          [attr.aria-label]=\"previousLabel()\"\n          (click)=\"goTo(page() - 1)\"\n        >\n          <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n        </button>\n      </li>\n      @for (item of items(); track $index) {\n        @if (item === ELLIPSIS) {\n          <li class=\"gbt-pagination__ellipsis\" aria-hidden=\"true\">{{ ELLIPSIS }}</li>\n        } @else {\n          <li>\n            <button\n              type=\"button\"\n              class=\"gbt-pagination__page\"\n              [class.gbt-pagination__page--current]=\"item === page()\"\n              [attr.aria-current]=\"item === page() ? 'page' : null\"\n              [attr.aria-label]=\"pageLabel()(item)\"\n              [disabled]=\"disabled()\"\n              (click)=\"goTo(item)\"\n            >\n              {{ item }}\n            </button>\n          </li>\n        }\n      }\n      <li>\n        <button\n          type=\"button\"\n          class=\"gbt-pagination__nav\"\n          [disabled]=\"disabled() || page() >= pageCount()\"\n          [attr.aria-label]=\"nextLabel()\"\n          (click)=\"goTo(page() + 1)\"\n        >\n          <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </li>\n    </ul>\n  </nav>\n\n  <div class=\"gbt-pagination__side gbt-pagination__side--end\">\n    @if (pageSizeOptions().length > 0) {\n      <gbt-select\n        class=\"gbt-pagination__page-size\"\n        size=\"sm\"\n        [label]=\"pageSizeSelectLabel()\"\n        [options]=\"pageSizeSelectOptions()\"\n        [disabled]=\"disabled()\"\n        [formControl]=\"pageSizeControl\"\n      />\n    }\n  </div>\n</div>\n",
+		styles: [":host{display:block;width:100%}.gbt-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.gbt-pagination__side{display:flex;align-items:center;flex:1;min-width:0}.gbt-pagination__side--start{justify-content:flex-start}.gbt-pagination__side--end{justify-content:flex-end}.gbt-pagination__summary{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.gbt-pagination__page-size{min-width:0}.gbt-pagination__list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.gbt-pagination__nav,.gbt-pagination__page{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .375rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-pagination__nav:hover:not(:disabled),.gbt-pagination__page:hover:not(:disabled){background:var(--bg-hover)}.gbt-pagination__nav:focus-visible,.gbt-pagination__page:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--focus-ring));outline-offset:2px}.gbt-pagination__nav:disabled,.gbt-pagination__page:disabled{color:var(--text-discret);cursor:not-allowed}.gbt-pagination__page--current{background:var(--primary);color:var(--text-on-primary);font-weight:600}.gbt-pagination__page--current:hover{background:var(--primary)}.gbt-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:var(--text-discret)}\n"],
+		dependencies: [
+			{
+				kind: "component",
+				type: Icon,
+				selector: "gbt-icon",
+				inputs: ["name"]
+			},
+			{
+				kind: "component",
+				type: Select,
+				selector: "gbt-select",
+				inputs: [
+					"id",
+					"label",
+					"size",
+					"hint",
+					"hideLabel",
+					"fullWidth",
+					"options",
+					"multiple",
+					"chips",
+					"placeholder",
+					"disabled",
+					"required",
+					"errorMessage",
+					"selectedCountLabel",
+					"chipRemoveLabel",
+					"noOptionsMessage"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: ReactiveFormsModule
+			},
+			{
+				kind: "directive",
+				type: i1.NgControlStatus,
+				selector: "[formControlName],[ngModel],[formControl]"
+			},
+			{
+				kind: "directive",
+				type: i1.FormControlDirective,
+				selector: "[formControl]",
+				inputs: [
+					"formControl",
+					"disabled",
+					"ngModel"
+				],
+				outputs: ["ngModelChange"],
+				exportAs: ["ngForm"]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.0",
+	ngImport: i0,
+	type: Pagination,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "gbt-pagination",
+			standalone: true,
+			imports: [
+				Icon,
+				Select,
+				ReactiveFormsModule
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			template: "<div class=\"gbt-pagination\">\n  <div class=\"gbt-pagination__side gbt-pagination__side--start\">\n    @if (showItemsSummary()) {\n      <span class=\"gbt-pagination__summary\">{{ itemsSummary() }}</span>\n    }\n  </div>\n\n  <nav [attr.aria-label]=\"ariaLabel()\">\n    <ul class=\"gbt-pagination__list\">\n      <li>\n        <button\n          type=\"button\"\n          class=\"gbt-pagination__nav\"\n          [disabled]=\"disabled() || page() <= 1\"\n          [attr.aria-label]=\"previousLabel()\"\n          (click)=\"goTo(page() - 1)\"\n        >\n          <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n        </button>\n      </li>\n      @for (item of items(); track $index) {\n        @if (item === ELLIPSIS) {\n          <li class=\"gbt-pagination__ellipsis\" aria-hidden=\"true\">{{ ELLIPSIS }}</li>\n        } @else {\n          <li>\n            <button\n              type=\"button\"\n              class=\"gbt-pagination__page\"\n              [class.gbt-pagination__page--current]=\"item === page()\"\n              [attr.aria-current]=\"item === page() ? 'page' : null\"\n              [attr.aria-label]=\"pageLabel()(item)\"\n              [disabled]=\"disabled()\"\n              (click)=\"goTo(item)\"\n            >\n              {{ item }}\n            </button>\n          </li>\n        }\n      }\n      <li>\n        <button\n          type=\"button\"\n          class=\"gbt-pagination__nav\"\n          [disabled]=\"disabled() || page() >= pageCount()\"\n          [attr.aria-label]=\"nextLabel()\"\n          (click)=\"goTo(page() + 1)\"\n        >\n          <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </li>\n    </ul>\n  </nav>\n\n  <div class=\"gbt-pagination__side gbt-pagination__side--end\">\n    @if (pageSizeOptions().length > 0) {\n      <gbt-select\n        class=\"gbt-pagination__page-size\"\n        size=\"sm\"\n        [label]=\"pageSizeSelectLabel()\"\n        [options]=\"pageSizeSelectOptions()\"\n        [disabled]=\"disabled()\"\n        [formControl]=\"pageSizeControl\"\n      />\n    }\n  </div>\n</div>\n",
+			styles: [":host{display:block;width:100%}.gbt-pagination{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.gbt-pagination__side{display:flex;align-items:center;flex:1;min-width:0}.gbt-pagination__side--start{justify-content:flex-start}.gbt-pagination__side--end{justify-content:flex-end}.gbt-pagination__summary{color:var(--text-secondary);font-size:.8125rem;white-space:nowrap}.gbt-pagination__page-size{min-width:0}.gbt-pagination__list{display:flex;align-items:center;gap:.25rem;margin:0;padding:0;list-style:none}.gbt-pagination__nav,.gbt-pagination__page{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:0 .375rem;border:none;border-radius:var(--site-border-radius-sm);background:transparent;color:var(--text-primary);font-size:.875rem;cursor:pointer;transition:background .12s cubic-bezier(.4,0,.2,1)}.gbt-pagination__nav:hover:not(:disabled),.gbt-pagination__page:hover:not(:disabled){background:var(--bg-hover)}.gbt-pagination__nav:focus-visible,.gbt-pagination__page:focus-visible{outline:2px solid var(--gbt-focus-ring, var(--focus-ring));outline-offset:2px}.gbt-pagination__nav:disabled,.gbt-pagination__page:disabled{color:var(--text-discret);cursor:not-allowed}.gbt-pagination__page--current{background:var(--primary);color:var(--text-on-primary);font-weight:600}.gbt-pagination__page--current:hover{background:var(--primary)}.gbt-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;color:var(--text-discret)}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		page: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "page",
+				required: false
+			}]
+		}],
+		pageSize: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageSize",
+				required: false
+			}]
+		}],
+		totalItems: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "totalItems",
+				required: true
+			}]
+		}],
+		siblingCount: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "siblingCount",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		ariaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "ariaLabel",
+				required: false
+			}]
+		}],
+		previousLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousLabel",
+				required: false
+			}]
+		}],
+		nextLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextLabel",
+				required: false
+			}]
+		}],
+		pageLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageLabel",
+				required: false
+			}]
+		}],
+		pageSizeOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageSizeOptions",
+				required: false
+			}]
+		}],
+		pageSizeLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageSizeLabel",
+				required: false
+			}]
+		}],
+		pageSizeSelectLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "pageSizeSelectLabel",
+				required: false
+			}]
+		}],
+		showItemsSummary: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showItemsSummary",
+				required: false
+			}]
+		}],
+		itemsSummaryLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "itemsSummaryLabel",
+				required: false
+			}]
+		}],
+		pageChange: [{
+			type: i0.Output,
+			args: ["pageChange"]
+		}],
+		pageSizeChange: [{
+			type: i0.Output,
+			args: ["pageSizeChange"]
+		}]
+	}
+});
+export { Pagination };
+
+//# sourceMappingURL=masmarino-gabarit-pagination.mjs.map

package/fesm2022/masmarino-gabarit-pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masmarino-gabarit-pagination.mjs","names":[],"sources":["../../../projects/gabarit/pagination/pagination.ts","../../../projects/gabarit/pagination/pagination.html"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  booleanAttribute,\n  computed,\n  effect,\n  input,\n  output,\n} from '@angular/core'\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop'\nimport { FormControl, ReactiveFormsModule } from '@angular/forms'\nimport { Icon } from '@masmarino/gabarit/icon'\nimport { Select, SelectOption } from '@masmarino/gabarit/select'\n\nexport const ELLIPSIS = '…' as const\nexport type PaginationItem = number | typeof ELLIPSIS\n\nfunction range(start: number, end: number): number[] {\n  return Array.from({ length: end - start + 1 }, (_, i) => start + i)\n}\n\nexport function paginationRange(\n  page: number,\n  pageCount: number,\n  siblingCount: number,\n): PaginationItem[] {\n  const totalPageNumbers = siblingCount + 5\n\n  if (totalPageNumbers >= pageCount) {\n    return range(1, pageCount)\n  }\n\n  const leftSiblingIndex = Math.max(page - siblingCount, 1)\n  const rightSiblingIndex = Math.min(page + siblingCount, pageCount)\n\n  const shouldShowLeftDots = leftSiblingIndex > 2\n  const shouldShowRightDots = rightSiblingIndex < pageCount - 2\n\n  if (!shouldShowLeftDots && shouldShowRightDots) {\n    const leftItemCount = 3 + siblingCount * 2\n    return [...range(1, leftItemCount), ELLIPSIS, pageCount]\n  }\n\n  if (shouldShowLeftDots && !shouldShowRightDots) {\n    const rightItemCount = 3 + siblingCount * 2\n    return [1, ELLIPSIS, ...range(pageCount - rightItemCount + 1, pageCount)]\n  }\n\n  return [1, ELLIPSIS, ...range(leftSiblingIndex, rightSiblingIndex), ELLIPSIS, pageCount]\n}\n\n@Component({\n  selector: 'gbt-pagination',\n  standalone: true,\n  imports: [Icon, Select, ReactiveFormsModule],\n  templateUrl: './pagination.html',\n  styleUrl: './pagination.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class Pagination {\n  page = input<number>(1)\n  pageSize = input<number>(10)\n  totalItems = input.required<number>()\n  siblingCount = input<number>(1)\n  disabled = input(false, { transform: booleanAttribute })\n  ariaLabel = input<string>('Pagination')\n  previousLabel = input<string>('Previous page')\n  nextLabel = input<string>('Next page')\n  pageLabel = input<(page: number) => string>((page) => `Page ${page}`)\n\n  pageSizeOptions = input<number[]>([])\n  pageSizeLabel = input<(size: number) => string>((size) => `${size} / page`)\n  pageSizeSelectLabel = input<string>('Rows per page')\n  showItemsSummary = input(false, { transform: booleanAttribute })\n  itemsSummaryLabel = input<(shown: number, total: number) => string>(\n    (shown, total) => `${shown} of ${total} items`,\n  )\n\n  pageChange = output<number>()\n  pageSizeChange = output<number>()\n\n  protected readonly ELLIPSIS = ELLIPSIS\n\n  protected readonly pageCount = computed(() =>\n    Math.max(1, Math.ceil(this.totalItems() / this.pageSize())),\n  )\n\n  protected readonly items = computed(() =>\n    paginationRange(this.page(), this.pageCount(), this.siblingCount()),\n  )\n\n  protected readonly itemsShown = computed(() => {\n    const start = (this.page() - 1) * this.pageSize()\n    return Math.max(0, Math.min(this.pageSize(), this.totalItems() - start))\n  })\n\n  protected readonly itemsSummary = computed(() =>\n    this.itemsSummaryLabel()(this.itemsShown(), this.totalItems()),\n  )\n\n  protected readonly pageSizeSelectOptions = computed<SelectOption<number>[]>(() =>\n    this.pageSizeOptions().map((size) => ({ value: size, label: this.pageSizeLabel()(size) })),\n  )\n\n  protected readonly pageSizeControl = new FormControl<number>(this.pageSize(), {\n    nonNullable: true,\n  })\n\n  constructor() {\n    effect(() => {\n      const size = this.pageSize()\n      if (this.pageSizeControl.value !== size) {\n        this.pageSizeControl.setValue(size, { emitEvent: false })\n      }\n    })\n\n    this.pageSizeControl.valueChanges.pipe(takeUntilDestroyed()).subscribe((size) => {\n      this.pageSizeChange.emit(size)\n      this.pageChange.emit(1)\n    })\n\n    effect(() => {\n      const count = this.pageCount()\n      const current = this.page()\n      const clamped = Math.min(Math.max(current, 1), count)\n      if (clamped !== current) {\n        this.pageChange.emit(clamped)\n      }\n    })\n  }\n\n  protected goTo(page: number): void {\n    if (this.disabled()) return\n    const clamped = Math.min(Math.max(page, 1), this.pageCount())\n    if (clamped === this.page()) return\n    this.pageChange.emit(clamped)\n  }\n}\n","<div class=\"gbt-pagination\">\n  <div class=\"gbt-pagination__side gbt-pagination__side--start\">\n    @if (showItemsSummary()) {\n      <span class=\"gbt-pagination__summary\">{{ itemsSummary() }}</span>\n    }\n  </div>\n\n  <nav [attr.aria-label]=\"ariaLabel()\">\n    <ul class=\"gbt-pagination__list\">\n      <li>\n        <button\n          type=\"button\"\n          class=\"gbt-pagination__nav\"\n          [disabled]=\"disabled() || page() <= 1\"\n          [attr.aria-label]=\"previousLabel()\"\n          (click)=\"goTo(page() - 1)\"\n        >\n          <gbt-icon name=\"chevron-left\" aria-hidden=\"true\" />\n        </button>\n      </li>\n      @for (item of items(); track $index) {\n        @if (item === ELLIPSIS) {\n          <li class=\"gbt-pagination__ellipsis\" aria-hidden=\"true\">{{ ELLIPSIS }}</li>\n        } @else {\n          <li>\n            <button\n              type=\"button\"\n              class=\"gbt-pagination__page\"\n              [class.gbt-pagination__page--current]=\"item === page()\"\n              [attr.aria-current]=\"item === page() ? 'page' : null\"\n              [attr.aria-label]=\"pageLabel()(item)\"\n              [disabled]=\"disabled()\"\n              (click)=\"goTo(item)\"\n            >\n              {{ item }}\n            </button>\n          </li>\n        }\n      }\n      <li>\n        <button\n          type=\"button\"\n          class=\"gbt-pagination__nav\"\n          [disabled]=\"disabled() || page() >= pageCount()\"\n          [attr.aria-label]=\"nextLabel()\"\n          (click)=\"goTo(page() + 1)\"\n        >\n          <gbt-icon name=\"chevron-right\" aria-hidden=\"true\" />\n        </button>\n      </li>\n    </ul>\n  </nav>\n\n  <div class=\"gbt-pagination__side gbt-pagination__side--end\">\n    @if (pageSizeOptions().length > 0) {\n      <gbt-select\n        class=\"gbt-pagination__page-size\"\n        size=\"sm\"\n        [label]=\"pageSizeSelectLabel()\"\n        [options]=\"pageSizeSelectOptions()\"\n        [disabled]=\"disabled()\"\n        [formControl]=\"pageSizeControl\"\n      />\n    }\n  </div>\n</div>\n"],"mappings":"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"}