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

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

@@ -0,0 +1,169 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, Renderer2, input, effect, RendererStyleFlags2, Directive, NgModule } from '@angular/core';
+
+const FR_CARD_SIZES = ['default', 'sm'];
+const FR_CARD_SPACINGS = ['sm', 'md', 'lg', 'xl'];
+const FR_CARD_FOOTER_ALIGNS = ['start', 'end', 'between'];
+const FR_CARD_SPACING_VALUES = {
+    sm: '0.75rem',
+    md: '1rem',
+    lg: '1.25rem',
+    xl: '2rem',
+};
+class FrCard {
+    elementRef = inject(ElementRef);
+    renderer = inject(Renderer2);
+    size = input('default', ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    spacing = input(null, ...(ngDevMode ? [{ debugName: "spacing" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const spacing = this.spacing();
+            if (!spacing) {
+                this.renderer.removeStyle(this.elementRef.nativeElement, '--frame-card-spacing', RendererStyleFlags2.DashCase);
+                return;
+            }
+            this.renderer.setStyle(this.elementRef.nativeElement, '--frame-card-spacing', FR_CARD_SPACING_VALUES[spacing], RendererStyleFlags2.DashCase);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrCard, isStandalone: true, selector: "[frCard], frame-card", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, spacing: { classPropertyName: "spacing", publicName: "spacing", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-size": "size()", "attr.data-spacing": "spacing()" }, classAttribute: "frame-card" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCard, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCard], frame-card',
+                    host: {
+                        class: 'frame-card',
+                        '[attr.data-size]': 'size()',
+                        '[attr.data-spacing]': 'spacing()',
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], spacing: [{ type: i0.Input, args: [{ isSignal: true, alias: "spacing", required: false }] }] } });
+class FrCardHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrCardHeader, isStandalone: true, selector: "[frCardHeader]", host: { classAttribute: "frame-card__header" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCardHeader]',
+                    host: {
+                        class: 'frame-card__header',
+                    },
+                }]
+        }] });
+class FrCardTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrCardTitle, isStandalone: true, selector: "[frCardTitle]", host: { classAttribute: "frame-card__title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCardTitle]',
+                    host: {
+                        class: 'frame-card__title',
+                    },
+                }]
+        }] });
+class FrCardDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrCardDescription, isStandalone: true, selector: "[frCardDescription]", host: { classAttribute: "frame-card__description" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCardDescription]',
+                    host: {
+                        class: 'frame-card__description',
+                    },
+                }]
+        }] });
+class FrCardAction {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrCardAction, isStandalone: true, selector: "[frCardAction]", host: { classAttribute: "frame-card__action" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardAction, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCardAction]',
+                    host: {
+                        class: 'frame-card__action',
+                    },
+                }]
+        }] });
+class FrCardContent {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrCardContent, isStandalone: true, selector: "[frCardContent]", host: { classAttribute: "frame-card__content" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCardContent]',
+                    host: {
+                        class: 'frame-card__content',
+                    },
+                }]
+        }] });
+class FrCardFooter {
+    align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrCardFooter, isStandalone: true, selector: "[frCardFooter]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-align": "align()" }, classAttribute: "frame-card__footer" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCardFooter]',
+                    host: {
+                        class: 'frame-card__footer',
+                        '[attr.data-align]': 'align()',
+                    },
+                }]
+        }], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }] } });
+
+class FrCardModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrCardModule, imports: [FrCard,
+            FrCardAction,
+            FrCardContent,
+            FrCardDescription,
+            FrCardFooter,
+            FrCardHeader,
+            FrCardTitle], exports: [FrCard,
+            FrCardAction,
+            FrCardContent,
+            FrCardDescription,
+            FrCardFooter,
+            FrCardHeader,
+            FrCardTitle] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCardModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrCard,
+                        FrCardAction,
+                        FrCardContent,
+                        FrCardDescription,
+                        FrCardFooter,
+                        FrCardHeader,
+                        FrCardTitle,
+                    ],
+                    exports: [
+                        FrCard,
+                        FrCardAction,
+                        FrCardContent,
+                        FrCardDescription,
+                        FrCardFooter,
+                        FrCardHeader,
+                        FrCardTitle,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_CARD_FOOTER_ALIGNS, FR_CARD_SIZES, FR_CARD_SPACINGS, FrCard, FrCardAction, FrCardContent, FrCardDescription, FrCardFooter, FrCardHeader, FrCardModule, FrCardTitle };
+//# sourceMappingURL=frame-ui-ng-components-card.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-card.mjs","sources":["../../../projects/components/card/src/card.ts","../../../projects/components/card/card.module.ts","../../../projects/components/card/frame-ui-ng-components-card.ts"],"sourcesContent":["import {\n  Directive,\n  ElementRef,\n  Renderer2,\n  RendererStyleFlags2,\n  effect,\n  inject,\n  input,\n} from '@angular/core';\n\nexport const FR_CARD_SIZES = ['default', 'sm'] as const;\nexport const FR_CARD_SPACINGS = ['sm', 'md', 'lg', 'xl'] as const;\nexport const FR_CARD_FOOTER_ALIGNS = ['start', 'end', 'between'] as const;\n\nexport type FrCardSize = (typeof FR_CARD_SIZES)[number];\nexport type FrCardSpacing = (typeof FR_CARD_SPACINGS)[number];\nexport type FrCardFooterAlign = (typeof FR_CARD_FOOTER_ALIGNS)[number];\n\nconst FR_CARD_SPACING_VALUES: Record<FrCardSpacing, string> = {\n  sm: '0.75rem',\n  md: '1rem',\n  lg: '1.25rem',\n  xl: '2rem',\n};\n\n@Directive({\n  selector: '[frCard], frame-card',\n  host: {\n    class: 'frame-card',\n    '[attr.data-size]': 'size()',\n    '[attr.data-spacing]': 'spacing()',\n  },\n})\nexport class FrCard {\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly renderer = inject(Renderer2);\n\n  readonly size = input<FrCardSize>('default');\n  readonly spacing = input<FrCardSpacing | null>(null);\n\n  constructor() {\n    effect(() => {\n      const spacing = this.spacing();\n      if (!spacing) {\n        this.renderer.removeStyle(\n          this.elementRef.nativeElement,\n          '--frame-card-spacing',\n          RendererStyleFlags2.DashCase,\n        );\n        return;\n      }\n\n      this.renderer.setStyle(\n        this.elementRef.nativeElement,\n        '--frame-card-spacing',\n        FR_CARD_SPACING_VALUES[spacing],\n        RendererStyleFlags2.DashCase,\n      );\n    });\n  }\n}\n\n@Directive({\n  selector: '[frCardHeader]',\n  host: {\n    class: 'frame-card__header',\n  },\n})\nexport class FrCardHeader {}\n\n@Directive({\n  selector: '[frCardTitle]',\n  host: {\n    class: 'frame-card__title',\n  },\n})\nexport class FrCardTitle {}\n\n@Directive({\n  selector: '[frCardDescription]',\n  host: {\n    class: 'frame-card__description',\n  },\n})\nexport class FrCardDescription {}\n\n@Directive({\n  selector: '[frCardAction]',\n  host: {\n    class: 'frame-card__action',\n  },\n})\nexport class FrCardAction {}\n\n@Directive({\n  selector: '[frCardContent]',\n  host: {\n    class: 'frame-card__content',\n  },\n})\nexport class FrCardContent {}\n\n@Directive({\n  selector: '[frCardFooter]',\n  host: {\n    class: 'frame-card__footer',\n    '[attr.data-align]': 'align()',\n  },\n})\nexport class FrCardFooter {\n  readonly align = input<FrCardFooterAlign>('start');\n}\n","import { NgModule } from '@angular/core';\nimport {\n  FrCard,\n  FrCardAction,\n  FrCardContent,\n  FrCardDescription,\n  FrCardFooter,\n  FrCardHeader,\n  FrCardTitle,\n} from './src/card';\n\n@NgModule({\n  imports: [\n    FrCard,\n    FrCardAction,\n    FrCardContent,\n    FrCardDescription,\n    FrCardFooter,\n    FrCardHeader,\n    FrCardTitle,\n  ],\n  exports: [\n    FrCard,\n    FrCardAction,\n    FrCardContent,\n    FrCardDescription,\n    FrCardFooter,\n    FrCardHeader,\n    FrCardTitle,\n  ],\n})\nexport class FrCardModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAUa,aAAa,GAAG,CAAC,SAAS,EAAE,IAAI;AACtC,MAAM,gBAAgB,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI;AAChD,MAAM,qBAAqB,GAAG,CAAC,OAAO,EAAE,KAAK,EAAE,SAAS;AAM/D,MAAM,sBAAsB,GAAkC;AAC5D,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,SAAS;AACb,IAAA,EAAE,EAAE,MAAM;CACX;MAUY,MAAM,CAAA;AACA,IAAA,UAAU,GAAG,MAAM,CAA0B,UAAU,CAAC;AACxD,IAAA,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC;AAEpC,IAAA,IAAI,GAAG,KAAK,CAAa,SAAS,2EAAC;AACnC,IAAA,OAAO,GAAG,KAAK,CAAuB,IAAI,8EAAC;AAEpD,IAAA,WAAA,GAAA;QACE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;YAC9B,IAAI,CAAC,OAAO,EAAE;AACZ,gBAAA,IAAI,CAAC,QAAQ,CAAC,WAAW,CACvB,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,sBAAsB,EACtB,mBAAmB,CAAC,QAAQ,CAC7B;gBACD;YACF;YAEA,IAAI,CAAC,QAAQ,CAAC,QAAQ,CACpB,IAAI,CAAC,UAAU,CAAC,aAAa,EAC7B,sBAAsB,EACtB,sBAAsB,CAAC,OAAO,CAAC,EAC/B,mBAAmB,CAAC,QAAQ,CAC7B;AACH,QAAA,CAAC,CAAC;IACJ;wGA1BW,MAAM,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAN,MAAM,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,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,gBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,WAAA,EAAA,EAAA,cAAA,EAAA,YAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAN,MAAM,EAAA,UAAA,EAAA,CAAA;kBARlB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,YAAY;AACnB,wBAAA,kBAAkB,EAAE,QAAQ;AAC5B,wBAAA,qBAAqB,EAAE,WAAW;AACnC,qBAAA;AACF,iBAAA;;MAoCY,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;;MASY,WAAW,CAAA;wGAAX,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,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBANvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,mBAAmB;AAC3B,qBAAA;AACF,iBAAA;;MASY,iBAAiB,CAAA;wGAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,yBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,yBAAyB;AACjC,qBAAA;AACF,iBAAA;;MASY,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;;MASY,aAAa,CAAA;wGAAb,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBANzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,qBAAqB;AAC7B,qBAAA;AACF,iBAAA;;MAUY,YAAY,CAAA;AACd,IAAA,KAAK,GAAG,KAAK,CAAoB,OAAO,4EAAC;wGADvC,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,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,EAAA,cAAA,EAAA,oBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAPxB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC3B,wBAAA,mBAAmB,EAAE,SAAS;AAC/B,qBAAA;AACF,iBAAA;;;MC7EY,YAAY,CAAA;wGAAZ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,YAAY,YAlBrB,MAAM;YACN,YAAY;YACZ,aAAa;YACb,iBAAiB;YACjB,YAAY;YACZ,YAAY;AACZ,YAAA,WAAW,aAGX,MAAM;YACN,YAAY;YACZ,aAAa;YACb,iBAAiB;YACjB,YAAY;YACZ,YAAY;YACZ,WAAW,CAAA,EAAA,CAAA;yGAGF,YAAY,EAAA,CAAA;;4FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBApBxB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,MAAM;wBACN,YAAY;wBACZ,aAAa;wBACb,iBAAiB;wBACjB,YAAY;wBACZ,YAAY;wBACZ,WAAW;AACZ,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,MAAM;wBACN,YAAY;wBACZ,aAAa;wBACb,iBAAiB;wBACjB,YAAY;wBACZ,YAAY;wBACZ,WAAW;AACZ,qBAAA;AACF,iBAAA;;;AC9BD;;AAEG;;;;"}

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

@@ -0,0 +1,454 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, DestroyRef, input, booleanAttribute, output, signal, computed, effect, Directive, ElementRef, NgModule } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { fromEvent } from 'rxjs';
+import * as i1 from '@frame-ui-ng/components/button';
+import { FrButton } from '@frame-ui-ng/components/button';
+
+const FR_CAROUSEL_ORIENTATIONS = ['horizontal', 'vertical'];
+const FR_CAROUSEL_ALIGNS = ['start', 'center', 'end'];
+const FR_CAROUSEL_DIRECTIONS = ['ltr', 'rtl'];
+const FR_CAROUSEL = new InjectionToken('FrCarousel');
+class FrCarousel {
+    destroyRef = inject(DestroyRef);
+    listeners = new Map();
+    pluginCleanups = [];
+    loopResetTimer = null;
+    loopResetScrollEndCleanup = null;
+    scrollSyncTimer = null;
+    isProgrammaticScroll = false;
+    loopBoundaryClone = null;
+    contentElement = null;
+    itemElements = [];
+    align = input('start', ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
+    loop = input(false, { ...(ngDevMode ? { debugName: "loop" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    orientation = input('horizontal', ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    opts = input(null, ...(ngDevMode ? [{ debugName: "opts" }] : /* istanbul ignore next */ []));
+    plugins = input([], ...(ngDevMode ? [{ debugName: "plugins" }] : /* istanbul ignore next */ []));
+    apiReady = output();
+    selectedChange = output();
+    selectedIndex = signal(0, ...(ngDevMode ? [{ debugName: "selectedIndex" }] : /* istanbul ignore next */ []));
+    snapCount = signal(0, ...(ngDevMode ? [{ debugName: "snapCount" }] : /* istanbul ignore next */ []));
+    effectiveAlign = computed(() => this.opts()?.align ?? this.align(), ...(ngDevMode ? [{ debugName: "effectiveAlign" }] : /* istanbul ignore next */ []));
+    effectiveDirection = computed(() => this.opts()?.direction ?? 'ltr', ...(ngDevMode ? [{ debugName: "effectiveDirection" }] : /* istanbul ignore next */ []));
+    effectiveLoop = computed(() => this.opts()?.loop ?? this.loop(), ...(ngDevMode ? [{ debugName: "effectiveLoop" }] : /* istanbul ignore next */ []));
+    api = {
+        canScrollNext: () => this.canScrollNext(),
+        canScrollPrev: () => this.canScrollPrev(),
+        scrollNext: () => this.scrollNext(),
+        scrollPrev: () => this.scrollPrev(),
+        scrollTo: (index) => this.scrollTo(index),
+        scrollSnapList: () => this.itemElements.map((_, index) => index),
+        selectedScrollSnap: () => this.selectedIndex(),
+        on: (event, callback) => this.on(event, callback),
+    };
+    constructor() {
+        effect(() => {
+            const plugins = this.plugins();
+            this.pluginCleanups.splice(0).forEach((cleanup) => cleanup());
+            for (const plugin of plugins) {
+                const cleanup = plugin(this.api);
+                if (typeof cleanup === 'function') {
+                    this.pluginCleanups.push(cleanup);
+                }
+            }
+        });
+        effect(() => {
+            if (!this.effectiveLoop()) {
+                this.removeLoopClone();
+            }
+        });
+        this.destroyRef.onDestroy(() => {
+            this.pluginCleanups.splice(0).forEach((cleanup) => cleanup());
+            this.clearLoopResetTimer();
+            this.clearScrollSyncTimer();
+        });
+    }
+    ngAfterViewInit() {
+        queueMicrotask(() => {
+            this.recalculate();
+            this.emit('init');
+            this.apiReady.emit(this.api);
+        });
+    }
+    registerContent(element) {
+        this.contentElement = element;
+        fromEvent(element, 'scroll')
+            .pipe(takeUntilDestroyed(this.destroyRef))
+            .subscribe(() => this.syncSelectedFromScroll());
+    }
+    registerItem(element) {
+        this.itemElements.push(element);
+        this.recalculate();
+    }
+    unregisterItem(element) {
+        this.itemElements = this.itemElements.filter((item) => item !== element);
+        this.recalculate();
+    }
+    canScrollPrev() {
+        return this.effectiveLoop() || this.selectedIndex() > 0;
+    }
+    canScrollNext() {
+        return this.effectiveLoop() || this.selectedIndex() < this.snapCount() - 1;
+    }
+    scrollPrev() {
+        const nextIndex = this.selectedIndex() - 1;
+        if (this.effectiveLoop() && nextIndex < 0) {
+            this.scrollLoopBoundary('previous');
+            return;
+        }
+        this.scrollTo(nextIndex < 0 ? this.snapCount() - 1 : nextIndex);
+    }
+    scrollNext() {
+        const nextIndex = this.selectedIndex() + 1;
+        if (this.effectiveLoop() && nextIndex >= this.snapCount()) {
+            this.scrollLoopBoundary('next');
+            return;
+        }
+        this.scrollTo(nextIndex >= this.snapCount() ? 0 : nextIndex);
+    }
+    scrollTo(index) {
+        const target = this.itemElements[index];
+        if (!target || (!this.effectiveLoop() && (index < 0 || index >= this.snapCount()))) {
+            return;
+        }
+        this.pauseScrollSync();
+        this.scrollItemIntoView(target);
+        this.setSelectedIndex(index);
+    }
+    handleKeydown(event) {
+        const nextKey = this.orientation() === 'vertical' ? 'ArrowDown' : 'ArrowRight';
+        const prevKey = this.orientation() === 'vertical' ? 'ArrowUp' : 'ArrowLeft';
+        if (event.key === nextKey) {
+            event.preventDefault();
+            this.scrollNext();
+        }
+        if (event.key === prevKey) {
+            event.preventDefault();
+            this.scrollPrev();
+        }
+    }
+    on(event, callback) {
+        const callbacks = this.listeners.get(event) ?? new Set();
+        callbacks.add(callback);
+        this.listeners.set(event, callbacks);
+        return () => callbacks.delete(callback);
+    }
+    emit(event) {
+        this.listeners.get(event)?.forEach((callback) => callback());
+    }
+    recalculate() {
+        this.snapCount.set(this.itemElements.length);
+        this.emit('reInit');
+    }
+    syncSelectedFromScroll() {
+        if (this.isProgrammaticScroll || !this.contentElement || !this.itemElements.length) {
+            return;
+        }
+        const current = this.getCurrentScrollOffset();
+        const closest = this.itemElements.reduce((best, item, index) => {
+            const targetOffset = this.getItemScrollOffset(item);
+            const distance = Math.abs(targetOffset - current);
+            return distance < best.distance ? { distance, index } : best;
+        }, { distance: Number.POSITIVE_INFINITY, index: this.selectedIndex() });
+        this.setSelectedIndex(closest.index);
+    }
+    scrollItemIntoView(target, behavior = 'smooth') {
+        if (!this.contentElement ||
+            typeof this.contentElement.getBoundingClientRect !== 'function' ||
+            typeof target.getBoundingClientRect !== 'function') {
+            return;
+        }
+        const next = this.getItemScrollOffset(target);
+        const isVertical = this.orientation() === 'vertical';
+        if (typeof this.contentElement.scrollTo === 'function') {
+            this.contentElement.scrollTo({
+                [isVertical ? 'top' : 'left']: next,
+                behavior,
+            });
+            return;
+        }
+        if (isVertical) {
+            this.contentElement.scrollTop = next;
+            return;
+        }
+        this.contentElement.scrollLeft = next;
+    }
+    getItemScrollOffset(target) {
+        if (!this.contentElement) {
+            return 0;
+        }
+        const contentRect = this.contentElement.getBoundingClientRect();
+        const targetRect = target.getBoundingClientRect();
+        const isVertical = this.orientation() === 'vertical';
+        const current = this.getCurrentScrollOffset();
+        const contentSize = isVertical ? this.contentElement.clientHeight : this.contentElement.clientWidth;
+        const targetSize = isVertical ? target.offsetHeight : target.offsetWidth;
+        const targetStart = isVertical
+            ? targetRect.top - contentRect.top
+            : targetRect.left - contentRect.left;
+        let next = current + targetStart;
+        if (this.effectiveAlign() === 'center') {
+            next -= (contentSize - targetSize) / 2;
+        }
+        if (this.effectiveAlign() === 'end') {
+            next -= contentSize - targetSize;
+        }
+        return Math.max(0, Math.min(next, this.getMaxScrollOffset()));
+    }
+    getCurrentScrollOffset() {
+        if (!this.contentElement) {
+            return 0;
+        }
+        return this.orientation() === 'vertical'
+            ? this.contentElement.scrollTop
+            : this.contentElement.scrollLeft;
+    }
+    getMaxScrollOffset() {
+        if (!this.contentElement) {
+            return 0;
+        }
+        return this.orientation() === 'vertical'
+            ? Math.max(0, this.contentElement.scrollHeight - this.contentElement.clientHeight)
+            : Math.max(0, this.contentElement.scrollWidth - this.contentElement.clientWidth);
+    }
+    scrollLoopBoundary(direction) {
+        if (!this.contentElement || !this.effectiveLoop() || this.snapCount() < 2) {
+            return;
+        }
+        const finalIndex = direction === 'next' ? 0 : this.snapCount() - 1;
+        const cloneSource = direction === 'next' ? this.itemElements[0] : this.itemElements[this.snapCount() - 1];
+        const resetTarget = this.itemElements[finalIndex];
+        if (!cloneSource || !resetTarget) {
+            this.scrollTo(finalIndex);
+            return;
+        }
+        this.clearLoopResetTimer();
+        this.removeLoopClone();
+        this.loopBoundaryClone = this.createLoopClone(cloneSource);
+        this.pauseScrollSync();
+        if (direction === 'next') {
+            this.contentElement.appendChild(this.loopBoundaryClone);
+        }
+        else {
+            this.contentElement.insertBefore(this.loopBoundaryClone, this.contentElement.firstChild);
+            this.scrollItemIntoView(this.itemElements[0], 'auto');
+        }
+        this.scrollItemIntoView(this.loopBoundaryClone);
+        this.setSelectedIndex(finalIndex);
+        this.scheduleLoopReset(resetTarget);
+    }
+    createLoopClone(item) {
+        const clone = item.cloneNode(true);
+        clone.setAttribute('aria-hidden', 'true');
+        clone.setAttribute('data-frame-carousel-clone', 'true');
+        clone.removeAttribute('FrCarouselItem');
+        clone.inert = true;
+        return clone;
+    }
+    removeLoopClone() {
+        this.loopBoundaryClone?.remove();
+        this.loopBoundaryClone = null;
+    }
+    clearLoopResetTimer() {
+        this.loopResetScrollEndCleanup?.();
+        this.loopResetScrollEndCleanup = null;
+        if (this.loopResetTimer === null) {
+            return;
+        }
+        window.clearTimeout(this.loopResetTimer);
+        this.loopResetTimer = null;
+    }
+    scheduleLoopReset(resetTarget) {
+        if (!this.contentElement) {
+            return;
+        }
+        let didReset = false;
+        const reset = () => {
+            if (didReset) {
+                return;
+            }
+            didReset = true;
+            this.clearLoopResetTimer();
+            this.scrollItemIntoView(resetTarget, 'auto');
+            this.removeLoopClone();
+        };
+        this.contentElement.addEventListener('scrollend', reset, { once: true });
+        this.loopResetScrollEndCleanup = () => this.contentElement?.removeEventListener('scrollend', reset);
+        this.loopResetTimer = window.setTimeout(reset, 1200);
+    }
+    pauseScrollSync(duration = 1300) {
+        this.isProgrammaticScroll = true;
+        this.clearScrollSyncTimer();
+        this.scrollSyncTimer = window.setTimeout(() => {
+            this.isProgrammaticScroll = false;
+            this.scrollSyncTimer = null;
+        }, duration);
+    }
+    clearScrollSyncTimer() {
+        if (this.scrollSyncTimer === null) {
+            return;
+        }
+        window.clearTimeout(this.scrollSyncTimer);
+        this.scrollSyncTimer = null;
+    }
+    setSelectedIndex(index) {
+        if (index === this.selectedIndex()) {
+            return;
+        }
+        this.selectedIndex.set(index);
+        this.selectedChange.emit(index);
+        this.emit('select');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarousel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrCarousel, isStandalone: true, selector: "[frCarousel], frame-carousel", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, opts: { classPropertyName: "opts", publicName: "opts", isSignal: true, isRequired: false, transformFunction: null }, plugins: { classPropertyName: "plugins", publicName: "plugins", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { apiReady: "apiReady", selectedChange: "selectedChange" }, host: { attributes: { "role": "region", "tabindex": "0" }, listeners: { "keydown": "handleKeydown($event)" }, properties: { "attr.aria-roledescription": "\"carousel\"", "attr.data-align": "effectiveAlign()", "attr.data-orientation": "orientation()", "attr.dir": "effectiveDirection()" }, classAttribute: "frame-carousel" }, providers: [{ provide: FR_CAROUSEL, useExisting: FrCarousel }], exportAs: ["frCarousel"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarousel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCarousel], frame-carousel',
+                    exportAs: 'frCarousel',
+                    host: {
+                        class: 'frame-carousel',
+                        role: 'region',
+                        tabindex: '0',
+                        '[attr.aria-roledescription]': '"carousel"',
+                        '[attr.data-align]': 'effectiveAlign()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.dir]': 'effectiveDirection()',
+                        '(keydown)': 'handleKeydown($event)',
+                    },
+                    providers: [{ provide: FR_CAROUSEL, useExisting: FrCarousel }],
+                }]
+        }], ctorParameters: () => [], propDecorators: { align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], opts: [{ type: i0.Input, args: [{ isSignal: true, alias: "opts", required: false }] }], plugins: [{ type: i0.Input, args: [{ isSignal: true, alias: "plugins", required: false }] }], apiReady: [{ type: i0.Output, args: ["apiReady"] }], selectedChange: [{ type: i0.Output, args: ["selectedChange"] }] } });
+class FrCarouselContent {
+    carousel = inject(FR_CAROUSEL);
+    elementRef = inject(ElementRef);
+    ngAfterViewInit() {
+        this.carousel.registerContent(this.elementRef.nativeElement);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrCarouselContent, isStandalone: true, selector: "[frCarouselContent]", host: { properties: { "attr.data-orientation": "carousel.orientation()" }, classAttribute: "frame-carousel__content" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCarouselContent]',
+                    host: {
+                        class: 'frame-carousel__content',
+                        '[attr.data-orientation]': 'carousel.orientation()',
+                    },
+                }]
+        }] });
+class FrCarouselItem {
+    carousel = inject(FR_CAROUSEL);
+    destroyRef = inject(DestroyRef);
+    elementRef = inject(ElementRef);
+    ngAfterViewInit() {
+        this.carousel.registerItem(this.elementRef.nativeElement);
+        this.destroyRef.onDestroy(() => this.carousel.unregisterItem(this.elementRef.nativeElement));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrCarouselItem, isStandalone: true, selector: "[frCarouselItem]", host: { attributes: { "role": "group" }, properties: { "attr.aria-roledescription": "\"slide\"" }, classAttribute: "frame-carousel__item" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselItem, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frCarouselItem]',
+                    host: {
+                        class: 'frame-carousel__item',
+                        role: 'group',
+                        '[attr.aria-roledescription]': '"slide"',
+                    },
+                }]
+        }] });
+class FrCarouselPrevious {
+    carousel = inject(FR_CAROUSEL);
+    label = input('Previous slide', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselPrevious, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrCarouselPrevious, isStandalone: true, selector: "button[frCarouselPrevious]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "carousel.scrollPrev()" }, properties: { "attr.type": "\"button\"", "attr.aria-label": "label()", "attr.disabled": "carousel.canScrollPrev() ? null : \"\"" }, classAttribute: "frame-carousel__control frame-carousel__control--previous" }, hostDirectives: [{ directive: i1.FrButton, inputs: ["appearance", "appearance", "disabled", "disabled", "radius", "radius", "size", "size"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselPrevious, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[frCarouselPrevious]',
+                    hostDirectives: [
+                        {
+                            directive: FrButton,
+                            inputs: ['appearance', 'disabled', 'radius', 'size'],
+                        },
+                    ],
+                    host: {
+                        class: 'frame-carousel__control frame-carousel__control--previous',
+                        '[attr.type]': '"button"',
+                        '[attr.aria-label]': 'label()',
+                        '[attr.disabled]': 'carousel.canScrollPrev() ? null : ""',
+                        '(click)': 'carousel.scrollPrev()',
+                    },
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+class FrCarouselNext {
+    carousel = inject(FR_CAROUSEL);
+    label = input('Next slide', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselNext, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrCarouselNext, isStandalone: true, selector: "button[frCarouselNext]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "carousel.scrollNext()" }, properties: { "attr.type": "\"button\"", "attr.aria-label": "label()", "attr.disabled": "carousel.canScrollNext() ? null : \"\"" }, classAttribute: "frame-carousel__control frame-carousel__control--next" }, hostDirectives: [{ directive: i1.FrButton, inputs: ["appearance", "appearance", "disabled", "disabled", "radius", "radius", "size", "size"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselNext, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'button[frCarouselNext]',
+                    hostDirectives: [
+                        {
+                            directive: FrButton,
+                            inputs: ['appearance', 'disabled', 'radius', 'size'],
+                        },
+                    ],
+                    host: {
+                        class: 'frame-carousel__control frame-carousel__control--next',
+                        '[attr.type]': '"button"',
+                        '[attr.aria-label]': 'label()',
+                        '[attr.disabled]': 'carousel.canScrollNext() ? null : ""',
+                        '(click)': 'carousel.scrollNext()',
+                    },
+                }]
+        }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }] } });
+
+class FrCarouselModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselModule, imports: [FrCarousel,
+            FrCarouselContent,
+            FrCarouselItem,
+            FrCarouselNext,
+            FrCarouselPrevious], exports: [FrCarousel,
+            FrCarouselContent,
+            FrCarouselItem,
+            FrCarouselNext,
+            FrCarouselPrevious] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrCarouselModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrCarousel,
+                        FrCarouselContent,
+                        FrCarouselItem,
+                        FrCarouselNext,
+                        FrCarouselPrevious,
+                    ],
+                    exports: [
+                        FrCarousel,
+                        FrCarouselContent,
+                        FrCarouselItem,
+                        FrCarouselNext,
+                        FrCarouselPrevious,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_CAROUSEL_ALIGNS, FR_CAROUSEL_DIRECTIONS, FR_CAROUSEL_ORIENTATIONS, FrCarousel, FrCarouselContent, FrCarouselItem, FrCarouselModule, FrCarouselNext, FrCarouselPrevious };
+//# sourceMappingURL=frame-ui-ng-components-carousel.mjs.map