@daffodil/design 0.66.1 → 0.68.0

package/card/src/card-theme.scss

@@ -0,0 +1,170 @@
+@use 'sass:map';
+@use '../../scss/core';
+@use '../../scss/theming';
+@use './card-theme-variants/basic-card' as basic;
+@use './card-theme-variants/stroked-card' as stroked;
+@use './card-theme-variants/linkable-card' as linkable;
+
+@mixin daff-card-theme($theme) {
+	$primary: map.get($theme, primary);
+	$secondary: map.get($theme, secondary);
+	$tertiary: map.get($theme, tertiary);
+	$base: core.daff-map-deep-get($theme, 'core.base');
+	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
+	$white: core.daff-map-deep-get($theme, 'core.white');
+	$black: core.daff-map-deep-get($theme, 'core.black');
+	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
+
+	.daff-card {
+		$root: &;
+		@include basic.daff-basic-card-theme-variant(
+			theming.daff-illuminate($base, $neutral, 1)
+		);
+
+		&.daff-primary {
+			@include basic.daff-basic-card-theme-variant(
+				theming.daff-color($primary)
+			);
+		}
+
+		&.daff-secondary {
+			@include basic.daff-basic-card-theme-variant(
+				theming.daff-color($secondary)
+			);
+		}
+
+		&.daff-tertiary {
+			@include basic.daff-basic-card-theme-variant(
+				theming.daff-color($tertiary)
+			);
+		}
+
+		&.daff-theme {
+			@include basic.daff-basic-card-theme-variant($base);
+		}
+
+		&.daff-theme-contrast {
+			@include basic.daff-basic-card-theme-variant($base-contrast);
+		}
+
+		&.daff-black {
+			@include basic.daff-basic-card-theme-variant($black);
+		}
+
+		&.daff-white {
+			@include basic.daff-basic-card-theme-variant($white);
+		}
+	}
+
+	.daff-raised-card {
+		box-shadow: 0 6px 12px -4px rgba($black, 0.12),
+			0 4px 8px -2px rgba($black, 0.06);
+	}
+
+	.daff-stroked-card {
+		@include stroked.daff-stroked-card-theme-variant(
+			theming.daff-illuminate($base, $neutral, 2)
+		);
+
+		&.daff-primary {
+			@include stroked.daff-stroked-card-theme-variant(
+				theming.daff-illuminate($base-contrast, $primary, 3)
+			);
+		}
+
+		&.daff-secondary {
+			@include stroked.daff-stroked-card-theme-variant(
+				theming.daff-illuminate($base-contrast, $secondary, 3)
+			);
+		}
+
+		&.daff-tertiary {
+			@include stroked.daff-stroked-card-theme-variant(
+				theming.daff-illuminate($base-contrast, $tertiary, 3)
+			);
+		}
+
+		&.daff-theme {
+			@include stroked.daff-stroked-card-theme-variant(
+				theming.daff-illuminate($base, $neutral, 2)
+			);
+		}
+
+		&.daff-theme-contrast {
+			@include stroked.daff-stroked-card-theme-variant(
+				theming.daff-illuminate($base-contrast, $neutral, 2)
+			);
+		}
+
+		&.daff-black {
+			@include stroked.daff-stroked-card-theme-variant(
+				theming.daff-color($neutral, 90)
+			);
+		}
+
+		&.daff-white {
+			@include stroked.daff-stroked-card-theme-variant(
+				theming.daff-color($neutral, 20)
+			);
+		}
+	}
+
+	a {
+		&.daff-card {
+			@include linkable.daff-linkable-card-theme-variant(
+				theming.daff-illuminate($base, $neutral, 2)
+			);
+
+			&.daff-primary {
+				@include linkable.daff-linkable-card-theme-variant(
+					theming.daff-color($primary, 70)
+				);
+			}
+
+			&.daff-secondary {
+				@include linkable.daff-linkable-card-theme-variant(
+					theming.daff-color($secondary, 70)
+				);
+			}
+
+			&.daff-tertiary {
+				@include linkable.daff-linkable-card-theme-variant(
+					theming.daff-color($tertiary, 70)
+				);
+			}
+
+			&.daff-theme {
+				@include linkable.daff-linkable-card-theme-variant(
+					theming.daff-illuminate($base, $neutral, 1)
+				);
+			}
+
+			&.daff-theme-contrast {
+				@include linkable.daff-linkable-card-theme-variant(
+					theming.daff-illuminate($base-contrast, $neutral, 1)
+				);
+			}
+
+			&.daff-black {
+				@include linkable.daff-linkable-card-theme-variant(
+					theming.daff-color($neutral, 100)
+				);
+			}
+
+			&.daff-white {
+				@include linkable.daff-linkable-card-theme-variant(
+					theming.daff-color($neutral, 10)
+				);
+			}
+		}
+
+		&.daff-raised-card {
+			.daff-card__wrapper {
+				&:after {
+					box-shadow: 0 16px 32px -4px rgba($black, 0.12),
+						0 8px 12px -2px rgba($black, 0.06);
+				}
+			}
+		}
+	}
+}

package/checkbox/examples/basic-checkbox/basic-checkbox.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./basic-checkbox.component";
 import * as i2 from "@daffodil/design";
-import * as i3 from "@angular/forms";
+import * as i3 from "@daffodil/design/button";
+import * as i4 from "@angular/forms";
 export declare class BasicCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BasicCheckboxModule, [typeof i1.BasicCheckboxComponent], [typeof i2.DaffCheckboxModule, typeof i2.DaffButtonModule, typeof i3.ReactiveFormsModule], [typeof i1.BasicCheckboxComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BasicCheckboxModule, [typeof i1.BasicCheckboxComponent], [typeof i2.DaffCheckboxModule, typeof i3.DaffButtonModule, typeof i4.ReactiveFormsModule], [typeof i1.BasicCheckboxComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BasicCheckboxModule>;
 }

package/checkbox/examples/checkbox-set/checkbox-set.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./checkbox-set.component";
 import * as i2 from "@daffodil/design";
-import * as i3 from "@angular/forms";
+import * as i3 from "@daffodil/design/button";
+import * as i4 from "@angular/forms";
 export declare class CheckboxSetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxSetModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxSetModule, [typeof i1.CheckboxSetComponent], [typeof i2.DaffCheckboxModule, typeof i2.DaffButtonModule, typeof i3.ReactiveFormsModule], [typeof i1.CheckboxSetComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CheckboxSetModule, [typeof i1.CheckboxSetComponent], [typeof i2.DaffCheckboxModule, typeof i3.DaffButtonModule, typeof i4.ReactiveFormsModule], [typeof i1.CheckboxSetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CheckboxSetModule>;
 }

package/container/README.md

@@ -0,0 +1,18 @@
+# Container
+Container is a basic structural element that can be used to restrict content to a specific width. Containers are not responsible for providing padding or margin.
+
+## Size
+The size of a container can be defined by using the `size` property. There is no default size set.
+
+Supported sizes: `xs | sm | md | lg | xl`
+
+| Size        | Syntax | Max wdith |
+| ----------- | ------ | --------- |
+| Extra small | xs     | 640px     |
+| Small       | sm     | 800px     |
+| Medium      | md     | 1040px    |
+| Large       | lg     | 1340px    |
+| Extra large | xl     | 1920px    |
+
+## Usage
+<design-land-example-viewer-container example="container-sizes"></design-land-example-viewer-container>

package/container/container/container.component.d.ts

@@ -0,0 +1,32 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { DaffSizable, DaffSizeAllType } from '@daffodil/design';
+import * as i0 from "@angular/core";
+/**
+ * An _elementRef and an instance of renderer2 are needed for the Sizeable mixin
+ */
+declare class DaffContainerBase {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+    constructor(_elementRef: ElementRef, _renderer: Renderer2);
+}
+declare const _daffContainerBase: (new (...args: any[]) => {
+    _size: DaffSizeAllType;
+    size: DaffSizeAllType;
+    _elementRef: ElementRef<any>;
+    _renderer: Renderer2;
+}) & typeof DaffContainerBase;
+/**
+ * @inheritdoc
+ */
+export declare class DaffContainerComponent extends _daffContainerBase implements DaffSizable<DaffSizeAllType> {
+    private elementRef;
+    private renderer;
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    constructor(elementRef: ElementRef, renderer: Renderer2);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffContainerComponent, "daff-container", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+export {};

package/container/container.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./container/container.component";
+import * as i2 from "@angular/common";
+export declare class DaffContainerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffContainerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffContainerModule, [typeof i1.DaffContainerComponent], [typeof i2.CommonModule], [typeof i1.DaffContainerComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DaffContainerModule>;
+}

package/container/examples/container-sizes/container-sizes.module.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "./container-sizes.component";
 import * as i2 from "@angular/common";
 import * as i3 from "@angular/forms";
-import * as i4 from "@daffodil/design";
+import * as i4 from "@daffodil/design/container";
 export declare class ContainerSizesModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ContainerSizesModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<ContainerSizesModule, [typeof i1.ContainerSizesComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.DaffContainerModule], [typeof i1.ContainerSizesComponent]>;

package/container/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/container/public_api.d.ts

@@ -0,0 +1,2 @@
+export { DaffContainerComponent } from './container/container.component';
+export { DaffContainerModule } from './container.module';

package/core/colorable/colorable.d.ts

@@ -7,5 +7,5 @@ export interface DaffColorable {
 /**
  * These are the valid options that can be passed to a DaffColorable component
  */
-export declare type DaffPalette = 'primary' | 'secondary' | 'accent' | 'tertiary' | //TODO: damienwebdev Deprecate accent
+export type DaffPalette = 'primary' | 'secondary' | 'accent' | 'tertiary' | //TODO: damienwebdev Deprecate accent
 'black' | 'white' | 'theme' | 'theme-contrast' | undefined;

package/core/constructor/constructor.d.ts

@@ -3,4 +3,4 @@
  * See https://blog.mariusschulz.com/2017/05/26/typescript-2-2-mixin-classes
  * for a really good explanation of why mixins are useful.
  */
-export declare type Constructor<T = Record<string, any>> = new (...args: any[]) => T;
+export type Constructor<T = Record<string, any>> = new (...args: any[]) => T;

package/core/public_api.d.ts

@@ -6,10 +6,11 @@ export * from './constructor/constructor';
 export * from './statusable/public_api';
 export * from './skeletonable/public_api';
 export * from './mutable/mutable';
-export * from './text-alignable/text-alignable';
+export * from './text-alignable/public_api';
 export * from './compactable/public_api';
 export * from './manage-container-layout/public_api';
 export * from './article-encapsulated/public_api';
 export * from './theming/public_api';
 export * from './lazy/public_api';
 export * from './focus/public_api';
+export * from './sizable/public_api';

package/core/sizable/public_api.d.ts

@@ -0,0 +1,2 @@
+export { DaffSizable, DaffSizeAllType, DaffSizableEnum, DaffSizeXSmallType, DaffSizeSmallType, DaffSizeMediumType, DaffSizeLargeType, DaffSizeXLargeType, } from './sizable';
+export { daffSizeMixin } from './sizable-mixin';

package/core/sizable/sizable-mixin.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { DaffSizeAllType } from './sizable';
+import { Constructor } from '../constructor/constructor';
+export interface HasElementRef {
+    _elementRef: ElementRef;
+    _renderer: Renderer2;
+}
+export declare function daffSizeMixin<V extends DaffSizeAllType, T extends Constructor<HasElementRef> = Constructor<HasElementRef>>(Base: T, defaultSize?: V): {
+    new (...args: any[]): {
+        _size: V;
+        size: V;
+        _elementRef: ElementRef<any>;
+        _renderer: Renderer2;
+    };
+} & T;

package/core/sizable/sizable.d.ts

@@ -0,0 +1,23 @@
+/**
+ * An interface for giving a component the ability to customize sizing for component-specific UI.
+ * In order to be sizable, a component class must implement this property.
+ */
+export interface DaffSizable<T extends DaffSizeAllType> {
+    size: T;
+}
+/**
+ * The possible types that can be passed to a component that implements DaffSizable
+ */
+export type DaffSizeXSmallType = 'xs';
+export type DaffSizeSmallType = 'sm';
+export type DaffSizeMediumType = 'md';
+export type DaffSizeLargeType = 'lg';
+export type DaffSizeXLargeType = 'xl';
+export type DaffSizeAllType = DaffSizeXSmallType | DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType | DaffSizeXLargeType;
+export declare enum DaffSizableEnum {
+    XSmall = "xs",
+    Small = "sm",
+    Medium = "md",
+    Large = "lg",
+    XLarge = "xl"
+}

package/core/statusable/statusable.d.ts

@@ -1,7 +1,7 @@
 export interface DaffStatusable {
     status: DaffStatus;
 }
-export declare type DaffStatus = 'warn' | 'danger' | 'success';
+export type DaffStatus = 'warn' | 'danger' | 'success';
 export declare enum DaffStatusEnum {
     Warn = "warn",
     Danger = "danger",

package/core/text-alignable/public_api.d.ts

@@ -0,0 +1,2 @@
+export { DaffTextAlignable, DaffTextAlignment, DaffTextAlignmentEnum, } from './text-alignable';
+export { daffTextAlignmentMixin } from './text-alignable-mixin';

package/core/text-alignable/text-alignable.d.ts

@@ -5,7 +5,10 @@
 export interface DaffTextAlignable {
     textAlignment: DaffTextAlignment;
 }
-export declare type DaffTextAlignment = 'left' | 'center' | 'right';
+/**
+ * The possible types that can be passed to a DaffTextAlignable component
+ */
+export type DaffTextAlignment = 'left' | 'center' | 'right';
 export declare enum DaffTextAlignmentEnum {
     Left = "left",
     Center = "center",

package/core/theming/services/storage/theme-storage.service.d.ts

@@ -2,7 +2,7 @@ import { Observable } from 'rxjs';
 import { DaffPersistenceService } from '@daffodil/core';
 import { DaffTheme } from '../../types/theme';
 import * as i0 from "@angular/core";
-export declare type ThemeStorageEvent = Pick<StorageEvent, 'newValue' | 'key'>;
+export type ThemeStorageEvent = Pick<StorageEvent, 'newValue' | 'key'>;
 export declare const THEME_STORAGE_KEY = "DAFF_THEME";
 export declare const coerceValue: (val?: string) => DaffTheme;
 /**

package/esm2022/accordion/accordion/accordion/accordion.component.mjs

@@ -0,0 +1,27 @@
+import { ChangeDetectionStrategy, Component, ElementRef, Renderer2, } from '@angular/core';
+import { daffArticleEncapsulatedMixin } from '@daffodil/design';
+import * as i0 from "@angular/core";
+/**
+ * An _elementRef and an instance of renderer2 are needed for the link set mixins
+ */
+class DaffAccordionBase {
+    constructor(_elementRef, _renderer) {
+        this._elementRef = _elementRef;
+        this._renderer = _renderer;
+    }
+}
+const _daffAccordionBase = daffArticleEncapsulatedMixin((DaffAccordionBase));
+export class DaffAccordionComponent extends _daffAccordionBase {
+    constructor(elementRef, renderer) {
+        super(elementRef, renderer);
+        this.elementRef = elementRef;
+        this.renderer = renderer;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffAccordionComponent, selector: "daff-accordion", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{display:block;width:100%}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxVQUFVLEVBQ1YsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQUVoRTs7R0FFRztBQUNILE1BQU0saUJBQWlCO0lBQ3JCLFlBQW1CLFdBQXVCLEVBQVMsU0FBb0I7UUFBcEQsZ0JBQVcsR0FBWCxXQUFXLENBQVk7UUFBUyxjQUFTLEdBQVQsU0FBUyxDQUFXO0lBQUcsQ0FBQztDQUM1RTtBQUVELE1BQU0sa0JBQWtCLEdBQUcsNEJBQTRCLENBQUMsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUM7QUFTN0UsTUFBTSxPQUFPLHNCQUF1QixTQUFRLGtCQUFrQjtJQUM1RCxZQUFvQixVQUFzQixFQUFVLFFBQW1CO1FBQ3JFLEtBQUssQ0FBQyxVQUFVLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFEVixlQUFVLEdBQVYsVUFBVSxDQUFZO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVztJQUV2RSxDQUFDO2lJQUhVLHNCQUFzQjtxSEFBdEIsc0JBQXNCLDZFQ3pCbkMsMkJBQXlCOzsyRkR5Qlosc0JBQXNCO2tCQVBsQyxTQUFTOytCQUNFLGdCQUFnQixtQkFHVCx1QkFBdUIsQ0FBQyxNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgUmVuZGVyZXIyLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgZGFmZkFydGljbGVFbmNhcHN1bGF0ZWRNaXhpbiB9IGZyb20gJ0BkYWZmb2RpbC9kZXNpZ24nO1xuXG4vKipcbiAqIEFuIF9lbGVtZW50UmVmIGFuZCBhbiBpbnN0YW5jZSBvZiByZW5kZXJlcjIgYXJlIG5lZWRlZCBmb3IgdGhlIGxpbmsgc2V0IG1peGluc1xuICovXG5jbGFzcyBEYWZmQWNjb3JkaW9uQmFzZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHVibGljIF9yZW5kZXJlcjogUmVuZGVyZXIyKSB7fVxufVxuXG5jb25zdCBfZGFmZkFjY29yZGlvbkJhc2UgPSBkYWZmQXJ0aWNsZUVuY2Fwc3VsYXRlZE1peGluKChEYWZmQWNjb3JkaW9uQmFzZSkpO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYWZmLWFjY29yZGlvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9hY2NvcmRpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG59KVxuXG5leHBvcnQgY2xhc3MgRGFmZkFjY29yZGlvbkNvbXBvbmVudCBleHRlbmRzIF9kYWZmQWNjb3JkaW9uQmFzZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZWxlbWVudFJlZjogRWxlbWVudFJlZiwgcHJpdmF0ZSByZW5kZXJlcjogUmVuZGVyZXIyKSB7XG4gICAgc3VwZXIoZWxlbWVudFJlZiwgcmVuZGVyZXIpO1xuICB9XG59XG4iLCI8bmctY29udGVudD48L25nLWNvbnRlbnQ+Il19

package/esm2022/accordion/accordion/accordion-item/accordion-item.component.mjs

@@ -0,0 +1,54 @@
+import { Component, Input, ViewEncapsulation, HostBinding, ChangeDetectionStrategy, } from '@angular/core';
+import { faChevronDown, faChevronUp, } from '@fortawesome/free-solid-svg-icons';
+import { daffAccordionAnimations } from '../animation/accordion-animation';
+import { getAnimationState } from '../animation/accordion-animation-state';
+import * as i0 from "@angular/core";
+import * as i1 from "@fortawesome/angular-fontawesome";
+import * as i2 from "@daffodil/design";
+export class DaffAccordionItemComponent {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.faChevronDown = faChevronDown;
+        /**
+         * @docs-private
+         */
+        this.faChevronUp = faChevronUp;
+        /**
+         * @docs-private
+         */
+        this.class = true;
+        /**
+         * @docs-private
+         */
+        this._open = false;
+    }
+    /**
+     * @docs-private
+     */
+    ngOnInit() {
+        this._open = this.initiallyActive ? this.initiallyActive : this._open;
+        this._animationState = getAnimationState(this._open);
+    }
+    toggleActive() {
+        this._open = !this._open;
+        this._animationState = getAnimationState(this._open);
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, ngImport: i0, template: "<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>", styles: [".daff-accordion-item{display:block;padding:15px 0;width:100%}@media (min-width: 768px){.daff-accordion-item{padding:30px 0}}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%}.daff-accordion-item__header .daff-suffix{margin:0 10px}.daff-accordion-item__title{font-weight:700;text-transform:uppercase;font-size:1rem;margin:0}.daff-accordion-item__content{padding-top:15px}@media (min-width: 768px){.daff-accordion-item__content{padding-top:30px}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], animations: [
+            daffAccordionAnimations.openAccordion,
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'daff-accordion-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
+                        daffAccordionAnimations.openAccordion,
+                    ], template: "<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>", styles: [".daff-accordion-item{display:block;padding:15px 0;width:100%}@media (min-width: 768px){.daff-accordion-item{padding:30px 0}}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%}.daff-accordion-item__header .daff-suffix{margin:0 10px}.daff-accordion-item__title{font-weight:700;text-transform:uppercase;font-size:1rem;margin:0}.daff-accordion-item__content{padding-top:15px}@media (min-width: 768px){.daff-accordion-item__content{padding-top:30px}}\n"] }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-accordion-item']
+            }], initiallyActive: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxLQUFLLEVBRUwsaUJBQWlCLEVBQ2pCLFdBQVcsRUFDWCx1QkFBdUIsR0FDeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUNMLGFBQWEsRUFDYixXQUFXLEdBQ1osTUFBTSxtQ0FBbUMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQzs7OztBQVkzRSxNQUFNLE9BQU8sMEJBQTBCO0lBVnZDO1FBV0U7O1dBRUc7UUFDSCxrQkFBYSxHQUFHLGFBQWEsQ0FBQztRQUM5Qjs7V0FFRztRQUNILGdCQUFXLEdBQUcsV0FBVyxDQUFDO1FBRTFCOztXQUVHO1FBQ3VDLFVBQUssR0FBRyxJQUFJLENBQUM7UUFHdkQ7O1dBRUc7UUFDSCxVQUFLLEdBQUcsS0FBSyxDQUFDO0tBa0JmO0lBWkM7O09BRUc7SUFDSCxRQUFRO1FBQ04sSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsZUFBZSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDO1FBQ3RFLElBQUksQ0FBQyxlQUFlLEdBQUcsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFFRCxZQUFZO1FBQ1YsSUFBSSxDQUFDLEtBQUssR0FBRyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUM7UUFDekIsSUFBSSxDQUFDLGVBQWUsR0FBRyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDdkQsQ0FBQztpSUFwQ1UsMEJBQTBCO3FIQUExQiwwQkFBMEIsZ0xDMUJ2QywyYUFXTSxxOUJEV1E7WUFDVix1QkFBdUIsQ0FBQyxhQUFhO1NBQ3RDOzsyRkFFVSwwQkFBMEI7a0JBVnRDLFNBQVM7K0JBQ0UscUJBQXFCLGlCQUdoQixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGNBQ25DO3dCQUNWLHVCQUF1QixDQUFDLGFBQWE7cUJBQ3RDOzhCQWV5QyxLQUFLO3NCQUE5QyxXQUFXO3VCQUFDLDJCQUEyQjtnQkFFL0IsZUFBZTtzQkFBdkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVmlld0VuY2Fwc3VsYXRpb24sXG4gIEhvc3RCaW5kaW5nLFxuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBmYUNoZXZyb25Eb3duLFxuICBmYUNoZXZyb25VcCxcbn0gZnJvbSAnQGZvcnRhd2Vzb21lL2ZyZWUtc29saWQtc3ZnLWljb25zJztcblxuaW1wb3J0IHsgZGFmZkFjY29yZGlvbkFuaW1hdGlvbnMgfSBmcm9tICcuLi9hbmltYXRpb24vYWNjb3JkaW9uLWFuaW1hdGlvbic7XG5pbXBvcnQgeyBnZXRBbmltYXRpb25TdGF0ZSB9IGZyb20gJy4uL2FuaW1hdGlvbi9hY2NvcmRpb24tYW5pbWF0aW9uLXN0YXRlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGFmZi1hY2NvcmRpb24taXRlbScsXG4gIHRlbXBsYXRlVXJsOiAnLi9hY2NvcmRpb24taXRlbS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2FjY29yZGlvbi1pdGVtLmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBhbmltYXRpb25zOiBbXG4gICAgZGFmZkFjY29yZGlvbkFuaW1hdGlvbnMub3BlbkFjY29yZGlvbixcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkFjY29yZGlvbkl0ZW1Db21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgZmFDaGV2cm9uRG93biA9IGZhQ2hldnJvbkRvd247XG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBmYUNoZXZyb25VcCA9IGZhQ2hldnJvblVwO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtYWNjb3JkaW9uLWl0ZW0nKSBjbGFzcyA9IHRydWU7XG5cbiAgQElucHV0KCkgaW5pdGlhbGx5QWN0aXZlOiBib29sZWFuO1xuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgX29wZW4gPSBmYWxzZTtcbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIF9hbmltYXRpb25TdGF0ZTogc3RyaW5nO1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ09uSW5pdCgpIHtcbiAgICB0aGlzLl9vcGVuID0gdGhpcy5pbml0aWFsbHlBY3RpdmUgPyB0aGlzLmluaXRpYWxseUFjdGl2ZSA6IHRoaXMuX29wZW47XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLl9vcGVuKTtcbiAgfVxuXG4gIHRvZ2dsZUFjdGl2ZSgpIHtcbiAgICB0aGlzLl9vcGVuID0gIXRoaXMuX29wZW47XG4gICAgdGhpcy5fYW5pbWF0aW9uU3RhdGUgPSBnZXRBbmltYXRpb25TdGF0ZSh0aGlzLl9vcGVuKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImRhZmYtYWNjb3JkaW9uLWl0ZW1fX2hlYWRlclwiIChjbGljayk9XCJ0b2dnbGVBY3RpdmUoKVwiPlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbZGFmZkFjY29yZGlvbkl0ZW1UaXRsZV1cIj48L25nLWNvbnRlbnQ+XG4gIDxzcGFuIFtoaWRkZW5dPVwiX29wZW5cIiBkYWZmU3VmZml4PlxuICAgIDxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvbkRvd25cIj48L2ZhLWljb24+XG4gIDwvc3Bhbj5cbiAgPHNwYW4gW2hpZGRlbl09XCIhX29wZW5cIiBkYWZmU3VmZml4PlxuICAgIDxmYS1pY29uIFtpY29uXT1cImZhQ2hldnJvblVwXCI+PC9mYS1pY29uPlxuICA8L3NwYW4+XG48L2Rpdj5cbjxkaXYgW0BvcGVuQWNjb3JkaW9uXT1cIl9hbmltYXRpb25TdGF0ZVwiPlxuICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG48L2Rpdj4iXX0=

package/esm2022/accordion/accordion/accordion-item-content/accordion-item-content.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffAccordionItemContentDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffAccordionItemContentDirective, selector: "[daffAccordionItemContent]", host: { properties: { "class.daff-accordion-item__content": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemContentDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffAccordionItemContent]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-accordion-item__content']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0tY29udGVudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9hY2NvcmRpb24vc3JjL2FjY29yZGlvbi9hY2NvcmRpb24taXRlbS1jb250ZW50L2FjY29yZGlvbi1pdGVtLWNvbnRlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8saUNBQWlDO0lBSDlDO1FBS0U7O1dBRUc7UUFDZ0QsVUFBSyxHQUFHLElBQUksQ0FBQztLQUNqRTtpSUFOWSxpQ0FBaUM7cUhBQWpDLGlDQUFpQzs7MkZBQWpDLGlDQUFpQztrQkFIN0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNEJBQTRCO2lCQUN2Qzs4QkFNb0QsS0FBSztzQkFBdkQsV0FBVzt1QkFBQyxvQ0FBb0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZBY2NvcmRpb25JdGVtQ29udGVudF0nLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmQWNjb3JkaW9uSXRlbUNvbnRlbnREaXJlY3RpdmUge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtYWNjb3JkaW9uLWl0ZW1fX2NvbnRlbnQnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=

package/esm2022/accordion/accordion/accordion-item-title/accordion-item-title.directive.mjs

@@ -0,0 +1,22 @@
+import { Directive, HostBinding, } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DaffAccordionItemTitleDirective {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this.class = true;
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]", host: { properties: { "class.daff-accordion-item__title": "this.class" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemTitleDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffAccordionItemTitle]',
+                }]
+        }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-accordion-item__title']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWl0ZW0tdGl0bGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vYWNjb3JkaW9uL3NyYy9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0tdGl0bGUvYWNjb3JkaW9uLWl0ZW0tdGl0bGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsV0FBVyxHQUNaLE1BQU0sZUFBZSxDQUFDOztBQUt2QixNQUFNLE9BQU8sK0JBQStCO0lBSDVDO1FBS0U7O1dBRUc7UUFDOEMsVUFBSyxHQUFHLElBQUksQ0FBQztLQUMvRDtpSUFOWSwrQkFBK0I7cUhBQS9CLCtCQUErQjs7MkZBQS9CLCtCQUErQjtrQkFIM0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO2lCQUNyQzs4QkFNa0QsS0FBSztzQkFBckQsV0FBVzt1QkFBQyxrQ0FBa0MiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIEhvc3RCaW5kaW5nLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RhZmZBY2NvcmRpb25JdGVtVGl0bGVdJyxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkFjY29yZGlvbkl0ZW1UaXRsZURpcmVjdGl2ZSB7XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnY2xhc3MuZGFmZi1hY2NvcmRpb24taXRlbV9fdGl0bGUnKSBjbGFzcyA9IHRydWU7XG59XG4iXX0=

package/esm2022/accordion/accordion/animation/accordion-animation-state.mjs

@@ -0,0 +1,9 @@
+export const getAnimationState = (open) => {
+    if (open) {
+        return 'open';
+    }
+    else {
+        return 'void';
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWFuaW1hdGlvbi1zdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uL2FuaW1hdGlvbi9hY2NvcmRpb24tYW5pbWF0aW9uLXN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsSUFBYSxFQUFFLEVBQUU7SUFDakQsSUFBRyxJQUFJLEVBQUM7UUFDTixPQUFPLE1BQU0sQ0FBQztLQUNmO1NBQU07UUFDTCxPQUFPLE1BQU0sQ0FBQztLQUNmO0FBQ0gsQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGNvbnN0IGdldEFuaW1hdGlvblN0YXRlID0gKG9wZW46IGJvb2xlYW4pID0+IHtcbiAgaWYob3Blbil7XG4gICAgcmV0dXJuICdvcGVuJztcbiAgfSBlbHNlIHtcbiAgICByZXR1cm4gJ3ZvaWQnO1xuICB9XG59O1xuIl19

package/esm2022/accordion/accordion/animation/accordion-animation.mjs

@@ -0,0 +1,18 @@
+import { animate, state, style, transition, trigger, } from '@angular/animations';
+export const daffAccordionAnimations = {
+    openAccordion: trigger('openAccordion', [
+        state('open', style({
+            visibility: 'visible',
+            opacity: '1',
+            height: '*',
+        })),
+        state('void', style({
+            visibility: 'hidden',
+            overflow: 'hidden',
+            opacity: '0',
+            height: '0',
+        })),
+        transition('void <=> open', animate('150ms ease-in')),
+    ]),
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLWFuaW1hdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uL2FuaW1hdGlvbi9hY2NvcmRpb24tYW5pbWF0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxPQUFPLEVBQ1AsS0FBSyxFQUNMLEtBQUssRUFDTCxVQUFVLEVBQ1YsT0FBTyxHQUVSLE1BQU0scUJBQXFCLENBQUM7QUFFN0IsTUFBTSxDQUFDLE1BQU0sdUJBQXVCLEdBRWhDO0lBQ0YsYUFBYSxFQUFFLE9BQU8sQ0FBQyxlQUFlLEVBQUU7UUFDdEMsS0FBSyxDQUFDLE1BQU0sRUFBRSxLQUFLLENBQUM7WUFDbEIsVUFBVSxFQUFFLFNBQVM7WUFDckIsT0FBTyxFQUFFLEdBQUc7WUFDWixNQUFNLEVBQUUsR0FBRztTQUNaLENBQUMsQ0FBQztRQUNILEtBQUssQ0FBQyxNQUFNLEVBQUMsS0FBSyxDQUFDO1lBQ2pCLFVBQVUsRUFBRSxRQUFRO1lBQ3BCLFFBQVEsRUFBRSxRQUFRO1lBQ2xCLE9BQU8sRUFBRSxHQUFHO1lBQ1osTUFBTSxFQUFFLEdBQUc7U0FDWixDQUFDLENBQUM7UUFDSCxVQUFVLENBQUMsZUFBZSxFQUN4QixPQUFPLENBQUMsZUFBZSxDQUFDLENBQ3pCO0tBQ0YsQ0FBQztDQUNILENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBhbmltYXRlLFxuICBzdGF0ZSxcbiAgc3R5bGUsXG4gIHRyYW5zaXRpb24sXG4gIHRyaWdnZXIsXG4gIEFuaW1hdGlvblRyaWdnZXJNZXRhZGF0YSxcbn0gZnJvbSAnQGFuZ3VsYXIvYW5pbWF0aW9ucyc7XG5cbmV4cG9ydCBjb25zdCBkYWZmQWNjb3JkaW9uQW5pbWF0aW9uczoge1xuICByZWFkb25seSBvcGVuQWNjb3JkaW9uOiBBbmltYXRpb25UcmlnZ2VyTWV0YWRhdGE7XG59ID0ge1xuICBvcGVuQWNjb3JkaW9uOiB0cmlnZ2VyKCdvcGVuQWNjb3JkaW9uJywgW1xuICAgIHN0YXRlKCdvcGVuJywgc3R5bGUoe1xuICAgICAgdmlzaWJpbGl0eTogJ3Zpc2libGUnLFxuICAgICAgb3BhY2l0eTogJzEnLFxuICAgICAgaGVpZ2h0OiAnKicsXG4gICAgfSkpLFxuICAgIHN0YXRlKCd2b2lkJyxzdHlsZSh7XG4gICAgICB2aXNpYmlsaXR5OiAnaGlkZGVuJyxcbiAgICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICAgIG9wYWNpdHk6ICcwJyxcbiAgICAgIGhlaWdodDogJzAnLFxuICAgIH0pKSxcbiAgICB0cmFuc2l0aW9uKCd2b2lkIDw9PiBvcGVuJyxcbiAgICAgIGFuaW1hdGUoJzE1MG1zIGVhc2UtaW4nKSxcbiAgICApLFxuICBdKSxcbn07XG4iXX0=

package/esm2022/accordion/accordion.module.mjs

@@ -0,0 +1,47 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffAccordionComponent } from './accordion/accordion/accordion.component';
+import { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';
+import { DaffAccordionItemContentDirective } from './accordion/accordion-item-content/accordion-item-content.directive';
+import { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';
+import * as i0 from "@angular/core";
+export class DaffAccordionModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionModule, declarations: [DaffAccordionComponent,
+            DaffAccordionItemComponent,
+            DaffAccordionItemTitleDirective,
+            DaffAccordionItemContentDirective], imports: [CommonModule,
+            FontAwesomeModule,
+            DaffPrefixSuffixModule], exports: [DaffAccordionComponent,
+            DaffAccordionItemComponent,
+            DaffAccordionItemTitleDirective,
+            DaffAccordionItemContentDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule,
+            FontAwesomeModule,
+            DaffPrefixSuffixModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        FontAwesomeModule,
+                        DaffPrefixSuffixModule,
+                    ],
+                    declarations: [
+                        DaffAccordionComponent,
+                        DaffAccordionItemComponent,
+                        DaffAccordionItemTitleDirective,
+                        DaffAccordionItemContentDirective,
+                    ],
+                    exports: [
+                        DaffAccordionComponent,
+                        DaffAccordionItemComponent,
+                        DaffAccordionItemTitleDirective,
+                        DaffAccordionItemContentDirective,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvYWNjb3JkaW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUVyRSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUUxRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwyQ0FBMkMsQ0FBQztBQUNuRixPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSxxREFBcUQsQ0FBQztBQUNqRyxPQUFPLEVBQUUsaUNBQWlDLEVBQUUsTUFBTSxxRUFBcUUsQ0FBQztBQUN4SCxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxpRUFBaUUsQ0FBQzs7QUFzQmxILE1BQU0sT0FBTyxtQkFBbUI7aUlBQW5CLG1CQUFtQjtrSUFBbkIsbUJBQW1CLGlCQVo1QixzQkFBc0I7WUFDdEIsMEJBQTBCO1lBQzFCLCtCQUErQjtZQUMvQixpQ0FBaUMsYUFUakMsWUFBWTtZQUVaLGlCQUFpQjtZQUNqQixzQkFBc0IsYUFTdEIsc0JBQXNCO1lBQ3RCLDBCQUEwQjtZQUMxQiwrQkFBK0I7WUFDL0IsaUNBQWlDO2tJQUd4QixtQkFBbUIsWUFsQjVCLFlBQVk7WUFFWixpQkFBaUI7WUFDakIsc0JBQXNCOzsyRkFlYixtQkFBbUI7a0JBcEIvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUVaLGlCQUFpQjt3QkFDakIsc0JBQXNCO3FCQUN2QjtvQkFDRCxZQUFZLEVBQUU7d0JBQ1osc0JBQXNCO3dCQUN0QiwwQkFBMEI7d0JBQzFCLCtCQUErQjt3QkFDL0IsaUNBQWlDO3FCQUNsQztvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asc0JBQXNCO3dCQUN0QiwwQkFBMEI7d0JBQzFCLCtCQUErQjt3QkFDL0IsaUNBQWlDO3FCQUNsQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRm9udEF3ZXNvbWVNb2R1bGUgfSBmcm9tICdAZm9ydGF3ZXNvbWUvYW5ndWxhci1mb250YXdlc29tZSc7XG5cbmltcG9ydCB7IERhZmZQcmVmaXhTdWZmaXhNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduJztcblxuaW1wb3J0IHsgRGFmZkFjY29yZGlvbkNvbXBvbmVudCB9IGZyb20gJy4vYWNjb3JkaW9uL2FjY29yZGlvbi9hY2NvcmRpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZBY2NvcmRpb25JdGVtQ29tcG9uZW50IH0gZnJvbSAnLi9hY2NvcmRpb24vYWNjb3JkaW9uLWl0ZW0vYWNjb3JkaW9uLWl0ZW0uY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZBY2NvcmRpb25JdGVtQ29udGVudERpcmVjdGl2ZSB9IGZyb20gJy4vYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLWNvbnRlbnQvYWNjb3JkaW9uLWl0ZW0tY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGFmZkFjY29yZGlvbkl0ZW1UaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vYWNjb3JkaW9uL2FjY29yZGlvbi1pdGVtLXRpdGxlL2FjY29yZGlvbi1pdGVtLXRpdGxlLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG5cbiAgICBGb250QXdlc29tZU1vZHVsZSxcbiAgICBEYWZmUHJlZml4U3VmZml4TW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmQWNjb3JkaW9uQ29tcG9uZW50LFxuICAgIERhZmZBY2NvcmRpb25JdGVtQ29tcG9uZW50LFxuICAgIERhZmZBY2NvcmRpb25JdGVtVGl0bGVEaXJlY3RpdmUsXG4gICAgRGFmZkFjY29yZGlvbkl0ZW1Db250ZW50RGlyZWN0aXZlLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGFmZkFjY29yZGlvbkNvbXBvbmVudCxcbiAgICBEYWZmQWNjb3JkaW9uSXRlbUNvbXBvbmVudCxcbiAgICBEYWZmQWNjb3JkaW9uSXRlbVRpdGxlRGlyZWN0aXZlLFxuICAgIERhZmZBY2NvcmRpb25JdGVtQ29udGVudERpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZkFjY29yZGlvbk1vZHVsZSB7IH1cbiJdfQ==

package/esm2022/accordion/daffodil-design-accordion.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGFmZm9kaWwtZGVzaWduLWFjY29yZGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL2FjY29yZGlvbi9zcmMvZGFmZm9kaWwtZGVzaWduLWFjY29yZGlvbi50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsU0FBUyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBHZW5lcmF0ZWQgYnVuZGxlIGluZGV4LiBEbyBub3QgZWRpdC5cbiAqL1xuXG5leHBvcnQgKiBmcm9tICcuL2luZGV4JztcbiJdfQ==