@aiandralves/ai-ui 1.0.0

package/esm2022/lib/components/breadcrumb/breadcrumb-page.js

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

package/esm2022/lib/components/breadcrumb/breadcrumb-page.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-page.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb-page.ts"],"names":[],"mappings":"AAAA,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,sBAAsB,EAA0B,MAAM,uBAAuB,CAAC;;AAavF,MAAM,OAAO,gBAAgB;IAChB,OAAO,GAAG,KAAK,CAAoC,SAAS,mDAAC,CAAC;IAC9D,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE7B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,sBAAsB,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGAJ3G,gBAAgB;2FAAhB,gBAAgB,gXANf;;;;KAIT;;2FAEQ,gBAAgB;kBAX5B,SAAS;mBAAC;oBACP,QAAQ,EAAE,oBAAoB;oBAC9B,QAAQ,EAAE,kBAAkB;oBAC5B,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;KAIT;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"class-variance-authority/types\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { breadcrumbPageVariants, BreadcrumbPageVariants } from \"./breadcrumb.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-breadcrumb-page\",\r\n    exportAs: \"aiBreadcrumbPage\",\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <span aria-current=\"page\" [class]=\"classes()\">\r\n            <ng-content />\r\n        </span>\r\n    `,\r\n})\r\nexport class AiBreadcrumbPage {\r\n    readonly variant = input<BreadcrumbPageVariants[\"variant\"]>(\"default\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected classes = computed(() => mergeClasses(breadcrumbPageVariants({ variant: this.variant() }), this.class()));\r\n}\r\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb-separator.js

@@ -0,0 +1,37 @@
+import { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from "@angular/core";
+import { mergeClasses } from "../../core";
+import { AiIcon } from "../icon/icon.component";
+import { breadcrumbSeparatorVariants } from "./breadcrumb.variants";
+import * as i0 from "@angular/core";
+export class AiBreadcrumbSeparator {
+    separator = input("/", ...(ngDevMode ? [{ debugName: "separator" }] : []));
+    variant = input("default", ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    class = input("", ...(ngDevMode ? [{ debugName: "class" }] : []));
+    classes = computed(() => mergeClasses(breadcrumbSeparatorVariants({ variant: this.variant() }), this.class()), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.1", type: AiBreadcrumbSeparator, isStandalone: true, selector: "ai-breadcrumb-separator", inputs: { separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, class: { classPropertyName: "class", publicName: "class", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiBreadcrumbSeparator"], ngImport: i0, template: `
+        <li aria-hidden="true" role="presentation" [class]="classes()">
+            <ng-content>
+                <ai-icon icon="arrow-right-s" />
+            </ng-content>
+        </li>
+    `, 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: AiBreadcrumbSeparator, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "ai-breadcrumb-separator",
+                    exportAs: "aiBreadcrumbSeparator",
+                    imports: [AiIcon],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    template: `
+        <li aria-hidden="true" role="presentation" [class]="classes()">
+            <ng-content>
+                <ai-icon icon="arrow-right-s" />
+            </ng-content>
+        </li>
+    `,
+                }]
+        }], propDecorators: { separator: [{ type: i0.Input, args: [{ isSignal: true, alias: "separator", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], class: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }] } });
+//# sourceMappingURL=breadcrumb-separator.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb-separator.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAe,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAEpH,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,2BAA2B,EAA+B,MAAM,uBAAuB,CAAC;;AAgBjG,MAAM,OAAO,qBAAqB;IACrB,SAAS,GAAG,KAAK,CAAoC,GAAG,qDAAC,CAAC;IAC1D,OAAO,GAAG,KAAK,CAAyC,SAAS,mDAAC,CAAC;IACnE,KAAK,GAAG,KAAK,CAAa,EAAE,iDAAC,CAAC;IAE7B,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,2BAA2B,CAAC,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,mDAAC,CAAC;uGALhH,qBAAqB;2FAArB,qBAAqB,8fARpB;;;;;;KAMT,4DATS,MAAM;;2FAWP,qBAAqB;kBAdjC,SAAS;mBAAC;oBACP,QAAQ,EAAE,yBAAyB;oBACnC,QAAQ,EAAE,uBAAuB;oBACjC,OAAO,EAAE,CAAC,MAAM,CAAC;oBACjB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,QAAQ,EAAE;;;;;;KAMT;iBACJ","sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, TemplateRef, ViewEncapsulation } from \"@angular/core\";\r\nimport { ClassValue } from \"class-variance-authority/types\";\r\nimport { mergeClasses } from \"../../core\";\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { breadcrumbSeparatorVariants, BreadcrumbSeparatorVariants } from \"./breadcrumb.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-breadcrumb-separator\",\r\n    exportAs: \"aiBreadcrumbSeparator\",\r\n    imports: [AiIcon],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    template: `\r\n        <li aria-hidden=\"true\" role=\"presentation\" [class]=\"classes()\">\r\n            <ng-content>\r\n                <ai-icon icon=\"arrow-right-s\" />\r\n            </ng-content>\r\n        </li>\r\n    `,\r\n})\r\nexport class AiBreadcrumbSeparator {\r\n    readonly separator = input<string | TemplateRef<void> | null>(\"/\");\r\n    readonly variant = input<BreadcrumbSeparatorVariants[\"variant\"]>(\"default\");\r\n    readonly class = input<ClassValue>(\"\");\r\n\r\n    protected classes = computed(() => mergeClasses(breadcrumbSeparatorVariants({ variant: this.variant() }), this.class()));\r\n}\r\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb.config.js

@@ -0,0 +1 @@
+//# sourceMappingURL=breadcrumb.config.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.config.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb.config.ts"],"names":[],"mappings":"","sourcesContent":["import { AiIconType } from \"../icon/icons\";\r\n\r\nexport interface AiBreadcrumbConfig {\r\n    path: string;\r\n    label: string;\r\n    icon?: AiIconType;\r\n}\r\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb.directive.js

@@ -0,0 +1,21 @@
+import { Directive, inject, TemplateRef } from "@angular/core";
+import { AiBreadcrumbService } from "./breadcrumb.service";
+import * as i0 from "@angular/core";
+export class AiBreadcrumbActionsDirective {
+    #breadcrumbService = inject(AiBreadcrumbService);
+    action = inject(TemplateRef);
+    ngAfterViewInit() {
+        if (!this.action)
+            return;
+        this.#breadcrumbService.update(this.action);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbActionsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.1", type: AiBreadcrumbActionsDirective, isStandalone: true, selector: "[aiBreadcrumbActions]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbActionsDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[aiBreadcrumbActions]",
+                }]
+        }] });
+//# sourceMappingURL=breadcrumb.directive.js.map

package/esm2022/lib/components/breadcrumb/breadcrumb.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.directive.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb.directive.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;AAK3D,MAAM,OAAO,4BAA4B;IACrC,kBAAkB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IACxC,MAAM,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;IAEtC,eAAe;QACX,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAO;QACzB,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IAChD,CAAC;uGAPQ,4BAA4B;2FAA5B,4BAA4B;;2FAA5B,4BAA4B;kBAHxC,SAAS;mBAAC;oBACP,QAAQ,EAAE,uBAAuB;iBACpC","sourcesContent":["import { AfterViewInit, Directive, inject, TemplateRef } from \"@angular/core\";\r\n\r\nimport { AiBreadcrumbService } from \"./breadcrumb.service\";\r\n\r\n@Directive({\r\n    selector: \"[aiBreadcrumbActions]\",\r\n})\r\nexport class AiBreadcrumbActionsDirective implements AfterViewInit {\r\n    #breadcrumbService = inject(AiBreadcrumbService);\r\n    readonly action = inject(TemplateRef);\r\n\r\n    ngAfterViewInit() {\r\n        if (!this.action) return;\r\n        this.#breadcrumbService.update(this.action);\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,8 @@
+import { AiBreadcrumbContent } from "./breadcrumb-content";
+import { AiBreadcrumbItem } from "./breadcrumb-item";
+import { AiBreadcrumbLink } from "./breadcrumb-link";
+import { AiBreadcrumbList } from "./breadcrumb-list";
+import { AiBreadcrumbPage } from "./breadcrumb-page";
+import { AiBreadcrumbSeparator } from "./breadcrumb-separator";
+export const AiBreadcrumbImports = [AiBreadcrumbContent, AiBreadcrumbItem, AiBreadcrumbList, AiBreadcrumbLink, AiBreadcrumbPage, AiBreadcrumbSeparator];
+//# sourceMappingURL=breadcrumb.imports.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.imports.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb.imports.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE/D,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,qBAAqB,CAAU,CAAC","sourcesContent":["import { AiBreadcrumbContent } from \"./breadcrumb-content\";\r\nimport { AiBreadcrumbItem } from \"./breadcrumb-item\";\r\nimport { AiBreadcrumbLink } from \"./breadcrumb-link\";\r\nimport { AiBreadcrumbList } from \"./breadcrumb-list\";\r\nimport { AiBreadcrumbPage } from \"./breadcrumb-page\";\r\nimport { AiBreadcrumbSeparator } from \"./breadcrumb-separator\";\r\n\r\nexport const AiBreadcrumbImports = [AiBreadcrumbContent, AiBreadcrumbItem, AiBreadcrumbList, AiBreadcrumbLink, AiBreadcrumbPage, AiBreadcrumbSeparator] as const;\r\n"]}

package/esm2022/lib/components/breadcrumb/breadcrumb.js

@@ -0,0 +1,28 @@
+import { NgTemplateOutlet } from "@angular/common";
+import { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from "@angular/core";
+import { Router } from "@angular/router";
+import { AiIcon } from "../icon/icon.component";
+import { AiBreadcrumbImports } from "./breadcrumb.imports";
+import { AiBreadcrumbService } from "./breadcrumb.service";
+import * as i0 from "@angular/core";
+import * as i1 from "./breadcrumb-content";
+import * as i2 from "./breadcrumb-item";
+import * as i3 from "./breadcrumb-list";
+import * as i4 from "./breadcrumb-link";
+import * as i5 from "./breadcrumb-page";
+import * as i6 from "./breadcrumb-separator";
+export class AiBreadcrumb {
+    #breadcrumbService = inject(AiBreadcrumbService);
+    router = inject(Router);
+    customSeparator = input(...(ngDevMode ? [undefined, { debugName: "customSeparator" }] : []));
+    size = input("default", ...(ngDevMode ? [{ debugName: "size" }] : []));
+    actions = this.#breadcrumbService.actions;
+    breadcrumbs = this.#breadcrumbService.breadcrumbs;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.1", type: AiBreadcrumb, isStandalone: true, selector: "ai-breadcrumb", inputs: { customSeparator: { classPropertyName: "customSeparator", publicName: "customSeparator", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["aiBreadcrumb"], ngImport: i0, template: "<ai-breadcrumb-content [size]=\"size()\">\r\n    <ai-breadcrumb-list wrap=\"wrap\" [align]=\"'start'\">\r\n        @for (breadcrumb of breadcrumbs(); track breadcrumb.path; let last = $last) {\r\n            <ai-breadcrumb-item>\r\n                @if (!last) {\r\n                    <ai-breadcrumb-link [link]=\"breadcrumb.path\">\r\n                        @if (breadcrumb.icon) {\r\n                            <ai-icon [icon]=\"breadcrumb.icon\" />\r\n                        }\r\n                        {{ breadcrumb.label }}\r\n                    </ai-breadcrumb-link>\r\n                } @else {\r\n                    <ai-breadcrumb-page>\r\n                        @if (breadcrumb.icon) {\r\n                            <ai-icon [icon]=\"breadcrumb.icon\" />\r\n                        }\r\n                        {{ breadcrumb.label }}\r\n                    </ai-breadcrumb-page>\r\n                }\r\n            </ai-breadcrumb-item>\r\n      \r\n            @if (!last) {\r\n                @let custom = customSeparator();\r\n                @if (custom) {\r\n                    <ai-breadcrumb-separator>\r\n                        <ai-icon [icon]=\"custom\" />\r\n                    </ai-breadcrumb-separator>\r\n                } @else {\r\n                    <ai-breadcrumb-separator />\r\n                }\r\n            }\r\n        }\r\n    </ai-breadcrumb-list>\r\n    <div>\r\n        <ng-container *ngTemplateOutlet=\"actions()\" />\r\n    </div>\r\n</ai-breadcrumb-content>", dependencies: [{ kind: "component", type: i1.AiBreadcrumbContent, selector: "ai-breadcrumb-content", inputs: ["size", "class"], exportAs: ["aiBreadcrumbContent"] }, { kind: "component", type: i2.AiBreadcrumbItem, selector: "ai-breadcrumb-item", inputs: ["variant", "shape", "class"], exportAs: ["aiBreadcrumbItem"] }, { kind: "component", type: i3.AiBreadcrumbList, selector: "ai-breadcrumb-list", inputs: ["align", "wrap", "class"], exportAs: ["aiBreadcrumbList"] }, { kind: "component", type: i4.AiBreadcrumbLink, selector: "ai-breadcrumb-link", inputs: ["link", "variant", "class"], exportAs: ["aiBreadcrumbLink"] }, { kind: "component", type: i5.AiBreadcrumbPage, selector: "ai-breadcrumb-page", inputs: ["variant", "class"], exportAs: ["aiBreadcrumbPage"] }, { kind: "component", type: i6.AiBreadcrumbSeparator, selector: "ai-breadcrumb-separator", inputs: ["separator", "variant", "class"], exportAs: ["aiBreadcrumbSeparator"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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: AiBreadcrumb, decorators: [{
+            type: Component,
+            args: [{ selector: "ai-breadcrumb", exportAs: "aiBreadcrumb", imports: [AiBreadcrumbImports, NgTemplateOutlet, AiIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<ai-breadcrumb-content [size]=\"size()\">\r\n    <ai-breadcrumb-list wrap=\"wrap\" [align]=\"'start'\">\r\n        @for (breadcrumb of breadcrumbs(); track breadcrumb.path; let last = $last) {\r\n            <ai-breadcrumb-item>\r\n                @if (!last) {\r\n                    <ai-breadcrumb-link [link]=\"breadcrumb.path\">\r\n                        @if (breadcrumb.icon) {\r\n                            <ai-icon [icon]=\"breadcrumb.icon\" />\r\n                        }\r\n                        {{ breadcrumb.label }}\r\n                    </ai-breadcrumb-link>\r\n                } @else {\r\n                    <ai-breadcrumb-page>\r\n                        @if (breadcrumb.icon) {\r\n                            <ai-icon [icon]=\"breadcrumb.icon\" />\r\n                        }\r\n                        {{ breadcrumb.label }}\r\n                    </ai-breadcrumb-page>\r\n                }\r\n            </ai-breadcrumb-item>\r\n      \r\n            @if (!last) {\r\n                @let custom = customSeparator();\r\n                @if (custom) {\r\n                    <ai-breadcrumb-separator>\r\n                        <ai-icon [icon]=\"custom\" />\r\n                    </ai-breadcrumb-separator>\r\n                } @else {\r\n                    <ai-breadcrumb-separator />\r\n                }\r\n            }\r\n        }\r\n    </ai-breadcrumb-list>\r\n    <div>\r\n        <ng-container *ngTemplateOutlet=\"actions()\" />\r\n    </div>\r\n</ai-breadcrumb-content>" }]
+        }], propDecorators: { customSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "customSeparator", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb.ts","../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AACnD,OAAO,EAAE,uBAAuB,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACrG,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAEhD,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;;;;;;;;AAW3D,MAAM,OAAO,YAAY;IACrB,kBAAkB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;IAC1C,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IAEtB,eAAe,GAAG,KAAK,qEAAc,CAAC;IACtC,IAAI,GAAG,KAAK,CAA6B,SAAS,gDAAC,CAAC;IAE7D,OAAO,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC;IAC1C,WAAW,GAAG,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC;uGARzC,YAAY;2FAAZ,YAAY,4XClBzB,u+CAoCwB,q8BDvBW,gBAAgB,oJAAE,MAAM;;2FAK9C,YAAY;kBARxB,SAAS;+BACI,eAAe,YACf,cAAc,WACf,CAAC,mBAAmB,EAAE,gBAAgB,EAAE,MAAM,CAAC,mBACvC,uBAAuB,CAAC,MAAM,iBAChC,iBAAiB,CAAC,IAAI","sourcesContent":["import { NgTemplateOutlet } from \"@angular/common\";\r\nimport { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation } from \"@angular/core\";\r\nimport { Router } from \"@angular/router\";\r\n\r\nimport { AiIcon } from \"../icon/icon.component\";\r\nimport { AiIconType } from \"../icon/icons\";\r\nimport { AiBreadcrumbImports } from \"./breadcrumb.imports\";\r\nimport { AiBreadcrumbService } from \"./breadcrumb.service\";\r\nimport { BreadcrumbVariants } from \"./breadcrumb.variants\";\r\n\r\n@Component({\r\n    selector: \"ai-breadcrumb\",\r\n    exportAs: \"aiBreadcrumb\",\r\n    imports: [AiBreadcrumbImports, NgTemplateOutlet, AiIcon],\r\n    changeDetection: ChangeDetectionStrategy.OnPush,\r\n    encapsulation: ViewEncapsulation.None,\r\n    templateUrl: \"./breadcrumb.html\",\r\n})\r\nexport class AiBreadcrumb {\r\n    #breadcrumbService = inject(AiBreadcrumbService);\r\n    public router = inject(Router);\r\n\r\n    readonly customSeparator = input<AiIconType>();\r\n    readonly size = input<BreadcrumbVariants[\"size\"]>(\"default\");\r\n\r\n    actions = this.#breadcrumbService.actions;\r\n    breadcrumbs = this.#breadcrumbService.breadcrumbs;\r\n}\r\n","<ai-breadcrumb-content [size]=\"size()\">\r\n    <ai-breadcrumb-list wrap=\"wrap\" [align]=\"'start'\">\r\n        @for (breadcrumb of breadcrumbs(); track breadcrumb.path; let last = $last) {\r\n            <ai-breadcrumb-item>\r\n                @if (!last) {\r\n                    <ai-breadcrumb-link [link]=\"breadcrumb.path\">\r\n                        @if (breadcrumb.icon) {\r\n                            <ai-icon [icon]=\"breadcrumb.icon\" />\r\n                        }\r\n                        {{ breadcrumb.label }}\r\n                    </ai-breadcrumb-link>\r\n                } @else {\r\n                    <ai-breadcrumb-page>\r\n                        @if (breadcrumb.icon) {\r\n                            <ai-icon [icon]=\"breadcrumb.icon\" />\r\n                        }\r\n                        {{ breadcrumb.label }}\r\n                    </ai-breadcrumb-page>\r\n                }\r\n            </ai-breadcrumb-item>\r\n      \r\n            @if (!last) {\r\n                @let custom = customSeparator();\r\n                @if (custom) {\r\n                    <ai-breadcrumb-separator>\r\n                        <ai-icon [icon]=\"custom\" />\r\n                    </ai-breadcrumb-separator>\r\n                } @else {\r\n                    <ai-breadcrumb-separator />\r\n                }\r\n            }\r\n        }\r\n    </ai-breadcrumb-list>\r\n    <div>\r\n        <ng-container *ngTemplateOutlet=\"actions()\" />\r\n    </div>\r\n</ai-breadcrumb-content>"]}

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

@@ -0,0 +1,65 @@
+import { computed, inject, Injectable, signal } from "@angular/core";
+import { ActivatedRoute, NavigationEnd, Router } from "@angular/router";
+import { filter } from "rxjs";
+import * as i0 from "@angular/core";
+export class AiBreadcrumbService {
+    #router = inject(Router);
+    #activatedRoute = inject(ActivatedRoute);
+    #breadcrumbs = signal([], ...(ngDevMode ? [{ debugName: "#breadcrumbs" }] : []));
+    breadcrumbs = this.#breadcrumbs.asReadonly();
+    #actions = signal(null, ...(ngDevMode ? [{ debugName: "#actions" }] : []));
+    actions = computed(() => this.#actions(), ...(ngDevMode ? [{ debugName: "actions" }] : []));
+    constructor() {
+        this.#router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {
+            const newBreadcrumbs = this._createBreadcrumbs(this.#activatedRoute.root);
+            const filteredBreadcrumbs = this._filterBreadcrumbs(newBreadcrumbs);
+            this.#breadcrumbs.set(filteredBreadcrumbs);
+            this.#actions.update(() => null);
+        });
+    }
+    update(template) {
+        this.#actions.update(() => template);
+    }
+    _createBreadcrumbs(route, pathUrl = "", breadcrumbs = []) {
+        const children = route.children;
+        if (children.length === 0)
+            return breadcrumbs;
+        for (const child of children) {
+            const routeURL = child.snapshot.url.map(segment => segment.path).join("/");
+            if (routeURL !== "")
+                pathUrl += `/${routeURL}`;
+            const label = child.snapshot.data["breadcrumb"];
+            const icon = child.snapshot.routeConfig?.data?.["icon"];
+            if (label && label.trim() !== "") {
+                breadcrumbs.push({ label: label.trim(), path: pathUrl, icon });
+            }
+            return this._createBreadcrumbs(child, pathUrl, breadcrumbs);
+        }
+        return breadcrumbs;
+    }
+    /**
+     * Filtra breadcrumbs para remover duplicatas consecutivas
+     */
+    _filterBreadcrumbs(breadcrumbs) {
+        if (breadcrumbs.length <= 1)
+            return breadcrumbs;
+        const filtered = [];
+        let previousLabel = "";
+        for (const breadcrumb of breadcrumbs) {
+            if (breadcrumb.label !== previousLabel) {
+                filtered.push(breadcrumb);
+                previousLabel = breadcrumb.label;
+            }
+        }
+        return filtered;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbService, providedIn: "root" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: AiBreadcrumbService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: "root",
+                }]
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=breadcrumb.service.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.service.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAe,MAAM,eAAe,CAAC;AAClF,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,MAAM,CAAC;;AAM9B,MAAM,OAAO,mBAAmB;IAC5B,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,CAAC;IACzB,eAAe,GAAG,MAAM,CAAC,cAAc,CAAC,CAAC;IAEzC,YAAY,GAAG,MAAM,CAAuB,EAAE,wDAAC,CAAC;IAChD,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;IAE7C,QAAQ,GAAG,MAAM,CAA8B,IAAI,oDAAC,CAAC;IACrD,OAAO,GAAG,QAAQ,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,EAAE,mDAAC,CAAC;IAE1C;QACI,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,YAAY,aAAa,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE;YACrF,MAAM,cAAc,GAAG,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;YAC1E,MAAM,mBAAmB,GAAG,IAAI,CAAC,kBAAkB,CAAC,cAAc,CAAC,CAAC;YACpE,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YAC3C,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC;QACrC,CAAC,CAAC,CAAC;IACP,CAAC;IAED,MAAM,CAAC,QAA8B;QACjC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC;IACzC,CAAC;IAEO,kBAAkB,CAAC,KAAqB,EAAE,OAAO,GAAG,EAAE,EAAE,cAAoC,EAAE;QAClG,MAAM,QAAQ,GAAqB,KAAK,CAAC,QAAQ,CAAC;QAElD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,WAAW,CAAC;QAE9C,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC3B,MAAM,QAAQ,GAAW,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAEnF,IAAI,QAAQ,KAAK,EAAE;gBAAE,OAAO,IAAI,IAAI,QAAQ,EAAE,CAAC;YAE/C,MAAM,KAAK,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;YAEhD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,WAAW,EAAE,IAAI,EAAE,CAAC,MAAM,CAAC,CAAC;YAExD,IAAI,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC;gBAC/B,WAAW,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;YACnE,CAAC;YAED,OAAO,IAAI,CAAC,kBAAkB,CAAC,KAAK,EAAE,OAAO,EAAE,WAAW,CAAC,CAAC;QAChE,CAAC;QAED,OAAO,WAAW,CAAC;IACvB,CAAC;IAED;;OAEG;IACK,kBAAkB,CAAC,WAAiC;QACxD,IAAI,WAAW,CAAC,MAAM,IAAI,CAAC;YAAE,OAAO,WAAW,CAAC;QAEhD,MAAM,QAAQ,GAAyB,EAAE,CAAC;QAC1C,IAAI,aAAa,GAAG,EAAE,CAAC;QAEvB,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE,CAAC;YACnC,IAAI,UAAU,CAAC,KAAK,KAAK,aAAa,EAAE,CAAC;gBACrC,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBAC1B,aAAa,GAAG,UAAU,CAAC,KAAK,CAAC;YACrC,CAAC;QACL,CAAC;QAED,OAAO,QAAQ,CAAC;IACpB,CAAC;uGAhEQ,mBAAmB;2GAAnB,mBAAmB,cAFhB,MAAM;;2FAET,mBAAmB;kBAH/B,UAAU;mBAAC;oBACR,UAAU,EAAE,MAAM;iBACrB","sourcesContent":["import { computed, inject, Injectable, signal, TemplateRef } from \"@angular/core\";\r\nimport { ActivatedRoute, NavigationEnd, Router } from \"@angular/router\";\r\nimport { filter } from \"rxjs\";\r\nimport { AiBreadcrumbConfig } from \"./breadcrumb.config\";\r\n\r\n@Injectable({\r\n    providedIn: \"root\",\r\n})\r\nexport class AiBreadcrumbService {\r\n    #router = inject(Router);\r\n    #activatedRoute = inject(ActivatedRoute);\r\n\r\n    #breadcrumbs = signal<AiBreadcrumbConfig[]>([]);\r\n    breadcrumbs = this.#breadcrumbs.asReadonly();\r\n\r\n    #actions = signal<TemplateRef<unknown> | null>(null);\r\n    actions = computed(() => this.#actions());\r\n\r\n    constructor() {\r\n        this.#router.events.pipe(filter(event => event instanceof NavigationEnd)).subscribe(() => {\r\n            const newBreadcrumbs = this._createBreadcrumbs(this.#activatedRoute.root);\r\n            const filteredBreadcrumbs = this._filterBreadcrumbs(newBreadcrumbs);\r\n            this.#breadcrumbs.set(filteredBreadcrumbs);\r\n            this.#actions.update(() => null);\r\n        });\r\n    }\r\n\r\n    update(template: TemplateRef<unknown>) {\r\n        this.#actions.update(() => template);\r\n    }\r\n\r\n    private _createBreadcrumbs(route: ActivatedRoute, pathUrl = \"\", breadcrumbs: AiBreadcrumbConfig[] = []): AiBreadcrumbConfig[] {\r\n        const children: ActivatedRoute[] = route.children;\r\n\r\n        if (children.length === 0) return breadcrumbs;\r\n\r\n        for (const child of children) {\r\n            const routeURL: string = child.snapshot.url.map(segment => segment.path).join(\"/\");\r\n\r\n            if (routeURL !== \"\") pathUrl += `/${routeURL}`;\r\n\r\n            const label = child.snapshot.data[\"breadcrumb\"];\r\n\r\n            const icon = child.snapshot.routeConfig?.data?.[\"icon\"];\r\n\r\n            if (label && label.trim() !== \"\") {\r\n                breadcrumbs.push({ label: label.trim(), path: pathUrl, icon });\r\n            }\r\n\r\n            return this._createBreadcrumbs(child, pathUrl, breadcrumbs);\r\n        }\r\n\r\n        return breadcrumbs;\r\n    }\r\n\r\n    /**\r\n     * Filtra breadcrumbs para remover duplicatas consecutivas\r\n     */\r\n    private _filterBreadcrumbs(breadcrumbs: AiBreadcrumbConfig[]): AiBreadcrumbConfig[] {\r\n        if (breadcrumbs.length <= 1) return breadcrumbs;\r\n\r\n        const filtered: AiBreadcrumbConfig[] = [];\r\n        let previousLabel = \"\";\r\n\r\n        for (const breadcrumb of breadcrumbs) {\r\n            if (breadcrumb.label !== previousLabel) {\r\n                filtered.push(breadcrumb);\r\n                previousLabel = breadcrumb.label;\r\n            }\r\n        }\r\n\r\n        return filtered;\r\n    }\r\n}\r\n"]}

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

@@ -0,0 +1,88 @@
+import { cva } from "class-variance-authority";
+export const breadcrumbVariants = cva("w-full flex items-center justify-between", {
+    variants: {
+        size: {
+            sm: "text-sm",
+            default: "text-base",
+            lg: "text-lg",
+            xl: "text-xl",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+export const breadcrumbListVariants = cva("text-muted-foreground flex flex-wrap items-center gap-1.5 break-words sm:gap-2", {
+    variants: {
+        align: {
+            start: "justify-start",
+            center: "justify-center",
+            end: "justify-end",
+        },
+        wrap: {
+            wrap: "flex-wrap",
+            nowrap: "flex-nowrap",
+        },
+    },
+    defaultVariants: {
+        align: "start",
+        wrap: "wrap",
+    },
+});
+export const breadcrumbItemVariants = cva("flex items-center gap-1.5 transition-colors", {
+    variants: {
+        variant: {
+            default: "",
+            muted: "text-muted-foreground",
+            bold: "font-semibold text-foreground",
+            subtle: "text-sm text-muted-foreground hover:text-foreground",
+        },
+        shape: {
+            default: "",
+            normal: "px-1 py-0.5 rounded-none",
+            rounded: "px-2 py-0.5 rounded-md",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        shape: "default",
+    },
+});
+export const breadcrumbLinkVariants = cva("flex items-center gap-1.5 transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "hover:text-foreground",
+            underline: "underline text-foreground hover:no-underline",
+            subtle: "text-muted-foreground hover:text-foreground",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+export const breadcrumbPageVariants = cva("flex items-center gap-1.5 transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2", {
+    variants: {
+        variant: {
+            default: "text-foreground",
+            underline: "underline text-foreground hover:no-underline",
+            subtle: "text-muted-foreground hover:text-foreground",
+            current: "font-semibold text-foreground cursor-default " + "hover:text-foreground focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+export const breadcrumbSeparatorVariants = cva("select-none h-5 w-5 leading-5 flex items-center justify-center", {
+    variants: {
+        variant: {
+            default: "text-muted-foreground",
+            strong: "text-foreground",
+            primary: "text-primary",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+    },
+});
+//# sourceMappingURL=breadcrumb.variants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.variants.js","sourceRoot":"","sources":["../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/breadcrumb.variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,0BAA0B,CAAC;AAE7D,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAC,0CAA0C,EAAE;IAC9E,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,EAAE,EAAE,SAAS;YACb,OAAO,EAAE,WAAW;YACpB,EAAE,EAAE,SAAS;YACb,EAAE,EAAE,SAAS;SAChB;KACJ;IACD,eAAe,EAAE;QACb,IAAI,EAAE,SAAS;KAClB;CACJ,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC,gFAAgF,EAAE;IACxH,QAAQ,EAAE;QACN,KAAK,EAAE;YACH,KAAK,EAAE,eAAe;YACtB,MAAM,EAAE,gBAAgB;YACxB,GAAG,EAAE,aAAa;SACrB;QACD,IAAI,EAAE;YACF,IAAI,EAAE,WAAW;YACjB,MAAM,EAAE,aAAa;SACxB;KACJ;IACD,eAAe,EAAE;QACb,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,MAAM;KACf;CACJ,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC,6CAA6C,EAAE;IACrF,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE;YACX,KAAK,EAAE,uBAAuB;YAC9B,IAAI,EAAE,+BAA+B;YACrC,MAAM,EAAE,qDAAqD;SAChE;QACD,KAAK,EAAE;YACH,OAAO,EAAE,EAAE;YACX,MAAM,EAAE,0BAA0B;YAClC,OAAO,EAAE,wBAAwB;SACpC;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC,iHAAiH,EAAE;IACzJ,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,uBAAuB;YAChC,SAAS,EAAE,8CAA8C;YACzD,MAAM,EAAE,6CAA6C;SACxD;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,sBAAsB,GAAG,GAAG,CAAC,iHAAiH,EAAE;IACzJ,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,iBAAiB;YAC1B,SAAS,EAAE,8CAA8C;YACzD,MAAM,EAAE,6CAA6C;YACrD,OAAO,EAAE,+CAA+C,GAAG,gGAAgG;SAC9J;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC,CAAC;AAIH,MAAM,CAAC,MAAM,2BAA2B,GAAG,GAAG,CAAC,gEAAgE,EAAE;IAC7G,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,uBAAuB;YAChC,MAAM,EAAE,iBAAiB;YACzB,OAAO,EAAE,cAAc;SAC1B;KACJ;IACD,eAAe,EAAE;QACb,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC,CAAC","sourcesContent":["import { cva, VariantProps } from \"class-variance-authority\";\r\n\r\nexport const breadcrumbVariants = cva(\"w-full flex items-center justify-between\", {\r\n    variants: {\r\n        size: {\r\n            sm: \"text-sm\",\r\n            default: \"text-base\",\r\n            lg: \"text-lg\",\r\n            xl: \"text-xl\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        size: \"default\",\r\n    },\r\n});\r\n\r\nexport type BreadcrumbVariants = VariantProps<typeof breadcrumbVariants>;\r\n\r\nexport const breadcrumbListVariants = cva(\"text-muted-foreground flex flex-wrap items-center gap-1.5 break-words sm:gap-2\", {\r\n    variants: {\r\n        align: {\r\n            start: \"justify-start\",\r\n            center: \"justify-center\",\r\n            end: \"justify-end\",\r\n        },\r\n        wrap: {\r\n            wrap: \"flex-wrap\",\r\n            nowrap: \"flex-nowrap\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        align: \"start\",\r\n        wrap: \"wrap\",\r\n    },\r\n});\r\n\r\nexport type BreadcrumbListVariants = VariantProps<typeof breadcrumbListVariants>;\r\n\r\nexport const breadcrumbItemVariants = cva(\"flex items-center gap-1.5 transition-colors\", {\r\n    variants: {\r\n        variant: {\r\n            default: \"\",\r\n            muted: \"text-muted-foreground\",\r\n            bold: \"font-semibold text-foreground\",\r\n            subtle: \"text-sm text-muted-foreground hover:text-foreground\",\r\n        },\r\n        shape: {\r\n            default: \"\",\r\n            normal: \"px-1 py-0.5 rounded-none\",\r\n            rounded: \"px-2 py-0.5 rounded-md\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        variant: \"default\",\r\n        shape: \"default\",\r\n    },\r\n});\r\n\r\nexport type BreadcrumbItemVariants = VariantProps<typeof breadcrumbItemVariants>;\r\n\r\nexport const breadcrumbLinkVariants = cva(\"flex items-center gap-1.5 transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\", {\r\n    variants: {\r\n        variant: {\r\n            default: \"hover:text-foreground\",\r\n            underline: \"underline text-foreground hover:no-underline\",\r\n            subtle: \"text-muted-foreground hover:text-foreground\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        variant: \"default\",\r\n    },\r\n});\r\n\r\nexport type BreadcrumbLinkVariants = VariantProps<typeof breadcrumbLinkVariants>;\r\n\r\nexport const breadcrumbPageVariants = cva(\"flex items-center gap-1.5 transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2\", {\r\n    variants: {\r\n        variant: {\r\n            default: \"text-foreground\",\r\n            underline: \"underline text-foreground hover:no-underline\",\r\n            subtle: \"text-muted-foreground hover:text-foreground\",\r\n            current: \"font-semibold text-foreground cursor-default \" + \"hover:text-foreground focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-ring\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        variant: \"default\",\r\n    },\r\n});\r\n\r\nexport type BreadcrumbPageVariants = VariantProps<typeof breadcrumbPageVariants>;\r\n\r\nexport const breadcrumbSeparatorVariants = cva(\"select-none h-5 w-5 leading-5 flex items-center justify-center\", {\r\n    variants: {\r\n        variant: {\r\n            default: \"text-muted-foreground\",\r\n            strong: \"text-foreground\",\r\n            primary: \"text-primary\",\r\n        },\r\n    },\r\n    defaultVariants: {\r\n        variant: \"default\",\r\n    },\r\n});\r\nexport type BreadcrumbSeparatorVariants = VariantProps<typeof breadcrumbSeparatorVariants>;\r\n"]}

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

@@ -0,0 +1,37 @@
+import { DemoBreadcrumbContentComponent } from "./content";
+import { DemoBreadcrumbCustomSeparatorComponent } from "./custom-separator";
+import { DemoBreadcrumbDefaultComponent } from "./default";
+import { DemoBreadcrumbDirectiveComponent } from "./directive";
+import { DemoBreadcrumbIconComponent } from "./icon";
+import { DemoBreadcrumbRouterLinkComponent } from "./router-link";
+export const BREADCRUMB = {
+    componentName: "breadcrumb",
+    componentType: "breadcrumb",
+    examples: [
+        {
+            name: "default",
+            component: DemoBreadcrumbDefaultComponent,
+        },
+        {
+            name: "content",
+            component: DemoBreadcrumbContentComponent,
+        },
+        {
+            name: "router-link",
+            component: DemoBreadcrumbRouterLinkComponent,
+        },
+        {
+            name: "icon",
+            component: DemoBreadcrumbIconComponent,
+        },
+        {
+            name: "directive",
+            component: DemoBreadcrumbDirectiveComponent,
+        },
+        {
+            name: "custom-separator",
+            component: DemoBreadcrumbCustomSeparatorComponent,
+        },
+    ],
+};
+//# sourceMappingURL=breadcrumb.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"breadcrumb.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/demo/breadcrumb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,sCAAsC,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,8BAA8B,EAAE,MAAM,WAAW,CAAC;AAC3D,OAAO,EAAE,gCAAgC,EAAE,MAAM,aAAa,CAAC;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,QAAQ,CAAC;AACrD,OAAO,EAAE,iCAAiC,EAAE,MAAM,eAAe,CAAC;AAElE,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,SAAS;YACf,SAAS,EAAE,8BAA8B;SAC5C;QACD;YACI,IAAI,EAAE,aAAa;YACnB,SAAS,EAAE,iCAAiC;SAC/C;QACD;YACI,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,2BAA2B;SACzC;QACD;YACI,IAAI,EAAE,WAAW;YACjB,SAAS,EAAE,gCAAgC;SAC9C;QACD;YACI,IAAI,EAAE,kBAAkB;YACxB,SAAS,EAAE,sCAAsC;SACpD;KACJ;CACJ,CAAC","sourcesContent":["import { DemoBreadcrumbContentComponent } from \"./content\";\r\nimport { DemoBreadcrumbCustomSeparatorComponent } from \"./custom-separator\";\r\nimport { DemoBreadcrumbDefaultComponent } from \"./default\";\r\nimport { DemoBreadcrumbDirectiveComponent } from \"./directive\";\r\nimport { DemoBreadcrumbIconComponent } from \"./icon\";\r\nimport { DemoBreadcrumbRouterLinkComponent } from \"./router-link\";\r\n\r\nexport const BREADCRUMB = {\r\n    componentName: \"breadcrumb\",\r\n    componentType: \"breadcrumb\",\r\n    examples: [\r\n        {\r\n            name: \"default\",\r\n            component: DemoBreadcrumbDefaultComponent,\r\n        },\r\n        {\r\n            name: \"content\",\r\n            component: DemoBreadcrumbContentComponent,\r\n        },\r\n        {\r\n            name: \"router-link\",\r\n            component: DemoBreadcrumbRouterLinkComponent,\r\n        },\r\n        {\r\n            name: \"icon\",\r\n            component: DemoBreadcrumbIconComponent,\r\n        },\r\n        {\r\n            name: \"directive\",\r\n            component: DemoBreadcrumbDirectiveComponent,\r\n        },\r\n        {\r\n            name: \"custom-separator\",\r\n            component: DemoBreadcrumbCustomSeparatorComponent,\r\n        },\r\n    ],\r\n};\r\n"]}

package/esm2022/lib/components/breadcrumb/demo/content.js

@@ -0,0 +1,53 @@
+import { Component } from "@angular/core";
+import { AiBreadcrumbImports } from "../breadcrumb.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../breadcrumb-content";
+import * as i2 from "../breadcrumb-item";
+import * as i3 from "../breadcrumb-list";
+import * as i4 from "../breadcrumb-link";
+import * as i5 from "../breadcrumb-page";
+import * as i6 from "../breadcrumb-separator";
+export class DemoBreadcrumbContentComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBreadcrumbContentComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/">Home</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/components">Components</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiBreadcrumbContent, selector: "ai-breadcrumb-content", inputs: ["size", "class"], exportAs: ["aiBreadcrumbContent"] }, { kind: "component", type: i2.AiBreadcrumbItem, selector: "ai-breadcrumb-item", inputs: ["variant", "shape", "class"], exportAs: ["aiBreadcrumbItem"] }, { kind: "component", type: i3.AiBreadcrumbList, selector: "ai-breadcrumb-list", inputs: ["align", "wrap", "class"], exportAs: ["aiBreadcrumbList"] }, { kind: "component", type: i4.AiBreadcrumbLink, selector: "ai-breadcrumb-link", inputs: ["link", "variant", "class"], exportAs: ["aiBreadcrumbLink"] }, { kind: "component", type: i5.AiBreadcrumbPage, selector: "ai-breadcrumb-page", inputs: ["variant", "class"], exportAs: ["aiBreadcrumbPage"] }, { kind: "component", type: i6.AiBreadcrumbSeparator, selector: "ai-breadcrumb-separator", inputs: ["separator", "variant", "class"], exportAs: ["aiBreadcrumbSeparator"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbContentComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBreadcrumbImports],
+                    template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/">Home</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/components">Components</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=content.js.map

package/esm2022/lib/components/breadcrumb/demo/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/demo/content.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;AAsB5D,MAAM,OAAO,8BAA8B;uGAA9B,8BAA8B;2FAA9B,8BAA8B,wEAlB7B;;;;;;;;;;;;;;;;KAgBT;;2FAEQ,8BAA8B;kBApB1C,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,mBAAmB,CAAC;oBAC9B,QAAQ,EAAE;;;;;;;;;;;;;;;;KAgBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiBreadcrumbImports } from \"../breadcrumb.imports\";\r\n\r\n@Component({\r\n    imports: [AiBreadcrumbImports],\r\n    template: `\r\n        <ai-breadcrumb-content>\r\n            <ai-breadcrumb-list>\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/\">Home</ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/components\">Components</ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator />\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>\r\n                </ai-breadcrumb-item>\r\n            </ai-breadcrumb-list>\r\n        </ai-breadcrumb-content>\r\n    `,\r\n})\r\nexport class DemoBreadcrumbContentComponent {}\r\n"]}

package/esm2022/lib/components/breadcrumb/demo/custom-separator.js

@@ -0,0 +1,62 @@
+import { Component } from "@angular/core";
+import { AiIcon } from "../../icon/icon.component";
+import { AiBreadcrumbImports } from "../breadcrumb.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../breadcrumb-content";
+import * as i2 from "../breadcrumb-item";
+import * as i3 from "../breadcrumb-list";
+import * as i4 from "../breadcrumb-link";
+import * as i5 from "../breadcrumb-page";
+import * as i6 from "../breadcrumb-separator";
+export class DemoBreadcrumbCustomSeparatorComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbCustomSeparatorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBreadcrumbCustomSeparatorComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/">Home</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator>
+                    <ai-icon icon="arrow-right-double" />
+                </ai-breadcrumb-separator>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/components">Components</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator>
+                    <ai-icon icon="arrow-right-long" />
+                </ai-breadcrumb-separator>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiBreadcrumbContent, selector: "ai-breadcrumb-content", inputs: ["size", "class"], exportAs: ["aiBreadcrumbContent"] }, { kind: "component", type: i2.AiBreadcrumbItem, selector: "ai-breadcrumb-item", inputs: ["variant", "shape", "class"], exportAs: ["aiBreadcrumbItem"] }, { kind: "component", type: i3.AiBreadcrumbList, selector: "ai-breadcrumb-list", inputs: ["align", "wrap", "class"], exportAs: ["aiBreadcrumbList"] }, { kind: "component", type: i4.AiBreadcrumbLink, selector: "ai-breadcrumb-link", inputs: ["link", "variant", "class"], exportAs: ["aiBreadcrumbLink"] }, { kind: "component", type: i5.AiBreadcrumbPage, selector: "ai-breadcrumb-page", inputs: ["variant", "class"], exportAs: ["aiBreadcrumbPage"] }, { kind: "component", type: i6.AiBreadcrumbSeparator, selector: "ai-breadcrumb-separator", inputs: ["separator", "variant", "class"], exportAs: ["aiBreadcrumbSeparator"] }, { kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbCustomSeparatorComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBreadcrumbImports, AiIcon],
+                    template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/">Home</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator>
+                    <ai-icon icon="arrow-right-double" />
+                </ai-breadcrumb-separator>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/components">Components</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator>
+                    <ai-icon icon="arrow-right-long" />
+                </ai-breadcrumb-separator>
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=custom-separator.js.map

package/esm2022/lib/components/breadcrumb/demo/custom-separator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"custom-separator.js","sourceRoot":"","sources":["../../../../../../../../libs/ai-ui/src/lib/components/breadcrumb/demo/custom-separator.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;;;;;;;;AA0B5D,MAAM,OAAO,sCAAsC;uGAAtC,sCAAsC;2FAAtC,sCAAsC,wEAtBrC;;;;;;;;;;;;;;;;;;;;KAoBT,q9BArB8B,MAAM;;2FAuB5B,sCAAsC;kBAxBlD,SAAS;mBAAC;oBACP,OAAO,EAAE,CAAC,mBAAmB,EAAE,MAAM,CAAC;oBACtC,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;KAoBT;iBACJ","sourcesContent":["import { Component } from \"@angular/core\";\r\nimport { AiIcon } from \"../../icon/icon.component\";\r\nimport { AiBreadcrumbImports } from \"../breadcrumb.imports\";\r\n\r\n@Component({\r\n    imports: [AiBreadcrumbImports, AiIcon],\r\n    template: `\r\n        <ai-breadcrumb-content>\r\n            <ai-breadcrumb-list>\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/\">Home</ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator>\r\n                    <ai-icon icon=\"arrow-right-double\" />\r\n                </ai-breadcrumb-separator>\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-link link=\"/components\">Components</ai-breadcrumb-link>\r\n                </ai-breadcrumb-item>\r\n                <ai-breadcrumb-separator>\r\n                    <ai-icon icon=\"arrow-right-long\" />\r\n                </ai-breadcrumb-separator>\r\n                <ai-breadcrumb-item>\r\n                    <ai-breadcrumb-page>Breadcrumb</ai-breadcrumb-page>\r\n                </ai-breadcrumb-item>\r\n            </ai-breadcrumb-list>\r\n        </ai-breadcrumb-content>\r\n    `,\r\n})\r\nexport class DemoBreadcrumbCustomSeparatorComponent {}\r\n"]}

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

@@ -0,0 +1,60 @@
+import { Component } from "@angular/core";
+import { AiIcon } from "../../icon/icon.component";
+import { AiBreadcrumbImports } from "../breadcrumb.imports";
+import * as i0 from "@angular/core";
+import * as i1 from "../breadcrumb-content";
+import * as i2 from "../breadcrumb-item";
+import * as i3 from "../breadcrumb-list";
+import * as i4 from "../breadcrumb-link";
+import * as i5 from "../breadcrumb-page";
+import * as i6 from "../breadcrumb-separator";
+export class DemoBreadcrumbDefaultComponent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbDefaultComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.1", type: DemoBreadcrumbDefaultComponent, isStandalone: true, selector: "ng-component", ngImport: i0, template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list wrap="wrap" [align]="'start'">
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/controle">
+                        <ai-icon icon="contacts" />
+                        Controle
+                    </ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/colaborador">Colaboradores</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Cadastrar colaborador</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `, isInline: true, dependencies: [{ kind: "component", type: i1.AiBreadcrumbContent, selector: "ai-breadcrumb-content", inputs: ["size", "class"], exportAs: ["aiBreadcrumbContent"] }, { kind: "component", type: i2.AiBreadcrumbItem, selector: "ai-breadcrumb-item", inputs: ["variant", "shape", "class"], exportAs: ["aiBreadcrumbItem"] }, { kind: "component", type: i3.AiBreadcrumbList, selector: "ai-breadcrumb-list", inputs: ["align", "wrap", "class"], exportAs: ["aiBreadcrumbList"] }, { kind: "component", type: i4.AiBreadcrumbLink, selector: "ai-breadcrumb-link", inputs: ["link", "variant", "class"], exportAs: ["aiBreadcrumbLink"] }, { kind: "component", type: i5.AiBreadcrumbPage, selector: "ai-breadcrumb-page", inputs: ["variant", "class"], exportAs: ["aiBreadcrumbPage"] }, { kind: "component", type: i6.AiBreadcrumbSeparator, selector: "ai-breadcrumb-separator", inputs: ["separator", "variant", "class"], exportAs: ["aiBreadcrumbSeparator"] }, { kind: "component", type: AiIcon, selector: "ai-icon, [ai-icon]", inputs: ["icon", "size", "type", "disabled", "class"], exportAs: ["aiIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.1", ngImport: i0, type: DemoBreadcrumbDefaultComponent, decorators: [{
+            type: Component,
+            args: [{
+                    imports: [AiBreadcrumbImports, AiIcon],
+                    template: `
+        <ai-breadcrumb-content>
+            <ai-breadcrumb-list wrap="wrap" [align]="'start'">
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/controle">
+                        <ai-icon icon="contacts" />
+                        Controle
+                    </ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-link link="/colaborador">Colaboradores</ai-breadcrumb-link>
+                </ai-breadcrumb-item>
+                <ai-breadcrumb-separator />
+                <ai-breadcrumb-item>
+                    <ai-breadcrumb-page>Cadastrar colaborador</ai-breadcrumb-page>
+                </ai-breadcrumb-item>
+            </ai-breadcrumb-list>
+        </ai-breadcrumb-content>
+    `,
+                }]
+        }] });
+//# sourceMappingURL=default.js.map