@daffodil/design 0.87.0 → 0.87.2

package/accordion/README.md

@@ -1,21 +1,14 @@
 # Accordion
-An accordion is a group of vertically stacked headings used to toggle the visibility of a section of content.
+An accordion is a group of vertically stacked headings that allow users to toggle the visibility of related content.
 
 ## Overview
-Accordions are helpful to shorten pages and reduce scrolling by hiding content that's not crucial to display at all times. The accordion component consists of several pre-styled components and directives.
+Accordions helps reduce scrolling by hiding non-essential information until it’s needed. Use it to organize content into collapsible sections. This is especially useful for long pages where not all information needs to be visible at once.
 
 <design-land-example-viewer-container example="basic-accordion"></design-land-example-viewer-container>
 
-## Formatting
-Accordions are built using `<daff-accordion>`, `<daff-accordion-item>`, and `[daffAccordionItemTitle]`.
-
-- **`<daff-accordion>`**: A wrapper for grouping accordion items.
-- **`<daff-accordion-item>`**: The wrapper for the title and content. It handles the expansion and collapse of the inner content when clicked.
-- **`[daffAccordionItemTitle]`**: Used to provide a high level overview of the content.
-
-Any additional content placed inside of an accordion item will be displayed as part of the collapsible content.
-
 ## Usage
+To use the accordion components, import `DAFF_ACCORDION_COMPONENTS` into your custom component:
+
 ```ts
 import { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';
 
@@ -29,43 +22,52 @@ import { DAFF_ACCORDION_COMPONENTS } from '@daffodil/design/accordion';
 export class CustomComponent {}
 ```
 
+## Anatomy
+An accordion is composed of the following:
+
+- **`<daff-accordion>`**: Groups accordion items.
+- **`<daff-accordion-item>`**: Contains the title and collapsible content. Handles expansion and collapse on user interaction.
+- **`[daffAccordionItemTitle]`**: Used to provide a high level overview of the panel content.
+
+Content inside `<daff-accordion-item>` (excluding the title) is part of the panel content that is shown or hidden when the item is toggled.
+
 ```html
 <daff-accordion>
-  <daff-accordion-item>
-    <div daffAccordionItemTitle></div>
-    <p>Item Content</p>
-  </daff-accordion-item>
-  <daff-accordion-item>
-    <div daffAccordionItemTitle></div>
-    <p>Item Content</p>
-  </daff-accordion-item>
+ <daff-accordion-item>
+   <div daffAccordionItemTitle>Title</div>
+   <div>Expandable content</div>
+ </daff-accordion-item>
 </daff-accordion>
 ```
 
-## Examples
+## Expand an item by default
+Use the `initiallyExpanded` property on the accordion item to have an item open by default.
 
-### Expand an item by default
-Use the `initiallyExpanded` property on the accordion item to have it opened by default.
+<design-land-example-viewer-container example="initially-expanded-accordion"></design-land-example-viewer-container>
 
-```html
-<daff-accordion-item [initiallyExpanded]="true"></daff-accordion-item>
-```
+## Disable an accordion item
+Use the `disabled` property on the accordion item to disable and prevent it from being expanded or collapsed.
 
-### Disable an item
-Use the `disabled` property on the accordion item to prevent it from being expanded or collapsed.
-
-```html
-<daff-accordion-item [disabled]="true"></daff-accordion-item>
-```
+<design-land-example-viewer-container example="disabled-accordion"></design-land-example-viewer-container>
 
 ## Accessibility
 Accordion follows the [Accordion WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).
 
-- Titles have an `id`, the `button` role, the `aria-expanded` state, and the `aria-controls` property set to the ID specified by the `contentId` property. It uses an autogenerated value by default but can be customized.
-- Content blocks have an `id`, the `region` role, and the `aria-labelledby` property set to the ID specified by the `itemId` property. It uses an autogenerated value by default but can be customized.
+Titles act as buttons with:
+- `role="button"`
+- A unique `id`, defined by the `contentId` property.
+- `aria-expanded` to indicate current state.
+- `aria-controls` property linked to the associated panel content.
+
+Content blocks include:
+- `role="region"`
+- A unique `id`, defined by the `itemId` property.
+- `aria-labelledby` property linked to the corresponding title.
+
+IDs are autogenerated by default but can be overridden via the `contentId` and `itemId` inputs on `<daff-accordion-item>`.
 
 ### Keyboard interactions
 | Key | Action |
 | --- | ------ |
 | `Tab` | Moves focus to the next focusable element. |
-| `Space` or `Enter` | When focus is on the accordion item, it collapses or expands the associated content panel. |
+| `Space` / `Enter` | Expands or collapses the focused accordion item's panel content. |

package/accordion/accordion/accordion/accordion.component.d.ts

@@ -1,7 +1,21 @@
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
 /**
- * A wrapper for grouping accordion items.
+ * Groups accordion items.
+ *
+ * @example
+ * ```html
+ * <daff-accordion>
+ *  <daff-accordion-item>
+ *    <div daffAccordionItemTitle>Title</div>
+ *    <div>Expandable content</div>
+ *  </daff-accordion-item>
+ *  <daff-accordion-item>
+ *    <div daffAccordionItemTitle>Title</div>
+ *    <div>Expandable content</div>
+ *  </daff-accordion-item>
+ * </daff-accordion>
+ * ```
  */
 export declare class DaffAccordionComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionComponent, never>;

package/accordion/accordion/accordion-item/accordion-item.component.d.ts

@@ -3,8 +3,15 @@ import { DaffOpenable, DaffOpenableDirective } from '@daffodil/design';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
 /**
- * The wrapper for the title and content. It handles the expansion and collapse of the inner content when clicked.
- * All `daff-accordion-item`s should be grouped inside the `daff-accordion` component.
+ * Contains the title and collapsible content. Handles expansion and collapse on user interaction. All `<daff-accordion-item>`s should be grouped inside a `<daff-accordion>`.
+ *
+ * @example
+ * ```html
+ *  <daff-accordion-item>
+ *    <div daffAccordionItemTitle>Title</div>
+ *    <div>Accordion content</div>
+ *  </daff-accordion-item>
+ * ```
  */
 export declare class DaffAccordionItemComponent implements OnInit, DaffOpenable {
     private openDirective;
@@ -21,7 +28,7 @@ export declare class DaffAccordionItemComponent implements OnInit, DaffOpenable
      */
     contentId: string;
     /**
-     * Whether or not the item is initially opened by default.
+     * Whether or not an accordion item is initially expanded by default.
      */
     initiallyExpanded: boolean;
     /**

package/accordion/accordion/accordion-item-title/accordion-item-title.directive.d.ts

@@ -1,6 +1,11 @@
 import * as i0 from "@angular/core";
 /**
- * Used to provide a high level overview of the content. It should be wrapped by a `<daff-accordion-item>`.
+ * Used to provide a high level overview of the panel content. It should be wrapped by a `<daff-accordion-item>`.
+ *
+ * @example
+ * ```html
+ * <div daffAccordionItemTitle>Title</div>
+ * ```
  */
 export declare class DaffAccordionItemTitleDirective {
     /**

package/breadcrumb/README.md

@@ -1,22 +1,14 @@
 # Breadcrumb
-Breadcrumbs are a secondary navigation that displays a user's location within a website or application.
+Breadcrumb is a secondary navigation pattern that shows users their current location within a website or application’s hierarchy.
 
 ## Overview
-Breadcrumbs are a visual representation of the site's navigational hierarchy. They indicate the current page's location and allows users to easily move up to a parent level.
-
-## Requirements
-- `[daff-breadcrumb]` is required to be used with the native HTML `<ol>` element.
-- Each `[daffBreadcrumbItem]` needs to be a `<li>` element.
-
-## Structure
-Breadcrumbs are built using `[daff-breadcrumb]` and `[daffBreadCrumbItem]`.
-
-- **`[daff-breadcrumb]`**: a wrapper for grouping breadcrumb items.
-- **`[daffBreacrumbItem]`**: used to display each breadcrumb item.
+Breadcrumbs visually represent the navigational structure of a site or app and helps users navigate to parent levels with ease. Each breadcrumb item corresponds to a level in the hierarchy, with the last item indicating the current page or context.
 
 <design-land-example-viewer-container example="basic-breadcrumb"></design-land-example-viewer-container>
 
 ## Usage
+To use the breadcrumb components, import `DAFF_BREADCRUMB_COMPONENTS` into your custom component:
+
 ```ts
 import { DAFF_BREADCRUMB_COMPONENTS } from '@daffodil/design/breadcrumb';
 
@@ -30,16 +22,19 @@ import { DAFF_BREADCRUMB_COMPONENTS } from '@daffodil/design/breadcrumb';
 export class CustomComponent {}
 ```
 
+## Anatomy
+A breadcrumb is composed of the following:
+
+- **`[daff-breadcrumb]`**: Groups breadcrumb items. Must be applied to a native `<ol>` element.
+- **`[daffBreacrumbItem]`**: Represents each individual breadcrumb item. Must be used on a `<li>` element.
+
 ```html
 <ol daff-breadcrumb>
   <li daffBreadcrumbItem>
-    <a routerLink="/link">Link</a>
-  </li>
-  <li daffBreadcrumbItem>
-    <a routerLink="/link">Link</a>
+    <a routerLink="/">Home</a>
   </li>
   <li daffBreacrumbItem>
-    <span>Active Link</span>
+    <span>Current page</span>
   </li>
 </ol>
 ```
@@ -47,16 +42,23 @@ export class CustomComponent {}
 ## Accessibility
 Breadcrumb follows the [Breadcrumb WAI-ARIA design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/breadcrumb/).
 
-- `aria-current="page"` is automatically applied to the last item to indicate that it represents the current page.
+- The last breadcrumb item is automatically assigned `aria-current="page"` to indicate the current page.
 
-In order to fully comply with the WAI-ARIA design pattern:
+### Best practices
+To ensure full accessibility compliance  with the WAI-ARIA design pattern:
 
-- Breadcrumbs should be wrapped in a native HTML `<nav>` element so that assistive technologies can present the breadcrumbs as a navigational element on the page.
-- Use `aria-label="Breadcrumb"` on the `nav` element to provide more context into what kind of navigation it is.
+- Wrap the breadcrumb in a `<nav>` element so assistive technologies can present the breadcrumb as a navigational element on the page.
+- Provide a descriptive `aria-label` on the `<nav>` element to identify the type of navigation.
 
 ```html
-<nav aria-label="breadcrumb">
+<nav aria-label="Category breadcrumb">
   <ol daff-breadcrumb>
+    <li daffBreadcrumbItem>
+      <a routerLink="/">Home</a>
+    </li>
+    <li daffBreadcrumbItem>
+      <span>Current Page</span>
+    </li>
   </ol>
 </nav>
 ```

package/breadcrumb/breadcrumb/breadcrumb.component.d.ts

@@ -2,6 +2,21 @@ import { QueryList, AfterContentInit, DestroyRef } from '@angular/core';
 import { DaffBreadcrumbItemDirective } from '../breadcrumb-item/breadcrumb-item.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
+/**
+ * Groups breadcrumb items. Must be applied to a native `<ol>` element.
+ *
+ * @example
+ * ```html
+ * <ol daff-breadcrumb>
+ *  <li daffBreadcrumbItem>
+ *    <a routerLink="/">Home</a>
+ *  </li>
+ *  <li daffBreacrumbItem>
+ *    <span>Current page</span>
+ *  </li>
+ * </ol>
+ * ```
+ */
 export declare class DaffBreadcrumbComponent implements AfterContentInit {
     private destroyRef;
     constructor(destroyRef: DestroyRef);

package/breadcrumb/breadcrumb-item/breadcrumb-item.directive.d.ts

@@ -1,5 +1,15 @@
 import { ChangeDetectorRef } from '@angular/core';
 import * as i0 from "@angular/core";
+/**
+ * Represents each individual breadcrumb item. Must be used on a `<li>` element.
+ *
+ * @example
+ * ```html
+ * <li daffBreadcrumbItem>
+ *  <a routerLink="/">Link</a>
+ * </li>
+ * ```
+ */
 export declare class DaffBreadcrumbItemDirective {
     private cdRef;
     /**

package/fesm2022/daffodil-design-accordion.mjs

@@ -6,7 +6,21 @@ import { DaffArticleEncapsulatedDirective, DaffOpenableDirective } from '@daffod
 import { trigger, state, transition, style, animate } from '@angular/animations';
 
 /**
- * A wrapper for grouping accordion items.
+ * Groups accordion items.
+ *
+ * @example
+ * ```html
+ * <daff-accordion>
+ *  <daff-accordion-item>
+ *    <div daffAccordionItemTitle>Title</div>
+ *    <div>Expandable content</div>
+ *  </daff-accordion-item>
+ *  <daff-accordion-item>
+ *    <div daffAccordionItemTitle>Title</div>
+ *    <div>Expandable content</div>
+ *  </daff-accordion-item>
+ * </daff-accordion>
+ * ```
  */
 class DaffAccordionComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: DaffAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -47,8 +61,15 @@ const getAnimationState = (open) => {
 let daffAccordionItemId = 0;
 let daffAccordionItemContentId = 0;
 /**
- * The wrapper for the title and content. It handles the expansion and collapse of the inner content when clicked.
- * All `daff-accordion-item`s should be grouped inside the `daff-accordion` component.
+ * Contains the title and collapsible content. Handles expansion and collapse on user interaction. All `<daff-accordion-item>`s should be grouped inside a `<daff-accordion>`.
+ *
+ * @example
+ * ```html
+ *  <daff-accordion-item>
+ *    <div daffAccordionItemTitle>Title</div>
+ *    <div>Accordion content</div>
+ *  </daff-accordion-item>
+ * ```
  */
 class DaffAccordionItemComponent {
     constructor(openDirective) {
@@ -66,7 +87,7 @@ class DaffAccordionItemComponent {
          */
         this.contentId = 'daff-accordion-item-content' + '-' + ++daffAccordionItemContentId;
         /**
-         * Whether or not the item is initially opened by default.
+         * Whether or not an accordion item is initially expanded by default.
          */
         this.initiallyExpanded = false;
         /**
@@ -135,7 +156,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
             }] } });
 
 /**
- * Used to provide a high level overview of the content. It should be wrapped by a `<daff-accordion-item>`.
+ * Used to provide a high level overview of the panel content. It should be wrapped by a `<daff-accordion-item>`.
+ *
+ * @example
+ * ```html
+ * <div daffAccordionItemTitle>Title</div>
+ * ```
  */
 class DaffAccordionItemTitleDirective {
     constructor() {

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/**\n * A wrapper for grouping accordion items.\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})\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      visibility: 'visible',\n      opacity: '1',\n      height: '*',\n    })),\n    state('void',style({\n      visibility: 'hidden',\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';\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;\nlet daffAccordionItemContentId = 0;\n\n/**\n * The wrapper for the title and content. It handles the expansion and collapse of the inner content when clicked.\n * All `daff-accordion-item`s should be grouped inside the `daff-accordion` component.\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})\nexport class DaffAccordionItemComponent implements OnInit, DaffOpenable {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item') class = true;\n\n  /**\n   * The unique id of an accordion item. Defaults to an autogenerated value.\n   */\n  @Input() itemId: string = 'daff-accordion-item' + '-' + ++daffAccordionItemId;\n\n  /**\n   * The unique id of an accordion item content. Defaults to an autogenerated value.\n   */\n  @Input() contentId: string = 'daff-accordion-item-content' + '-' + ++daffAccordionItemContentId;\n\n  /**\n   * Whether or not the item is initially opened by default.\n   */\n  @Input() initiallyExpanded = false;\n\n  /**\n   * Disables an accordion item and prevents it from being expanded or collapsed.\n   */\n  @Input() disabled = 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  /**\n   * @docs-private\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]=\"contentId\"\n  [id]=\"itemId\"\n  [disabled]=\"disabled\"\n  [attr.aria-disabled]=\"disabled\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"contentId\" [attr.aria-labelledby]=\"itemId\" role=\"region\">\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/**\n * Used to provide a high level overview of the content. It should be wrapped by a `<daff-accordion-item>`.\n */\n@Directive({\n  selector: '[daffAccordionItemTitle]',\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\n/**\n * @docs-private\n *\n * `DAFF_ACCORDION_COMPONENTS` imports all the available components and directives related to the component.\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/**\n * Groups accordion items.\n *\n * @example\n * ```html\n * <daff-accordion>\n *  <daff-accordion-item>\n *    <div daffAccordionItemTitle>Title</div>\n *    <div>Expandable content</div>\n *  </daff-accordion-item>\n *  <daff-accordion-item>\n *    <div daffAccordionItemTitle>Title</div>\n *    <div>Expandable content</div>\n *  </daff-accordion-item>\n * </daff-accordion>\n * ```\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})\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      visibility: 'visible',\n      opacity: '1',\n      height: '*',\n    })),\n    state('void',style({\n      visibility: 'hidden',\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';\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;\nlet daffAccordionItemContentId = 0;\n\n/**\n * Contains the title and collapsible content. Handles expansion and collapse on user interaction. All `<daff-accordion-item>`s should be grouped inside a `<daff-accordion>`.\n *\n * @example\n * ```html\n *  <daff-accordion-item>\n *    <div daffAccordionItemTitle>Title</div>\n *    <div>Accordion content</div>\n *  </daff-accordion-item>\n * ```\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})\nexport class DaffAccordionItemComponent implements OnInit, DaffOpenable {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item') class = true;\n\n  /**\n   * The unique id of an accordion item. Defaults to an autogenerated value.\n   */\n  @Input() itemId: string = 'daff-accordion-item' + '-' + ++daffAccordionItemId;\n\n  /**\n   * The unique id of an accordion item content. Defaults to an autogenerated value.\n   */\n  @Input() contentId: string = 'daff-accordion-item-content' + '-' + ++daffAccordionItemContentId;\n\n  /**\n   * Whether or not an accordion item is initially expanded by default.\n   */\n  @Input() initiallyExpanded = false;\n\n  /**\n   * Disables an accordion item and prevents it from being expanded or collapsed.\n   */\n  @Input() disabled = 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  /**\n   * @docs-private\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]=\"contentId\"\n  [id]=\"itemId\"\n  [disabled]=\"disabled\"\n  [attr.aria-disabled]=\"disabled\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"contentId\" [attr.aria-labelledby]=\"itemId\" role=\"region\">\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/**\n * Used to provide a high level overview of the panel content. It should be wrapped by a `<daff-accordion-item>`.\n *\n * @example\n * ```html\n * <div daffAccordionItemTitle>Title</div>\n * ```\n */\n@Directive({\n  selector: '[daffAccordionItemTitle]',\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\n/**\n * @docs-private\n *\n * `DAFF_ACCORDION_COMPONENTS` imports all the available components and directives related to the component.\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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"}

package/fesm2022/daffodil-design-breadcrumb.mjs

@@ -4,6 +4,16 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import * as i1 from '@daffodil/design';
 import { DaffArticleEncapsulatedDirective, DaffSkeletonableDirective } from '@daffodil/design';
 
+/**
+ * Represents each individual breadcrumb item. Must be used on a `<li>` element.
+ *
+ * @example
+ * ```html
+ * <li daffBreadcrumbItem>
+ *  <a routerLink="/">Link</a>
+ * </li>
+ * ```
+ */
 class DaffBreadcrumbItemDirective {
     /**
      * @docs-private
@@ -49,6 +59,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                 args: ['attr.aria-current']
             }] } });
 
+/**
+ * Groups breadcrumb items. Must be applied to a native `<ol>` element.
+ *
+ * @example
+ * ```html
+ * <ol daff-breadcrumb>
+ *  <li daffBreadcrumbItem>
+ *    <a routerLink="/">Home</a>
+ *  </li>
+ *  <li daffBreacrumbItem>
+ *    <span>Current page</span>
+ *  </li>
+ * </ol>
+ * ```
+ */
 class DaffBreadcrumbComponent {
     constructor(destroyRef) {
         this.destroyRef = destroyRef;

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-breadcrumb.mjs","sources":["../../../libs/design/breadcrumb/src/breadcrumb-item/breadcrumb-item.directive.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.html","../../../libs/design/breadcrumb/src/breadcrumb.ts","../../../libs/design/breadcrumb/src/breadcrumb.module.ts","../../../libs/design/breadcrumb/src/daffodil-design-breadcrumb.ts"],"sourcesContent":["import {\n  ChangeDetectorRef,\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: 'li[daffBreadcrumbItem]',\n})\nexport class DaffBreadcrumbItemDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-breadcrumb__item') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.active') get activeClass() {\n    return this._active;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-current') get ariaCurrent() {\n    return this._active ? 'page' : null;\n  }\n\n  private _active = false;\n\n  constructor( private cdRef: ChangeDetectorRef ) {}\n\n  /** Called by the DaffBreadcrumbComponent to set the active state */\n  setActive(value: boolean) {\n    this._active = value;\n\n    this.cdRef.detectChanges();\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  HostBinding,\n  ViewEncapsulation,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  DestroyRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n  DaffArticleEncapsulatedDirective,\n  DaffSkeletonableDirective,\n} from '@daffodil/design';\n\n\nimport { DaffBreadcrumbItemDirective } from '../breadcrumb-item/breadcrumb-item.directive';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'ol[daff-breadcrumb]',\n  templateUrl: './breadcrumb.component.html',\n  styleUrl: './breadcrumb.component.scss',\n  hostDirectives: [\n    { directive: DaffArticleEncapsulatedDirective },\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\n\nexport class DaffBreadcrumbComponent implements AfterContentInit {\n\n  constructor(private destroyRef: DestroyRef) {}\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-breadcrumb') class = true;\n\n  /**\n   * @docs-private\n   */\n  @ContentChildren(DaffBreadcrumbItemDirective) breadcrumbItems!: QueryList<DaffBreadcrumbItemDirective>;\n\n  /**\n   * @docs-private\n   */\n  ngAfterContentInit() {\n    this.updateActiveState();\n\n    this.breadcrumbItems.changes\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.updateActiveState());\n  }\n\n  private updateActiveState() {\n    if (!this.breadcrumbItems.length) {\n      return;\n    }\n\n    this.breadcrumbItems.forEach(item => item.setActive(false));\n\n    this.breadcrumbItems.last.setActive(true);\n  }\n}\n","<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>","import { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_BREADCRUMB_COMPONENTS = <const> [\n  DaffBreadcrumbComponent,\n  DaffBreadcrumbItemDirective,\n];\n","import { NgModule } from '@angular/core';\n\nimport { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_BREADCRUMB_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    DaffBreadcrumbComponent,\n    DaffBreadcrumbItemDirective,\n  ],\n  exports: [\n    DaffBreadcrumbComponent,\n    DaffBreadcrumbItemDirective,\n  ],\n})\nexport class DaffBreadcrumbModule { }\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-breadcrumb.mjs","sources":["../../../libs/design/breadcrumb/src/breadcrumb-item/breadcrumb-item.directive.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.ts","../../../libs/design/breadcrumb/src/breadcrumb/breadcrumb.component.html","../../../libs/design/breadcrumb/src/breadcrumb.ts","../../../libs/design/breadcrumb/src/breadcrumb.module.ts","../../../libs/design/breadcrumb/src/daffodil-design-breadcrumb.ts"],"sourcesContent":["import {\n  ChangeDetectorRef,\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n/**\n * Represents each individual breadcrumb item. Must be used on a `<li>` element.\n *\n * @example\n * ```html\n * <li daffBreadcrumbItem>\n *  <a routerLink=\"/\">Link</a>\n * </li>\n * ```\n */\n@Directive({\n  selector: 'li[daffBreadcrumbItem]',\n})\nexport class DaffBreadcrumbItemDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-breadcrumb__item') class = true;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.active') get activeClass() {\n    return this._active;\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('attr.aria-current') get ariaCurrent() {\n    return this._active ? 'page' : null;\n  }\n\n  private _active = false;\n\n  constructor( private cdRef: ChangeDetectorRef ) {}\n\n  /** Called by the DaffBreadcrumbComponent to set the active state */\n  setActive(value: boolean) {\n    this._active = value;\n\n    this.cdRef.detectChanges();\n  }\n}\n","import {\n  Component,\n  ChangeDetectionStrategy,\n  HostBinding,\n  ViewEncapsulation,\n  ContentChildren,\n  QueryList,\n  AfterContentInit,\n  DestroyRef,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport {\n  DaffArticleEncapsulatedDirective,\n  DaffSkeletonableDirective,\n} from '@daffodil/design';\n\n\nimport { DaffBreadcrumbItemDirective } from '../breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * Groups breadcrumb items. Must be applied to a native `<ol>` element.\n *\n * @example\n * ```html\n * <ol daff-breadcrumb>\n *  <li daffBreadcrumbItem>\n *    <a routerLink=\"/\">Home</a>\n *  </li>\n *  <li daffBreacrumbItem>\n *    <span>Current page</span>\n *  </li>\n * </ol>\n * ```\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'ol[daff-breadcrumb]',\n  templateUrl: './breadcrumb.component.html',\n  styleUrl: './breadcrumb.component.scss',\n  hostDirectives: [\n    { directive: DaffArticleEncapsulatedDirective },\n    {\n      directive: DaffSkeletonableDirective,\n      inputs: ['skeleton'],\n    },\n  ],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n})\n\nexport class DaffBreadcrumbComponent implements AfterContentInit {\n\n  constructor(private destroyRef: DestroyRef) {}\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-breadcrumb') class = true;\n\n  /**\n   * @docs-private\n   */\n  @ContentChildren(DaffBreadcrumbItemDirective) breadcrumbItems!: QueryList<DaffBreadcrumbItemDirective>;\n\n  /**\n   * @docs-private\n   */\n  ngAfterContentInit() {\n    this.updateActiveState();\n\n    this.breadcrumbItems.changes\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.updateActiveState());\n  }\n\n  private updateActiveState() {\n    if (!this.breadcrumbItems.length) {\n      return;\n    }\n\n    this.breadcrumbItems.forEach(item => item.setActive(false));\n\n    this.breadcrumbItems.last.setActive(true);\n  }\n}\n","<ng-content select=\"[daffBreadcrumbItem]\"></ng-content>","import { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @docs-private\n */\nexport const DAFF_BREADCRUMB_COMPONENTS = <const> [\n  DaffBreadcrumbComponent,\n  DaffBreadcrumbItemDirective,\n];\n","import { NgModule } from '@angular/core';\n\nimport { DaffBreadcrumbComponent } from './breadcrumb/breadcrumb.component';\nimport { DaffBreadcrumbItemDirective } from './breadcrumb-item/breadcrumb-item.directive';\n\n/**\n * @deprecated in favor of {@link DAFF_BREADCRUMB_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.\n */\n@NgModule({\n  imports: [\n    DaffBreadcrumbComponent,\n    DaffBreadcrumbItemDirective,\n  ],\n  exports: [\n    DaffBreadcrumbComponent,\n    DaffBreadcrumbItemDirective,\n  ],\n})\nexport class DaffBreadcrumbModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-media-gallery-examples.mjs

@@ -53,7 +53,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
 
 class MediaGalleryWithVideoComponent {
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MediaGalleryWithVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MediaGalleryWithVideoComponent, isStandalone: true, selector: "media-gallery-with-video", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail isVideo=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: i3.DaffYoutubePlayerComponent, selector: "daff-youtube-player", inputs: ["src", "title", "width", "height"] }, { kind: "pipe", type: i3.DaffYoutubeSafePipe, name: "daffYoutubeSafe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.11", type: MediaGalleryWithVideoComponent, isStandalone: true, selector: "media-gallery-with-video", ngImport: i0, template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\" [isVideo]=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>", dependencies: [{ kind: "component", type: i1.DaffMediaGalleryComponent, selector: "daff-media-gallery", inputs: ["id"], outputs: ["elementChange"] }, { kind: "directive", type: i1.DaffThumbnailDirective, selector: "[daffThumbnail]", inputs: ["thumbnailSrc", "label", "isVideo"] }, { kind: "component", type: i2.DaffImageComponent, selector: "daff-image", inputs: ["src", "alt", "width", "height"], outputs: ["load"] }, { kind: "component", type: i3.DaffYoutubePlayerComponent, selector: "daff-youtube-player", inputs: ["src", "title", "width", "height"] }, { kind: "pipe", type: i3.DaffYoutubeSafePipe, name: "daffYoutubeSafe" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImport: i0, type: MediaGalleryWithVideoComponent, decorators: [{
             type: Component,
@@ -61,7 +61,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.11", ngImpo
                         DAFF_MEDIA_GALLERY_COMPONENTS,
                         DAFF_IMAGE_COMPONENTS,
                         DAFF_YOUTUBE_PLAYER_COMPONENTS,
-                    ], template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail isVideo=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>" }]
+                    ], template: "<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\" [isVideo]=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>" }]
         }] });
 
 class MismatchedSizesMediaGalleryComponent {

package/fesm2022/daffodil-design-media-gallery-examples.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-media-gallery-examples.mjs","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/iterated-media-gallery/iterated-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/iterated-media-gallery/iterated-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/media-gallery-with-video/media-gallery-with-video.component.ts","../../../libs/design/media-gallery/examples/src/media-gallery-with-video/media-gallery-with-video.component.html","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-media-gallery',\n  templateUrl: './basic-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class BasicMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Avocado\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'iterated-media-gallery',\n  templateUrl: './iterated-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class IteratedMediaGalleryComponent {\n  elements = [\n    {\n      type: 'image',\n      src: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80',\n      thumbnail: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=80&q=80',\n      alt: 'Lemons',\n      width: 946,\n      height: 946,\n    },\n    {\n      type: 'image',\n      src: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=1600',\n      thumbnail: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80',\n      alt: 'Lemons',\n      width: 946,\n      height: 946,\n    },\n  ];\n}\n","<daff-media-gallery>\n\t@for(element of elements; track element) {\n\t\t<ng-template daffThumbnail [thumbnailSrc]=\"element.thumbnail\" [label]=\"element.alt\">\n\t\t\t@switch (element.type) {\n\t\t\t\t@case ('image') {\n\t\t\t\t\t<daff-image [src]=\"element.src\" [alt]=\"element.alt\" [width]=\"element.width\" [height]=\"element.height\"></daff-image>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t}\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\nimport { DAFF_YOUTUBE_PLAYER_COMPONENTS } from '@daffodil/design/youtube-player';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'media-gallery-with-video',\n  templateUrl: './media-gallery-with-video.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n    DAFF_YOUTUBE_PLAYER_COMPONENTS,\n  ],\n})\nexport class MediaGalleryWithVideoComponent {}\n","<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail isVideo=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'mismatched-sizes-media-gallery',\n  templateUrl: './mismatched-sizes-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class MismatchedSizesMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" label=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\"\n\t\t\talt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Cherries\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" label=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\"\n\t\t\talt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-media-gallery',\n  templateUrl: './skeleton-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class SkeletonMediaGalleryComponent {\n\n\n}\n","<daff-media-gallery [skeleton]=\"true\"></daff-media-gallery>","import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';\nimport { IteratedMediaGalleryComponent } from './iterated-media-gallery/iterated-media-gallery.component';\nimport { MediaGalleryWithVideoComponent } from './media-gallery-with-video/media-gallery-with-video.component';\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';\nimport { SkeletonMediaGalleryComponent } from './skeleton-media-gallery/skeleton-media-gallery.component';\n\nexport const MEDIA_GALLERY_EXAMPLES = [\n  BasicMediaGalleryComponent,\n  MismatchedSizesMediaGalleryComponent,\n  SkeletonMediaGalleryComponent,\n  IteratedMediaGalleryComponent,\n  MediaGalleryWithVideoComponent,\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-media-gallery-examples.mjs","sources":["../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/basic-media-gallery/basic-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/iterated-media-gallery/iterated-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/iterated-media-gallery/iterated-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/media-gallery-with-video/media-gallery-with-video.component.ts","../../../libs/design/media-gallery/examples/src/media-gallery-with-video/media-gallery-with-video.component.html","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.ts","../../../libs/design/media-gallery/examples/src/skeleton-media-gallery/skeleton-media-gallery.component.html","../../../libs/design/media-gallery/examples/src/examples.ts","../../../libs/design/media-gallery/examples/src/daffodil-design-media-gallery-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-media-gallery',\n  templateUrl: './basic-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class BasicMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Avocado\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1543363136-7fbfcd3b240d?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Avocado\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'iterated-media-gallery',\n  templateUrl: './iterated-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class IteratedMediaGalleryComponent {\n  elements = [\n    {\n      type: 'image',\n      src: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80',\n      thumbnail: 'https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=80&q=80',\n      alt: 'Lemons',\n      width: 946,\n      height: 946,\n    },\n    {\n      type: 'image',\n      src: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=1600',\n      thumbnail: 'https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80',\n      alt: 'Lemons',\n      width: 946,\n      height: 946,\n    },\n  ];\n}\n","<daff-media-gallery>\n\t@for(element of elements; track element) {\n\t\t<ng-template daffThumbnail [thumbnailSrc]=\"element.thumbnail\" [label]=\"element.alt\">\n\t\t\t@switch (element.type) {\n\t\t\t\t@case ('image') {\n\t\t\t\t\t<daff-image [src]=\"element.src\" [alt]=\"element.alt\" [width]=\"element.width\" [height]=\"element.height\"></daff-image>\n\t\t\t\t}\n\t\t\t}\n\t\t</ng-template>\n\t}\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\nimport { DAFF_YOUTUBE_PLAYER_COMPONENTS } from '@daffodil/design/youtube-player';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'media-gallery-with-video',\n  templateUrl: './media-gallery-with-video.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n    DAFF_YOUTUBE_PLAYER_COMPONENTS,\n  ],\n})\nexport class MediaGalleryWithVideoComponent {}\n","<daff-media-gallery>\n\t<ng-template \n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Drink\">\n\t\t<daff-image\n\t\tsrc=\"https://images.unsplash.com/photo-1607344635159-59930e3330b1?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1584559582213-787a2953dcbe?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Fruits\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t\n\t<ng-template\n\t\tdaffThumbnail\n\t\tthumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1600&q=80\"\n\t\t\talt=\"Lemons\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1587324438673-56c78a866b15?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&fit=crop&w=80\"\n\t\tlabel=\"Lemons\" [isVideo]=\"true\">\n\t\t<daff-youtube-player [src]=\"'https://www.youtube.com/embed/bBQA7yy7EBU?si=gQcCoChmofSeO-vE_-' | daffYoutubeSafe\" width=\"560\" height=\"315\" title=\"Jazzy Lofi\">\t\t\t\t\t\n\t\t</daff-youtube-player>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'mismatched-sizes-media-gallery',\n  templateUrl: './mismatched-sizes-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class MismatchedSizesMediaGalleryComponent {}\n","<daff-media-gallery>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1556804335-2fa563e93aae?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=3763&q=80\"\n\t\t\talt=\"Drink\" width=\"946\" height=\"946\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Drink\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1551410224-699683e15636?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Drink\" width=\"640\" height=\"799\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\" label=\"Fruits\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1586788224331-947f68671cf1?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=934&q=80\"\n\t\t\talt=\"Fruits\" width=\"640\" height=\"960\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\" label=\"Cherries\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1559181567-c3190ca9959b?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=1300&q=80\"\n\t\t\talt=\"Cherries\" width=\"640\" height=\"800\"></daff-image>\n\t</ng-template>\n\t<ng-template daffThumbnail thumbnailSrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\" label=\"Lemons\">\n\t\t<daff-image\n\t\t\tsrc=\"https://images.unsplash.com/photo-1606926167690-07a1edafd407?ixlib=rb-1.2.1&ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&auto=format&fit=crop&w=2250&q=80\"\n\t\t\talt=\"Lemons\" width=\"640\" height=\"426\"></daff-image>\n\t</ng-template>\n</daff-media-gallery>","import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DAFF_IMAGE_COMPONENTS } from '@daffodil/design/image';\nimport { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'skeleton-media-gallery',\n  templateUrl: './skeleton-media-gallery.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    DAFF_MEDIA_GALLERY_COMPONENTS,\n    DAFF_IMAGE_COMPONENTS,\n  ],\n})\nexport class SkeletonMediaGalleryComponent {\n\n\n}\n","<daff-media-gallery [skeleton]=\"true\"></daff-media-gallery>","import { BasicMediaGalleryComponent } from './basic-media-gallery/basic-media-gallery.component';\nimport { IteratedMediaGalleryComponent } from './iterated-media-gallery/iterated-media-gallery.component';\nimport { MediaGalleryWithVideoComponent } from './media-gallery-with-video/media-gallery-with-video.component';\nimport { MismatchedSizesMediaGalleryComponent } from './mismatched-sizes-media-gallery/mismatched-sizes-media-gallery.component';\nimport { SkeletonMediaGalleryComponent } from './skeleton-media-gallery/skeleton-media-gallery.component';\n\nexport const MEDIA_GALLERY_EXAMPLES = [\n  BasicMediaGalleryComponent,\n  MismatchedSizesMediaGalleryComponent,\n  SkeletonMediaGalleryComponent,\n  IteratedMediaGalleryComponent,\n  MediaGalleryWithVideoComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/media-gallery/README.md

@@ -1,13 +1,15 @@
 # Media gallery
-Media gallery is used to display a group of thumbnails in a gallery format.
+A media gallery displays a group of thumbnails in a gallery format, allowing users to preview and select different media.
 
 ## Overview
-Media galleries are useful to showcase multiple images related to a single product or topic.
+Use a media gallery to showcase multiple images or other media related to a single product or topic. Thumbnails are interactive and update the primary display when selected.
+
+<design-land-example-viewer-container example="basic-media-gallery"></design-land-example-viewer-container>
 
 ## Usage
 
 ### Within a standalone component
-To use media gallery in a standalone component, import `DAFF_MEDIA_GALLERY_COMPONENTS` directly into your custom component:
+To use media gallery in a standalone component, import `DAFF_MEDIA_GALLERY_COMPONENTS` into your custom component:
 
 ```ts
 import { DAFF_MEDIA_GALLERY_COMPONENTS } from '@daffodil/design/media-gallery';
@@ -46,27 +48,37 @@ export class CustomComponentModule { }
 
 > This method is deprecated. It's recommended to update all custom components to standalone.
 
-## Thumbnail
-`[daffThumbnail]` is a **structural** directive that can be used with any component that you would like to render inside your media gallery. You can set a value for the image for your element like:
+## Anatomy
+Use the `[daffThumbnail]` **structural directive** to define a thumbnail in the gallery. Thumbnails can contain any content type, not just images.
 
 ```html
 <daff-media-gallery>
   <ng-template daffThumbnail thumbnailSrc="/thumbnail-path.jpg" label="Your description">
-    <daff-image src="/image-path.jpg" alt="Your description" width="100" height="100"></daff-image>
+    <daff-image src="/image-path.jpg" alt="Your description" width="500" height="500"></daff-image>
   </ng-template>
 </daff-media-gallery>
 ```
 
-It should never be used as a standalone component. The first thumbnail is selected by default and dynamically rendered as the primary image. The selected thumbnail can be controlled by the user, and the position of the list of thumbnails is dependent on the screen size.
+- `thumbnailSrc` is used for the preview image rendered in the thumbnail strip.
+- The content inside the template will be shown as the primary view when selected.
+- You must include the full content for each thumbnail inside the template, even if it appears to duplicate the thumbnail image since this is what renders in the main display area when selected.
+- Always provide an accessible label for a thumbnail using `label`.
+- The `isVideo` property can be used to display a video icon on the thumbnail.
+- The first thumbnail is selected by default.
+
+> Never use `[daffThumbnail]` as a standalone element. It must be placed within a `<daff-media-gallery>`. 
+
+<design-land-example-viewer-container example="media-gallery-with-video"></design-land-example-viewer-container>
 
-<design-land-example-viewer-container example="basic-media-gallery"></design-land-example-viewer-container>
 
-## Image aspect ratio
-It's recommended to utilize the same aspect ratio for all images in the same media gallery. Otherwise, the height and width of the media gallery may change with every different aspect ratio presented by the selected thumbnail as shown in the example.
+## Aspect ratio
+Use a consistent aspect ratio across all content to avoid layout shifts. Mismatched content sizes can cause the primary content area to shift as different thumbnails are selected.
 
-The thumbnail dimension is set to a square, so the recommended aspect ratio is `1:1`. However, it is not required since the thumbnail will horizontally and vertically center align images within a thumbnail.
+Thumbnails are rendered in a square by default, so a 1:1 ratio is recommended, but not required since thumbnails are automatically centered horizontally and vertically.
 
 <design-land-example-viewer-container example="mismatched-sizes-media-gallery"></design-land-example-viewer-container>
 
 ## Accessibility
-Accessibility considerations for media gallery is handled by the `DaffImageComponent`. The `alt` attribute must be defined in `<daff-image>`. It specifies an alternate text for an image. An error will appear if it's not defined. This is important because it allows screen readers to describe what's in the image for visually impaired people. See [Image](/libs/design/image/README.md) for more information.
+- Always provide an accessible label for each thumbnail using the `label` attribute.
+- Each thumbnail is rendered as a button with an autogenerated `aria-controls` value that matches the `id` of the content container displayed when the thumbnail is selected.
+- These `id` values are autogenerated but can be overridden by providing a custom id to the `<daff-media-gallery>` element.

package/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.87.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^19.0.0","@angular/common":"^19.0.0","@angular/core":"^19.0.0","@angular/forms":"^19.0.0","@angular/cdk":"^19.0.0","@daffodil/core":"0.87.0","@fortawesome/angular-fontawesome":"^1.0.0","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^3.0.1","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^9.8.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb.mjs"},"./button":{"types":"./button/index.d.ts","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","default":"./fesm2022/daffodil-design-image.mjs"},"./input":{"types":"./input/index.d.ts","default":"./fesm2022/daffodil-design-input.mjs"},"./link-set":{"types":"./link-set/index.d.ts","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./quantity-field":{"types":"./quantity-field/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field.mjs"},"./select":{"types":"./select/index.d.ts","default":"./fesm2022/daffodil-design-select.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./switch":{"types":"./switch/index.d.ts","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet.mjs"},"./textarea":{"types":"./textarea/index.d.ts","default":"./fesm2022/daffodil-design-textarea.mjs"},"./toast":{"types":"./toast/index.d.ts","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","default":"./fesm2022/daffodil-design-tree.mjs"},"./youtube-player":{"types":"./youtube-player/index.d.ts","default":"./fesm2022/daffodil-design-youtube-player.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./form-field/examples":{"types":"./form-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-form-field-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./select/examples":{"types":"./select/examples/index.d.ts","default":"./fesm2022/daffodil-design-select-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./switch/examples":{"types":"./switch/examples/index.d.ts","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet-examples.mjs"},"./textarea/examples":{"types":"./textarea/examples/index.d.ts","default":"./fesm2022/daffodil-design-textarea-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
+{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.87.2","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^19.0.0","@angular/common":"^19.0.0","@angular/core":"^19.0.0","@angular/forms":"^19.0.0","@angular/cdk":"^19.0.0","@daffodil/core":"0.87.2","@fortawesome/angular-fontawesome":"^1.0.0","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^3.0.1","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^9.8.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb.mjs"},"./button":{"types":"./button/index.d.ts","default":"./fesm2022/daffodil-design-button.mjs"},"./card":{"types":"./card/index.d.ts","default":"./fesm2022/daffodil-design-card.mjs"},"./callout":{"types":"./callout/index.d.ts","default":"./fesm2022/daffodil-design-callout.mjs"},"./container":{"types":"./container/index.d.ts","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","default":"./fesm2022/daffodil-design-image.mjs"},"./input":{"types":"./input/index.d.ts","default":"./fesm2022/daffodil-design-input.mjs"},"./link-set":{"types":"./link-set/index.d.ts","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./quantity-field":{"types":"./quantity-field/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field.mjs"},"./select":{"types":"./select/index.d.ts","default":"./fesm2022/daffodil-design-select.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./switch":{"types":"./switch/index.d.ts","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet.mjs"},"./textarea":{"types":"./textarea/index.d.ts","default":"./fesm2022/daffodil-design-textarea.mjs"},"./toast":{"types":"./toast/index.d.ts","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","default":"./fesm2022/daffodil-design-tree.mjs"},"./youtube-player":{"types":"./youtube-player/index.d.ts","default":"./fesm2022/daffodil-design-youtube-player.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./form-field/examples":{"types":"./form-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-form-field-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./select/examples":{"types":"./select/examples/index.d.ts","default":"./fesm2022/daffodil-design-select-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./switch/examples":{"types":"./switch/examples/index.d.ts","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet-examples.mjs"},"./textarea/examples":{"types":"./textarea/examples/index.d.ts","default":"./fesm2022/daffodil-design-textarea-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}