@daffodil/design 0.80.0 → 0.81.1

package/button/button/basic/button.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * DaffButtonComponent is a rectangular contained button with background color.
  *
- * ## Usage
+ * @example Basic button
  * ```html
  * <button daff-button>
  *  <div daffPrefix></div>

package/button/button/flat/flat.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * DaffFlatButtonComponent is a rectangular contained button no background.
  *
- * ## Usage
+ * @example Flat button
  * ```html
  * <button daff-flat-button>
  *  <div daffPrefix></div>

package/button/button/icon/icon.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * DaffIconButtonComponent is an icon button used with icon fonts.
  *
- * ## Usage
+ * @example Icon button
  * ```html
  * <button daff-icon-button>
  *  <fa-icon [icon]="faPlus"></fa-icon>

package/button/button/raised/raised.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * DaffRaisedButtonComponent is a rectangular contained button with background color and elevation.
  *
- * ## Usage
+ * @example Raised button
  * ```html
  * <button daff-raised-button>
  *  <div daffPrefix></div>

package/button/button/stroked/stroked.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * DaffStrokedButtonComponent is a rectangular outlined button with no background color.
  *
- * ## Usage
+ * @example Stroked button
  * ```html
  * <button daff-stroked-button>
  *  <div daffPrefix></div>

package/button/button/underline/underline.component.d.ts

@@ -3,7 +3,7 @@ import * as i0 from "@angular/core";
 /**
  * DaffUnderlineButtonComponent is a borderless button with a custom underline style.
  *
- * ## Usage
+ * @example Underline button
  * ```html
  * <button daff-underline-button>
  *  <div daffPrefix></div>

package/core/article-encapsulated/article-encapsulated.directive.d.ts

@@ -3,15 +3,13 @@ import * as i0 from "@angular/core";
  * `DaffArticleEncapsulatedDirective` is used to encapsulate custom components within an article,
  * preventing {@link DaffArticleComponent } styles from bleeding into the component.
  *
- * ## Usage
- *
- * ### Implementing it as an attribute directive
+ * @example Implementing it as an attribute directive
  *
  * ```html
  * <my-custom-component daffArticleEncapsulated></my-custom-component>
  * ```
  *
- * ### Implementing it as an Angular host directive
+ * @example Implementing it as an Angular host directive
  *
  * ```ts
  * @Component({
@@ -21,8 +19,9 @@ import * as i0 from "@angular/core";
  *  hostDirectives: [{ directive: DaffArticleEncapsulatedDirective }],
  * })
  * export class CustomComponent { }
+ * ```
  *
- * This directive will apply the `daff-ae` class to your component, ensuring that it is encapsulated from the article's styles.
+ * This directive will apply the `daff-ae` class to the component, ensuring that it is encapsulated from the article's styles.
  */
 export declare class DaffArticleEncapsulatedDirective {
     class: boolean;

package/core/colorable/colorable.directive.d.ts

@@ -6,15 +6,36 @@ import * as i0 from "@angular/core";
  * styles by setting CSS classes based on the specified color. This directive is useful
  * for applying different color palettes to a component in an Angular application.
  *
- * ## Usage
+ * Supported colors: `primary | secondary | tertiary | black | white | theme | theme-contrast`
  *
- * ### Implementing it as an attribute directive
+ * | Color | Class |
+ * | -------- | ----- |
+ * | `primary` | `.daff-primary`|
+ * | `secondary` | `.daff-secondary`|
+ * | `tertiary` | `.daff-tertiary`|
+ * | `black` | `.daff-black`|
+ * | `white` | `.daff-white`|
+ * | `theme` | `daff-theme`|
+ * | `theme-contrast` | `.daff-theme-contrast`|
+ *
+ * @example Implementing it as an attribute directive
  *
  * ```html
- * <div daffColorable [color]="componentColor">Colored content</div>
+ * <div daffColorable [color]="primary">Colored content</div>
+ * ```
+ *
+ *  ```scss
+ * .div {
+ *  &.daff-primary {
+ *    color: daff-color($primary);
+ *  }
+ * }
  * ```
  *
- * ### Implementing it as an Angular host directive
+ * In this example, the `daff-primary` class is applied to the `div` element, allowing you to
+ * use the color class to style the `div`.
+ *
+ * @example Implementing it as an Angular host directive
  *
  * ```ts
  * @Component({
@@ -28,30 +49,19 @@ import * as i0 from "@angular/core";
  *    },
  *  ],
  * })
- * export class CustomComponent { }
+ * export class CustomComponent {
+ *  @HostBinding('class.custom-component') class = true;
+ * }
  * ```
  *
  * ```scss
  * .custom-component {
- *
  *  &.daff-primary {
  *    background: daff-color($primary, 10);
  *    color: daff-color($primary, 90);
  *  }
  * }
  * ```
- *
- * ## Styles
- *
- * The directive applies the following CSS classes based on the color:
- *
- * - `daff-primary`: Applied when the color is `primary`.
- * - `daff-secondary`: Applied when the color is `secondary`.
- * - `daff-tertiary`: Applied when the color is `tertiary`.
- * - `daff-black`: Applied when the color is `black`.
- * - `daff-white`: Applied when the color is `white`.
- * - `daff-theme`: Applied when the color is `theme`.
- * - `daff-theme-contrast`: Applied when the color is `theme-contrast`.
  */
 export declare class DaffColorableDirective implements DaffColorable, OnChanges, OnInit {
     /**

package/core/compactable/compactable.directive.d.ts

@@ -4,9 +4,7 @@ import * as i0 from "@angular/core";
  * style by toggling a CSS class. This is useful for creating components that can
  * switch between regular and compact styles based on the `compact` property.
  *
- * ## Usage
- *
- * ### Implementing it as an attribute directive
+ * @example Implementing it as an attribute directive
  *
  * ```html
  * <div daffCompactable [compact]="isCompact">Content goes here</div>
@@ -15,7 +13,7 @@ import * as i0 from "@angular/core";
  * In this example, the `daff-compact` class is applied to the `div` element when
  * `isCompact` is `true`, making the `div` display its compact state.
  *
- * ### Implementing it as an Angular host directive
+ * @example Implementing it as an Angular host directive
  *
  * ```ts
  * @Component({
@@ -32,8 +30,11 @@ import * as i0 from "@angular/core";
  * export class CustomComponent { }
  * ```
  *
+ * The directive applies the `daff-compact` class to the component and
+ * should be defined in your styles to display the compact state as desired.
+ *
  * ```scss
- * .custom-component {
+ * :host {
  *  padding: 8px 16px;
  *
  *  &.daff-compact {
@@ -41,11 +42,6 @@ import * as i0 from "@angular/core";
  *  }
  * }
  * ```
- *
- * ## Styles
- *
- * The `daff-compact` class should be defined in your styles to display the compact
- * state as desired.
  */
 export declare class DaffCompactableDirective {
     compact: boolean;

package/core/focus/stack.service.d.ts

@@ -13,6 +13,7 @@ export declare class DaffFocusStackService {
      * Generally, you will probably want to call this before you transition focus
      * onto a new element.
      *
+     * @example Using the push function
      * ```ts
      * this._focusStack.push(this._doc.activeElement);
      * ```
@@ -21,8 +22,9 @@ export declare class DaffFocusStackService {
     /**
      * Focuses on the HTML element at the top of a stack.
      *
+     * @example Using the focus function
      * ```ts
-     * this._focusStack.push(this._doc.activeElement);
+     * this._focusStack.focus(this._doc.activeElement);
      * ```
      */
     focus(): void;

package/core/manage-container-layout/manage-container-layout.directive.d.ts

@@ -22,9 +22,7 @@ import * as i0 from "@angular/core";
  * while the latter (without `DaffManageContainerLayoutDirective`) may unexpectedly
  * interfere in the layout features of its parent element (i.e. display: grid, display: flex).
  *
- * ## Usage
- *
- * ### Implementing it as an attribute directive
+ * @example Implementing it as an attribute directive
  *
  * ```html
  * <my-custom-component daffManageContainerLayout>
@@ -39,7 +37,7 @@ import * as i0 from "@angular/core";
  * }
  * ```
  *
- * ### Implementing it as an Angular host directive
+ * @example Implementing it as an Angular host directive
  *
  * ```ts
  * @Component({

package/core/openable/openable.directive.d.ts

@@ -5,7 +5,7 @@ import * as i0 from "@angular/core";
  * A directive that opens or closes a component. It should only be used as an [Angular Host Directive](https://angular.dev/guide/directives/directive-composition-api).
  * This directive is stateless by default, but it supports both a state and stateless implementation. Only one version should be used within a component.
  *
- * ## Example
+ * @example Using the DaffOpenableDirective
  * ```ts
  * import {
  *  Component,
@@ -52,6 +52,7 @@ export declare class DaffOpenableDirective implements DaffOpenable, OnChanges {
     private _setOpen;
     /** Whether or not a component should handle state
      *
+     * @example Setting the `stateless` property on a component
      * ```ts
      * constructor(private openDirective: DaffOpenableDirective) {
      *  this.openDirective.stateless = false;

package/core/sizable/sizable.directive.d.ts

@@ -5,9 +5,7 @@ import * as i0 from "@angular/core";
  * `DaffSizableDirective` allows for dynamic sizing of a component by setting
  * CSS classes based on the specified size.
  *
- * ## Usage
- *
- * ### Implementing it as an attribute directive
+ * @example Implementing it as an attribute directive
  *
  * ```html
  * <div daffSizable [size]="small">Sized content</div>
@@ -15,7 +13,7 @@ import * as i0 from "@angular/core";
  * In this example, the `daff-small` class is applied to the `div` element, allowing you to
  * use the class to style the `div`.
  *
- * ### Implementing it as an Angular host directive
+ * @example Implementing it as an Angular host directive
  *
  * ```ts
  * @Component({
@@ -33,7 +31,7 @@ import * as i0 from "@angular/core";
  * ```
  *
  * ```scss
- * .custom-component {
+ * :host {
  *  &.daff-sm {
  *    width: 24px;
  *  }
@@ -44,9 +42,7 @@ import * as i0 from "@angular/core";
  * }
  * ```
  *
- * ## Styles
- *
- * The directive applies the following CSS classes based on the size:
+ * The directive applies the following CSS classes to the component based on the size:
  *
  * - `daff-xs`: Applied when the size is `xs`.
  * - `daff-sm`: Applied when the size is `sm`.

package/core/skeletonable/skeletonable.directive.d.ts

@@ -7,15 +7,13 @@ import * as i0 from "@angular/core";
  * input property. When `skeleton` is `true`, the `daff-skeleton` CSS class
  * is applied, which should style the component to look like a loading placeholder.
  *
- * ## Usage
- *
- * ### Implementing it as an attribute directive
+ * @example Implementing it as an attribute directive
  *
  * ```html
  * <div daffSkeletonable [skeleton]="isLoading">Content</div>
  * ```
  *
- * ### Implementing it as an Angular host directive
+ * @example Implementing it as an Angular host directive
  *
  * ```ts
  * @Component({
@@ -33,14 +31,14 @@ import * as i0 from "@angular/core";
  * ```
  *
  * ```scss
- * .daff-skeleton {
- *  @include state.skeleton-screen(48px, 24px);
+ * :host {
+ *  .daff-skeleton {
+ *    @include state.skeleton-screen(48px, 24px);
+ *  }
  * }
  * ```
  *
- * ## Styles
- *
- * The `daff-skeleton` class should be defined in your styles to display the loading
+ * The directive applies the `daff-skeleton` class to the component should be defined in your styles to display the loading
  * state as desired. It can be used in conjuction with the `skeleton-screen` mixin, which provides predefined loading styles.
  */
 export declare class DaffSkeletonableDirective {

package/core/statusable/statusable.directive.d.ts

@@ -5,15 +5,13 @@ import * as i0 from "@angular/core";
  * styles by setting CSS classes based on the specified status. This directive is useful
  * for indicating different statuses such as info, warning, critical, or success states.
  *
- * ## Usage
- *
- * ### Implementing it as an attribute directive
+ * @example Implementing it as an attribute directive
  *
  * ```html
  * <div daffStatusable [status]="componentStatus">Status content</div>
  * ```
  *
- * ### Implementing it as an Angular host directive
+ * @example Implementing it as an Angular host directive
  *
  * ```ts
  * @Component({
@@ -30,17 +28,15 @@ import * as i0 from "@angular/core";
  * export class CustomComponent { }
  *
  * ```scss
- * .custom-component {
- *
+ * :host {
  *  &.daff-critical {
  *    background: daff-color($red, 10);
  *    color: daff-color($red, 90);
  *  }
  * }
  * ```
- * ## Styles
  *
- * The directive applies the following CSS classes based on the status:
+ * The directive applies the following CSS classes to the component based on the status:
  *
  * - `daff-info`: Applied when the status is `info`.
  * - `daff-warn`: Applied when the status is `warn`.

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

@@ -6,19 +6,23 @@ import * as i0 from "@angular/core";
  * setting CSS classes based on the specified text alignment. This directive is
  * useful when text alignment needs to be managed dynamically in an Angular component.
  *
- * ## Usage
+ * ## Why not just use CSS?
+ *
+ * While the native CSS `text-align` property can be used for static text alignment,
+ * the `DaffTextAlignableDirective` provides a structured and consistent way to handle
+ * dynamic text alignment within Angular components in more complex use cases where the
+ * application of `text-align: center;` would cause unexpected side effects.
  *
- * ### Implementing it as an attribute directive
+ * @example Implementing it as an attribute directive
  *
  * ```html
  * <div daffTextAlignable textAlignment="center">Aligned text</div>
+ * ```
  *
  * In this example, the `daff-center` class is added to the `div` element, allowing
  * you to style the `div` as you wish using the class.
  *
- * ```
- *
- * ### Implementing it as an Angular host directive
+ * @example Implementing it as an Angular host directive
  *
  * ```ts
  * @Component({
@@ -42,13 +46,6 @@ import * as i0 from "@angular/core";
  *  }
  * }
  * ```
- *
- * ## Why not just use CSS?
- *
- * While the native CSS `text-align` property can be used for static text alignment,
- * the `DaffTextAlignableDirective` provides a structured and consistent way to handle
- * dynamic text alignment within Angular components in more complex use-cases where the
- * application of `text-align:center` would cause unexpected side effects.
  */
 export declare class DaffTextAlignableDirective implements DaffTextAlignable, OnChanges {
     /**

package/core/theming/initializer.d.ts

@@ -1,8 +1,7 @@
-import { Provider } from '@angular/core';
 import { DaffThemeClassSetterService } from './services/class-setter/theme-class-setter.service';
 export declare const DAFF_THEME_INIT: (classSetter: DaffThemeClassSetterService) => () => void;
 /**
  * The theme provider for the app.
  * This configures updating the body with the theme class.
  */
-export declare const DAFF_THEME_INITIALIZER: Provider[];
+export declare const DAFF_THEME_INITIALIZER: import("@angular/core").EnvironmentProviders;

package/fesm2022/daffodil-design-accordion-examples.mjs

@@ -4,12 +4,12 @@ import * as i1 from '@daffodil/design/accordion';
 import { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';
 
 class BasicAccordionComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: BasicAccordionComponent, isStandalone: true, selector: "basic-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["id", "initiallyExpanded"] }, { kind: "directive", type: i1.DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: BasicAccordionComponent, isStandalone: true, selector: "basic-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["id", "initiallyExpanded"] }, { kind: "directive", type: i1.DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: BasicAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: BasicAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'basic-accordion', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [
+            args: [{ selector: 'basic-accordion', changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         DAFF_ACCORDION_COMPONENTS,
                     ], template: "<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n" }]
         }] });

package/fesm2022/daffodil-design-accordion-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-accordion-examples.mjs","sources":["../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.ts","../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.html","../../../libs/design/accordion/examples/src/examples.ts","../../../libs/design/accordion/examples/src/daffodil-design-accordion-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-accordion',\n  templateUrl: './basic-accordion.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [\n    DAFF_ACCORDION_COMPONENTS,\n  ],\n})\nexport class BasicAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import { BasicAccordionComponent } from './basic-accordion/basic-accordion.component';\n\nexport const ACCORDION_EXAMPLES = [\n  BasicAccordionComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAiBa,uBAAuB,CAAA;iIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,2ECjBpC,4qCAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDNa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAVnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,mBAEV,uBAAuB,CAAC,MAAM,EAAA,UAAA,EACnC,IAAI,EACP,OAAA,EAAA;wBACP,yBAAyB;AAC1B,qBAAA,EAAA,QAAA,EAAA,4qCAAA,EAAA,CAAA;;;AEbU,MAAA,kBAAkB,GAAG;IAChC,uBAAuB;;;ACHzB;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-accordion-examples.mjs","sources":["../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.ts","../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.html","../../../libs/design/accordion/examples/src/examples.ts","../../../libs/design/accordion/examples/src/daffodil-design-accordion-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-accordion',\n  templateUrl: './basic-accordion.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_ACCORDION_COMPONENTS,\n  ],\n})\nexport class BasicAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import { BasicAccordionComponent } from './basic-accordion/basic-accordion.component';\n\nexport const ACCORDION_EXAMPLES = [\n  BasicAccordionComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAgBa,uBAAuB,CAAA;iIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,2EChBpC,4qCAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDPa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBATnC,SAAS;AAEE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAEV,eAAA,EAAA,uBAAuB,CAAC,MAAM,EACtC,OAAA,EAAA;wBACP,yBAAyB;AAC1B,qBAAA,EAAA,QAAA,EAAA,4qCAAA,EAAA;;;AEZU,MAAA,kBAAkB,GAAG;IAChC,uBAAuB;;;ACHzB;;AAEG;;;;"}

package/fesm2022/daffodil-design-accordion.mjs

@@ -7,10 +7,10 @@ import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import { trigger, state, style, transition, animate } from '@angular/animations';
 
 class DaffAccordionComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffAccordionComponent, isStandalone: true, selector: "daff-accordion", hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: DaffAccordionComponent, isStandalone: true, selector: "daff-accordion", hostDirectives: [{ directive: i1.DaffArticleEncapsulatedDirective }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-accordion', template: '<ng-content></ng-content>', hostDirectives: [{
                             directive: DaffArticleEncapsulatedDirective,
@@ -91,12 +91,12 @@ class DaffAccordionItemComponent {
         this.openDirective.toggle();
         this._animationState = getAnimationState(this.openDirective.open);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionItemComponent, deps: [{ token: i1.DaffOpenableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.2", type: DaffAccordionItemComponent, isStandalone: true, selector: "daff-accordion-item", inputs: { id: "id", initiallyExpanded: "initiallyExpanded" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, hostDirectives: [{ directive: i1.DaffOpenableDirective, inputs: ["open", "open"], outputs: ["toggled", "toggled"] }], ngImport: i0, template: "<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggle()\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-accordion-item{display:block}.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;gap:8px;background:none;border:none;inline-size:100%;margin:0;padding:16px;position:relative}.daff-accordion-item__header:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-accordion-item.daff-open .daff-accordion-item__header:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-accordion-item__title{font-size:1rem;font-weight:500;inline-size:100%;margin:0;padding:0 32px 0 0;text-align:start}.daff-accordion-item__content{padding:0 16px 16px}.daff-accordion-item__content>p{margin:0 0 16px}.daff-accordion-item__content>p:last-child{margin:0}\n"], animations: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionItemComponent, deps: [{ token: i1.DaffOpenableDirective }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.7", type: DaffAccordionItemComponent, isStandalone: true, selector: "daff-accordion-item", inputs: { id: "id", initiallyExpanded: "initiallyExpanded" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, hostDirectives: [{ directive: i1.DaffOpenableDirective, inputs: ["open", "open"], outputs: ["toggled", "toggled"] }], ngImport: i0, template: "<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggle()\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-accordion-item{display:block}.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;gap:8px;background:none;border:none;inline-size:100%;margin:0;padding:16px;position:relative}.daff-accordion-item__header:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-accordion-item.daff-open .daff-accordion-item__header:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-accordion-item__title{font-size:1rem;font-weight:500;inline-size:100%;margin:0;padding:0 32px 0 0;text-align:start}.daff-accordion-item__content{padding:0 16px 16px}.daff-accordion-item__content>p{margin:0 0 16px}.daff-accordion-item__content>p:last-child{margin:0}\n"], animations: [
             daffAccordionAnimations.openAccordion,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-accordion-item', hostDirectives: [{
                             directive: DaffOpenableDirective,
@@ -121,10 +121,10 @@ class DaffAccordionItemTitleDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.2", type: DaffAccordionItemTitleDirective, isStandalone: true, selector: "[daffAccordionItemTitle]", host: { properties: { "class.daff-accordion-item__title": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.7", type: DaffAccordionItemTitleDirective, isStandalone: true, selector: "[daffAccordionItemTitle]", host: { properties: { "class.daff-accordion-item__title": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionItemTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionItemTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffAccordionItemTitle]',
@@ -139,16 +139,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImpor
  * @deprecated in favor of {@link DAFF_ACCORDION_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  */
 class DaffAccordionModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule,
             DaffAccordionComponent,
             DaffAccordionItemComponent,
             DaffAccordionItemTitleDirective], exports: [DaffAccordionComponent,
             DaffAccordionItemComponent,
             DaffAccordionItemTitleDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.2", ngImport: i0, type: DaffAccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: DaffAccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/daffodil-design-accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-accordion.mjs","sources":["../../../libs/design/accordion/src/accordion/accordion/accordion.component.ts","../../../libs/design/accordion/src/accordion/animation/accordion-animation.ts","../../../libs/design/accordion/src/accordion/animation/accordion-animation-state.ts","../../../libs/design/accordion/src/accordion/accordion-item/accordion-item.component.ts","../../../libs/design/accordion/src/accordion/accordion-item/accordion-item.component.html","../../../libs/design/accordion/src/accordion/accordion-item-title/accordion-item-title.directive.ts","../../../libs/design/accordion/src/accordion.module.ts","../../../libs/design/accordion/src/accordion.ts","../../../libs/design/accordion/src/daffodil-design-accordion.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\n@Component({\n  selector: 'daff-accordion',\n  template: '<ng-content></ng-content>',\n  styles: [`\n    :host {\n      display: block;\n    }\n  `],\n  hostDirectives: [{\n    directive: DaffArticleEncapsulatedDirective,\n  }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\n\nexport class DaffAccordionComponent {}\n","import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffAccordionAnimations: {\n  readonly openAccordion: AnimationTriggerMetadata;\n} = {\n  openAccordion: trigger('openAccordion', [\n    state('open', style({\n      opacity: '1',\n      height: '*',\n    })),\n    state('void',style({\n      opacity: '0',\n      height: '0',\n    })),\n    transition('void <=> open',\n      animate('150ms ease-in'),\n    ),\n  ]),\n};\n","export const getAnimationState = (open: boolean) => {\n  if(open){\n    return 'open';\n  } else {\n    return 'void';\n  }\n};\n","import {\n  Component,\n  Input,\n  OnInit,\n  ViewEncapsulation,\n  HostBinding,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  faChevronDown,\n  faChevronUp,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DaffOpenable,\n  DaffOpenableDirective,\n} from '@daffodil/design';\n\nimport { daffAccordionAnimations } from '../animation/accordion-animation';\nimport { getAnimationState } from '../animation/accordion-animation-state';\n\nlet daffAccordionItemId = 0;\n\n@Component({\n  selector: 'daff-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  styleUrls: ['./accordion-item.component.scss'],\n  hostDirectives: [{\n    directive: DaffOpenableDirective,\n    inputs: ['open'],\n    outputs: ['toggled'],\n  }],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    daffAccordionAnimations.openAccordion,\n  ],\n  standalone: true,\n})\nexport class DaffAccordionItemComponent implements OnInit, DaffOpenable {\n  /**\n   * @docs-private\n   */\n  faChevronDown = faChevronDown;\n  /**\n   * @docs-private\n   */\n  faChevronUp = faChevronUp;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item') class = true;\n\n  _daffAccordionItemId = 'daff-accordion-item' + '-' + ++daffAccordionItemId;\n\n  @Input() id: string = this._daffAccordionItemId;\n\n  /** Whether or not the item is initiallyExpanded by default. */\n  @Input() initiallyExpanded = false;\n\n  /**\n   * @docs-private\n   */\n  _animationState: string;\n\n  constructor(private openDirective: DaffOpenableDirective) {\n    this.openDirective.stateless = false;\n  }\n\n  /**\n   * @docs-private\n   */\n  ngOnInit() {\n    this.openDirective.open = this.initiallyExpanded ? this.initiallyExpanded : this.openDirective.open;\n    this._animationState = getAnimationState(this.openDirective.open);\n  }\n\n  get open() {\n    return this.openDirective.open;\n  }\n\n  /**\n   * Reveals the contents of the accordion item\n   */\n  reveal() {\n    this.openDirective.reveal();\n  }\n\n  /**\n   * Hides the contents of the accordion item\n   */\n  hide() {\n    this.openDirective.hide();\n  }\n\n  /**\n   * Toggles the visibility of the contents of the accordion item\n   */\n  toggle() {\n    this.openDirective.toggle();\n    this._animationState = getAnimationState(this.openDirective.open);\n  }\n}\n","<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggle()\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffAccordionItemTitle]',\n  standalone: true,\n})\nexport class DaffAccordionItemTitleDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffAccordionComponent } from './accordion/accordion/accordion.component';\nimport { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';\nimport { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_ACCORDION_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffAccordionComponent,\n    DaffAccordionItemComponent,\n    DaffAccordionItemTitleDirective,\n  ],\n  exports: [\n    DaffAccordionComponent,\n    DaffAccordionItemComponent,\n    DaffAccordionItemTitleDirective,\n  ],\n})\nexport class DaffAccordionModule { }\n","import { DaffAccordionComponent } from './accordion/accordion/accordion.component';\nimport { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';\nimport { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';\n\nexport const DAFF_ACCORDION_COMPONENTS = <const>[\n  DaffAccordionComponent,\n  DaffAccordionItemComponent,\n  DaffAccordionItemTitleDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"daffodil-design-accordion.mjs","sources":["../../../libs/design/accordion/src/accordion/accordion/accordion.component.ts","../../../libs/design/accordion/src/accordion/animation/accordion-animation.ts","../../../libs/design/accordion/src/accordion/animation/accordion-animation-state.ts","../../../libs/design/accordion/src/accordion/accordion-item/accordion-item.component.ts","../../../libs/design/accordion/src/accordion/accordion-item/accordion-item.component.html","../../../libs/design/accordion/src/accordion/accordion-item-title/accordion-item-title.directive.ts","../../../libs/design/accordion/src/accordion.module.ts","../../../libs/design/accordion/src/accordion.ts","../../../libs/design/accordion/src/daffodil-design-accordion.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffArticleEncapsulatedDirective } from '@daffodil/design';\n\n@Component({\n  selector: 'daff-accordion',\n  template: '<ng-content></ng-content>',\n  styles: [`\n    :host {\n      display: block;\n    }\n  `],\n  hostDirectives: [{\n    directive: DaffArticleEncapsulatedDirective,\n  }],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n})\n\nexport class DaffAccordionComponent {}\n","import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nexport const daffAccordionAnimations: {\n  readonly openAccordion: AnimationTriggerMetadata;\n} = {\n  openAccordion: trigger('openAccordion', [\n    state('open', style({\n      opacity: '1',\n      height: '*',\n    })),\n    state('void',style({\n      opacity: '0',\n      height: '0',\n    })),\n    transition('void <=> open',\n      animate('150ms ease-in'),\n    ),\n  ]),\n};\n","export const getAnimationState = (open: boolean) => {\n  if(open){\n    return 'open';\n  } else {\n    return 'void';\n  }\n};\n","import {\n  Component,\n  Input,\n  OnInit,\n  ViewEncapsulation,\n  HostBinding,\n  ChangeDetectionStrategy,\n} from '@angular/core';\nimport {\n  faChevronDown,\n  faChevronUp,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport {\n  DaffOpenable,\n  DaffOpenableDirective,\n} from '@daffodil/design';\n\nimport { daffAccordionAnimations } from '../animation/accordion-animation';\nimport { getAnimationState } from '../animation/accordion-animation-state';\n\nlet daffAccordionItemId = 0;\n\n@Component({\n  selector: 'daff-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  styleUrls: ['./accordion-item.component.scss'],\n  hostDirectives: [{\n    directive: DaffOpenableDirective,\n    inputs: ['open'],\n    outputs: ['toggled'],\n  }],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    daffAccordionAnimations.openAccordion,\n  ],\n  standalone: true,\n})\nexport class DaffAccordionItemComponent implements OnInit, DaffOpenable {\n  /**\n   * @docs-private\n   */\n  faChevronDown = faChevronDown;\n  /**\n   * @docs-private\n   */\n  faChevronUp = faChevronUp;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item') class = true;\n\n  _daffAccordionItemId = 'daff-accordion-item' + '-' + ++daffAccordionItemId;\n\n  @Input() id: string = this._daffAccordionItemId;\n\n  /** Whether or not the item is initiallyExpanded by default. */\n  @Input() initiallyExpanded = false;\n\n  /**\n   * @docs-private\n   */\n  _animationState: string;\n\n  constructor(private openDirective: DaffOpenableDirective) {\n    this.openDirective.stateless = false;\n  }\n\n  /**\n   * @docs-private\n   */\n  ngOnInit() {\n    this.openDirective.open = this.initiallyExpanded ? this.initiallyExpanded : this.openDirective.open;\n    this._animationState = getAnimationState(this.openDirective.open);\n  }\n\n  get open() {\n    return this.openDirective.open;\n  }\n\n  /**\n   * Reveals the contents of the accordion item\n   */\n  reveal() {\n    this.openDirective.reveal();\n  }\n\n  /**\n   * Hides the contents of the accordion item\n   */\n  hide() {\n    this.openDirective.hide();\n  }\n\n  /**\n   * Toggles the visibility of the contents of the accordion item\n   */\n  toggle() {\n    this.openDirective.toggle();\n    this._animationState = getAnimationState(this.openDirective.open);\n  }\n}\n","<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggle()\"\n  [attr.aria-expanded]=\"open\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffAccordionItemTitle]',\n  standalone: true,\n})\nexport class DaffAccordionItemTitleDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item__title') class = true;\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffAccordionComponent } from './accordion/accordion/accordion.component';\nimport { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';\nimport { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_ACCORDION_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    CommonModule,\n    DaffAccordionComponent,\n    DaffAccordionItemComponent,\n    DaffAccordionItemTitleDirective,\n  ],\n  exports: [\n    DaffAccordionComponent,\n    DaffAccordionItemComponent,\n    DaffAccordionItemTitleDirective,\n  ],\n})\nexport class DaffAccordionModule { }\n","import { DaffAccordionComponent } from './accordion/accordion/accordion.component';\nimport { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';\nimport { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';\n\nexport const DAFF_ACCORDION_COMPONENTS = <const>[\n  DaffAccordionComponent,\n  DaffAccordionItemComponent,\n  DaffAccordionItemTitleDirective,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}