@loomui-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/loomui-ng-ui-pagination.mjs

@@ -0,0 +1,611 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, booleanAttribute, computed, input } from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiElementHost, cn } from "@loomui-ng/ui/utils";
+import { buttonVariants } from "@loomui-ng/ui/button";
+import { UiIconSvg } from "@loomui-ng/ui/icon";
+var UiPagination = class UiPagination {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("mx-auto flex w-full justify-center mx-0 w-auto", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiPagination,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiPagination,
+		isStandalone: true,
+		selector: "nav[uiPagination], ui-pagination",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"data-slot": "pagination",
+				"role": "navigation",
+				"aria-label": "pagination"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiPagination,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "nav[uiPagination], ui-pagination",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "pagination",
+				"role": "navigation",
+				"aria-label": "pagination",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiPaginationContent = class UiPaginationContent {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("flex items-center gap-0.5", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiPaginationContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiPaginationContent,
+		isStandalone: true,
+		selector: "ul[uiPaginationContent], ui-pagination-content",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "pagination-content" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiPaginationContent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "ul[uiPaginationContent], ui-pagination-content",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "pagination-content",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiPaginationItem = class UiPaginationItem {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiPaginationItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiPaginationItem,
+		isStandalone: true,
+		selector: "li[uiPaginationItem], ui-pagination-item",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "pagination-item" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiPaginationItem,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "li[uiPaginationItem], ui-pagination-item",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "pagination-item",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+const UI_PAGINATION_GENERATED = [
+	UiPagination,
+	UiPaginationContent,
+	UiPaginationItem
+];
+var UiPaginationLink = class UiPaginationLink {
+	isActive = input(false, {
+		...ngDevMode ? { debugName: "isActive" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	size = input("icon", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(buttonVariants({
+		variant: this.isActive() ? "outline" : "ghost",
+		size: this.size()
+	}), this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiPaginationLink,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiPaginationLink,
+		isStandalone: true,
+		selector: "a[uiPaginationLink], ui-pagination-link",
+		inputs: {
+			isActive: {
+				classPropertyName: "isActive",
+				publicName: "isActive",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "data-slot": "pagination-link" },
+			properties: {
+				"attr.aria-current": "isActive() ? \"page\" : null",
+				"attr.data-active": "isActive() ? \"true\" : null",
+				"attr.data-variant": "isActive() ? \"outline\" : \"ghost\"",
+				"attr.data-size": "size()",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: `<ng-content />`,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiPaginationLink,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "a[uiPaginationLink], ui-pagination-link",
+			hostDirectives: [UiElementHost],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"data-slot": "pagination-link",
+				"[attr.aria-current]": "isActive() ? \"page\" : null",
+				"[attr.data-active]": "isActive() ? \"true\" : null",
+				"[attr.data-variant]": "isActive() ? \"outline\" : \"ghost\"",
+				"[attr.data-size]": "size()",
+				"[attr.class]": "classes()"
+			},
+			template: `<ng-content />`
+		}]
+	}],
+	propDecorators: {
+		isActive: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isActive",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+var UiPaginationPrevious = class UiPaginationPrevious {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(buttonVariants({
+		variant: "ghost",
+		size: "default"
+	}), "ps-1.5!", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiPaginationPrevious,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiPaginationPrevious,
+		isStandalone: true,
+		selector: "a[uiPaginationPrevious], ui-pagination-previous",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"aria-label": "Go to previous page",
+				"data-slot": "pagination-link",
+				"data-variant": "ghost",
+				"data-size": "default"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: `
+    <svg uiIcon="chevron-left" class="rtl:rotate-180"></svg>
+    <span class="hidden sm:block"><ng-content>Previous</ng-content></span>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: UiIconSvg,
+			selector: "svg[uiIcon]",
+			inputs: [
+				"uiIcon",
+				"icon",
+				"size",
+				"strokeWidth",
+				"absoluteStrokeWidth",
+				"color",
+				"label",
+				"class"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiPaginationPrevious,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "a[uiPaginationPrevious], ui-pagination-previous",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"aria-label": "Go to previous page",
+				"data-slot": "pagination-link",
+				"data-variant": "ghost",
+				"data-size": "default",
+				"[attr.class]": "classes()"
+			},
+			template: `
+    <svg uiIcon="chevron-left" class="rtl:rotate-180"></svg>
+    <span class="hidden sm:block"><ng-content>Previous</ng-content></span>
+  `
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiPaginationNext = class UiPaginationNext {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(buttonVariants({
+		variant: "ghost",
+		size: "default"
+	}), "pe-1.5!", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiPaginationNext,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiPaginationNext,
+		isStandalone: true,
+		selector: "a[uiPaginationNext], ui-pagination-next",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"aria-label": "Go to next page",
+				"data-slot": "pagination-link",
+				"data-variant": "ghost",
+				"data-size": "default"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: `
+    <span class="hidden sm:block"><ng-content>Next</ng-content></span>
+    <svg uiIcon="chevron-right" class="rtl:rotate-180"></svg>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: UiIconSvg,
+			selector: "svg[uiIcon]",
+			inputs: [
+				"uiIcon",
+				"icon",
+				"size",
+				"strokeWidth",
+				"absoluteStrokeWidth",
+				"color",
+				"label",
+				"class"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiPaginationNext,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "a[uiPaginationNext], ui-pagination-next",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"aria-label": "Go to next page",
+				"data-slot": "pagination-link",
+				"data-variant": "ghost",
+				"data-size": "default",
+				"[attr.class]": "classes()"
+			},
+			template: `
+    <span class="hidden sm:block"><ng-content>Next</ng-content></span>
+    <svg uiIcon="chevron-right" class="rtl:rotate-180"></svg>
+  `
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiPaginationEllipsis = class UiPaginationEllipsis {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiPaginationEllipsis,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiPaginationEllipsis,
+		isStandalone: true,
+		selector: "span[uiPaginationEllipsis], ui-pagination-ellipsis",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"aria-hidden": "true",
+				"data-slot": "pagination-ellipsis"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: `
+    <svg uiIcon="ellipsis"></svg>
+    <span class="sr-only">More pages</span>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: UiIconSvg,
+			selector: "svg[uiIcon]",
+			inputs: [
+				"uiIcon",
+				"icon",
+				"size",
+				"strokeWidth",
+				"absoluteStrokeWidth",
+				"color",
+				"label",
+				"class"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiPaginationEllipsis,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "span[uiPaginationEllipsis], ui-pagination-ellipsis",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"aria-hidden": "true",
+				"data-slot": "pagination-ellipsis",
+				"[attr.class]": "classes()"
+			},
+			template: `
+    <svg uiIcon="ellipsis"></svg>
+    <span class="sr-only">More pages</span>
+  `
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+const UI_PAGINATION = [
+	...UI_PAGINATION_GENERATED,
+	UiPaginationLink,
+	UiPaginationPrevious,
+	UiPaginationNext,
+	UiPaginationEllipsis
+];
+export { UI_PAGINATION, UI_PAGINATION_GENERATED, UiPagination, UiPaginationContent, UiPaginationEllipsis, UiPaginationItem, UiPaginationLink, UiPaginationNext, UiPaginationPrevious };
+
+//# sourceMappingURL=loomui-ng-ui-pagination.mjs.map

package/fesm2022/loomui-ng-ui-pagination.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-pagination.mjs","names":[],"sources":["../../../libs/ui/pagination/pagination.ts","../../../libs/ui/pagination/pagination.manual.ts"],"sourcesContent":["// GENERATED by tools/gen-ui.mjs from docs/evidence/slots/pagination.json.\n// Change tools/ui-specs.mjs and regenerate; hand-written parts live in ./pagination.manual.ts.\nimport { Directive, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n@Directive({\n  selector: 'nav[uiPagination], ui-pagination', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'pagination',\n    'role': 'navigation',\n    'aria-label': 'pagination',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiPagination {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('mx-auto flex w-full justify-center mx-0 w-auto', this.userClass()));\n}\n\n@Directive({\n  selector: 'ul[uiPaginationContent], ui-pagination-content', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'pagination-content',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiPaginationContent {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('flex items-center gap-0.5', this.userClass()));\n}\n\n@Directive({\n  selector: 'li[uiPaginationItem], ui-pagination-item', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'pagination-item',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiPaginationItem {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('', this.userClass()));\n}\n\nexport const UI_PAGINATION_GENERATED = [UiPagination, UiPaginationContent, UiPaginationItem] as const;\n","import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { buttonVariants } from '@loomui-ng/ui/button';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { UI_PAGINATION_GENERATED } from './pagination';\nimport { UiIconSvg } from '@loomui-ng/ui/icon';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\ntype LinkSize = 'default' | 'icon' | 'sm' | 'lg' | 'xs' | 'icon-xs' | 'icon-sm' | 'icon-lg';\n\n/** <a uiPaginationLink [isActive]=\"page === 2\" href=\"#\">2</a> — Button variants: ghost, outline when active. */\n@Component({\n  selector: 'a[uiPaginationLink], ui-pagination-link', hostDirectives: [UiElementHost],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'data-slot': 'pagination-link',\n    '[attr.aria-current]': 'isActive() ? \"page\" : null',\n    '[attr.data-active]': 'isActive() ? \"true\" : null',\n    '[attr.data-variant]': 'isActive() ? \"outline\" : \"ghost\"',\n    '[attr.data-size]': 'size()',\n    '[attr.class]': 'classes()',\n  },\n  template: `<ng-content />`,\n})\nexport class UiPaginationLink {\n  readonly isActive = input(false, { transform: booleanAttribute });\n  readonly size = input<LinkSize>('icon');\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn(buttonVariants({ variant: this.isActive() ? 'outline' : 'ghost', size: this.size() }), this.userClass()),\n  );\n}\n\n// Previous/Next: observed aria-label \"Go to previous/next page\", ghost + default size. The icon+text layout and the\n// ps-1.5!/pe-1.5! padding follow shadcn's published source (the capture only shows the outer anchor).\n@Component({\n  selector: 'a[uiPaginationPrevious], ui-pagination-previous', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'aria-label': 'Go to previous page',\n    'data-slot': 'pagination-link',\n    'data-variant': 'ghost',\n    'data-size': 'default',\n    '[attr.class]': 'classes()',\n  },\n  template: `\n    <svg uiIcon=\"chevron-left\" class=\"rtl:rotate-180\"></svg>\n    <span class=\"hidden sm:block\"><ng-content>Previous</ng-content></span>\n  `,\n})\nexport class UiPaginationPrevious {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn(buttonVariants({ variant: 'ghost', size: 'default' }), 'ps-1.5!', this.userClass()),\n  );\n}\n\n@Component({\n  selector: 'a[uiPaginationNext], ui-pagination-next', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    'aria-label': 'Go to next page',\n    'data-slot': 'pagination-link',\n    'data-variant': 'ghost',\n    'data-size': 'default',\n    '[attr.class]': 'classes()',\n  },\n  template: `\n    <span class=\"hidden sm:block\"><ng-content>Next</ng-content></span>\n    <svg uiIcon=\"chevron-right\" class=\"rtl:rotate-180\"></svg>\n  `,\n})\nexport class UiPaginationNext {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn(buttonVariants({ variant: 'ghost', size: 'default' }), 'pe-1.5!', this.userClass()),\n  );\n}\n\n@Component({\n  selector: 'span[uiPaginationEllipsis], ui-pagination-ellipsis', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { 'aria-hidden': 'true', 'data-slot': 'pagination-ellipsis', '[attr.class]': 'classes()' },\n  template: `\n    <svg uiIcon=\"ellipsis\"></svg>\n    <span class=\"sr-only\">More pages</span>\n  `,\n})\nexport class UiPaginationEllipsis {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn(\"flex size-8 items-center justify-center [&_svg:not([class*='size-'])]:size-4\", this.userClass()),\n  );\n}\n\nexport const UI_PAGINATION = [\n  ...UI_PAGINATION_GENERATED,\n  UiPaginationLink,\n  UiPaginationPrevious,\n  UiPaginationNext,\n  UiPaginationEllipsis,\n] as const;\n"],"mappings":"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"}