@frame-ui-ng/components 0.1.0-beta.0

package/fesm2022/frame-ui-ng-components-alert.mjs

@@ -0,0 +1,102 @@
+import * as i0 from '@angular/core';
+import { input, Directive, NgModule } from '@angular/core';
+
+const FR_ALERT_VARIANTS = [
+    'default',
+    'destructive',
+    'success',
+    'danger',
+    'info',
+];
+class FrAlert {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlert, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrAlert, isStandalone: true, selector: "[frAlert]", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "alert" }, properties: { "attr.data-variant": "variant()" }, classAttribute: "frame-alert" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlert, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAlert]',
+                    host: {
+                        class: 'frame-alert',
+                        '[attr.data-variant]': 'variant()',
+                        'role': 'alert',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+class FrAlertIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAlertIcon, isStandalone: true, selector: "[frAlertIcon]", host: { attributes: { "aria-hidden": "true" }, classAttribute: "frame-alert__icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAlertIcon]',
+                    host: {
+                        class: 'frame-alert__icon',
+                        'aria-hidden': 'true',
+                    },
+                }]
+        }] });
+class FrAlertTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAlertTitle, isStandalone: true, selector: "[frAlertTitle]", host: { classAttribute: "frame-alert__title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAlertTitle]',
+                    host: {
+                        class: 'frame-alert__title',
+                    },
+                }]
+        }] });
+class FrAlertDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAlertDescription, isStandalone: true, selector: "[frAlertDescription]", host: { classAttribute: "frame-alert__description" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAlertDescription]',
+                    host: {
+                        class: 'frame-alert__description',
+                    },
+                }]
+        }] });
+
+class FrAlertModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrAlertModule, imports: [FrAlert,
+            FrAlertDescription,
+            FrAlertIcon,
+            FrAlertTitle], exports: [FrAlert,
+            FrAlertDescription,
+            FrAlertIcon,
+            FrAlertTitle] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAlertModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrAlert,
+                        FrAlertDescription,
+                        FrAlertIcon,
+                        FrAlertTitle,
+                    ],
+                    exports: [
+                        FrAlert,
+                        FrAlertDescription,
+                        FrAlertIcon,
+                        FrAlertTitle,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_ALERT_VARIANTS, FrAlert, FrAlertDescription, FrAlertIcon, FrAlertModule, FrAlertTitle };
+//# sourceMappingURL=frame-ui-ng-components-alert.mjs.map

package/fesm2022/frame-ui-ng-components-alert.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-alert.mjs","sources":["../../../projects/components/alert/src/alert.ts","../../../projects/components/alert/alert.module.ts","../../../projects/components/alert/frame-ui-ng-components-alert.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\n\nexport const FR_ALERT_VARIANTS = [\n  'default',\n  'destructive',\n  'success',\n  'danger',\n  'info',\n] as const;\n\nexport type FrAlertVariant = (typeof FR_ALERT_VARIANTS)[number];\n\n@Directive({\n  selector: '[frAlert]',\n  host: {\n    class: 'frame-alert',\n    '[attr.data-variant]': 'variant()',\n    'role': 'alert',\n  },\n})\nexport class FrAlert {\n  readonly variant = input<FrAlertVariant>('default');\n}\n\n@Directive({\n  selector: '[frAlertIcon]',\n  host: {\n    class: 'frame-alert__icon',\n    'aria-hidden': 'true',\n  },\n})\nexport class FrAlertIcon {}\n\n@Directive({\n  selector: '[frAlertTitle]',\n  host: {\n    class: 'frame-alert__title',\n  },\n})\nexport class FrAlertTitle {}\n\n@Directive({\n  selector: '[frAlertDescription]',\n  host: {\n    class: 'frame-alert__description',\n  },\n})\nexport class FrAlertDescription {}\n","import { NgModule } from '@angular/core';\nimport {\n  FrAlert,\n  FrAlertDescription,\n  FrAlertIcon,\n  FrAlertTitle,\n} from './src/alert';\n\n@NgModule({\n  imports: [\n    FrAlert,\n    FrAlertDescription,\n    FrAlertIcon,\n    FrAlertTitle,\n  ],\n  exports: [\n    FrAlert,\n    FrAlertDescription,\n    FrAlertIcon,\n    FrAlertTitle,\n  ],\n})\nexport class FrAlertModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-avatar.mjs

@@ -0,0 +1,197 @@
+import * as i0 from '@angular/core';
+import { Directive, InjectionToken, inject, input, booleanAttribute, ElementRef, signal, NgModule } from '@angular/core';
+
+class FrAvatarBadge {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAvatarBadge, isStandalone: true, selector: "[frAvatarBadge]", host: { classAttribute: "frame-avatar__badge" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarBadge, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAvatarBadge]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-avatar__badge',
+                    },
+                }]
+        }] });
+
+const AVATAR_ROOT = new InjectionToken('FrAvatar');
+
+class FrAvatarFallback {
+    root = inject(AVATAR_ROOT);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarFallback, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAvatarFallback, isStandalone: true, selector: "[frAvatarFallback]", host: { properties: { "attr.aria-hidden": "root.status() === \"loaded\" ? \"true\" : \"false\"", "attr.data-visible": "root.status() === \"loaded\" ? \"false\" : \"true\"" }, classAttribute: "frame-avatar__fallback" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarFallback, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAvatarFallback]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-avatar__fallback',
+                        '[attr.aria-hidden]': 'root.status() === "loaded" ? "true" : "false"',
+                        '[attr.data-visible]': 'root.status() === "loaded" ? "false" : "true"',
+                    },
+                }]
+        }] });
+
+class FrAvatarGroup {
+    expandOnHover = input(false, { ...(ngDevMode ? { debugName: "expandOnHover" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrAvatarGroup, isStandalone: true, selector: "[frAvatarGroup]", inputs: { expandOnHover: { classPropertyName: "expandOnHover", publicName: "expandOnHover", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-expand-on-hover": "expandOnHover() ? \"true\" : \"false\"", "attr.data-size": "size()" }, classAttribute: "frame-avatar-group" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAvatarGroup]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-avatar-group',
+                        '[attr.data-expand-on-hover]': 'expandOnHover() ? "true" : "false"',
+                        '[attr.data-size]': 'size()',
+                    },
+                }]
+        }], propDecorators: { expandOnHover: [{ type: i0.Input, args: [{ isSignal: true, alias: "expandOnHover", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+class FrAvatarGroupCount {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarGroupCount, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAvatarGroupCount, isStandalone: true, selector: "[frAvatarGroupCount]", host: { classAttribute: "frame-avatar-group__count" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarGroupCount, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAvatarGroupCount]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-avatar-group__count',
+                    },
+                }]
+        }] });
+
+class FrAvatarIcon {
+    root = inject(AVATAR_ROOT);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAvatarIcon, isStandalone: true, selector: "[frAvatarIcon]", host: { properties: { "attr.aria-hidden": "root.status() === \"loaded\" ? \"true\" : \"false\"", "attr.data-visible": "root.status() === \"loaded\" ? \"false\" : \"true\"" }, classAttribute: "frame-avatar__icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frAvatarIcon]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-avatar__icon',
+                        '[attr.aria-hidden]': 'root.status() === "loaded" ? "true" : "false"',
+                        '[attr.data-visible]': 'root.status() === "loaded" ? "false" : "true"',
+                    },
+                }]
+        }] });
+
+class FrAvatarImage {
+    host = inject(ElementRef);
+    root = inject(AVATAR_ROOT);
+    ngAfterViewInit() {
+        const image = this.host.nativeElement;
+        if (!image.getAttribute('src')) {
+            this.root.setStatus('error');
+            return;
+        }
+        if (image.complete) {
+            this.root.setStatus(image.naturalWidth > 0 ? 'loaded' : 'error');
+        }
+    }
+    handleLoad() {
+        this.root.setStatus('loaded');
+    }
+    handleError() {
+        this.root.setStatus('error');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarImage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrAvatarImage, isStandalone: true, selector: "img[frAvatarImage]", host: { listeners: { "error": "handleError()", "load": "handleLoad()" }, classAttribute: "frame-avatar__image" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarImage, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'img[frAvatarImage]',
+                    standalone: true,
+                    host: {
+                        class: 'frame-avatar__image',
+                        '(error)': 'handleError()',
+                        '(load)': 'handleLoad()',
+                    },
+                }]
+        }] });
+
+class FrAvatar {
+    size = input('md', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    status = signal('idle', ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
+    setStatus(status) {
+        this.status.set(status);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatar, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrAvatar, isStandalone: true, selector: "FrAvatar, [frAvatar]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-status": "status()" }, classAttribute: "frame-avatar" }, providers: [{ provide: AVATAR_ROOT, useExisting: FrAvatar }], exportAs: ["frAvatar"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatar, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'FrAvatar, [frAvatar]',
+                    exportAs: 'frAvatar',
+                    standalone: true,
+                    providers: [{ provide: AVATAR_ROOT, useExisting: FrAvatar }],
+                    host: {
+                        class: 'frame-avatar',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-status]': 'status()',
+                    },
+                }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }] } });
+
+const FR_AVATAR_SIZES = ['xs', 'sm', 'md', 'lg'];
+
+class FrAvatarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarModule, imports: [FrAvatar,
+            FrAvatarBadge,
+            FrAvatarFallback,
+            FrAvatarGroup,
+            FrAvatarGroupCount,
+            FrAvatarIcon,
+            FrAvatarImage], exports: [FrAvatar,
+            FrAvatarBadge,
+            FrAvatarFallback,
+            FrAvatarGroup,
+            FrAvatarGroupCount,
+            FrAvatarIcon,
+            FrAvatarImage] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrAvatarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrAvatar,
+                        FrAvatarBadge,
+                        FrAvatarFallback,
+                        FrAvatarGroup,
+                        FrAvatarGroupCount,
+                        FrAvatarIcon,
+                        FrAvatarImage,
+                    ],
+                    exports: [
+                        FrAvatar,
+                        FrAvatarBadge,
+                        FrAvatarFallback,
+                        FrAvatarGroup,
+                        FrAvatarGroupCount,
+                        FrAvatarIcon,
+                        FrAvatarImage,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_AVATAR_SIZES, FrAvatar, FrAvatarBadge, FrAvatarFallback, FrAvatarGroup, FrAvatarGroupCount, FrAvatarIcon, FrAvatarImage, FrAvatarModule };
+//# sourceMappingURL=frame-ui-ng-components-avatar.mjs.map

package/fesm2022/frame-ui-ng-components-avatar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-avatar.mjs","sources":["../../../projects/components/avatar/src/avatar.badge.ts","../../../projects/components/avatar/src/avatar.tokens.ts","../../../projects/components/avatar/src/avatar.fallback.ts","../../../projects/components/avatar/src/avatar.group.ts","../../../projects/components/avatar/src/avatar.icon.ts","../../../projects/components/avatar/src/avatar.image.ts","../../../projects/components/avatar/src/avatar.root.ts","../../../projects/components/avatar/src/avatar.types.ts","../../../projects/components/avatar/avatar.module.ts","../../../projects/components/avatar/frame-ui-ng-components-avatar.ts"],"sourcesContent":["import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[frAvatarBadge]',\n  standalone: true,\n  host: {\n    class: 'frame-avatar__badge',\n  },\n})\nexport class FrAvatarBadge {}\n","import { InjectionToken } from '@angular/core';\n\nexport interface FrAvatarContext {\n  readonly status: () => 'error' | 'idle' | 'loaded';\n  setStatus(status: 'error' | 'idle' | 'loaded'): void;\n}\n\nexport const AVATAR_ROOT = new InjectionToken<FrAvatarContext>('FrAvatar');\n","import { Directive, inject } from '@angular/core';\n\nimport { AVATAR_ROOT } from './avatar.tokens';\n\n@Directive({\n  selector: '[frAvatarFallback]',\n  standalone: true,\n  host: {\n    class: 'frame-avatar__fallback',\n    '[attr.aria-hidden]': 'root.status() === \"loaded\" ? \"true\" : \"false\"',\n    '[attr.data-visible]': 'root.status() === \"loaded\" ? \"false\" : \"true\"',\n  },\n})\nexport class FrAvatarFallback {\n  protected readonly root = inject(AVATAR_ROOT);\n}\n","import { Directive, booleanAttribute, input } from '@angular/core';\n\nimport { FrAvatarSize } from './avatar.types';\n\n@Directive({\n  selector: '[frAvatarGroup]',\n  standalone: true,\n  host: {\n    class: 'frame-avatar-group',\n    '[attr.data-expand-on-hover]': 'expandOnHover() ? \"true\" : \"false\"',\n    '[attr.data-size]': 'size()',\n  },\n})\nexport class FrAvatarGroup {\n  readonly expandOnHover = input(false, { transform: booleanAttribute });\n  readonly size = input<FrAvatarSize>('md');\n}\n\n@Directive({\n  selector: '[frAvatarGroupCount]',\n  standalone: true,\n  host: {\n    class: 'frame-avatar-group__count',\n  },\n})\nexport class FrAvatarGroupCount {}\n","import { Directive, inject } from '@angular/core';\n\nimport { AVATAR_ROOT } from './avatar.tokens';\n\n@Directive({\n  selector: '[frAvatarIcon]',\n  standalone: true,\n  host: {\n    class: 'frame-avatar__icon',\n    '[attr.aria-hidden]': 'root.status() === \"loaded\" ? \"true\" : \"false\"',\n    '[attr.data-visible]': 'root.status() === \"loaded\" ? \"false\" : \"true\"',\n  },\n})\nexport class FrAvatarIcon {\n  protected readonly root = inject(AVATAR_ROOT);\n}\n","import { AfterViewInit, Directive, ElementRef, inject } from '@angular/core';\n\nimport { AVATAR_ROOT } from './avatar.tokens';\n\n@Directive({\n  selector: 'img[frAvatarImage]',\n  standalone: true,\n  host: {\n    class: 'frame-avatar__image',\n    '(error)': 'handleError()',\n    '(load)': 'handleLoad()',\n  },\n})\nexport class FrAvatarImage implements AfterViewInit {\n  private readonly host = inject<ElementRef<HTMLImageElement>>(ElementRef);\n  private readonly root = inject(AVATAR_ROOT);\n\n  ngAfterViewInit(): void {\n    const image = this.host.nativeElement;\n\n    if (!image.getAttribute('src')) {\n      this.root.setStatus('error');\n      return;\n    }\n\n    if (image.complete) {\n      this.root.setStatus(image.naturalWidth > 0 ? 'loaded' : 'error');\n    }\n  }\n\n  protected handleLoad(): void {\n    this.root.setStatus('loaded');\n  }\n\n  protected handleError(): void {\n    this.root.setStatus('error');\n  }\n}\n","import { Directive, input, signal } from '@angular/core';\n\nimport { AVATAR_ROOT } from './avatar.tokens';\nimport { FrAvatarSize } from './avatar.types';\n\n@Directive({\n  selector: 'FrAvatar, [frAvatar]',\n  exportAs: 'frAvatar',\n  standalone: true,\n  providers: [{ provide: AVATAR_ROOT, useExisting: FrAvatar }],\n  host: {\n    class: 'frame-avatar',\n    '[attr.data-size]': 'size()',\n    '[attr.data-status]': 'status()',\n  },\n})\nexport class FrAvatar {\n  readonly size = input<FrAvatarSize>('md');\n  readonly status = signal<'error' | 'idle' | 'loaded'>('idle');\n\n  setStatus(status: 'error' | 'idle' | 'loaded'): void {\n    this.status.set(status);\n  }\n}\n","export const FR_AVATAR_SIZES = ['xs', 'sm', 'md', 'lg'] as const;\n\nexport type FrAvatarSize = (typeof FR_AVATAR_SIZES)[number];\n","import { NgModule } from '@angular/core';\nimport {\n  FrAvatar,\n  FrAvatarBadge,\n  FrAvatarFallback,\n  FrAvatarGroup,\n  FrAvatarGroupCount,\n  FrAvatarIcon,\n  FrAvatarImage,\n} from './src/avatar';\n\n@NgModule({\n  imports: [\n    FrAvatar,\n    FrAvatarBadge,\n    FrAvatarFallback,\n    FrAvatarGroup,\n    FrAvatarGroupCount,\n    FrAvatarIcon,\n    FrAvatarImage,\n  ],\n  exports: [\n    FrAvatar,\n    FrAvatarBadge,\n    FrAvatarFallback,\n    FrAvatarGroup,\n    FrAvatarGroupCount,\n    FrAvatarIcon,\n    FrAvatarImage,\n  ],\n})\nexport class FrAvatarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/frame-ui-ng-components-badge.mjs

@@ -0,0 +1,120 @@
+import * as i0 from '@angular/core';
+import { input, Directive, NgModule } from '@angular/core';
+import * as i1 from '@frame-ui-ng/components/spinner';
+import { FrSpinner } from '@frame-ui-ng/components/spinner';
+
+const FR_BADGE_VARIANTS = [
+    'default',
+    'secondary',
+    'destructive',
+    'outline',
+    'ghost',
+    'link',
+];
+const FR_BADGE_ICON_POSITIONS = ['inline-start', 'inline-end'];
+class FrBadge {
+    variant = input('default', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadge, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrBadge, isStandalone: true, selector: "[frBadge], frame-badge", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-variant": "variant()" }, classAttribute: "frame-badge" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadge, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frBadge], frame-badge',
+                    host: {
+                        class: 'frame-badge',
+                        '[attr.data-variant]': 'variant()',
+                    },
+                }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }] } });
+class FrBadgeIcon {
+    position = input('inline-start', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrBadgeIcon, isStandalone: true, selector: "[frBadgeIcon]", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "attr.data-icon": "position()" }, classAttribute: "frame-badge__icon" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frBadgeIcon]',
+                    host: {
+                        class: 'frame-badge__icon',
+                        '[attr.data-icon]': 'position()',
+                        'aria-hidden': 'true',
+                    },
+                }]
+        }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
+class FrBadgeLabel {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeLabel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrBadgeLabel, isStandalone: true, selector: "[frBadgeLabel]", host: { classAttribute: "frame-badge__label" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeLabel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frBadgeLabel]',
+                    host: {
+                        class: 'frame-badge__label',
+                    },
+                }]
+        }] });
+class FrBadgeSpinner {
+    position = input('inline-start', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeSpinner, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrBadgeSpinner, isStandalone: true, selector: "[frBadgeSpinner]", inputs: { position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "aria-hidden": "true" }, properties: { "attr.data-icon": "position()", "attr.role": "null", "attr.aria-label": "null" }, classAttribute: "frame-badge__spinner" }, hostDirectives: [{ directive: i1.FrSpinner, inputs: ["sizeValue", "sizeValue", "decorative", "decorative", "duration", "duration", "label", "label", "size", "size", "stroke", "stroke"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeSpinner, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frBadgeSpinner]',
+                    hostDirectives: [
+                        {
+                            directive: FrSpinner,
+                            inputs: ['sizeValue', 'decorative', 'duration', 'label', 'size', 'stroke'],
+                        },
+                    ],
+                    host: {
+                        class: 'frame-badge__spinner',
+                        '[attr.data-icon]': 'position()',
+                        'aria-hidden': 'true',
+                        '[attr.role]': 'null',
+                        '[attr.aria-label]': 'null',
+                    },
+                }]
+        }], propDecorators: { position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }] } });
+
+class FrBadgeModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeModule, imports: [FrBadge,
+            FrBadgeIcon,
+            FrBadgeLabel,
+            FrBadgeSpinner,
+            FrSpinner], exports: [FrBadge,
+            FrBadgeIcon,
+            FrBadgeLabel,
+            FrBadgeSpinner] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBadgeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrBadge,
+                        FrBadgeIcon,
+                        FrBadgeLabel,
+                        FrBadgeSpinner,
+                        FrSpinner,
+                    ],
+                    exports: [
+                        FrBadge,
+                        FrBadgeIcon,
+                        FrBadgeLabel,
+                        FrBadgeSpinner,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_BADGE_ICON_POSITIONS, FR_BADGE_VARIANTS, FrBadge, FrBadgeIcon, FrBadgeLabel, FrBadgeModule, FrBadgeSpinner };
+//# sourceMappingURL=frame-ui-ng-components-badge.mjs.map

package/fesm2022/frame-ui-ng-components-badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-badge.mjs","sources":["../../../projects/components/badge/src/badge.ts","../../../projects/components/badge/badge.module.ts","../../../projects/components/badge/frame-ui-ng-components-badge.ts"],"sourcesContent":["import { Directive, input } from '@angular/core';\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\n\nexport const FR_BADGE_VARIANTS = [\n  'default',\n  'secondary',\n  'destructive',\n  'outline',\n  'ghost',\n  'link',\n] as const;\nexport const FR_BADGE_ICON_POSITIONS = ['inline-start', 'inline-end'] as const;\n\nexport type FrBadgeVariant = (typeof FR_BADGE_VARIANTS)[number];\nexport type FrBadgeIconPosition = (typeof FR_BADGE_ICON_POSITIONS)[number];\n\n@Directive({\n  selector: '[frBadge], frame-badge',\n  host: {\n    class: 'frame-badge',\n    '[attr.data-variant]': 'variant()',\n  },\n})\nexport class FrBadge {\n  readonly variant = input<FrBadgeVariant>('default');\n}\n\n@Directive({\n  selector: '[frBadgeIcon]',\n  host: {\n    class: 'frame-badge__icon',\n    '[attr.data-icon]': 'position()',\n    'aria-hidden': 'true',\n  },\n})\nexport class FrBadgeIcon {\n  readonly position = input<FrBadgeIconPosition>('inline-start');\n}\n\n@Directive({\n  selector: '[frBadgeLabel]',\n  host: {\n    class: 'frame-badge__label',\n  },\n})\nexport class FrBadgeLabel {}\n\n@Directive({\n  selector: '[frBadgeSpinner]',\n  hostDirectives: [\n    {\n      directive: FrSpinner,\n      inputs: ['sizeValue', 'decorative', 'duration', 'label', 'size', 'stroke'],\n    },\n  ],\n  host: {\n    class: 'frame-badge__spinner',\n    '[attr.data-icon]': 'position()',\n    'aria-hidden': 'true',\n    '[attr.role]': 'null',\n    '[attr.aria-label]': 'null',\n  },\n})\nexport class FrBadgeSpinner {\n  readonly position = input<FrBadgeIconPosition>('inline-start');\n}\n","import { NgModule } from '@angular/core';\nimport {\n  FrBadge,\n  FrBadgeIcon,\n  FrBadgeLabel,\n  FrBadgeSpinner,\n} from './src/badge';\nimport { FrSpinner } from '@frame-ui-ng/components/spinner';\n\n@NgModule({\n  imports: [\n    FrBadge,\n    FrBadgeIcon,\n    FrBadgeLabel,\n    FrBadgeSpinner,\n    FrSpinner,\n  ],\n  exports: [\n    FrBadge,\n    FrBadgeIcon,\n    FrBadgeLabel,\n    FrBadgeSpinner,\n  ],\n})\nexport class FrBadgeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;AAGO,MAAM,iBAAiB,GAAG;IAC/B,SAAS;IACT,WAAW;IACX,aAAa;IACb,SAAS;IACT,OAAO;IACP,MAAM;;MAEK,uBAAuB,GAAG,CAAC,cAAc,EAAE,YAAY;MAYvD,OAAO,CAAA;AACT,IAAA,OAAO,GAAG,KAAK,CAAiB,SAAS,8EAAC;wGADxC,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAP,OAAO,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAP,OAAO,EAAA,UAAA,EAAA,CAAA;kBAPnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,wBAAwB;AAClC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,aAAa;AACpB,wBAAA,qBAAqB,EAAE,WAAW;AACnC,qBAAA;AACF,iBAAA;;MAaY,WAAW,CAAA;AACb,IAAA,QAAQ,GAAG,KAAK,CAAsB,cAAc,+EAAC;wGADnD,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBARvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,mBAAmB;AAC1B,wBAAA,kBAAkB,EAAE,YAAY;AAChC,wBAAA,aAAa,EAAE,MAAM;AACtB,qBAAA;AACF,iBAAA;;MAWY,YAAY,CAAA;wGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBANxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC5B,qBAAA;AACF,iBAAA;;MAmBY,cAAc,CAAA;AAChB,IAAA,QAAQ,GAAG,KAAK,CAAsB,cAAc,+EAAC;wGADnD,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAd,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,WAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,SAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAd,cAAc,EAAA,UAAA,EAAA,CAAA;kBAhB1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,SAAS;AACpB,4BAAA,MAAM,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC;AAC3E,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,sBAAsB;AAC7B,wBAAA,kBAAkB,EAAE,YAAY;AAChC,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,aAAa,EAAE,MAAM;AACrB,wBAAA,mBAAmB,EAAE,MAAM;AAC5B,qBAAA;AACF,iBAAA;;;MCtCY,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAb,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,YAbtB,OAAO;YACP,WAAW;YACX,YAAY;YACZ,cAAc;AACd,YAAA,SAAS,aAGT,OAAO;YACP,WAAW;YACX,YAAY;YACZ,cAAc,CAAA,EAAA,CAAA;yGAGL,aAAa,EAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBAfzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,OAAO;wBACP,WAAW;wBACX,YAAY;wBACZ,cAAc;wBACd,SAAS;AACV,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,OAAO;wBACP,WAAW;wBACX,YAAY;wBACZ,cAAc;AACf,qBAAA;AACF,iBAAA;;;ACvBD;;AAEG;;;;"}

package/fesm2022/frame-ui-ng-components-breadcrumb.mjs

@@ -0,0 +1,156 @@
+import * as i0 from '@angular/core';
+import { input, Directive, Component, NgModule } from '@angular/core';
+
+class FrBreadcrumb {
+    ariaLabel = input('breadcrumb', { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumb, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrBreadcrumb, isStandalone: true, selector: "nav[frBreadcrumb], [frBreadcrumb]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.aria-label": "ariaLabel()" }, classAttribute: "frame-breadcrumb" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumb, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'nav[frBreadcrumb], [frBreadcrumb]',
+                    host: {
+                        class: 'frame-breadcrumb',
+                        '[attr.aria-label]': 'ariaLabel()',
+                    },
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }] } });
+class FrBreadcrumbList {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrBreadcrumbList, isStandalone: true, selector: "ol[frBreadcrumbList], ul[frBreadcrumbList], [frBreadcrumbList]", host: { classAttribute: "frame-breadcrumb__list" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbList, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ol[frBreadcrumbList], ul[frBreadcrumbList], [frBreadcrumbList]',
+                    host: {
+                        class: 'frame-breadcrumb__list',
+                    },
+                }]
+        }] });
+class FrBreadcrumbItem {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrBreadcrumbItem, isStandalone: true, selector: "li[frBreadcrumbItem], [frBreadcrumbItem]", host: { classAttribute: "frame-breadcrumb__item" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'li[frBreadcrumbItem], [frBreadcrumbItem]',
+                    host: {
+                        class: 'frame-breadcrumb__item',
+                    },
+                }]
+        }] });
+class FrBreadcrumbLink {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbLink, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrBreadcrumbLink, isStandalone: true, selector: "a[frBreadcrumbLink], [frBreadcrumbLink]", host: { classAttribute: "frame-breadcrumb__link" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbLink, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'a[frBreadcrumbLink], [frBreadcrumbLink]',
+                    host: {
+                        class: 'frame-breadcrumb__link',
+                    },
+                }]
+        }] });
+class FrBreadcrumbPage {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbPage, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrBreadcrumbPage, isStandalone: true, selector: "[frBreadcrumbPage]", host: { attributes: { "aria-current": "page" }, classAttribute: "frame-breadcrumb__page" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbPage, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frBreadcrumbPage]',
+                    host: {
+                        class: 'frame-breadcrumb__page',
+                        'aria-current': 'page',
+                    },
+                }]
+        }] });
+class FrBreadcrumbSeparator {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbSeparator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrBreadcrumbSeparator, isStandalone: true, selector: "[frBreadcrumbSeparator]", host: { attributes: { "aria-hidden": "true", "role": "presentation" }, classAttribute: "frame-breadcrumb__separator" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbSeparator, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frBreadcrumbSeparator]',
+                    host: {
+                        class: 'frame-breadcrumb__separator',
+                        'aria-hidden': 'true',
+                        'role': 'presentation',
+                    },
+                }]
+        }] });
+class FrBreadcrumbEllipsis {
+    label = input('More pages', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbEllipsis, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.16", type: FrBreadcrumbEllipsis, isStandalone: true, selector: "[frBreadcrumbEllipsis], frame-breadcrumb-ellipsis", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "presentation" }, classAttribute: "frame-breadcrumb__ellipsis" }, ngImport: i0, template: `
+    <span aria-hidden="true">...</span>
+    <span class="frame-breadcrumb__sr-only">{{ label() }}</span>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbEllipsis, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[frBreadcrumbEllipsis], frame-breadcrumb-ellipsis',
+                    host: {
+                        class: 'frame-breadcrumb__ellipsis',
+                        'role': 'presentation',
+                    },
+                    template: `
+    <span aria-hidden="true">...</span>
+    <span class="frame-breadcrumb__sr-only">{{ label() }}</span>
+  `,
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+class FrBreadcrumbModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbModule, imports: [FrBreadcrumb,
+            FrBreadcrumbEllipsis,
+            FrBreadcrumbItem,
+            FrBreadcrumbLink,
+            FrBreadcrumbList,
+            FrBreadcrumbPage,
+            FrBreadcrumbSeparator], exports: [FrBreadcrumb,
+            FrBreadcrumbEllipsis,
+            FrBreadcrumbItem,
+            FrBreadcrumbLink,
+            FrBreadcrumbList,
+            FrBreadcrumbPage,
+            FrBreadcrumbSeparator] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrBreadcrumbModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrBreadcrumb,
+                        FrBreadcrumbEllipsis,
+                        FrBreadcrumbItem,
+                        FrBreadcrumbLink,
+                        FrBreadcrumbList,
+                        FrBreadcrumbPage,
+                        FrBreadcrumbSeparator,
+                    ],
+                    exports: [
+                        FrBreadcrumb,
+                        FrBreadcrumbEllipsis,
+                        FrBreadcrumbItem,
+                        FrBreadcrumbLink,
+                        FrBreadcrumbList,
+                        FrBreadcrumbPage,
+                        FrBreadcrumbSeparator,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FrBreadcrumb, FrBreadcrumbEllipsis, FrBreadcrumbItem, FrBreadcrumbLink, FrBreadcrumbList, FrBreadcrumbModule, FrBreadcrumbPage, FrBreadcrumbSeparator };
+//# sourceMappingURL=frame-ui-ng-components-breadcrumb.mjs.map