@daffodil/design 0.69.0 → 0.71.0

package/esm2022/tree/tree.module.mjs

@@ -4,13 +4,13 @@ import { DaffTreeComponent } from './tree/tree.component';
 import { DaffTreeItemDirective } from './tree-item/tree-item.directive';
 import * as i0 from "@angular/core";
 export class DaffTreeModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeModule, declarations: [DaffTreeComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DaffTreeModule, declarations: [DaffTreeComponent,
             DaffTreeItemDirective], imports: [CommonModule], exports: [DaffTreeComponent,
             DaffTreeItemDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeModule, imports: [CommonModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffTreeModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffTreeModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
@@ -26,4 +26,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
                     ],
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90cmVlL3NyYy90cmVlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFleEUsTUFBTSxPQUFPLGNBQWM7aUlBQWQsY0FBYztrSUFBZCxjQUFjLGlCQVh2QixpQkFBaUI7WUFDakIscUJBQXFCLGFBR3JCLFlBQVksYUFHWixpQkFBaUI7WUFDakIscUJBQXFCO2tJQUdaLGNBQWMsWUFQdkIsWUFBWTs7MkZBT0gsY0FBYztrQkFiMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlRyZWVDb21wb25lbnQgfSBmcm9tICcuL3RyZWUvdHJlZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFmZlRyZWVJdGVtRGlyZWN0aXZlIH0gZnJvbSAnLi90cmVlLWl0ZW0vdHJlZS1pdGVtLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZUcmVlQ29tcG9uZW50LFxuICAgIERhZmZUcmVlSXRlbURpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZUcmVlQ29tcG9uZW50LFxuICAgIERhZmZUcmVlSXRlbURpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlRyZWVNb2R1bGUgeyB9XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90cmVlL3NyYy90cmVlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFleEUsTUFBTSxPQUFPLGNBQWM7a0lBQWQsY0FBYzttSUFBZCxjQUFjLGlCQVh2QixpQkFBaUI7WUFDakIscUJBQXFCLGFBR3JCLFlBQVksYUFHWixpQkFBaUI7WUFDakIscUJBQXFCO21JQUdaLGNBQWMsWUFQdkIsWUFBWTs7NEZBT0gsY0FBYztrQkFiMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlRyZWVDb21wb25lbnQgfSBmcm9tICcuL3RyZWUvdHJlZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFmZlRyZWVJdGVtRGlyZWN0aXZlIH0gZnJvbSAnLi90cmVlLWl0ZW0vdHJlZS1pdGVtLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZUcmVlQ29tcG9uZW50LFxuICAgIERhZmZUcmVlSXRlbURpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZUcmVlQ29tcG9uZW50LFxuICAgIERhZmZUcmVlSXRlbURpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlRyZWVNb2R1bGUgeyB9XG4iXX0=

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

@@ -5,12 +5,12 @@ import { DaffAccordionModule } from '@daffodil/design/accordion';
 import { CommonModule } from '@angular/common';
 
 class BasicAccordionComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicAccordionComponent, selector: "basic-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item initiallyActive=\"true\">\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["initiallyActive"] }, { kind: "directive", type: i1.DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]" }, { kind: "directive", type: i1.DaffAccordionItemContentDirective, selector: "[daffAccordionItemContent]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: BasicAccordionComponent, selector: "basic-accordion", ngImport: i0, template: "<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n", dependencies: [{ kind: "component", type: i1.DaffAccordionComponent, selector: "daff-accordion" }, { kind: "component", type: i1.DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: ["id", "initiallyActive", "initiallyExpanded"] }, { kind: "directive", type: i1.DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: BasicAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'basic-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-accordion>\n\t<daff-accordion-item initiallyActive=\"true\">\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n</daff-accordion>\n" }]
+            args: [{ selector: 'basic-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n" }]
         }] });
 
 const ACCORDION_EXAMPLES = [
@@ -18,13 +18,13 @@ const ACCORDION_EXAMPLES = [
 ];
 
 class AccordionExamplesModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AccordionExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: AccordionExamplesModule, declarations: [BasicAccordionComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AccordionExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: AccordionExamplesModule, declarations: [BasicAccordionComponent], imports: [CommonModule,
             DaffAccordionModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AccordionExamplesModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AccordionExamplesModule, imports: [CommonModule,
             DaffAccordionModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AccordionExamplesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: AccordionExamplesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-accordion-examples.mjs","sources":["../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.ts","../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.html","../../../libs/design/accordion/examples/src/examples.ts","../../../libs/design/accordion/examples/src/accordion-examples.module.ts","../../../libs/design/accordion/examples/src/daffodil-design-accordion-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-accordion',\n  templateUrl: './basic-accordion.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item initiallyActive=\"true\">\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<h3 daffAccordionItemTitle>Details</h3>\n\t\t<div daffAccordionItemContent>\n\t\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo \n\t\t\t\tlacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, \n\t\t\t\tet maximus quam efficitur sed. Maecenas iaculis nisl neque, maximus sagittis libero sagittis eget.\n\t\t\t\t<a>Learn More.</a>\n\t\t</div>\n\t</daff-accordion-item>\n</daff-accordion>\n","import { BasicAccordionComponent } from './basic-accordion/basic-accordion.component';\n\nexport const ACCORDION_EXAMPLES = [\n  BasicAccordionComponent,\n];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffAccordionModule } from '@daffodil/design/accordion';\n\nimport { ACCORDION_EXAMPLES } from './examples';\n\n@NgModule({\n  declarations: [\n    ...ACCORDION_EXAMPLES,\n  ],\n  imports: [\n    CommonModule,\n    DaffAccordionModule,\n  ],\n})\nexport class AccordionExamplesModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,uBAAuB,CAAA;iIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,uBAAuB,uDCXpC,i6CA6BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iCAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;2FDlBa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BAEE,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,i6CAAA,EAAA,CAAA;;;AEPpC,MAAA,kBAAkB,GAAG;IAChC,uBAAuB;;;MCaZ,uBAAuB,CAAA;iIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,qDAJhC,YAAY;YACZ,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGV,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAJhC,YAAY;YACZ,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAGV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBATnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;AACZ,wBAAA,GAAG,kBAAkB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;AACpB,qBAAA;AACF,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}
+{"version":3,"file":"daffodil-design-accordion-examples.mjs","sources":["../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.ts","../../../libs/design/accordion/examples/src/basic-accordion/basic-accordion.component.html","../../../libs/design/accordion/examples/src/examples.ts","../../../libs/design/accordion/examples/src/accordion-examples.module.ts","../../../libs/design/accordion/examples/src/daffodil-design-accordion-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-accordion',\n  templateUrl: './basic-accordion.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicAccordionComponent {}\n","<daff-accordion>\n\t<daff-accordion-item [initiallyExpanded]=\"true\">\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n\t<daff-accordion-item>\n\t\t<div daffAccordionItemTitle>This is the accordion item title</div>\n\t\t<p>\n\t\t\tLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo lacus ut sapien consectetur, et ultricies leo rutrum. Integer iaculis ultrices nunc, et maximus quam efficitur sed.\n\t\t\t<a href=\"/\">Learn More.</a>\n\t\t</p>\n\t</daff-accordion-item>\n</daff-accordion>\n","import { BasicAccordionComponent } from './basic-accordion/basic-accordion.component';\n\nexport const ACCORDION_EXAMPLES = [\n  BasicAccordionComponent,\n];\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffAccordionModule } from '@daffodil/design/accordion';\n\nimport { ACCORDION_EXAMPLES } from './examples';\n\n@NgModule({\n  declarations: [\n    ...ACCORDION_EXAMPLES,\n  ],\n  imports: [\n    CommonModule,\n    DaffAccordionModule,\n  ],\n})\nexport class AccordionExamplesModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;MAWa,uBAAuB,CAAA;kIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,uDCXpC,4qCAuBA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,sBAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,iBAAA,EAAA,mBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,+BAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FDZa,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBANnC,SAAS;+BAEE,iBAAiB,EAAA,eAAA,EAEV,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,4qCAAA,EAAA,CAAA;;;AEPpC,MAAA,kBAAkB,GAAG;IAChC,uBAAuB;;;MCaZ,uBAAuB,CAAA;kIAAvB,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAvB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,qDAJhC,YAAY;YACZ,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAGV,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,YAJhC,YAAY;YACZ,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAGV,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBATnC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;AACZ,wBAAA,GAAG,kBAAkB;AACtB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,mBAAmB;AACpB,qBAAA;AACF,iBAAA,CAAA;;;ACfD;;AAEG;;;;"}

package/fesm2022/daffodil-design-accordion.mjs

@@ -1,9 +1,7 @@
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ChangeDetectionStrategy, ViewEncapsulation, HostBinding, Input, Directive, NgModule } from '@angular/core';
-import * as i1 from '@fortawesome/angular-fontawesome';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
-import * as i2 from '@daffodil/design';
 import { daffArticleEncapsulatedMixin, DaffPrefixSuffixModule } from '@daffodil/design';
 import { faChevronDown, faChevronUp } from '@fortawesome/free-solid-svg-icons';
 import { trigger, state, style, transition, animate } from '@angular/animations';
@@ -24,12 +22,12 @@ class DaffAccordionComponent extends _daffAccordionBase {
         this.elementRef = elementRef;
         this.renderer = renderer;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffAccordionComponent, selector: "daff-accordion", usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffAccordionComponent, selector: "daff-accordion", usesInheritance: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'daff-accordion', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{display:block;width:100%}\n"] }]
+            args: [{ selector: 'daff-accordion', template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
 
 const daffAccordionAnimations = {
@@ -58,6 +56,7 @@ const getAnimationState = (open) => {
     }
 };
 
+let daffAccordionItemId = 0;
 class DaffAccordionItemComponent {
     constructor() {
         /**
@@ -72,39 +71,57 @@ class DaffAccordionItemComponent {
          * @docs-private
          */
         this.class = true;
+        this._daffAccordionItemId = 'daff-accordion-item' + '-' + ++daffAccordionItemId;
+        this.id = this._daffAccordionItemId;
+        /** Whether or not the item is initiallyExpanded by default. */
+        this.initiallyExpanded = false;
         /**
          * @docs-private
          */
         this._open = false;
     }
+    get openClass() {
+        return this._open;
+    }
     /**
      * @docs-private
      */
     ngOnInit() {
         this._open = this.initiallyActive ? this.initiallyActive : this._open;
+        this._open = this.initiallyExpanded ? this.initiallyExpanded : this._open;
         this._animationState = getAnimationState(this._open);
     }
     toggleActive() {
         this._open = !this._open;
         this._animationState = getAnimationState(this._open);
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { initiallyActive: "initiallyActive" }, host: { properties: { "class.daff-accordion-item": "this.class" } }, ngImport: i0, template: "<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>", styles: [".daff-accordion-item{display:block;padding:15px 0;width:100%}@media (min-width: 768px){.daff-accordion-item{padding:30px 0}}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%}.daff-accordion-item__header .daff-suffix{margin:0 10px}.daff-accordion-item__title{font-weight:700;text-transform:uppercase;font-size:1rem;margin:0}.daff-accordion-item__content{padding-top:15px}@media (min-width: 768px){.daff-accordion-item__content{padding-top:30px}}\n"], dependencies: [{ kind: "component", type: i1.FaIconComponent, selector: "fa-icon", inputs: ["icon", "title", "animation", "spin", "pulse", "mask", "styles", "flip", "size", "pull", "border", "inverse", "symbol", "rotate", "fixedWidth", "classes", "transform", "a11yRole"] }, { kind: "directive", type: i2.DaffSuffixDirective, selector: "[daffSuffix]" }], animations: [
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: DaffAccordionItemComponent, selector: "daff-accordion-item", inputs: { id: "id", initiallyActive: "initiallyActive", initiallyExpanded: "initiallyExpanded" }, host: { properties: { "class.daff-accordion-item": "this.class", "class.open": "this.openClass" } }, ngImport: i0, template: "<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggleActive()\"\n  [attr.aria-expanded]=\"_open === true\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-accordion-item{display:block}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;inline-size:100%;margin:0;padding:16px;position:relative}.daff-accordion-item__header:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-accordion-item.open .daff-accordion-item__header:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-accordion-item__title{font-size:1rem;font-weight:500;inline-size:100%;margin:0;padding:0 32px 0 0;text-align:start}.daff-accordion-item__content{padding:0 16px 16px}.daff-accordion-item__content>p{margin:0 0 16px}.daff-accordion-item__content>p:last-child{margin:0}\n"], animations: [
             daffAccordionAnimations.openAccordion,
         ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'daff-accordion-item', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, animations: [
                         daffAccordionAnimations.openAccordion,
-                    ], template: "<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>", styles: [".daff-accordion-item{display:block;padding:15px 0;width:100%}@media (min-width: 768px){.daff-accordion-item{padding:30px 0}}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;width:100%}.daff-accordion-item__header .daff-suffix{margin:0 10px}.daff-accordion-item__title{font-weight:700;text-transform:uppercase;font-size:1rem;margin:0}.daff-accordion-item__content{padding-top:15px}@media (min-width: 768px){.daff-accordion-item__content{padding-top:30px}}\n"] }]
+                    ], template: "<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggleActive()\"\n  [attr.aria-expanded]=\"_open === true\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>", styles: [".daff-accordion-item{display:block}.daff-accordion-item__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;gap:8px;background:none;border:none;inline-size:100%;margin:0;padding:16px;position:relative}.daff-accordion-item__header:after{content:\"\";position:absolute;top:48%;right:2px;display:inline-block;border-right:2px solid currentColor;border-bottom:2px solid currentColor;width:8px;height:8px;transform:translateY(-50%) rotate(45deg);transition:transform .15s}.daff-accordion-item.open .daff-accordion-item__header:after{top:56%;transform:translateY(-50%) rotate(225deg)}.daff-accordion-item__title{font-size:1rem;font-weight:500;inline-size:100%;margin:0;padding:0 32px 0 0;text-align:start}.daff-accordion-item__content{padding:0 16px 16px}.daff-accordion-item__content>p{margin:0 0 16px}.daff-accordion-item__content>p:last-child{margin:0}\n"] }]
         }], propDecorators: { class: [{
                 type: HostBinding,
                 args: ['class.daff-accordion-item']
+            }], openClass: [{
+                type: HostBinding,
+                args: ['class.open']
+            }], id: [{
+                type: Input
             }], initiallyActive: [{
                 type: Input
+            }], initiallyExpanded: [{
+                type: Input
             }] } });
 
+/**
+ * @deprecated in v1.0.0
+ */
 class DaffAccordionItemContentDirective {
     constructor() {
         /**
@@ -112,10 +129,10 @@ class DaffAccordionItemContentDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffAccordionItemContentDirective, selector: "[daffAccordionItemContent]", host: { properties: { "class.daff-accordion-item__content": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionItemContentDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffAccordionItemContentDirective, selector: "[daffAccordionItemContent]", host: { properties: { "class.daff-accordion-item__content": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemContentDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionItemContentDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffAccordionItemContent]',
@@ -132,10 +149,10 @@ class DaffAccordionItemTitleDirective {
          */
         this.class = true;
     }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]", host: { properties: { "class.daff-accordion-item__title": "this.class" } }, ngImport: i0 }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionItemTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.10", type: DaffAccordionItemTitleDirective, selector: "[daffAccordionItemTitle]", host: { properties: { "class.daff-accordion-item__title": "this.class" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionItemTitleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionItemTitleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[daffAccordionItemTitle]',
@@ -146,8 +163,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImpor
             }] } });
 
 class DaffAccordionModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionModule, declarations: [DaffAccordionComponent,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionModule, declarations: [DaffAccordionComponent,
             DaffAccordionItemComponent,
             DaffAccordionItemTitleDirective,
             DaffAccordionItemContentDirective], imports: [CommonModule,
@@ -156,11 +173,11 @@ class DaffAccordionModule {
             DaffAccordionItemComponent,
             DaffAccordionItemTitleDirective,
             DaffAccordionItemContentDirective] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionModule, imports: [CommonModule,
             FontAwesomeModule,
             DaffPrefixSuffixModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffAccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: DaffAccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

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

@@ -1 +1 @@
-{"version":3,"file":"daffodil-design-accordion.mjs","sources":["../../../libs/design/accordion/src/accordion/accordion/accordion.component.ts","../../../libs/design/accordion/src/accordion/accordion/accordion.component.html","../../../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-content/accordion-item-content.directive.ts","../../../libs/design/accordion/src/accordion/accordion-item-title/accordion-item-title.directive.ts","../../../libs/design/accordion/src/accordion.module.ts","../../../libs/design/accordion/src/daffodil-design-accordion.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Renderer2,\n} from '@angular/core';\n\nimport { daffArticleEncapsulatedMixin } from '@daffodil/design';\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the link set mixins\n */\nclass DaffAccordionBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffAccordionBase = daffArticleEncapsulatedMixin((DaffAccordionBase));\n\n@Component({\n  selector: 'daff-accordion',\n  templateUrl: './accordion.component.html',\n  styleUrls: ['./accordion.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffAccordionComponent extends _daffAccordionBase {\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n    super(elementRef, renderer);\n  }\n}\n","<ng-content></ng-content>","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      overflow: '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';\nimport {\n  faChevronDown,\n  faChevronUp,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { daffAccordionAnimations } from '../animation/accordion-animation';\nimport { getAnimationState } from '../animation/accordion-animation-state';\n\n@Component({\n  selector: 'daff-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  styleUrls: ['./accordion-item.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    daffAccordionAnimations.openAccordion,\n  ],\n})\nexport class DaffAccordionItemComponent implements OnInit {\n  /**\n   * @docs-private\n   */\n  faChevronDown = faChevronDown;\n  /**\n   * @docs-private\n   */\n  faChevronUp = faChevronUp;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item') class = true;\n\n  @Input() initiallyActive: boolean;\n  /**\n   * @docs-private\n   */\n  _open = false;\n  /**\n   * @docs-private\n   */\n  _animationState: string;\n\n  /**\n   * @docs-private\n   */\n  ngOnInit() {\n    this._open = this.initiallyActive ? this.initiallyActive : this._open;\n    this._animationState = getAnimationState(this._open);\n  }\n\n  toggleActive() {\n    this._open = !this._open;\n    this._animationState = getAnimationState(this._open);\n  }\n}\n","<div class=\"daff-accordion-item__header\" (click)=\"toggleActive()\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n  <span [hidden]=\"_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronDown\"></fa-icon>\n  </span>\n  <span [hidden]=\"!_open\" daffSuffix>\n    <fa-icon [icon]=\"faChevronUp\"></fa-icon>\n  </span>\n</div>\n<div [@openAccordion]=\"_animationState\">\n  <ng-content></ng-content>\n</div>","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffAccordionItemContent]',\n})\nexport class DaffAccordionItemContentDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item__content') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\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';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffAccordionComponent } from './accordion/accordion/accordion.component';\nimport { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';\nimport { DaffAccordionItemContentDirective } from './accordion/accordion-item-content/accordion-item-content.directive';\nimport { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n\n    FontAwesomeModule,\n    DaffPrefixSuffixModule,\n  ],\n  declarations: [\n    DaffAccordionComponent,\n    DaffAccordionItemComponent,\n    DaffAccordionItemTitleDirective,\n    DaffAccordionItemContentDirective,\n  ],\n  exports: [\n    DaffAccordionComponent,\n    DaffAccordionItemComponent,\n    DaffAccordionItemTitleDirective,\n    DaffAccordionItemContentDirective,\n  ],\n})\nexport class DaffAccordionModule { }\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-content/accordion-item-content.directive.ts","../../../libs/design/accordion/src/accordion/accordion-item-title/accordion-item-title.directive.ts","../../../libs/design/accordion/src/accordion.module.ts","../../../libs/design/accordion/src/daffodil-design-accordion.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  Renderer2,\n} from '@angular/core';\n\nimport { daffArticleEncapsulatedMixin } from '@daffodil/design';\n\n/**\n * An _elementRef and an instance of renderer2 are needed for the link set mixins\n */\nclass DaffAccordionBase {\n  constructor(public _elementRef: ElementRef, public _renderer: Renderer2) {}\n}\n\nconst _daffAccordionBase = daffArticleEncapsulatedMixin((DaffAccordionBase));\n\n@Component({\n  selector: 'daff-accordion',\n  template: '<ng-content></ng-content>',\n  styles: [`\n    :host {\n      display: block;\n    }\n  `],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\n\nexport class DaffAccordionComponent extends _daffAccordionBase {\n  constructor(private elementRef: ElementRef, private renderer: Renderer2) {\n    super(elementRef, renderer);\n  }\n}\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      overflow: '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';\nimport {\n  faChevronDown,\n  faChevronUp,\n} from '@fortawesome/free-solid-svg-icons';\n\nimport { daffAccordionAnimations } from '../animation/accordion-animation';\nimport { getAnimationState } from '../animation/accordion-animation-state';\n\nlet daffAccordionItemId = 0;\n\n@Component({\n  selector: 'daff-accordion-item',\n  templateUrl: './accordion-item.component.html',\n  styleUrls: ['./accordion-item.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    daffAccordionAnimations.openAccordion,\n  ],\n})\nexport class DaffAccordionItemComponent implements OnInit {\n  /**\n   * @docs-private\n   */\n  faChevronDown = faChevronDown;\n  /**\n   * @docs-private\n   */\n  faChevronUp = faChevronUp;\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item') class = true;\n\n  @HostBinding('class.open') get openClass() {\n    return this._open;\n  }\n\n  _daffAccordionItemId = 'daff-accordion-item' + '-' + ++daffAccordionItemId;\n\n  @Input() id: string = this._daffAccordionItemId;\n\n  /** @deprecated in v1.0.0 in favor of `initiallyExpanded` */\n  @Input() initiallyActive: boolean;\n\n  /** Whether or not the item is initiallyExpanded by default. */\n  @Input() initiallyExpanded = false;\n\n  /**\n   * @docs-private\n   */\n  _open = false;\n  /**\n   * @docs-private\n   */\n  _animationState: string;\n\n  /**\n   * @docs-private\n   */\n  ngOnInit() {\n    this._open = this.initiallyActive ? this.initiallyActive : this._open;\n    this._open = this.initiallyExpanded ? this.initiallyExpanded : this._open;\n    this._animationState = getAnimationState(this._open);\n  }\n\n  toggleActive() {\n    this._open = !this._open;\n    this._animationState = getAnimationState(this._open);\n  }\n}\n","<button type=\"button\" class=\"daff-accordion-item__header\"\n  (click)=\"toggleActive()\"\n  [attr.aria-expanded]=\"_open === true\"\n  [attr.aria-controls]=\"id\">\n  <ng-content select=\"[daffAccordionItemTitle]\"></ng-content>\n</button>\n<div [@openAccordion]=\"_animationState\" [id]=\"id\">\n  <div class=\"daff-accordion-item__content\">\n    <ng-content></ng-content>\n  </div>\n</div>","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n/**\n * @deprecated in v1.0.0\n */\n@Directive({\n  selector: '[daffAccordionItemContent]',\n})\nexport class DaffAccordionItemContentDirective {\n\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-accordion-item__content') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\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';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffPrefixSuffixModule } from '@daffodil/design';\n\nimport { DaffAccordionComponent } from './accordion/accordion/accordion.component';\nimport { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';\nimport { DaffAccordionItemContentDirective } from './accordion/accordion-item-content/accordion-item-content.directive';\nimport { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n\n    FontAwesomeModule,\n    DaffPrefixSuffixModule,\n  ],\n  declarations: [\n    DaffAccordionComponent,\n    DaffAccordionItemComponent,\n    DaffAccordionItemTitleDirective,\n    DaffAccordionItemContentDirective,\n  ],\n  exports: [\n    DaffAccordionComponent,\n    DaffAccordionItemComponent,\n    DaffAccordionItemTitleDirective,\n    DaffAccordionItemContentDirective,\n  ],\n})\nexport class DaffAccordionModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;AASA;;AAEG;AACH,MAAM,iBAAiB,CAAA;IACrB,WAAmB,CAAA,WAAuB,EAAS,SAAoB,EAAA;QAApD,IAAW,CAAA,WAAA,GAAX,WAAW,CAAY;QAAS,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;KAAI;AAC5E,CAAA;AAED,MAAM,kBAAkB,GAAG,4BAA4B,EAAE,iBAAiB,EAAE,CAAC;AAavE,MAAO,sBAAuB,SAAQ,kBAAkB,CAAA;IAC5D,WAAoB,CAAA,UAAsB,EAAU,QAAmB,EAAA;AACrE,QAAA,KAAK,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;QADV,IAAU,CAAA,UAAA,GAAV,UAAU,CAAY;QAAU,IAAQ,CAAA,QAAA,GAAR,QAAQ,CAAW;KAEtE;kIAHU,sBAAsB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,SAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAtB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,sBAAsB,6EATvB,2BAA2B,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA,EAAA;;4FAS1B,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBAXlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,gBAAgB,EAChB,QAAA,EAAA,2BAA2B,EAMpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,MAAA,EAAA,CAAA,wBAAA,CAAA,EAAA,CAAA;;;ACjB1C,MAAM,uBAAuB,GAEhC;AACF,IAAA,aAAa,EAAE,OAAO,CAAC,eAAe,EAAE;AACtC,QAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC;AAClB,YAAA,UAAU,EAAE,SAAS;AACrB,YAAA,OAAO,EAAE,GAAG;AACZ,YAAA,MAAM,EAAE,GAAG;AACZ,SAAA,CAAC,CAAC;AACH,QAAA,KAAK,CAAC,MAAM,EAAC,KAAK,CAAC;AACjB,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,OAAO,EAAE,GAAG;AACZ,YAAA,MAAM,EAAE,GAAG;AACZ,SAAA,CAAC,CAAC;AACH,QAAA,UAAU,CAAC,eAAe,EACxB,OAAO,CAAC,eAAe,CAAC,CACzB;KACF,CAAC;CACH;;AC5BM,MAAM,iBAAiB,GAAG,CAAC,IAAa,KAAI;AACjD,IAAA,IAAG,IAAI,EAAC;AACN,QAAA,OAAO,MAAM,CAAC;AACf,KAAA;AAAM,SAAA;AACL,QAAA,OAAO,MAAM,CAAC;AACf,KAAA;AACH,CAAC;;ACUD,IAAI,mBAAmB,GAAG,CAAC,CAAC;MAYf,0BAA0B,CAAA;AAVvC,IAAA,WAAA,GAAA;AAWE;;AAEG;QACH,IAAa,CAAA,aAAA,GAAG,aAAa,CAAC;AAC9B;;AAEG;QACH,IAAW,CAAA,WAAA,GAAG,WAAW,CAAC;AAE1B;;AAEG;QACuC,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AAMvD,QAAA,IAAA,CAAA,oBAAoB,GAAG,qBAAqB,GAAG,GAAG,GAAG,EAAE,mBAAmB,CAAC;AAElE,QAAA,IAAA,CAAA,EAAE,GAAW,IAAI,CAAC,oBAAoB,CAAC;;QAMvC,IAAiB,CAAA,iBAAA,GAAG,KAAK,CAAC;AAEnC;;AAEG;QACH,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;AAmBf,KAAA;AApCC,IAAA,IAA+B,SAAS,GAAA;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC;KACnB;AAqBD;;AAEG;IACH,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC;AACtE,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,KAAK,CAAC;QAC1E,IAAI,CAAC,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACtD;IAED,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC;QACzB,IAAI,CAAC,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACtD;kIAlDU,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;sHAA1B,0BAA0B,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,2BAAA,EAAA,YAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC5BvC,6YAUM,EDcQ,MAAA,EAAA,CAAA,28BAAA,CAAA,EAAA,UAAA,EAAA;AACV,YAAA,uBAAuB,CAAC,aAAa;AACtC,SAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA,EAAA;;4FAEU,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAVtC,SAAS;+BACE,qBAAqB,EAAA,aAAA,EAGhB,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EACnC,UAAA,EAAA;AACV,wBAAA,uBAAuB,CAAC,aAAa;AACtC,qBAAA,EAAA,QAAA,EAAA,6YAAA,EAAA,MAAA,EAAA,CAAA,28BAAA,CAAA,EAAA,CAAA;8BAeyC,KAAK,EAAA,CAAA;sBAA9C,WAAW;uBAAC,2BAA2B,CAAA;gBAET,SAAS,EAAA,CAAA;sBAAvC,WAAW;uBAAC,YAAY,CAAA;gBAMhB,EAAE,EAAA,CAAA;sBAAV,KAAK;gBAGG,eAAe,EAAA,CAAA;sBAAvB,KAAK;gBAGG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;;;AElDR;;AAEG;MAIU,iCAAiC,CAAA;AAH9C,IAAA,WAAA,GAAA;AAKE;;AAEG;QACgD,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AACjE,KAAA;kIANY,iCAAiC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;sHAAjC,iCAAiC,EAAA,QAAA,EAAA,4BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,oCAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAAjC,iCAAiC,EAAA,UAAA,EAAA,CAAA;kBAH7C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACvC,iBAAA,CAAA;8BAMoD,KAAK,EAAA,CAAA;sBAAvD,WAAW;uBAAC,oCAAoC,CAAA;;;MCRtC,+BAA+B,CAAA;AAH5C,IAAA,WAAA,GAAA;AAKE;;AAEG;QAC8C,IAAK,CAAA,KAAA,GAAG,IAAI,CAAC;AAC/D,KAAA;kIANY,+BAA+B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;sHAA/B,+BAA+B,EAAA,QAAA,EAAA,0BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kCAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA;;4FAA/B,+BAA+B,EAAA,UAAA,EAAA,CAAA;kBAH3C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,0BAA0B;AACrC,iBAAA,CAAA;8BAMkD,KAAK,EAAA,CAAA;sBAArD,WAAW;uBAAC,kCAAkC,CAAA;;;MCkBpC,mBAAmB,CAAA;kIAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,iBAZ5B,sBAAsB;YACtB,0BAA0B;YAC1B,+BAA+B;AAC/B,YAAA,iCAAiC,aATjC,YAAY;YAEZ,iBAAiB;AACjB,YAAA,sBAAsB,aAStB,sBAAsB;YACtB,0BAA0B;YAC1B,+BAA+B;YAC/B,iCAAiC,CAAA,EAAA,CAAA,CAAA,EAAA;AAGxB,uBAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,mBAAmB,YAlB5B,YAAY;YAEZ,iBAAiB;YACjB,sBAAsB,CAAA,EAAA,CAAA,CAAA,EAAA;;4FAeb,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBApB/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBAEZ,iBAAiB;wBACjB,sBAAsB;AACvB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACZ,sBAAsB;wBACtB,0BAA0B;wBAC1B,+BAA+B;wBAC/B,iCAAiC;AAClC,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,sBAAsB;wBACtB,0BAA0B;wBAC1B,+BAA+B;wBAC/B,iCAAiC;AAClC,qBAAA;AACF,iBAAA,CAAA;;;AC9BD;;AAEG;;;;"}

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

@@ -5,100 +5,100 @@ import { DaffArticleModule } from '@daffodil/design/article';
 import { CommonModule } from '@angular/common';
 
 class ArticleHeadingsComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleHeadingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleHeadingsComponent, selector: "article-headings", ngImport: i0, template: "<h1>This is a h1 heading with <code>code</code></h1>\n<h2>This is a h2 heading with <code>code</code></h2>\n<h3>This is a h3 heading with <code>code</code></h3>\n<h4>This is a h4 heading with <code>code</code></h4>\n<h5>This is a h5 heading with <code>code</code></h5>\n<h6>This is a h6 heading with <code>code</code></h6>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleHeadingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleHeadingsComponent, selector: "article-headings", ngImport: i0, template: "<h1>This is a h1 heading with <code>code</code></h1>\n<h2>This is a h2 heading with <code>code</code></h2>\n<h3>This is a h3 heading with <code>code</code></h3>\n<h4>This is a h4 heading with <code>code</code></h4>\n<h5>This is a h5 heading with <code>code</code></h5>\n<h6>This is a h6 heading with <code>code</code></h6>", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleHeadingsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleHeadingsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-headings', changeDetection: ChangeDetectionStrategy.OnPush, template: "<h1>This is a h1 heading with <code>code</code></h1>\n<h2>This is a h2 heading with <code>code</code></h2>\n<h3>This is a h3 heading with <code>code</code></h3>\n<h4>This is a h4 heading with <code>code</code></h4>\n<h5>This is a h5 heading with <code>code</code></h5>\n<h6>This is a h6 heading with <code>code</code></h6>" }]
         }] });
 
 class ArticleCodeInlineComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleCodeInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleCodeInlineComponent, selector: "article-code-inline", ngImport: i0, template: "<daff-article>\n  <p>We could be discussing <code>functions</code> or <code>types</code>, but we should indicate the difference between these elements and regular text!</p>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleCodeInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleCodeInlineComponent, selector: "article-code-inline", ngImport: i0, template: "<daff-article>\n  <p>We could be discussing <code>functions</code> or <code>types</code>, but we should indicate the difference between these elements and regular text!</p>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleCodeInlineComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleCodeInlineComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-code-inline', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <p>We could be discussing <code>functions</code> or <code>types</code>, but we should indicate the difference between these elements and regular text!</p>\n</daff-article>" }]
         }] });
 
 class ArticleHrComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleHrComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleHrComponent, selector: "article-hr", ngImport: i0, template: "<daff-article>\n  <hr>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleHrComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleHrComponent, selector: "article-hr", ngImport: i0, template: "<daff-article>\n  <hr>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleHrComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleHrComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-hr', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <hr>\n</daff-article>" }]
         }] });
 
 class ArticleOlComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleOlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleOlComponent, selector: "article-ol", ngImport: i0, template: "<daff-article>\n  <ol>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n  </ol>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleOlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleOlComponent, selector: "article-ol", ngImport: i0, template: "<daff-article>\n  <ol>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n  </ol>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleOlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleOlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-ol', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <ol>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n    <li>This is an ordered list.</li>\n  </ol>\n</daff-article>" }]
         }] });
 
 class ArticleUlComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleUlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleUlComponent, selector: "article-ul", ngImport: i0, template: "<daff-article>\n  <ul>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n  </ul>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleUlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleUlComponent, selector: "article-ul", ngImport: i0, template: "<daff-article>\n  <ul>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n  </ul>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleUlComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleUlComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-ul', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <ul>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n    <li>This is an unordered list.</li>\n  </ul>\n</daff-article>" }]
         }] });
 
 class ArticleMetaComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleMetaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleMetaComponent, selector: "article-meta", ngImport: i0, template: "<daff-article>\n  <p daffArticleMeta>Some interesting information about an article</p>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }, { kind: "directive", type: i1.DaffArticleMetaDirective, selector: "[daffArticleMeta]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleMetaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleMetaComponent, selector: "article-meta", ngImport: i0, template: "<daff-article>\n  <p daffArticleMeta>Some interesting information about an article</p>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }, { kind: "directive", type: i1.DaffArticleMetaDirective, selector: "[daffArticleMeta]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleMetaComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleMetaComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-meta', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <p daffArticleMeta>Some interesting information about an article</p>\n</daff-article>" }]
         }] });
 
 class ArticleLinkComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleLinkComponent, selector: "article-link", ngImport: i0, template: "<daff-article>\n  <a href=\"#\">This is a link.</a>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleLinkComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleLinkComponent, selector: "article-link", ngImport: i0, template: "<daff-article>\n  <a href=\"#\">This is a link.</a>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleLinkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleLinkComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-link', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <a href=\"#\">This is a link.</a>\n</daff-article>" }]
         }] });
 
 class ArticleLeadComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleLeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleLeadComponent, selector: "article-lead", ngImport: i0, template: "<daff-article>\n  <p daffArticleLead>This is an Article Lead.</p>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }, { kind: "directive", type: i1.DaffArticleLeadDirective, selector: "[daffArticleLead]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleLeadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleLeadComponent, selector: "article-lead", ngImport: i0, template: "<daff-article>\n  <p daffArticleLead>This is an Article Lead.</p>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }, { kind: "directive", type: i1.DaffArticleLeadDirective, selector: "[daffArticleLead]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleLeadComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleLeadComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-lead', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <p daffArticleLead>This is an Article Lead.</p>\n</daff-article>" }]
         }] });
 
 class ArticleBlockquoteComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleBlockquoteComponent, selector: "article-blockquote", ngImport: i0, template: "<daff-article>\n  <blockquote>\n    This is a blockquote. This can be used for customer testimonals, document references, etc.\n    <cite>Name your quote source here.</cite>\n  </blockquote>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleBlockquoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleBlockquoteComponent, selector: "article-blockquote", ngImport: i0, template: "<daff-article>\n  <blockquote>\n    This is a blockquote. This can be used for customer testimonals, document references, etc.\n    <cite>Name your quote source here.</cite>\n  </blockquote>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleBlockquoteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleBlockquoteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-blockquote', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <blockquote>\n    This is a blockquote. This can be used for customer testimonals, document references, etc.\n    <cite>Name your quote source here.</cite>\n  </blockquote>\n</daff-article>" }]
         }] });
 
 class ArticleTableComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleTableComponent, selector: "article-table", ngImport: i0, template: "<daff-article>\n  <table>\n    <thead>\n      <tr>\n        <th>Product Name</th>\n        <th>Description</th>\n        <th>Price</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>T-Shirt</td>\n        <td>White Crew Neck T-Shirt</td>\n        <td>$20.00</td>\n      </tr>\n      <tr>\n        <td>Shorts</td>\n        <td>Black Denim Shorts</td>\n        <td>$40.00</td>\n      </tr>\n      <tr>\n        <td>Shoes</td>\n        <td>White Sneakers</td>\n        <td>$100.00</td>\n      </tr>\n    </tbody>\n  </table>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleTableComponent, selector: "article-table", ngImport: i0, template: "<daff-article>\n  <table>\n    <thead>\n      <tr>\n        <th>Product Name</th>\n        <th>Description</th>\n        <th>Price</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>T-Shirt</td>\n        <td>White Crew Neck T-Shirt</td>\n        <td>$20.00</td>\n      </tr>\n      <tr>\n        <td>Shorts</td>\n        <td>Black Denim Shorts</td>\n        <td>$40.00</td>\n      </tr>\n      <tr>\n        <td>Shoes</td>\n        <td>White Sneakers</td>\n        <td>$100.00</td>\n      </tr>\n    </tbody>\n  </table>\n</daff-article>", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleTableComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleTableComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-table', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n  <table>\n    <thead>\n      <tr>\n        <th>Product Name</th>\n        <th>Description</th>\n        <th>Price</th>\n      </tr>\n    </thead>\n    <tbody>\n      <tr>\n        <td>T-Shirt</td>\n        <td>White Crew Neck T-Shirt</td>\n        <td>$20.00</td>\n      </tr>\n      <tr>\n        <td>Shorts</td>\n        <td>Black Denim Shorts</td>\n        <td>$40.00</td>\n      </tr>\n      <tr>\n        <td>Shoes</td>\n        <td>White Sneakers</td>\n        <td>$100.00</td>\n      </tr>\n    </tbody>\n  </table>\n</daff-article>" }]
         }] });
 
 class ArticleCodeBlockComponent {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleCodeBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: ArticleCodeBlockComponent, selector: "article-code-block", ngImport: i0, template: "<daff-article>\n<pre><code>This is a line of code.\nThis is another line of code.\n</code></pre>\n</daff-article>\n", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleCodeBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.10", type: ArticleCodeBlockComponent, selector: "article-code-block", ngImport: i0, template: "<daff-article>\n<pre><code>This is a line of code.\nThis is another line of code.\n</code></pre>\n</daff-article>\n", dependencies: [{ kind: "component", type: i1.DaffArticleComponent, selector: "daff-article" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleCodeBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleCodeBlockComponent, decorators: [{
             type: Component,
             args: [{ selector: 'article-code-block', changeDetection: ChangeDetectionStrategy.OnPush, template: "<daff-article>\n<pre><code>This is a line of code.\nThis is another line of code.\n</code></pre>\n</daff-article>\n" }]
         }] });
@@ -118,13 +118,13 @@ const ARTICLE_EXAMPLES = [
 ];
 
 class ArticleExamplesModule {
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: ArticleExamplesModule, declarations: [ArticleBlockquoteComponent, ArticleCodeBlockComponent, ArticleCodeInlineComponent, ArticleHeadingsComponent, ArticleHrComponent, ArticleLeadComponent, ArticleLinkComponent, ArticleMetaComponent, ArticleOlComponent, ArticleUlComponent, ArticleTableComponent], imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleExamplesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.3.10", ngImport: i0, type: ArticleExamplesModule, declarations: [ArticleBlockquoteComponent, ArticleCodeBlockComponent, ArticleCodeInlineComponent, ArticleHeadingsComponent, ArticleHrComponent, ArticleLeadComponent, ArticleLinkComponent, ArticleMetaComponent, ArticleOlComponent, ArticleUlComponent, ArticleTableComponent], imports: [CommonModule,
             DaffArticleModule] }); }
-    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleExamplesModule, imports: [CommonModule,
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleExamplesModule, imports: [CommonModule,
             DaffArticleModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: ArticleExamplesModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.10", ngImport: i0, type: ArticleExamplesModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [