@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/markdown/markdown.service.js

@@ -0,0 +1,121 @@
+import { Injectable, signal } from "@angular/core";
+import rehypePrettyCode from "rehype-pretty-code";
+import rehypeSlug from "rehype-slug";
+import rehypeStringify from "rehype-stringify";
+import remarkGfm from "remark-gfm";
+import remarkParse from "remark-parse";
+import remarkRehype from "remark-rehype";
+import { unified } from "unified";
+import { visit } from "unist-util-visit";
+import { rehypeCodeTabs, rehypeEnhancedCode } from "./icon.helper";
+import * as i0 from "@angular/core";
+const TAG_CLASSES = {
+    h1: ["font-bold", "font-title", "tracking-tight", "scroll-m-20", "mb-6", "text-xl", "md:text-2xl", "xl:text-3xl"],
+    h2: ["w-full", "text-xl", "lg:text-2xl", "font-semibold", "font-title", "scroll-m-20", "tracking-tight", "mb-4", "mt-8", "border-b", "pb-2"],
+    h3: ["w-full", "text-lg", "lg:text-xl", "font-semibold", "font-title", "mb-4", "mt-6"],
+    h4: ["text-base", "font-semibold", "font-title", "mb-4", "mt-6"],
+    h5: ["text-sm", "font-semibold", "font-title", "mb-4", "mt-6"],
+    h6: ["text-sm", "font-semibold", "font-title", "mb-4", "mt-6"],
+    p: ["text-sm", "leading-7", "font-text", "[&:not(:first-child)]:mt-6"],
+    a: ["font-semibold", "text-sm", "underline-offset-4", "font-text"],
+    strong: ["font-bold", "font-text"],
+    b: ["font-bold", "font-text"],
+    ul: ["my-6", "ml-6", "list-disc", "[&>li]:mt-1"],
+    ol: ["my-6", "ml-6", "list-decimal", "[&>li]:mt-1"],
+    li: ["text-sm", "font-text"],
+    hr: ["my-4", "border-t"],
+    blockquote: ["border-l-2", "pl-4", "italic", "my-4", "py-0.5", "rounded-md"],
+    table: ["w-full", "caption-bottom", "text-sm"],
+    thead: ["[&_tr]:border-b"],
+    tbody: ["[&_tr:last-child]:border-0"],
+    tfoot: ["border-t", "font-semibold", "font-text", "[&>tr]:last:border-b-0"],
+    tr: ["border-b", "transition-colors"],
+    th: ["h-12", "px-4", "text-left", "align-middle", "font-semibold", "font-text"],
+    td: ["p-4", "align-middle", "font-medium", "font-text"],
+    caption: ["mt-4", "text-sm"],
+    figcaption: ["sr-only"],
+};
+export class MarkdownService {
+    #processor;
+    #initialized = signal(false, ...(ngDevMode ? [{ debugName: "#initialized" }] : []));
+    async processMarkdown(markdownText) {
+        await this.initializeProcessors();
+        if (!this.#processor)
+            return "";
+        const result = await this.#processor.process(markdownText);
+        return result.toString();
+    }
+    async prewarm() {
+        await this.initializeProcessors();
+        if (!this.#processor)
+            return;
+        const sample = "```ts\nconst x = 1\n```";
+        await this.#processor.process(sample);
+    }
+    async initializeProcessors() {
+        if (this.#initialized())
+            return;
+        this.#processor = unified()
+            .use(remarkParse, { fragment: true })
+            .use(remarkGfm)
+            .use(remarkRehype)
+            .use(rehypeSlug)
+            .use(rehypePrettyCode, {
+            theme: {
+                dark: "github-dark",
+                light: "github-light",
+            },
+            keepBackground: false,
+            defaultLang: "plaintext",
+        })
+            .use(rehypeEnhancedCode)
+            .use(rehypeCodeTabs)
+            .use(this._rehypeApplyStyles())
+            .use(rehypeStringify);
+        this.#initialized.set(true);
+    }
+    _rehypeApplyStyles() {
+        return () => (tree) => {
+            visit(tree, "element", (node, index, parent) => {
+                if (node.tagName === "span") {
+                    const isInCode = parent && parent.tagName === "code";
+                    if (isInCode)
+                        return;
+                }
+                if (TAG_CLASSES[node.tagName]) {
+                    this._addClasses(node, TAG_CLASSES[node.tagName]);
+                }
+                if (node.tagName === "code") {
+                    const isInPre = parent && parent.tagName === "pre";
+                    if (!isInPre) {
+                        this._addClasses(node, ["relative", "rounded", "px-[0.3rem]", "py-[0.2rem]", "font-code", "text-xs", "font-semibold"]);
+                    }
+                }
+                if (node.tagName === "table" && parent) {
+                    const wrapper = {
+                        type: "element",
+                        tagName: "div",
+                        properties: { class: ["w-full", "overflow-y-auto", "rounded-md", "my-4"] },
+                        children: [node],
+                    };
+                    parent.children[index] = wrapper;
+                }
+            });
+        };
+    }
+    _addClasses(node, classes) {
+        node.properties = {
+            ...node.properties,
+            class: [...(node.properties?.class || []), ...classes],
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MarkdownService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MarkdownService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: MarkdownService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }] });
+//# sourceMappingURL=markdown.service.js.map

package/esm2022/lib/components/markdown/markdown.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.service.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/markdown/markdown.service.ts"],"names":[],"mappings":"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","sourcesContent":["import { Injectable, signal } from \"@angular/core\";\r\nimport rehypePrettyCode, { Options } from \"rehype-pretty-code\";\r\nimport rehypeSlug from \"rehype-slug\";\r\nimport rehypeStringify from \"rehype-stringify\";\r\nimport remarkGfm from \"remark-gfm\";\r\nimport remarkParse from \"remark-parse\";\r\nimport remarkRehype from \"remark-rehype\";\r\nimport { unified } from \"unified\";\r\nimport { visit } from \"unist-util-visit\";\r\nimport { rehypeCodeTabs, rehypeEnhancedCode } from \"./icon.helper\";\r\n\r\nconst TAG_CLASSES: Record<string, string[]> = {\r\n    h1: [\"font-bold\", \"font-title\", \"tracking-tight\", \"scroll-m-20\", \"mb-6\", \"text-xl\", \"md:text-2xl\", \"xl:text-3xl\"],\r\n    h2: [\"w-full\", \"text-xl\", \"lg:text-2xl\", \"font-semibold\", \"font-title\", \"scroll-m-20\", \"tracking-tight\", \"mb-4\", \"mt-8\", \"border-b\", \"pb-2\"],\r\n    h3: [\"w-full\", \"text-lg\", \"lg:text-xl\", \"font-semibold\", \"font-title\", \"mb-4\", \"mt-6\"],\r\n    h4: [\"text-base\", \"font-semibold\", \"font-title\", \"mb-4\", \"mt-6\"],\r\n    h5: [\"text-sm\", \"font-semibold\", \"font-title\", \"mb-4\", \"mt-6\"],\r\n    h6: [\"text-sm\", \"font-semibold\", \"font-title\", \"mb-4\", \"mt-6\"],\r\n    p: [\"text-sm\", \"leading-7\", \"font-text\", \"[&:not(:first-child)]:mt-6\"],\r\n    a: [\"font-semibold\", \"text-sm\", \"underline-offset-4\", \"font-text\"],\r\n    strong: [\"font-bold\", \"font-text\"],\r\n    b: [\"font-bold\", \"font-text\"],\r\n    ul: [\"my-6\", \"ml-6\", \"list-disc\", \"[&>li]:mt-1\"],\r\n    ol: [\"my-6\", \"ml-6\", \"list-decimal\", \"[&>li]:mt-1\"],\r\n    li: [\"text-sm\", \"font-text\"],\r\n    hr: [\"my-4\", \"border-t\"],\r\n    blockquote: [\"border-l-2\", \"pl-4\", \"italic\", \"my-4\", \"py-0.5\", \"rounded-md\"],\r\n    table: [\"w-full\", \"caption-bottom\", \"text-sm\"],\r\n    thead: [\"[&_tr]:border-b\"],\r\n    tbody: [\"[&_tr:last-child]:border-0\"],\r\n    tfoot: [\"border-t\", \"font-semibold\", \"font-text\", \"[&>tr]:last:border-b-0\"],\r\n    tr: [\"border-b\", \"transition-colors\"],\r\n    th: [\"h-12\", \"px-4\", \"text-left\", \"align-middle\", \"font-semibold\", \"font-text\"],\r\n    td: [\"p-4\", \"align-middle\", \"font-medium\", \"font-text\"],\r\n    caption: [\"mt-4\", \"text-sm\"],\r\n    figcaption: [\"sr-only\"],\r\n};\r\n\r\n@Injectable({\r\n    providedIn: \"root\",\r\n})\r\nexport class MarkdownService {\r\n    #processor: any;\r\n    #initialized = signal<boolean>(false);\r\n\r\n    async processMarkdown(markdownText: string): Promise<string> {\r\n        await this.initializeProcessors();\r\n        if (!this.#processor) return \"\";\r\n        const result = await this.#processor.process(markdownText);\r\n        return result.toString();\r\n    }\r\n\r\n    async prewarm(): Promise<void> {\r\n        await this.initializeProcessors();\r\n        if (!this.#processor) return;\r\n        const sample = \"```ts\\nconst x = 1\\n```\";\r\n        await this.#processor.process(sample);\r\n    }\r\n\r\n    async initializeProcessors(): Promise<void> {\r\n        if (this.#initialized()) return;\r\n\r\n        this.#processor = unified()\r\n            .use(remarkParse, { fragment: true })\r\n            .use(remarkGfm)\r\n            .use(remarkRehype)\r\n            .use(rehypeSlug)\r\n            .use(rehypePrettyCode, {\r\n                theme: {\r\n                    dark: \"github-dark\",\r\n                    light: \"github-light\",\r\n                },\r\n                keepBackground: false,\r\n                defaultLang: \"plaintext\",\r\n            } as Options)\r\n            .use(rehypeEnhancedCode)\r\n            .use(rehypeCodeTabs)\r\n            .use(this._rehypeApplyStyles())\r\n            .use(rehypeStringify);\r\n\r\n        this.#initialized.set(true);\r\n    }\r\n\r\n    private _rehypeApplyStyles() {\r\n        return () => (tree: any) => {\r\n            visit(tree, \"element\", (node: any, index: any, parent: any) => {\r\n                if (node.tagName === \"span\") {\r\n                    const isInCode = parent && parent.tagName === \"code\";\r\n                    if (isInCode) return;\r\n                }\r\n\r\n                if (TAG_CLASSES[node.tagName]) {\r\n                    this._addClasses(node, TAG_CLASSES[node.tagName]);\r\n                }\r\n\r\n                if (node.tagName === \"code\") {\r\n                    const isInPre = parent && parent.tagName === \"pre\";\r\n                    if (!isInPre) {\r\n                        this._addClasses(node, [\"relative\", \"rounded\", \"px-[0.3rem]\", \"py-[0.2rem]\", \"font-code\", \"text-xs\", \"font-semibold\"]);\r\n                    }\r\n                }\r\n\r\n                if (node.tagName === \"table\" && parent) {\r\n                    const wrapper = {\r\n                        type: \"element\",\r\n                        tagName: \"div\",\r\n                        properties: { class: [\"w-full\", \"overflow-y-auto\", \"rounded-md\", \"my-4\"] },\r\n                        children: [node],\r\n                    };\r\n                    parent.children[index] = wrapper;\r\n                }\r\n            });\r\n        };\r\n    }\r\n\r\n    private _addClasses(node: any, classes: string[]) {\r\n        node.properties = {\r\n            ...node.properties,\r\n            class: [...(node.properties?.class || []), ...classes],\r\n        };\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/pagination/demo/custom.js

@@ -0,0 +1,93 @@
+import { Component, signal } from "@angular/core";
+import { AiPaginationImports } from "../pagination.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../pagination";
+import * as i2 from "../pagination-content";
+import * as i3 from "../pagination-item";
+import * as i4 from "../pagination-button";
+import * as i5 from "../pagination-prev";
+import * as i6 from "../pagination-next";
+import * as i7 from "../pagination-ellipsis";
+export class DemoPaginationCustomComponent {
+    total = 5;
+    currentPage = signal(3, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+    pages = signal(Array.from({ length: this.total }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "pages" }] : []));
+    goToPage(page) {
+        this.currentPage.set(page);
+    }
+    goToPrevious() {
+        if (this.currentPage() > 1) {
+            this.currentPage.update(p => p - 1);
+        }
+    }
+    goToNext() {
+        if (this.currentPage() < this.total) {
+            this.currentPage.update(p => p + 1);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoPaginationCustomComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: DemoPaginationCustomComponent, isStandalone: true, selector: "demo-pagination-custom", ngImport: i0, template: `
+        <ai-pagination [total]="total" [pageIndex]="currentPage()" (pageIndexChange)="goToPage($event)" [content]="content" />
+
+        <ng-template #content>
+            <ul ai-pagination-content>
+                <li ai-pagination-item>
+                    <ai-pagination-prev (click)="goToPrevious()" [disabled]="currentPage() === 1" />
+                </li>
+
+                @for (page of pages(); track page) {
+                    <li ai-pagination-item>
+                        <button type="button" ai-pagination-button [active]="page === currentPage()" (click)="goToPage(page)">
+                            <span class="sr-only">To page</span>
+                            {{ page }}
+                        </button>
+                    </li>
+                }
+
+                <li ai-pagination-item>
+                    <ai-pagination-ellipsis />
+                </li>
+
+                <li ai-pagination-item>
+                    <ai-pagination-next (click)="goToNext()" [disabled]="currentPage() === total" />
+                </li>
+            </ul>
+        </ng-template>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiPagination, selector: "ai-pagination", inputs: ["pageIndex", "total", "totalItems", "pageSize", "pageSizeOptions", "siblingCount", "showInfo", "showPageSize", "size", "disabled", "content", "ariaLabel", "class"], outputs: ["pageIndexChange", "pageSizeChange"], exportAs: ["aiPagination"] }, { kind: "component", type: i2.AiPaginationContent, selector: "ul[ai-pagination-content]", inputs: ["class"], exportAs: ["aiPaginationContent"] }, { kind: "component", type: i3.AiPaginationItem, selector: "li[ai-pagination-item]", exportAs: ["aiPaginationItem"] }, { kind: "component", type: i4.AiPaginationButton, selector: "button[ai-pagination-button], a[ai-pagination-button]", inputs: ["class", "active", "disabled", "size"], exportAs: ["aiPaginationButton"] }, { kind: "component", type: i5.AiPaginationPrev, selector: "ai-pagination-prev", inputs: ["class", "disabled", "size"], exportAs: ["aiPaginationPrev"] }, { kind: "component", type: i6.AiPaginationNext, selector: "ai-pagination-next", inputs: ["class", "disabled", "size"], exportAs: ["aiPaginationNext"] }, { kind: "component", type: i7.AiPaginationEllipsis, selector: "ai-pagination-ellipsis", inputs: ["class"], exportAs: ["aiPaginationEllipsis"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoPaginationCustomComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "demo-pagination-custom",
+                    imports: [AiPaginationImports],
+                    template: `
+        <ai-pagination [total]="total" [pageIndex]="currentPage()" (pageIndexChange)="goToPage($event)" [content]="content" />
+
+        <ng-template #content>
+            <ul ai-pagination-content>
+                <li ai-pagination-item>
+                    <ai-pagination-prev (click)="goToPrevious()" [disabled]="currentPage() === 1" />
+                </li>
+
+                @for (page of pages(); track page) {
+                    <li ai-pagination-item>
+                        <button type="button" ai-pagination-button [active]="page === currentPage()" (click)="goToPage(page)">
+                            <span class="sr-only">To page</span>
+                            {{ page }}
+                        </button>
+                    </li>
+                }
+
+                <li ai-pagination-item>
+                    <ai-pagination-ellipsis />
+                </li>
+
+                <li ai-pagination-item>
+                    <ai-pagination-next (click)="goToNext()" [disabled]="currentPage() === total" />
+                </li>
+            </ul>
+        </ng-template>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=custom.js.map

package/esm2022/lib/components/pagination/demo/custom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/pagination/demo/custom.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;;AAkC5D,MAAM,OAAO,6BAA6B;IAC7B,KAAK,GAAG,CAAC,CAAC;IACV,WAAW,GAAG,MAAM,CAAC,CAAC,uDAAC,CAAC;IAExB,KAAK,GAAG,MAAM,CAAW,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,iDAAC,CAAC;IAEvF,QAAQ,CAAC,IAAY;QACjB,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAED,YAAY;QACR,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,CAAC,EAAE,CAAC;YACzB,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;IAED,QAAQ;QACJ,IAAI,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;YAClC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC;QACxC,CAAC;IACL,CAAC;uGApBQ,6BAA6B;2FAA7B,6BAA6B,kFA7B5B;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BT;;2FAEQ,6BAA6B;kBAhCzC,SAAS;mBAAC;oBACP,QAAQ,EAAE,wBAAwB;oBAClC,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;KA2BT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\n\r\nimport { AiPaginationImports } from \"../pagination.imports\";\r\n\r\n@Component({\r\n    selector: \"demo-pagination-custom\",\r\n    imports: [AiPaginationImports],\r\n    template: `\r\n        <ai-pagination [total]=\"total\" [pageIndex]=\"currentPage()\" (pageIndexChange)=\"goToPage($event)\" [content]=\"content\" />\r\n\r\n        <ng-template #content>\r\n            <ul ai-pagination-content>\r\n                <li ai-pagination-item>\r\n                    <ai-pagination-prev (click)=\"goToPrevious()\" [disabled]=\"currentPage() === 1\" />\r\n                </li>\r\n\r\n                @for (page of pages(); track page) {\r\n                    <li ai-pagination-item>\r\n                        <button type=\"button\" ai-pagination-button [active]=\"page === currentPage()\" (click)=\"goToPage(page)\">\r\n                            <span class=\"sr-only\">To page</span>\r\n                            {{ page }}\r\n                        </button>\r\n                    </li>\r\n                }\r\n\r\n                <li ai-pagination-item>\r\n                    <ai-pagination-ellipsis />\r\n                </li>\r\n\r\n                <li ai-pagination-item>\r\n                    <ai-pagination-next (click)=\"goToNext()\" [disabled]=\"currentPage() === total\" />\r\n                </li>\r\n            </ul>\r\n        </ng-template>\r\n    `,\r\n})\r\nexport class DemoPaginationCustomComponent {\r\n    readonly total = 5;\r\n    readonly currentPage = signal(3);\r\n\r\n    readonly pages = signal<number[]>(Array.from({ length: this.total }, (_, i) => i + 1));\r\n\r\n    goToPage(page: number) {\r\n        this.currentPage.set(page);\r\n    }\r\n\r\n    goToPrevious() {\r\n        if (this.currentPage() > 1) {\r\n            this.currentPage.update(p => p - 1);\r\n        }\r\n    }\r\n\r\n    goToNext() {\r\n        if (this.currentPage() < this.total) {\r\n            this.currentPage.update(p => p + 1);\r\n        }\r\n    }\r\n}\r\n"]}

package/esm2022/lib/components/pagination/demo/default.js

@@ -0,0 +1,18 @@
+import { Component } from "@angular/core";
+import { AiPaginationImports } from "../pagination.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../pagination";
+export class DemoPaginationDefaultComponent {
+    currentPage = 2;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoPaginationDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoPaginationDefaultComponent, isStandalone: true, selector: "demo-pagination-default", ngImport: i0, template: ` <ai-pagination [total]="5" [(pageIndex)]="currentPage" /> `, isInline: true, dependencies: [{ kind: "component", type: i1.AiPagination, selector: "ai-pagination", inputs: ["pageIndex", "total", "totalItems", "pageSize", "pageSizeOptions", "siblingCount", "showInfo", "showPageSize", "size", "disabled", "content", "ariaLabel", "class"], outputs: ["pageIndexChange", "pageSizeChange"], exportAs: ["aiPagination"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoPaginationDefaultComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "demo-pagination-default",
+                    imports: [AiPaginationImports],
+                    template: ` <ai-pagination [total]="5" [(pageIndex)]="currentPage" /> `,
+                }]
+        }] });
+//# sourceMappingURL=default.js.map

package/esm2022/lib/components/pagination/demo/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/pagination/demo/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;AAO5D,MAAM,OAAO,8BAA8B;IAC9B,WAAW,GAAG,CAAC,CAAC;uGADhB,8BAA8B;2FAA9B,8BAA8B,mFAF7B,6DAA6D;;2FAE9D,8BAA8B;kBAL1C,SAAS;mBAAC;oBACP,QAAQ,EAAE,yBAAyB;oBACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,QAAQ,EAAE,6DAA6D;iBAC1E","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiPaginationImports } from \"../pagination.imports\";\r\n\r\n@Component({\r\n    selector: \"demo-pagination-default\",\r\n    imports: [AiPaginationImports],\r\n    template: ` <ai-pagination [total]=\"5\" [(pageIndex)]=\"currentPage\" /> `,\r\n})\r\nexport class DemoPaginationDefaultComponent {\r\n    readonly currentPage = 2;\r\n}\r\n"]}

package/esm2022/lib/components/pagination/demo/info.js

@@ -0,0 +1,47 @@
+import { Component, computed, signal } from "@angular/core";
+import { AiPaginationImports } from "../pagination.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../pagination";
+export class DemoPaginationInfoComponent {
+    totalItems = 100;
+    currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    totalPages = computed(() => Math.ceil(this.totalItems / this.pageSize()), ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoPaginationInfoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoPaginationInfoComponent, isStandalone: true, selector: "demo-pagination-info", ngImport: i0, template: `
+        <div class="w-full max-w-150">
+            <ai-pagination
+                size="sm"
+                [total]="totalPages()"
+                [totalItems]="totalItems"
+                [(pageIndex)]="currentPage"
+                [(pageSize)]="pageSize"
+                [pageSizeOptions]="[10, 20, 50]"
+                showInfo
+                showPageSize
+            />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiPagination, selector: "ai-pagination", inputs: ["pageIndex", "total", "totalItems", "pageSize", "pageSizeOptions", "siblingCount", "showInfo", "showPageSize", "size", "disabled", "content", "ariaLabel", "class"], outputs: ["pageIndexChange", "pageSizeChange"], exportAs: ["aiPagination"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoPaginationInfoComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "demo-pagination-info",
+                    imports: [AiPaginationImports],
+                    template: `
+        <div class="w-full max-w-150">
+            <ai-pagination
+                size="sm"
+                [total]="totalPages()"
+                [totalItems]="totalItems"
+                [(pageIndex)]="currentPage"
+                [(pageSize)]="pageSize"
+                [pageSizeOptions]="[10, 20, 50]"
+                showInfo
+                showPageSize
+            />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=info.js.map

package/esm2022/lib/components/pagination/demo/info.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"info.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/pagination/demo/info.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;AAoB5D,MAAM,OAAO,2BAA2B;IAC3B,UAAU,GAAG,GAAG,CAAC;IACjB,WAAW,GAAG,MAAM,CAAC,CAAC,uDAAC,CAAC;IACxB,QAAQ,GAAG,MAAM,CAAC,EAAE,oDAAC,CAAC;IACtB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,sDAAC,CAAC;uGAJ1E,2BAA2B;2FAA3B,2BAA2B,gFAf1B;;;;;;;;;;;;;KAaT;;2FAEQ,2BAA2B;kBAlBvC,SAAS;mBAAC;oBACP,QAAQ,EAAE,sBAAsB;oBAChC,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,QAAQ,EAAE;;;;;;;;;;;;;KAaT;iBACJ","sourcesContent":["import { Component, computed, signal } from \"@angular/core\";\r\n\r\nimport { AiPaginationImports } from \"../pagination.imports\";\r\n\r\n@Component({\r\n    selector: \"demo-pagination-info\",\r\n    imports: [AiPaginationImports],\r\n    template: `\r\n        <div class=\"w-full max-w-150\">\r\n            <ai-pagination\r\n                size=\"sm\"\r\n                [total]=\"totalPages()\"\r\n                [totalItems]=\"totalItems\"\r\n                [(pageIndex)]=\"currentPage\"\r\n                [(pageSize)]=\"pageSize\"\r\n                [pageSizeOptions]=\"[10, 20, 50]\"\r\n                showInfo\r\n                showPageSize\r\n            />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoPaginationInfoComponent {\r\n    readonly totalItems = 100;\r\n    readonly currentPage = signal(1);\r\n    readonly pageSize = signal(10);\r\n    readonly totalPages = computed(() => Math.ceil(this.totalItems / this.pageSize()));\r\n}\r\n"]}

package/esm2022/lib/components/pagination/demo/intl.js

@@ -0,0 +1,49 @@
+import { Component, computed, signal } from "@angular/core";
+import { AI_PAGINATION_INTL, AI_PAGINATION_INTL_PT_BR } from "../pagination-intl";
+import { AiPaginationImports } from "../pagination.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../pagination";
+export class DemoPaginationIntlComponent {
+    totalItems = 50;
+    currentPage = signal(1, ...(ngDevMode ? [{ debugName: "currentPage" }] : []));
+    pageSize = signal(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    totalPages = computed(() => Math.ceil(this.totalItems / this.pageSize()), ...(ngDevMode ? [{ debugName: "totalPages" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoPaginationIntlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoPaginationIntlComponent, isStandalone: true, selector: "demo-pagination-intl", providers: [{ provide: AI_PAGINATION_INTL, useValue: AI_PAGINATION_INTL_PT_BR }], ngImport: i0, template: `
+        <div class="w-full max-w-150">
+            <ai-pagination
+                size="sm"
+                [total]="totalPages()"
+                [totalItems]="totalItems"
+                [(pageIndex)]="currentPage"
+                [(pageSize)]="pageSize"
+                [pageSizeOptions]="[10, 20, 50]"
+                showInfo
+                showPageSize
+            />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiPagination, selector: "ai-pagination", inputs: ["pageIndex", "total", "totalItems", "pageSize", "pageSizeOptions", "siblingCount", "showInfo", "showPageSize", "size", "disabled", "content", "ariaLabel", "class"], outputs: ["pageIndexChange", "pageSizeChange"], exportAs: ["aiPagination"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoPaginationIntlComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "demo-pagination-intl",
+                    imports: [AiPaginationImports],
+                    providers: [{ provide: AI_PAGINATION_INTL, useValue: AI_PAGINATION_INTL_PT_BR }],
+                    template: `
+        <div class="w-full max-w-150">
+            <ai-pagination
+                size="sm"
+                [total]="totalPages()"
+                [totalItems]="totalItems"
+                [(pageIndex)]="currentPage"
+                [(pageSize)]="pageSize"
+                [pageSizeOptions]="[10, 20, 50]"
+                showInfo
+                showPageSize
+            />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=intl.js.map

package/esm2022/lib/components/pagination/demo/intl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"intl.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/pagination/demo/intl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAC;AAClF,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;AAqB5D,MAAM,OAAO,2BAA2B;IAC3B,UAAU,GAAG,EAAE,CAAC;IAChB,WAAW,GAAG,MAAM,CAAC,CAAC,uDAAC,CAAC;IACxB,QAAQ,GAAG,MAAM,CAAC,EAAE,oDAAC,CAAC;IACtB,UAAU,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,sDAAC,CAAC;uGAJ1E,2BAA2B;2FAA3B,2BAA2B,mEAhBzB,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC,0BACtE;;;;;;;;;;;;;KAaT;;2FAEQ,2BAA2B;kBAnBvC,SAAS;mBAAC;oBACP,QAAQ,EAAE,sBAAsB;oBAChC,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,wBAAwB,EAAE,CAAC;oBAChF,QAAQ,EAAE;;;;;;;;;;;;;KAaT;iBACJ","sourcesContent":["import { Component, computed, signal } from \"@angular/core\";\r\n\r\nimport { AI_PAGINATION_INTL, AI_PAGINATION_INTL_PT_BR } from \"../pagination-intl\";\r\nimport { AiPaginationImports } from \"../pagination.imports\";\r\n\r\n@Component({\r\n    selector: \"demo-pagination-intl\",\r\n    imports: [AiPaginationImports],\r\n    providers: [{ provide: AI_PAGINATION_INTL, useValue: AI_PAGINATION_INTL_PT_BR }],\r\n    template: `\r\n        <div class=\"w-full max-w-150\">\r\n            <ai-pagination\r\n                size=\"sm\"\r\n                [total]=\"totalPages()\"\r\n                [totalItems]=\"totalItems\"\r\n                [(pageIndex)]=\"currentPage\"\r\n                [(pageSize)]=\"pageSize\"\r\n                [pageSizeOptions]=\"[10, 20, 50]\"\r\n                showInfo\r\n                showPageSize\r\n            />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoPaginationIntlComponent {\r\n    readonly totalItems = 50;\r\n    readonly currentPage = signal(1);\r\n    readonly pageSize = signal(10);\r\n    readonly totalPages = computed(() => Math.ceil(this.totalItems / this.pageSize()));\r\n}\r\n"]}

package/esm2022/lib/components/pagination/demo/pagination.js

@@ -0,0 +1,27 @@
+import { DemoPaginationCustomComponent } from "./custom";
+import { DemoPaginationDefaultComponent } from "./default";
+import { DemoPaginationInfoComponent } from "./info";
+import { DemoPaginationIntlComponent } from "./intl";
+export const PAGINATION = {
+    componentName: "pagination",
+    componentType: "pagination",
+    examples: [
+        {
+            name: "default",
+            component: DemoPaginationDefaultComponent,
+        },
+        {
+            name: "custom",
+            component: DemoPaginationCustomComponent,
+        },
+        {
+            name: "info",
+            component: DemoPaginationInfoComponent,
+        },
+        {
+            name: "intl",
+            component: DemoPaginationIntlComponent,
+        },
+    ],
+};
+//# sourceMappingURL=pagination.js.map

package/esm2022/lib/components/pagination/demo/pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/pagination/demo/pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,EAAE,MAAM,UAAU,CAAC;AACzD,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;AAErD,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE,YAAY;IAC3B,aAAa,EAAE,YAAY;IAC3B,QAAQ,EAAE;QACN;YACI,IAAI,EAAE,SAAS;YACf,SAAS,EAAE,8BAA8B;SAC5C;QACD;YACI,IAAI,EAAE,QAAQ;YACd,SAAS,EAAE,6BAA6B;SAC3C;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,2BAA2B;SACzC;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,2BAA2B;SACzC;KACJ;CACJ,CAAC","sourcesContent":["import { DemoPaginationCustomComponent } from \"./custom\";\r\nimport { DemoPaginationDefaultComponent } from \"./default\";\r\nimport { DemoPaginationInfoComponent } from \"./info\";\r\nimport { DemoPaginationIntlComponent } from \"./intl\";\r\n\r\nexport const PAGINATION = {\r\n    componentName: \"pagination\",\r\n    componentType: \"pagination\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoPaginationDefaultComponent,\r\n        },\r\n        {\r\n            name: \"custom\",\r\n            component: DemoPaginationCustomComponent,\r\n        },\r\n        {\r\n            name: \"info\",\r\n            component: DemoPaginationInfoComponent,\r\n        },\r\n        {\r\n            name: \"intl\",\r\n            component: DemoPaginationIntlComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/pagination/index.js

@@ -0,0 +1,5 @@
+export * from "./demo/pagination";
+export * from "./pagination";
+export * from "./pagination-intl";
+export * from "./pagination.imports";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/pagination/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC","sourcesContent":["export * from \"./demo/pagination\";\r\nexport * from \"./pagination\";\r\nexport * from \"./pagination-intl\";\r\nexport * from \"./pagination.imports\";\r\n"]}

package/esm2022/lib/components/pagination/pagination-button.js

@@ -0,0 +1,35 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { AiButton } from "../button";
+import * as i0 from "@angular/core";
+export class AiPaginationButton {
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    active = input(false, { ...(ngDevMode ? { debugName: "active" } : {}), transform: booleanAttribute });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    variant = computed(() => (this.active() ? "primary" : "ghost"), ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationButton, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiPaginationButton, isStandalone: true, selector: "button[ai-pagination-button], a[ai-pagination-button]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, active: { classPropertyName: "active", publicName: "active", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-button" } }, exportAs: ["aiPaginationButton"], ngImport: i0, template: `
+        <ai-button [attr.data-active]="active() || null" [class]="class()" [disabled]="disabled()" [size]="size()" [variant]="variant()">
+            <ng-content />
+        </ai-button>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiButton, selector: "ai-button, button[ai-button], a[ai-button]", inputs: ["variant", "size", "shape", "type", "fill", "class", "icon", "full", "loading", "disabled"], exportAs: ["aiButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationButton, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "button[ai-pagination-button], a[ai-pagination-button]",
+                    exportAs: "aiPaginationButton",
+                    imports: [AiButton],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        <ai-button [attr.data-active]="active() || null" [class]="class()" [disabled]="disabled()" [size]="size()" [variant]="variant()">
+            <ng-content />
+        </ai-button>
+    `,
+                    host: {
+                        "data-slot": "pagination-button",
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], active: [{ type: i0.Input, args: [{ isSignal: true, alias: "active", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=pagination-button.js.map

package/esm2022/lib/components/pagination/pagination-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-button.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEzH,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;;AAkBrC,MAAM,OAAO,kBAAkB;IAClB,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAC9B,MAAM,GAAG,KAAK,CAAC,KAAK,mDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IACvD,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IACzD,IAAI,GAAG,KAAK,CAAyB,SAAS,gDAAC,CAAC;IAEtC,OAAO,GAAG,QAAQ,CAA4B,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,mDAAC,CAAC;uGANrG,kBAAkB;2FAAlB,kBAAkB,osBATjB;;;;KAIT,4DAPS,QAAQ;;2FAYT,kBAAkB;kBAf9B,SAAS;mBAAC;oBACP,QAAQ,EAAE,uDAAuD;oBACjE,QAAQ,EAAE,oBAAoB;oBAC9B,OAAO,EAAE,CAAC,QAAQ,CAAC;oBACnB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;KAIT;oBACD,IAAI,EAAE;wBACF,WAAW,EAAE,mBAAmB;qBACnC;iBACJ","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { AiButton } from \"../button\";\r\nimport { ButtonVariants } from \"../button/button.variants\";\r\n\r\n@Component({\r\n    selector: \"button[ai-pagination-button], a[ai-pagination-button]\",\r\n    exportAs: \"aiPaginationButton\",\r\n    imports: [AiButton],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <ai-button [attr.data-active]=\"active() || null\" [class]=\"class()\" [disabled]=\"disabled()\" [size]=\"size()\" [variant]=\"variant()\">\r\n            <ng-content />\r\n        </ai-button>\r\n    `,\r\n    host: {\r\n        \"data-slot\": \"pagination-button\",\r\n    },\r\n})\r\nexport class AiPaginationButton {\r\n    readonly class = input<ClassValue>(\"\");\r\n    readonly active = input(false, { transform: booleanAttribute });\r\n    readonly disabled = input(false, { transform: booleanAttribute });\r\n    readonly size = input<ButtonVariants[\"size\"]>(\"default\");\r\n\r\n    protected readonly variant = computed<ButtonVariants[\"variant\"]>(() => (this.active() ? \"primary\" : \"ghost\"));\r\n}\r\n"]}

package/esm2022/lib/components/pagination/pagination-content.js

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { paginationContentVariants } from "./pagination.variants";
+import * as i0 from "@angular/core";
+export class AiPaginationContent {
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(paginationContentVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationContent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiPaginationContent, isStandalone: true, selector: "ul[ai-pagination-content]", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-slot": "pagination-content" }, properties: { "class": "classes()" } }, exportAs: ["aiPaginationContent"], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationContent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ul[ai-pagination-content]",
+                    exportAs: "aiPaginationContent",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: ` <ng-content /> `,
+                    host: {
+                        "data-slot": "pagination-content",
+                        "[class]": "classes()",
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=pagination-content.js.map

package/esm2022/lib/components/pagination/pagination-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-content.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination-content.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,yBAAyB,EAAE,MAAM,uBAAuB,CAAC;;AAalE,MAAM,OAAO,mBAAmB;IACnB,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAEpB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,yBAAyB,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAH5F,mBAAmB;2FAAnB,mBAAmB,+VANlB,kBAAkB;;2FAMnB,mBAAmB;kBAX/B,SAAS;mBAAC;oBACP,QAAQ,EAAE,2BAA2B;oBACrC,QAAQ,EAAE,qBAAqB;oBAC/B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACF,WAAW,EAAE,oBAAoB;wBACjC,SAAS,EAAE,WAAW;qBACzB;iBACJ","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses } from \"../../core\";\r\nimport { paginationContentVariants } from \"./pagination.variants\";\r\n\r\n@Component({\r\n    selector: \"ul[ai-pagination-content]\",\r\n    exportAs: \"aiPaginationContent\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: ` <ng-content /> `,\r\n    host: {\r\n        \"data-slot\": \"pagination-content\",\r\n        \"[class]\": \"classes()\",\r\n    },\r\n})\r\nexport class AiPaginationContent {\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(paginationContentVariants(), this.class()));\r\n}\r\n"]}

package/esm2022/lib/components/pagination/pagination-ellipsis.js

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiIcon } from "../icon";
+import { paginationEllipsisVariants } from "./pagination.variants";
+import * as i0 from "@angular/core";
+export class AiPaginationEllipsis {
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(paginationEllipsisVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiPaginationEllipsis, isStandalone: true, selector: "ai-pagination-ellipsis", inputs: { class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "classes()" } }, exportAs: ["aiPaginationEllipsis"], ngImport: i0, template: ` <ai-icon icon="more" aria-hidden="true" /> `, isInline: true, dependencies: [{ kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationEllipsis, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-pagination-ellipsis",
+                    exportAs: "aiPaginationEllipsis",
+                    imports: [AiIcon],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: ` <ai-icon icon="more" aria-hidden="true" /> `,
+                    host: {
+                        "[class]": "classes()",
+                        "aria-hidden": "true",
+                    },
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=pagination-ellipsis.js.map

package/esm2022/lib/components/pagination/pagination-ellipsis.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-ellipsis.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination-ellipsis.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;;AAcnE,MAAM,OAAO,oBAAoB;IACpB,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAEpB,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,0BAA0B,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAH7F,oBAAoB;2FAApB,oBAAoB,iVANnB,8CAA8C,4DAH9C,MAAM;;2FASP,oBAAoB;kBAZhC,SAAS;mBAAC;oBACP,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE,sBAAsB;oBAChC,OAAO,EAAE,CAAC,MAAM,CAAC;oBACjB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE,8CAA8C;oBACxD,IAAI,EAAE;wBACF,SAAS,EAAE,WAAW;wBACtB,aAAa,EAAE,MAAM;qBACxB;iBACJ","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses } from \"../../core\";\r\nimport { AiIcon } from \"../icon\";\r\nimport { paginationEllipsisVariants } from \"./pagination.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-pagination-ellipsis\",\r\n    exportAs: \"aiPaginationEllipsis\",\r\n    imports: [AiIcon],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: ` <ai-icon icon=\"more\" aria-hidden=\"true\" /> `,\r\n    host: {\r\n        \"[class]\": \"classes()\",\r\n        \"aria-hidden\": \"true\",\r\n    },\r\n})\r\nexport class AiPaginationEllipsis {\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(paginationEllipsisVariants(), this.class()));\r\n}\r\n"]}

package/esm2022/lib/components/pagination/pagination-intl.js

@@ -0,0 +1,21 @@
+import { InjectionToken } from "@angular/core";
+export const AI_PAGINATION_INTL = new InjectionToken("AiPaginationIntl");
+export const AI_PAGINATION_INTL_DEFAULT = {
+    itemsPerPage: "Items per page:",
+    perPage: "/ page",
+    of: "of",
+    totalItems: "total items",
+    pages: "pages",
+    previous: "Previous",
+    next: "Next",
+};
+export const AI_PAGINATION_INTL_PT_BR = {
+    itemsPerPage: "Itens por página:",
+    perPage: "/ página",
+    of: "de",
+    totalItems: "itens no total",
+    pages: "páginas",
+    previous: "Anterior",
+    next: "Próximo",
+};
+//# sourceMappingURL=pagination-intl.js.map

package/esm2022/lib/components/pagination/pagination-intl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-intl.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination-intl.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAmB/C,MAAM,CAAC,MAAM,kBAAkB,GAAG,IAAI,cAAc,CAAmB,kBAAkB,CAAC,CAAC;AAE3F,MAAM,CAAC,MAAM,0BAA0B,GAAqB;IACxD,YAAY,EAAE,iBAAiB;IAC/B,OAAO,EAAE,QAAQ;IACjB,EAAE,EAAE,IAAI;IACR,UAAU,EAAE,aAAa;IACzB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,MAAM;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAqB;IACtD,YAAY,EAAE,mBAAmB;IACjC,OAAO,EAAE,UAAU;IACnB,EAAE,EAAE,IAAI;IACR,UAAU,EAAE,gBAAgB;IAC5B,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,UAAU;IACpB,IAAI,EAAE,SAAS;CAClB,CAAC","sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\n\r\nexport interface AiPaginationIntl {\r\n    /** e.g. \"Items per page:\" */\r\n    itemsPerPage: string;\r\n    /** e.g. \"/ page\" — used for the page size select suffix */\r\n    perPage: string;\r\n    /** e.g. \"of\" — used in \"1 – 10 of 100\" */\r\n    of: string;\r\n    /** e.g. \"total items\" */\r\n    totalItems: string;\r\n    /** e.g. \"pages\" */\r\n    pages: string;\r\n    /** e.g. \"Previous\" */\r\n    previous: string;\r\n    /** e.g. \"Next\" */\r\n    next: string;\r\n}\r\n\r\nexport const AI_PAGINATION_INTL = new InjectionToken<AiPaginationIntl>(\"AiPaginationIntl\");\r\n\r\nexport const AI_PAGINATION_INTL_DEFAULT: AiPaginationIntl = {\r\n    itemsPerPage: \"Items per page:\",\r\n    perPage: \"/ page\",\r\n    of: \"of\",\r\n    totalItems: \"total items\",\r\n    pages: \"pages\",\r\n    previous: \"Previous\",\r\n    next: \"Next\",\r\n};\r\n\r\nexport const AI_PAGINATION_INTL_PT_BR: AiPaginationIntl = {\r\n    itemsPerPage: \"Itens por página:\",\r\n    perPage: \"/ página\",\r\n    of: \"de\",\r\n    totalItems: \"itens no total\",\r\n    pages: \"páginas\",\r\n    previous: \"Anterior\",\r\n    next: \"Próximo\",\r\n};\r\n"]}

package/esm2022/lib/components/pagination/pagination-item.js

@@ -0,0 +1,20 @@
+import { ChangeDetectionStrategy, Component, ViewEncapsulation } from "@angular/core";
+import * as i0 from "@angular/core";
+export class AiPaginationItem {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: AiPaginationItem, isStandalone: true, selector: "li[ai-pagination-item]", host: { attributes: { "data-slot": "pagination-item" } }, exportAs: ["aiPaginationItem"], ngImport: i0, template: ` <ng-content /> `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationItem, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "li[ai-pagination-item]",
+                    exportAs: "aiPaginationItem",
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: ` <ng-content /> `,
+                    host: {
+                        "data-slot": "pagination-item",
+                    },
+                }]
+        }] });
+//# sourceMappingURL=pagination-item.js.map

package/esm2022/lib/components/pagination/pagination-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-item.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;;AAYtF,MAAM,OAAO,gBAAgB;uGAAhB,gBAAgB;2FAAhB,gBAAgB,4KALf,kBAAkB;;2FAKnB,gBAAgB;kBAV5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,wBAAwB;oBAClC,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE,kBAAkB;oBAC5B,IAAI,EAAE;wBACF,WAAW,EAAE,iBAAiB;qBACjC;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, ViewEncapsulation } from \"@angular/core\";\r\n\r\n@Component({\r\n    selector: \"li[ai-pagination-item]\",\r\n    exportAs: \"aiPaginationItem\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: ` <ng-content /> `,\r\n    host: {\r\n        \"data-slot\": \"pagination-item\",\r\n    },\r\n})\r\nexport class AiPaginationItem {}\r\n"]}