@aiandralves/ai-ui 1.0.0

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

@@ -0,0 +1,40 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiIcon } from "../icon";
+import { AiPaginationButton } from "./pagination-button";
+import { AI_PAGINATION_INTL, AI_PAGINATION_INTL_DEFAULT } from "./pagination-intl";
+import { paginationNextVariants } from "./pagination.variants";
+import * as i0 from "@angular/core";
+export class AiPaginationNext {
+    intl = inject(AI_PAGINATION_INTL, { optional: true }) ?? AI_PAGINATION_INTL_DEFAULT;
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    classes = computed(() => mergeClasses(paginationNextVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationNext, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiPaginationNext, isStandalone: true, selector: "ai-pagination-next", inputs: { class: { classPropertyName: "class", publicName: "class", 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 } }, exportAs: ["aiPaginationNext"], ngImport: i0, template: `
+        <button type="button" ai-pagination-button [attr.disabled]="disabled() ? '' : null" [class]="classes()" [size]="size()" [disabled]="disabled()">
+            <span class="sr-only">To next page</span>
+            <span class="hidden sm:block" aria-hidden="true">{{ intl.next }}</span>
+            <ai-icon icon="arrow-right-s" aria-hidden="true" />
+        </button>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }, { kind: "component", type: AiPaginationButton, selector: "button[ai-pagination-button], a[ai-pagination-button]", inputs: ["class", "active", "disabled", "size"], exportAs: ["aiPaginationButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationNext, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-pagination-next",
+                    exportAs: "aiPaginationNext",
+                    imports: [AiIcon, AiPaginationButton],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        <button type="button" ai-pagination-button [attr.disabled]="disabled() ? '' : null" [class]="classes()" [size]="size()" [disabled]="disabled()">
+            <span class="sr-only">To next page</span>
+            <span class="hidden sm:block" aria-hidden="true">{{ intl.next }}</span>
+            <ai-icon icon="arrow-right-s" aria-hidden="true" />
+        </button>
+    `,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", 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-next.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-next.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination-next.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEjI,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC;;AAgB/D,MAAM,OAAO,gBAAgB;IAChB,IAAI,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,0BAA0B,CAAC;IAEpF,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAC9B,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IACzD,IAAI,GAAG,KAAK,CAAyB,SAAS,gDAAC,CAAC;IAEtC,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,sBAAsB,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAPzF,gBAAgB;2FAAhB,gBAAgB,weARf;;;;;;KAMT,4DATS,MAAM,4IAAE,kBAAkB;;2FAW3B,gBAAgB;kBAd5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,kBAAkB;oBAC5B,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses } from \"../../core\";\r\nimport { ButtonVariants } from \"../button/button.variants\";\r\nimport { AiIcon } from \"../icon\";\r\nimport { AiPaginationButton } from \"./pagination-button\";\r\nimport { AI_PAGINATION_INTL, AI_PAGINATION_INTL_DEFAULT } from \"./pagination-intl\";\r\nimport { paginationNextVariants } from \"./pagination.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-pagination-next\",\r\n    exportAs: \"aiPaginationNext\",\r\n    imports: [AiIcon, AiPaginationButton],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <button type=\"button\" ai-pagination-button [attr.disabled]=\"disabled() ? '' : null\" [class]=\"classes()\" [size]=\"size()\" [disabled]=\"disabled()\">\r\n            <span class=\"sr-only\">To next page</span>\r\n            <span class=\"hidden sm:block\" aria-hidden=\"true\">{{ intl.next }}</span>\r\n            <ai-icon icon=\"arrow-right-s\" aria-hidden=\"true\" />\r\n        </button>\r\n    `,\r\n})\r\nexport class AiPaginationNext {\r\n    readonly intl = inject(AI_PAGINATION_INTL, { optional: true }) ?? AI_PAGINATION_INTL_DEFAULT;\r\n\r\n    readonly class = input<ClassValue>(\"\");\r\n    readonly disabled = input(false, { transform: booleanAttribute });\r\n    readonly size = input<ButtonVariants[\"size\"]>(\"default\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(paginationNextVariants(), this.class()));\r\n}\r\n"]}

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

@@ -0,0 +1,40 @@
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiIcon } from "../icon";
+import { AiPaginationButton } from "./pagination-button";
+import { AI_PAGINATION_INTL, AI_PAGINATION_INTL_DEFAULT } from "./pagination-intl";
+import { paginationPreviousVariants } from "./pagination.variants";
+import * as i0 from "@angular/core";
+export class AiPaginationPrev {
+    intl = inject(AI_PAGINATION_INTL, { optional: true }) ?? AI_PAGINATION_INTL_DEFAULT;
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    classes = computed(() => mergeClasses(paginationPreviousVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationPrev, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiPaginationPrev, isStandalone: true, selector: "ai-pagination-prev", inputs: { class: { classPropertyName: "class", publicName: "class", 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 } }, exportAs: ["aiPaginationPrev"], ngImport: i0, template: `
+        <button type="button" ai-pagination-button [attr.disabled]="disabled() ? '' : null" [class]="classes()" [size]="size()" [disabled]="disabled()">
+            <span class="sr-only">To previous page</span>
+            <ai-icon icon="arrow-left-s" aria-hidden="true" />
+            <span class="hidden sm:block" aria-hidden="true">{{ intl.previous }}</span>
+        </button>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }, { kind: "component", type: AiPaginationButton, selector: "button[ai-pagination-button], a[ai-pagination-button]", inputs: ["class", "active", "disabled", "size"], exportAs: ["aiPaginationButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPaginationPrev, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-pagination-prev",
+                    exportAs: "aiPaginationPrev",
+                    imports: [AiIcon, AiPaginationButton],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        <button type="button" ai-pagination-button [attr.disabled]="disabled() ? '' : null" [class]="classes()" [size]="size()" [disabled]="disabled()">
+            <span class="sr-only">To previous page</span>
+            <ai-icon icon="arrow-left-s" aria-hidden="true" />
+            <span class="hidden sm:block" aria-hidden="true">{{ intl.previous }}</span>
+        </button>
+    `,
+                }]
+        }], propDecorators: { class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", 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-prev.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination-prev.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination-prev.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEjI,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAC;AACjC,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,kBAAkB,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AACnF,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;;AAgBnE,MAAM,OAAO,gBAAgB;IAChB,IAAI,GAAG,MAAM,CAAC,kBAAkB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,IAAI,0BAA0B,CAAC;IAEpF,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAC9B,QAAQ,GAAG,KAAK,CAAC,KAAK,qDAAI,SAAS,EAAE,gBAAgB,GAAG,CAAC;IACzD,IAAI,GAAG,KAAK,CAAyB,SAAS,gDAAC,CAAC;IAEtC,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,0BAA0B,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAP7F,gBAAgB;2FAAhB,gBAAgB,weARf;;;;;;KAMT,4DATS,MAAM,4IAAE,kBAAkB;;2FAW3B,gBAAgB;kBAd5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,kBAAkB;oBAC5B,OAAO,EAAE,CAAC,MAAM,EAAE,kBAAkB,CAAC;oBACrC,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses } from \"../../core\";\r\nimport { ButtonVariants } from \"../button/button.variants\";\r\nimport { AiIcon } from \"../icon\";\r\nimport { AiPaginationButton } from \"./pagination-button\";\r\nimport { AI_PAGINATION_INTL, AI_PAGINATION_INTL_DEFAULT } from \"./pagination-intl\";\r\nimport { paginationPreviousVariants } from \"./pagination.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-pagination-prev\",\r\n    exportAs: \"aiPaginationPrev\",\r\n    imports: [AiIcon, AiPaginationButton],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <button type=\"button\" ai-pagination-button [attr.disabled]=\"disabled() ? '' : null\" [class]=\"classes()\" [size]=\"size()\" [disabled]=\"disabled()\">\r\n            <span class=\"sr-only\">To previous page</span>\r\n            <ai-icon icon=\"arrow-left-s\" aria-hidden=\"true\" />\r\n            <span class=\"hidden sm:block\" aria-hidden=\"true\">{{ intl.previous }}</span>\r\n        </button>\r\n    `,\r\n})\r\nexport class AiPaginationPrev {\r\n    readonly intl = inject(AI_PAGINATION_INTL, { optional: true }) ?? AI_PAGINATION_INTL_DEFAULT;\r\n\r\n    readonly class = input<ClassValue>(\"\");\r\n    readonly disabled = input(false, { transform: booleanAttribute });\r\n    readonly size = input<ButtonVariants[\"size\"]>(\"default\");\r\n\r\n    protected readonly classes = computed(() => mergeClasses(paginationPreviousVariants(), this.class()));\r\n}\r\n"]}

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

@@ -0,0 +1,9 @@
+import { AiPagination } from "./pagination";
+import { AiPaginationButton } from "./pagination-button";
+import { AiPaginationContent } from "./pagination-content";
+import { AiPaginationEllipsis } from "./pagination-ellipsis";
+import { AiPaginationItem } from "./pagination-item";
+import { AiPaginationNext } from "./pagination-next";
+import { AiPaginationPrev } from "./pagination-prev";
+export const AiPaginationImports = [AiPagination, AiPaginationContent, AiPaginationItem, AiPaginationButton, AiPaginationPrev, AiPaginationNext, AiPaginationEllipsis];
+//# sourceMappingURL=pagination.imports.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.imports.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination.imports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC;AAC5C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAErD,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,YAAY,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,oBAAoB,CAAU,CAAC","sourcesContent":["import { AiPagination } from \"./pagination\";\r\nimport { AiPaginationButton } from \"./pagination-button\";\r\nimport { AiPaginationContent } from \"./pagination-content\";\r\nimport { AiPaginationEllipsis } from \"./pagination-ellipsis\";\r\nimport { AiPaginationItem } from \"./pagination-item\";\r\nimport { AiPaginationNext } from \"./pagination-next\";\r\nimport { AiPaginationPrev } from \"./pagination-prev\";\r\n\r\nexport const AiPaginationImports = [AiPagination, AiPaginationContent, AiPaginationItem, AiPaginationButton, AiPaginationPrev, AiPaginationNext, AiPaginationEllipsis] as const;\r\n"]}

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

@@ -0,0 +1,210 @@
+import { NgTemplateOutlet } from "@angular/common";
+import { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, model, output, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiSelectImports } from "../form-field";
+import { AiPaginationButton } from "./pagination-button";
+import { AiPaginationContent } from "./pagination-content";
+import { AiPaginationEllipsis } from "./pagination-ellipsis";
+import { AI_PAGINATION_INTL, AI_PAGINATION_INTL_DEFAULT } from "./pagination-intl";
+import { AiPaginationItem } from "./pagination-item";
+import { AiPaginationNext } from "./pagination-next";
+import { AiPaginationPrev } from "./pagination-prev";
+import { paginationVariants } from "./pagination.variants";
+import * as i0 from "@angular/core";
+import * as i1 from "../form-field/select/select";
+import * as i2 from "../form-field/select/select-item";
+export class AiPagination {
+    intl = inject(AI_PAGINATION_INTL, { optional: true }) ?? AI_PAGINATION_INTL_DEFAULT;
+    pageIndex = model(1, ...(ngDevMode ? [{ debugName: "pageIndex" }] : []));
+    total = input(1, ...(ngDevMode ? [{ debugName: "total" }] : []));
+    totalItems = input(0, ...(ngDevMode ? [{ debugName: "totalItems" }] : []));
+    pageSize = model(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    pageSizeOptions = input([10, 20, 50, 100], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+    siblingCount = input(1, ...(ngDevMode ? [{ debugName: "siblingCount" }] : []));
+    showInfo = input(false, { ...(ngDevMode ? { debugName: "showInfo" } : {}), transform: booleanAttribute });
+    showPageSize = input(false, { ...(ngDevMode ? { debugName: "showPageSize" } : {}), transform: booleanAttribute });
+    size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
+    content = input(...(ngDevMode ? [undefined, { debugName: "content" }] : []));
+    ariaLabel = input("Pagination", ...(ngDevMode ? [{ debugName: "ariaLabel" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    pageIndexChange = output();
+    pageSizeChange = output();
+    Math = Math;
+    classes = computed(() => mergeClasses(paginationVariants(), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    pages = computed(() => Array.from({ length: Math.max(0, this.total()) }, (_, i) => i + 1), ...(ngDevMode ? [{ debugName: "pages" }] : []));
+    visiblePages = computed(() => {
+        const total = this.total();
+        const current = this.pageIndex();
+        const sibling = this.siblingCount();
+        const totalSlots = sibling * 2 + 5;
+        if (total <= totalSlots) {
+            return Array.from({ length: total }, (_, i) => i + 1);
+        }
+        const leftSibling = Math.max(current - sibling, 1);
+        const rightSibling = Math.min(current + sibling, total);
+        const showLeft = leftSibling > 2;
+        const showRight = rightSibling < total - 1;
+        if (!showLeft && showRight) {
+            const count = 3 + 2 * sibling;
+            return [...Array.from({ length: count }, (_, i) => i + 1), "ellipsis", total];
+        }
+        if (showLeft && !showRight) {
+            const count = 3 + 2 * sibling;
+            return [1, "ellipsis", ...Array.from({ length: count }, (_, i) => total - count + i + 1)];
+        }
+        return [1, "ellipsis", ...Array.from({ length: rightSibling - leftSibling + 1 }, (_, i) => leftSibling + i), "ellipsis", total];
+    }, ...(ngDevMode ? [{ debugName: "visiblePages" }] : []));
+    onPageChange(page) {
+        if (!this.disabled() && page !== this.pageIndex()) {
+            this.pageIndex.set(page);
+            this.pageIndexChange.emit(page);
+        }
+    }
+    onPageSizeChange(value) {
+        const size = Number(value);
+        this.pageSize.set(size);
+        this.pageSizeChange.emit(size);
+        this.onPageChange(1);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPagination, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiPagination, isStandalone: true, selector: "ai-pagination", inputs: { pageIndex: { classPropertyName: "pageIndex", publicName: "pageIndex", isSignal: true, isRequired: false, transformFunction: null }, total: { classPropertyName: "total", publicName: "total", isSignal: true, isRequired: false, transformFunction: null }, totalItems: { classPropertyName: "totalItems", publicName: "totalItems", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, siblingCount: { classPropertyName: "siblingCount", publicName: "siblingCount", isSignal: true, isRequired: false, transformFunction: null }, showInfo: { classPropertyName: "showInfo", publicName: "showInfo", isSignal: true, isRequired: false, transformFunction: null }, showPageSize: { classPropertyName: "showPageSize", publicName: "showPageSize", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageIndex: "pageIndexChange", pageSize: "pageSizeChange", pageIndexChange: "pageIndexChange", pageSizeChange: "pageSizeChange" }, host: { attributes: { "role": "group", "data-slot": "pagination" }, properties: { "attr.aria-label": "ariaLabel()", "class": "classes()" } }, exportAs: ["aiPagination"], ngImport: i0, template: `
+        @if (content()) {
+            <ng-container *ngTemplateOutlet="content()" />
+        } @else {
+            <div class="flex flex-col sm:flex-row items-center justify-between gap-4 w-full">
+                @if (showInfo() && totalItems()) {
+                    <span class="text-sm text-muted-foreground whitespace-nowrap">
+                        <span class="text-primary font-semibold">{{ totalItems() }}</span>
+                        {{ intl.totalItems }} | {{ total() }} {{ intl.pages }}
+                    </span>
+                }
+
+                @if (showPageSize()) {
+                    <div class="flex items-center gap-2 whitespace-nowrap">
+                        <ai-select [value]="pageSize()" size="sm" (selectedValueChange)="onPageSizeChange($event)">
+                            @for (opt of pageSizeOptions(); track opt) {
+                                <ai-select-item [value]="opt"> {{ opt }} {{ intl.perPage }} </ai-select-item>
+                            }
+                        </ai-select>
+                    </div>
+                }
+
+                <ul ai-pagination-content>
+                    <li ai-pagination-item>
+                        @let prev = Math.max(1, pageIndex() - 1);
+                        <ai-pagination-prev [size]="size()" [disabled]="disabled() || pageIndex() === 1" (click)="onPageChange(prev)" />
+                    </li>
+
+                    @for (item of visiblePages(); track item) {
+                        @if (item === "ellipsis") {
+                            <li ai-pagination-item>
+                                <ai-pagination-ellipsis />
+                            </li>
+                        } @else {
+                            <li ai-pagination-item>
+                                <button
+                                    ai-pagination-button
+                                    type="button"
+                                    class="focus-visible:rounded-md"
+                                    [attr.aria-current]="item === pageIndex() ? 'page' : null"
+                                    [attr.aria-disabled]="disabled() || null"
+                                    [active]="item === pageIndex()"
+                                    [disabled]="disabled()"
+                                    [size]="size()"
+                                    (click)="onPageChange(item)"
+                                >
+                                    <span class="sr-only">{{ item === total() ? "To last page, page" : "To page" }}</span>
+                                    {{ item }}
+                                </button>
+                            </li>
+                        }
+                    }
+
+                    <li ai-pagination-item>
+                        @let next = Math.min(pageIndex() + 1, total());
+                        <ai-pagination-next [size]="size()" [disabled]="disabled() || pageIndex() === total()" (click)="onPageChange(next)" />
+                    </li>
+                </ul>
+            </div>
+        }
+    `, isInline: true, dependencies: [{ kind: "component", type: AiPaginationContent, selector: "ul[ai-pagination-content]", inputs: ["class"], exportAs: ["aiPaginationContent"] }, { kind: "component", type: AiPaginationItem, selector: "li[ai-pagination-item]", exportAs: ["aiPaginationItem"] }, { kind: "component", type: AiPaginationButton, selector: "button[ai-pagination-button], a[ai-pagination-button]", inputs: ["class", "active", "disabled", "size"], exportAs: ["aiPaginationButton"] }, { kind: "component", type: AiPaginationPrev, selector: "ai-pagination-prev", inputs: ["class", "disabled", "size"], exportAs: ["aiPaginationPrev"] }, { kind: "component", type: AiPaginationNext, selector: "ai-pagination-next", inputs: ["class", "disabled", "size"], exportAs: ["aiPaginationNext"] }, { kind: "component", type: AiPaginationEllipsis, selector: "ai-pagination-ellipsis", inputs: ["class"], exportAs: ["aiPaginationEllipsis"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i1.AiSelect, selector: "ai-select", inputs: ["maxLabelCount", "multiple", "value", "disabled", "invalid", "readonly", "required", "label", "placeholder", "id", "touched", "class", "size", "selectedValue"], outputs: ["valueChange", "touchedChange", "selectedValueChange", "selectionChange"], exportAs: ["aiSelect"] }, { kind: "component", type: i2.AiSelectItem, selector: "ai-select-item, [ai-select-item]", inputs: ["value", "disabled", "class"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiPagination, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-pagination",
+                    exportAs: "aiPagination",
+                    imports: [AiPaginationContent, AiPaginationItem, AiPaginationButton, AiPaginationPrev, AiPaginationNext, AiPaginationEllipsis, NgTemplateOutlet, AiSelectImports],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        @if (content()) {
+            <ng-container *ngTemplateOutlet="content()" />
+        } @else {
+            <div class="flex flex-col sm:flex-row items-center justify-between gap-4 w-full">
+                @if (showInfo() && totalItems()) {
+                    <span class="text-sm text-muted-foreground whitespace-nowrap">
+                        <span class="text-primary font-semibold">{{ totalItems() }}</span>
+                        {{ intl.totalItems }} | {{ total() }} {{ intl.pages }}
+                    </span>
+                }
+
+                @if (showPageSize()) {
+                    <div class="flex items-center gap-2 whitespace-nowrap">
+                        <ai-select [value]="pageSize()" size="sm" (selectedValueChange)="onPageSizeChange($event)">
+                            @for (opt of pageSizeOptions(); track opt) {
+                                <ai-select-item [value]="opt"> {{ opt }} {{ intl.perPage }} </ai-select-item>
+                            }
+                        </ai-select>
+                    </div>
+                }
+
+                <ul ai-pagination-content>
+                    <li ai-pagination-item>
+                        @let prev = Math.max(1, pageIndex() - 1);
+                        <ai-pagination-prev [size]="size()" [disabled]="disabled() || pageIndex() === 1" (click)="onPageChange(prev)" />
+                    </li>
+
+                    @for (item of visiblePages(); track item) {
+                        @if (item === "ellipsis") {
+                            <li ai-pagination-item>
+                                <ai-pagination-ellipsis />
+                            </li>
+                        } @else {
+                            <li ai-pagination-item>
+                                <button
+                                    ai-pagination-button
+                                    type="button"
+                                    class="focus-visible:rounded-md"
+                                    [attr.aria-current]="item === pageIndex() ? 'page' : null"
+                                    [attr.aria-disabled]="disabled() || null"
+                                    [active]="item === pageIndex()"
+                                    [disabled]="disabled()"
+                                    [size]="size()"
+                                    (click)="onPageChange(item)"
+                                >
+                                    <span class="sr-only">{{ item === total() ? "To last page, page" : "To page" }}</span>
+                                    {{ item }}
+                                </button>
+                            </li>
+                        }
+                    }
+
+                    <li ai-pagination-item>
+                        @let next = Math.min(pageIndex() + 1, total());
+                        <ai-pagination-next [size]="size()" [disabled]="disabled() || pageIndex() === total()" (click)="onPageChange(next)" />
+                    </li>
+                </ul>
+            </div>
+        }
+    `,
+                    host: {
+                        role: "group",
+                        "[attr.aria-label]": "ariaLabel()",
+                        "data-slot": "pagination",
+                        "[class]": "classes()",
+                    },
+                }]
+        }], propDecorators: { pageIndex: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageIndex", required: false }] }, { type: i0.Output, args: ["pageIndexChange"] }], total: [{ type: i0.Input, args: [{ isSignal: true, alias: "total", required: false }] }], totalItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalItems", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }, { type: i0.Output, args: ["pageSizeChange"] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], siblingCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "siblingCount", required: false }] }], showInfo: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInfo", required: false }] }], showPageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "showPageSize", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], pageIndexChange: [{ type: i0.Output, args: ["pageIndexChange"] }], pageSizeChange: [{ type: i0.Output, args: ["pageSizeChange"] }] } });
+//# sourceMappingURL=pagination.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination.ts"],"names":[],"mappings":"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","sourcesContent":["import { ClassValue } from \"clsx\";\r\n\r\nimport { NgTemplateOutlet } from \"@angular/common\";\r\nimport { booleanAttribute, ChangeDetectionStrategy, Component, computed, inject, input, model, output, TemplateRef, ViewEncapsulation } from \"@angular/core\";\r\n\r\nimport { mergeClasses } from \"../../core\";\r\nimport { ButtonVariants } from \"../button/button.variants\";\r\nimport { AiSelectImports } from \"../form-field\";\r\nimport { AiPaginationButton } from \"./pagination-button\";\r\nimport { AiPaginationContent } from \"./pagination-content\";\r\nimport { AiPaginationEllipsis } from \"./pagination-ellipsis\";\r\nimport { AI_PAGINATION_INTL, AI_PAGINATION_INTL_DEFAULT, AiPaginationIntl } from \"./pagination-intl\";\r\nimport { AiPaginationItem } from \"./pagination-item\";\r\nimport { AiPaginationNext } from \"./pagination-next\";\r\nimport { AiPaginationPrev } from \"./pagination-prev\";\r\nimport { paginationVariants } from \"./pagination.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-pagination\",\r\n    exportAs: \"aiPagination\",\r\n    imports: [AiPaginationContent, AiPaginationItem, AiPaginationButton, AiPaginationPrev, AiPaginationNext, AiPaginationEllipsis, NgTemplateOutlet, AiSelectImports],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        @if (content()) {\r\n            <ng-container *ngTemplateOutlet=\"content()\" />\r\n        } @else {\r\n            <div class=\"flex flex-col sm:flex-row items-center justify-between gap-4 w-full\">\r\n                @if (showInfo() && totalItems()) {\r\n                    <span class=\"text-sm text-muted-foreground whitespace-nowrap\">\r\n                        <span class=\"text-primary font-semibold\">{{ totalItems() }}</span>\r\n                        {{ intl.totalItems }} | {{ total() }} {{ intl.pages }}\r\n                    </span>\r\n                }\r\n\r\n                @if (showPageSize()) {\r\n                    <div class=\"flex items-center gap-2 whitespace-nowrap\">\r\n                        <ai-select [value]=\"pageSize()\" size=\"sm\" (selectedValueChange)=\"onPageSizeChange($event)\">\r\n                            @for (opt of pageSizeOptions(); track opt) {\r\n                                <ai-select-item [value]=\"opt\"> {{ opt }} {{ intl.perPage }} </ai-select-item>\r\n                            }\r\n                        </ai-select>\r\n                    </div>\r\n                }\r\n\r\n                <ul ai-pagination-content>\r\n                    <li ai-pagination-item>\r\n                        @let prev = Math.max(1, pageIndex() - 1);\r\n                        <ai-pagination-prev [size]=\"size()\" [disabled]=\"disabled() || pageIndex() === 1\" (click)=\"onPageChange(prev)\" />\r\n                    </li>\r\n\r\n                    @for (item of visiblePages(); track item) {\r\n                        @if (item === \"ellipsis\") {\r\n                            <li ai-pagination-item>\r\n                                <ai-pagination-ellipsis />\r\n                            </li>\r\n                        } @else {\r\n                            <li ai-pagination-item>\r\n                                <button\r\n                                    ai-pagination-button\r\n                                    type=\"button\"\r\n                                    class=\"focus-visible:rounded-md\"\r\n                                    [attr.aria-current]=\"item === pageIndex() ? 'page' : null\"\r\n                                    [attr.aria-disabled]=\"disabled() || null\"\r\n                                    [active]=\"item === pageIndex()\"\r\n                                    [disabled]=\"disabled()\"\r\n                                    [size]=\"size()\"\r\n                                    (click)=\"onPageChange(item)\"\r\n                                >\r\n                                    <span class=\"sr-only\">{{ item === total() ? \"To last page, page\" : \"To page\" }}</span>\r\n                                    {{ item }}\r\n                                </button>\r\n                            </li>\r\n                        }\r\n                    }\r\n\r\n                    <li ai-pagination-item>\r\n                        @let next = Math.min(pageIndex() + 1, total());\r\n                        <ai-pagination-next [size]=\"size()\" [disabled]=\"disabled() || pageIndex() === total()\" (click)=\"onPageChange(next)\" />\r\n                    </li>\r\n                </ul>\r\n            </div>\r\n        }\r\n    `,\r\n    host: {\r\n        role: \"group\",\r\n        \"[attr.aria-label]\": \"ariaLabel()\",\r\n        \"data-slot\": \"pagination\",\r\n        \"[class]\": \"classes()\",\r\n    },\r\n})\r\nexport class AiPagination {\r\n    readonly intl: AiPaginationIntl = inject(AI_PAGINATION_INTL, { optional: true }) ?? AI_PAGINATION_INTL_DEFAULT;\r\n\r\n    readonly pageIndex = model<number>(1);\r\n    readonly total = input<number>(1);\r\n    readonly totalItems = input<number>(0);\r\n    readonly pageSize = model<number>(10);\r\n    readonly pageSizeOptions = input<number[]>([10, 20, 50, 100]);\r\n    readonly siblingCount = input<number>(1);\r\n    readonly showInfo = input(false, { transform: booleanAttribute });\r\n    readonly showPageSize = input(false, { transform: booleanAttribute });\r\n    readonly size = input<ButtonVariants[\"size\"]>(\"default\");\r\n    readonly disabled = input(false, { transform: booleanAttribute });\r\n    readonly content = input<TemplateRef<void> | undefined>();\r\n    readonly ariaLabel = input(\"Pagination\");\r\n\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    readonly pageIndexChange = output<number>();\r\n    readonly pageSizeChange = output<number>();\r\n    readonly Math = Math;\r\n\r\n    protected readonly classes = computed(() => mergeClasses(paginationVariants(), this.class()));\r\n    readonly pages = computed<number[]>(() => Array.from({ length: Math.max(0, this.total()) }, (_, i) => i + 1));\r\n\r\n    readonly visiblePages = computed<(number | \"ellipsis\")[]>(() => {\r\n        const total = this.total();\r\n        const current = this.pageIndex();\r\n        const sibling = this.siblingCount();\r\n        const totalSlots = sibling * 2 + 5;\r\n\r\n        if (total <= totalSlots) {\r\n            return Array.from({ length: total }, (_, i) => i + 1);\r\n        }\r\n\r\n        const leftSibling = Math.max(current - sibling, 1);\r\n        const rightSibling = Math.min(current + sibling, total);\r\n        const showLeft = leftSibling > 2;\r\n        const showRight = rightSibling < total - 1;\r\n\r\n        if (!showLeft && showRight) {\r\n            const count = 3 + 2 * sibling;\r\n            return [...Array.from({ length: count }, (_, i) => i + 1), \"ellipsis\", total];\r\n        }\r\n\r\n        if (showLeft && !showRight) {\r\n            const count = 3 + 2 * sibling;\r\n            return [1, \"ellipsis\", ...Array.from({ length: count }, (_, i) => total - count + i + 1)];\r\n        }\r\n\r\n        return [1, \"ellipsis\", ...Array.from({ length: rightSibling - leftSibling + 1 }, (_, i) => leftSibling + i), \"ellipsis\", total];\r\n    });\r\n\r\n    onPageChange(page: number): void {\r\n        if (!this.disabled() && page !== this.pageIndex()) {\r\n            this.pageIndex.set(page);\r\n            this.pageIndexChange.emit(page);\r\n        }\r\n    }\r\n\r\n    onPageSizeChange(value: unknown): void {\r\n        const size = Number(value);\r\n        this.pageSize.set(size);\r\n        this.pageSizeChange.emit(size);\r\n        this.onPageChange(1);\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,7 @@
+import { cva } from "class-variance-authority";
+export const paginationContentVariants = cva("flex flex-row items-center gap-1");
+export const paginationPreviousVariants = cva("gap-1 px-2.5 sm:pl-2.5");
+export const paginationNextVariants = cva("gap-1 px-2.5 sm:pr-2.5");
+export const paginationEllipsisVariants = cva("flex size-9 items-center justify-center");
+export const paginationVariants = cva("mx-auto flex w-full justify-center");
+//# sourceMappingURL=pagination.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/pagination/pagination.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAC,kCAAkC,CAAC,CAAC;AAEjF,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC,wBAAwB,CAAC,CAAC;AAExE,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC,wBAAwB,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,CAAC,yCAAyC,CAAC,CAAC;AAEzF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC,oCAAoC,CAAC,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const paginationContentVariants = cva(\"flex flex-row items-center gap-1\");\r\n\r\nexport const paginationPreviousVariants = cva(\"gap-1 px-2.5 sm:pl-2.5\");\r\n\r\nexport const paginationNextVariants = cva(\"gap-1 px-2.5 sm:pr-2.5\");\r\n\r\nexport const paginationEllipsisVariants = cva(\"flex size-9 items-center justify-center\");\r\n\r\nexport const paginationVariants = cva(\"mx-auto flex w-full justify-center\");\r\n\r\nexport type PaginationContentVariants = VariantProps<typeof paginationContentVariants>;\r\nexport type PaginationPreviousVariants = VariantProps<typeof paginationPreviousVariants>;\r\nexport type PaginationNextVariants = VariantProps<typeof paginationNextVariants>;\r\nexport type PaginationEllipsisVariants = VariantProps<typeof paginationEllipsisVariants>;\r\nexport type PaginationVariants = VariantProps<typeof paginationVariants>;\r\n"]}

package/esm2022/lib/components/progress-bar/demo/indeterminate.js

@@ -0,0 +1,25 @@
+import { Component } from "@angular/core";
+import { AiProgressBar } from "../progress-bar";
+import * as i0 from "@angular/core";
+export class DemoProgressBarIndeterminateComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoProgressBarIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoProgressBarIndeterminateComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-lg">
+            <ai-progress-bar indeterminate />
+            <ai-progress-bar variant="accent" indeterminate />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiProgressBar, selector: "ai-progress-bar", inputs: ["variant", "size", "shape", "indeterminate", "showLabel", "progress", "class", "barClass"], exportAs: ["aiProgressBar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoProgressBarIndeterminateComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiProgressBar],
+                    template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-lg">
+            <ai-progress-bar indeterminate />
+            <ai-progress-bar variant="accent" indeterminate />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=indeterminate.js.map

package/esm2022/lib/components/progress-bar/demo/indeterminate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"indeterminate.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/progress-bar/demo/indeterminate.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAWhD,MAAM,OAAO,qCAAqC;uGAArC,qCAAqC;2FAArC,qCAAqC,wEAPpC;;;;;KAKT,4DANS,aAAa;;2FAQd,qCAAqC;kBATjD,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,QAAQ,EAAE;;;;;KAKT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\n\r\nimport { AiProgressBar } from \"../progress-bar\";\r\n\r\n@Component({\r\n    imports: [AiProgressBar],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 w-full max-w-lg\">\r\n            <ai-progress-bar indeterminate />\r\n            <ai-progress-bar variant=\"accent\" indeterminate />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoProgressBarIndeterminateComponent {}\r\n"]}

package/esm2022/lib/components/progress-bar/demo/progress-bar.js

@@ -0,0 +1,15 @@
+import { DemoProgressBarIndeterminateComponent } from "./indeterminate";
+import { DemoProgressBarShapeComponent } from "./shape";
+import { DemoProgressBarSizeComponent } from "./size";
+import { DemoProgressBarVariantComponent } from "./variant";
+export const PROGRESS_BAR = {
+    componentName: "progress-bar",
+    examples: [
+        { name: "variant", component: DemoProgressBarVariantComponent },
+        { name: "size", component: DemoProgressBarSizeComponent },
+        { name: "shape", component: DemoProgressBarShapeComponent },
+        { name: "indeterminate", component: DemoProgressBarIndeterminateComponent },
+    ],
+};
+export { DemoProgressBarIndeterminateComponent, DemoProgressBarShapeComponent, DemoProgressBarSizeComponent, DemoProgressBarVariantComponent };
+//# sourceMappingURL=progress-bar.js.map

package/esm2022/lib/components/progress-bar/demo/progress-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/progress-bar/demo/progress-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qCAAqC,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,6BAA6B,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,4BAA4B,EAAE,MAAM,QAAQ,CAAC;AACtD,OAAO,EAAE,+BAA+B,EAAE,MAAM,WAAW,CAAC;AAE5D,MAAM,CAAC,MAAM,YAAY,GAAG;IACxB,aAAa,EAAE,cAAc;IAC7B,QAAQ,EAAE;QACN,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,+BAA+B,EAAE;QAC/D,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,4BAA4B,EAAE;QACzD,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,6BAA6B,EAAE;QAC3D,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,qCAAqC,EAAE;KAC9E;CACJ,CAAC;AAEF,OAAO,EAAE,qCAAqC,EAAE,6BAA6B,EAAE,4BAA4B,EAAE,+BAA+B,EAAE,CAAC","sourcesContent":["import { DemoProgressBarIndeterminateComponent } from \"./indeterminate\";\r\nimport { DemoProgressBarShapeComponent } from \"./shape\";\r\nimport { DemoProgressBarSizeComponent } from \"./size\";\r\nimport { DemoProgressBarVariantComponent } from \"./variant\";\r\n\r\nexport const PROGRESS_BAR = {\r\n    componentName: \"progress-bar\",\r\n    examples: [\r\n        { name: \"variant\", component: DemoProgressBarVariantComponent },\r\n        { name: \"size\", component: DemoProgressBarSizeComponent },\r\n        { name: \"shape\", component: DemoProgressBarShapeComponent },\r\n        { name: \"indeterminate\", component: DemoProgressBarIndeterminateComponent },\r\n    ],\r\n};\r\n\r\nexport { DemoProgressBarIndeterminateComponent, DemoProgressBarShapeComponent, DemoProgressBarSizeComponent, DemoProgressBarVariantComponent };\r\n"]}

package/esm2022/lib/components/progress-bar/demo/shape.js

@@ -0,0 +1,28 @@
+import { Component, signal } from "@angular/core";
+import { AiProgressBar } from "../progress-bar";
+import * as i0 from "@angular/core";
+export class DemoProgressBarShapeComponent {
+    progress = signal(72, ...(ngDevMode ? [{ debugName: "progress" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoProgressBarShapeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoProgressBarShapeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex items-center gap-x-8 w-full max-w-2xl">
+            <ai-progress-bar shape="circle" size="sm" [progress]="progress()" showLabel />
+            <ai-progress-bar shape="circle" size="normal" [progress]="progress()" showLabel />
+            <ai-progress-bar shape="circle" size="lg" [progress]="progress()" showLabel />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiProgressBar, selector: "ai-progress-bar", inputs: ["variant", "size", "shape", "indeterminate", "showLabel", "progress", "class", "barClass"], exportAs: ["aiProgressBar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoProgressBarShapeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiProgressBar],
+                    template: `
+        <div class="flex items-center gap-x-8 w-full max-w-2xl">
+            <ai-progress-bar shape="circle" size="sm" [progress]="progress()" showLabel />
+            <ai-progress-bar shape="circle" size="normal" [progress]="progress()" showLabel />
+            <ai-progress-bar shape="circle" size="lg" [progress]="progress()" showLabel />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=shape.js.map

package/esm2022/lib/components/progress-bar/demo/shape.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shape.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/progress-bar/demo/shape.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAYhD,MAAM,OAAO,6BAA6B;IACtC,QAAQ,GAAG,MAAM,CAAC,EAAE,oDAAC,CAAC;uGADb,6BAA6B;2FAA7B,6BAA6B,wEAR5B;;;;;;KAMT,4DAPS,aAAa;;2FASd,6BAA6B;kBAVzC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\n\r\nimport { AiProgressBar } from \"../progress-bar\";\r\n\r\n@Component({\r\n    imports: [AiProgressBar],\r\n    template: `\r\n        <div class=\"flex items-center gap-x-8 w-full max-w-2xl\">\r\n            <ai-progress-bar shape=\"circle\" size=\"sm\" [progress]=\"progress()\" showLabel />\r\n            <ai-progress-bar shape=\"circle\" size=\"normal\" [progress]=\"progress()\" showLabel />\r\n            <ai-progress-bar shape=\"circle\" size=\"lg\" [progress]=\"progress()\" showLabel />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoProgressBarShapeComponent {\r\n    progress = signal(72);\r\n}\r\n"]}

package/esm2022/lib/components/progress-bar/demo/size.js

@@ -0,0 +1,28 @@
+import { Component, signal } from "@angular/core";
+import { AiProgressBar } from "../progress-bar";
+import * as i0 from "@angular/core";
+export class DemoProgressBarSizeComponent {
+    progress = signal(45, ...(ngDevMode ? [{ debugName: "progress" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoProgressBarSizeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoProgressBarSizeComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-lg">
+            <ai-progress-bar size="sm" [progress]="progress()" />
+            <ai-progress-bar size="normal" [progress]="progress()" showLabel />
+            <ai-progress-bar size="lg" [progress]="progress()" showLabel />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiProgressBar, selector: "ai-progress-bar", inputs: ["variant", "size", "shape", "indeterminate", "showLabel", "progress", "class", "barClass"], exportAs: ["aiProgressBar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoProgressBarSizeComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiProgressBar],
+                    template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-lg">
+            <ai-progress-bar size="sm" [progress]="progress()" />
+            <ai-progress-bar size="normal" [progress]="progress()" showLabel />
+            <ai-progress-bar size="lg" [progress]="progress()" showLabel />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=size.js.map

package/esm2022/lib/components/progress-bar/demo/size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"size.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/progress-bar/demo/size.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAYhD,MAAM,OAAO,4BAA4B;IACrC,QAAQ,GAAG,MAAM,CAAC,EAAE,oDAAC,CAAC;uGADb,4BAA4B;2FAA5B,4BAA4B,wEAR3B;;;;;;KAMT,4DAPS,aAAa;;2FASd,4BAA4B;kBAVxC,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\n\r\nimport { AiProgressBar } from \"../progress-bar\";\r\n\r\n@Component({\r\n    imports: [AiProgressBar],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 w-full max-w-lg\">\r\n            <ai-progress-bar size=\"sm\" [progress]=\"progress()\" />\r\n            <ai-progress-bar size=\"normal\" [progress]=\"progress()\" showLabel />\r\n            <ai-progress-bar size=\"lg\" [progress]=\"progress()\" showLabel />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoProgressBarSizeComponent {\r\n    progress = signal(45);\r\n}\r\n"]}

package/esm2022/lib/components/progress-bar/demo/variant.js

@@ -0,0 +1,26 @@
+import { Component, signal } from "@angular/core";
+import { AiProgressBar } from "../progress-bar";
+import * as i0 from "@angular/core";
+export class DemoProgressBarVariantComponent {
+    progress = signal(60, ...(ngDevMode ? [{ debugName: "progress" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoProgressBarVariantComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoProgressBarVariantComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-lg">
+            <ai-progress-bar variant="primary" [progress]="progress()" />
+            <ai-progress-bar variant="accent" [progress]="progress()" />
+        </div>
+    `, isInline: true, dependencies: [{ kind: "component", type: AiProgressBar, selector: "ai-progress-bar", inputs: ["variant", "size", "shape", "indeterminate", "showLabel", "progress", "class", "barClass"], exportAs: ["aiProgressBar"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoProgressBarVariantComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiProgressBar],
+                    template: `
+        <div class="flex flex-col gap-y-4 w-full max-w-lg">
+            <ai-progress-bar variant="primary" [progress]="progress()" />
+            <ai-progress-bar variant="accent" [progress]="progress()" />
+        </div>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=variant.js.map

package/esm2022/lib/components/progress-bar/demo/variant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"variant.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/progress-bar/demo/variant.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAElD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;;AAWhD,MAAM,OAAO,+BAA+B;IACxC,QAAQ,GAAG,MAAM,CAAC,EAAE,oDAAC,CAAC;uGADb,+BAA+B;2FAA/B,+BAA+B,wEAP9B;;;;;KAKT,4DANS,aAAa;;2FAQd,+BAA+B;kBAT3C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,aAAa,CAAC;oBACxB,QAAQ,EAAE;;;;;KAKT;iBACJ","sourcesContent":["import { Component, signal } from \"@angular/core\";\r\n\r\nimport { AiProgressBar } from \"../progress-bar\";\r\n\r\n@Component({\r\n    imports: [AiProgressBar],\r\n    template: `\r\n        <div class=\"flex flex-col gap-y-4 w-full max-w-lg\">\r\n            <ai-progress-bar variant=\"primary\" [progress]=\"progress()\" />\r\n            <ai-progress-bar variant=\"accent\" [progress]=\"progress()\" />\r\n        </div>\r\n    `,\r\n})\r\nexport class DemoProgressBarVariantComponent {\r\n    progress = signal(60);\r\n}\r\n"]}

package/esm2022/lib/components/progress-bar/index.js

@@ -0,0 +1,4 @@
+export * from "./demo/progress-bar";
+export * from "./progress-bar";
+export * from "./progress-bar.variants";
+//# sourceMappingURL=index.js.map

package/esm2022/lib/components/progress-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/progress-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC","sourcesContent":["export * from \"./demo/progress-bar\";\r\nexport * from \"./progress-bar\";\r\nexport * from \"./progress-bar.variants\";\r\n"]}