@daffodil/design 0.66.0 → 0.67.0

package/esm2022/sidebar/sidebar-viewport/utils/content-pad.mjs

@@ -0,0 +1,17 @@
+/**
+ * Given a list of sidebars, compute the associated content shift.
+ */
+export const sidebarViewportContentPadding = (sidebars, side) => sidebars.reduce((acc, sidebar) => {
+    if (!(sidebar.mode === "side-fixed" /* DaffSidebarModeEnum.SideFixed */ && sidebar.open)) {
+        return acc;
+    }
+    if (sidebar.side === side) {
+        return sidebar.width;
+    }
+    else {
+        // This component is "stateless", its possible to have two open "under" sidebars.
+        // As such, we defer to "left" being open by default.
+        return acc;
+    }
+}, 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1wYWQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL3NyYy9zaWRlYmFyLXZpZXdwb3J0L3V0aWxzL2NvbnRlbnQtcGFkLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1BOztHQUVHO0FBQ0gsTUFBTSxDQUFDLE1BQU0sNkJBQTZCLEdBQUcsQ0FBQyxRQUF5QyxFQUFFLElBQXFCLEVBQVUsRUFBRSxDQUN4SCxRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBVyxFQUFFLE9BQU8sRUFBRSxFQUFFO0lBQ3ZDLElBQUcsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLHFEQUFrQyxJQUFJLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUNwRSxPQUFPLEdBQUcsQ0FBQztLQUNaO0lBRUQsSUFBRyxPQUFPLENBQUMsSUFBSSxLQUFLLElBQUksRUFBQztRQUN2QixPQUFPLE9BQU8sQ0FBQyxLQUFLLENBQUM7S0FDdEI7U0FBTTtRQUNMLGlGQUFpRjtRQUNqRixxREFBcUQ7UUFDckQsT0FBTyxHQUFHLENBQUM7S0FDWjtBQUNILENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IFF1ZXJ5TGlzdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmU2lkZWJhck1vZGVFbnVtIH0gZnJvbSAnLi4vLi4vaGVscGVyL3NpZGViYXItbW9kZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhclNpZGUgfSBmcm9tICcuLi8uLi9oZWxwZXIvc2lkZWJhci1zaWRlJztcbmltcG9ydCB7IERhZmZTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi4vLi4vc2lkZWJhci9zaWRlYmFyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogR2l2ZW4gYSBsaXN0IG9mIHNpZGViYXJzLCBjb21wdXRlIHRoZSBhc3NvY2lhdGVkIGNvbnRlbnQgc2hpZnQuXG4gKi9cbmV4cG9ydCBjb25zdCBzaWRlYmFyVmlld3BvcnRDb250ZW50UGFkZGluZyA9IChzaWRlYmFyczogUXVlcnlMaXN0PERhZmZTaWRlYmFyQ29tcG9uZW50Piwgc2lkZTogRGFmZlNpZGViYXJTaWRlKTogbnVtYmVyID0+XG4gIHNpZGViYXJzLnJlZHVjZSgoYWNjOiBudW1iZXIsIHNpZGViYXIpID0+IHtcbiAgICBpZighKHNpZGViYXIubW9kZSA9PT0gRGFmZlNpZGViYXJNb2RlRW51bS5TaWRlRml4ZWQgJiYgc2lkZWJhci5vcGVuKSkge1xuICAgICAgcmV0dXJuIGFjYztcbiAgICB9XG5cbiAgICBpZihzaWRlYmFyLnNpZGUgPT09IHNpZGUpe1xuICAgICAgcmV0dXJuIHNpZGViYXIud2lkdGg7XG4gICAgfSBlbHNlIHtcbiAgICAgIC8vIFRoaXMgY29tcG9uZW50IGlzIFwic3RhdGVsZXNzXCIsIGl0cyBwb3NzaWJsZSB0byBoYXZlIHR3byBvcGVuIFwidW5kZXJcIiBzaWRlYmFycy5cbiAgICAgIC8vIEFzIHN1Y2gsIHdlIGRlZmVyIHRvIFwibGVmdFwiIGJlaW5nIG9wZW4gYnkgZGVmYXVsdC5cbiAgICAgIHJldHVybiBhY2M7XG4gICAgfVxuICB9LCAwKTtcbiJdfQ==

package/esm2022/sidebar/sidebar-viewport/utils/content-shift.mjs

@@ -0,0 +1,21 @@
+export const isViewportContentShifted = (mode, open) => (mode === 'under' && open);
+/**
+ * Given a list of sidebars, compute the associated content shift.
+ */
+export const sidebarViewportContentShift = (sidebars) => sidebars.reduce((acc, sidebar) => {
+    if (!isViewportContentShifted(sidebar.mode, sidebar.open)) {
+        return acc;
+    }
+    if (sidebar.side === 'left') {
+        return sidebar.width;
+    }
+    else if (sidebar.side === 'right' && acc === 0) {
+        return -1 * sidebar.width;
+    }
+    else {
+        // This component is "stateless", its possible to have two open "under" sidebars.
+        // As such, we defer to "left" being open by default.
+        return acc;
+    }
+}, 0);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGVudC1zaGlmdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NpZGViYXIvc3JjL3NpZGViYXItdmlld3BvcnQvdXRpbHMvY29udGVudC1zaGlmdC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyxDQUFDLElBQXFCLEVBQUUsSUFBYSxFQUFXLEVBQUUsQ0FBQyxDQUFDLElBQUksS0FBSyxPQUFPLElBQUksSUFBSSxDQUFDLENBQUM7QUFFdEg7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSwyQkFBMkIsR0FBRyxDQUFDLFFBQXlDLEVBQVUsRUFBRSxDQUMvRixRQUFRLENBQUMsTUFBTSxDQUFDLENBQUMsR0FBVyxFQUFFLE9BQU8sRUFBRSxFQUFFO0lBQ3ZDLElBQUcsQ0FBQyx3QkFBd0IsQ0FBQyxPQUFPLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUFJLENBQUMsRUFBRTtRQUN4RCxPQUFPLEdBQUcsQ0FBQztLQUNaO0lBRUQsSUFBRyxPQUFPLENBQUMsSUFBSSxLQUFLLE1BQU0sRUFBQztRQUN6QixPQUFPLE9BQU8sQ0FBQyxLQUFLLENBQUM7S0FDdEI7U0FBTSxJQUFJLE9BQU8sQ0FBQyxJQUFJLEtBQUssT0FBTyxJQUFJLEdBQUcsS0FBSyxDQUFDLEVBQUU7UUFDaEQsT0FBTyxDQUFDLENBQUMsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDO0tBQzNCO1NBQU07UUFDTCxpRkFBaUY7UUFDakYscURBQXFEO1FBQ3JELE9BQU8sR0FBRyxDQUFDO0tBQ1o7QUFDSCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBRdWVyeUxpc3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlNpZGViYXJNb2RlIH0gZnJvbSAnLi4vLi4vaGVscGVyL3NpZGViYXItbW9kZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhckNvbXBvbmVudCB9IGZyb20gJy4uLy4uL3NpZGViYXIvc2lkZWJhci5jb21wb25lbnQnO1xuXG5leHBvcnQgY29uc3QgaXNWaWV3cG9ydENvbnRlbnRTaGlmdGVkID0gKG1vZGU6IERhZmZTaWRlYmFyTW9kZSwgb3BlbjogYm9vbGVhbik6IGJvb2xlYW4gPT4gKG1vZGUgPT09ICd1bmRlcicgJiYgb3Blbik7XG5cbi8qKlxuICogR2l2ZW4gYSBsaXN0IG9mIHNpZGViYXJzLCBjb21wdXRlIHRoZSBhc3NvY2lhdGVkIGNvbnRlbnQgc2hpZnQuXG4gKi9cbmV4cG9ydCBjb25zdCBzaWRlYmFyVmlld3BvcnRDb250ZW50U2hpZnQgPSAoc2lkZWJhcnM6IFF1ZXJ5TGlzdDxEYWZmU2lkZWJhckNvbXBvbmVudD4pOiBudW1iZXIgPT5cbiAgc2lkZWJhcnMucmVkdWNlKChhY2M6IG51bWJlciwgc2lkZWJhcikgPT4ge1xuICAgIGlmKCFpc1ZpZXdwb3J0Q29udGVudFNoaWZ0ZWQoc2lkZWJhci5tb2RlLCBzaWRlYmFyLm9wZW4pKSB7XG4gICAgICByZXR1cm4gYWNjO1xuICAgIH1cblxuICAgIGlmKHNpZGViYXIuc2lkZSA9PT0gJ2xlZnQnKXtcbiAgICAgIHJldHVybiBzaWRlYmFyLndpZHRoO1xuICAgIH0gZWxzZSBpZiAoc2lkZWJhci5zaWRlID09PSAncmlnaHQnICYmIGFjYyA9PT0gMCkge1xuICAgICAgcmV0dXJuIC0xICogc2lkZWJhci53aWR0aDtcbiAgICB9IGVsc2Uge1xuICAgICAgLy8gVGhpcyBjb21wb25lbnQgaXMgXCJzdGF0ZWxlc3NcIiwgaXRzIHBvc3NpYmxlIHRvIGhhdmUgdHdvIG9wZW4gXCJ1bmRlclwiIHNpZGViYXJzLlxuICAgICAgLy8gQXMgc3VjaCwgd2UgZGVmZXIgdG8gXCJsZWZ0XCIgYmVpbmcgb3BlbiBieSBkZWZhdWx0LlxuICAgICAgcmV0dXJuIGFjYztcbiAgICB9XG4gIH0sIDApO1xuXG5cbiJdfQ==

package/esm2022/sidebar/sidebar.module.mjs

@@ -0,0 +1,57 @@
+import { A11yModule } from '@angular/cdk/a11y';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DaffBackdropModule } from '@daffodil/design';
+import { DaffSidebarComponent } from './sidebar/sidebar.component';
+import { DaffSidebarFooterComponent } from './sidebar-footer/sidebar-footer.component';
+import { DaffSidebarHeaderActionDirective } from './sidebar-header/sidebar-header-action/sidebar-header-action.directive';
+import { DaffSidebarHeaderTitleDirective } from './sidebar-header/sidebar-header-title/sidebar-header-title.directive';
+import { DaffSidebarHeaderComponent } from './sidebar-header/sidebar-header.component';
+import { DaffSidebarViewportComponent } from './sidebar-viewport/sidebar-viewport.component';
+import * as i0 from "@angular/core";
+export class DaffSidebarModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarModule, declarations: [DaffSidebarComponent,
+            DaffSidebarViewportComponent,
+            DaffSidebarHeaderComponent,
+            DaffSidebarFooterComponent,
+            DaffSidebarHeaderTitleDirective,
+            DaffSidebarHeaderActionDirective], imports: [CommonModule,
+            A11yModule,
+            DaffBackdropModule], exports: [DaffSidebarComponent,
+            DaffSidebarViewportComponent,
+            DaffSidebarHeaderComponent,
+            DaffSidebarFooterComponent,
+            DaffSidebarHeaderTitleDirective,
+            DaffSidebarHeaderActionDirective] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarModule, imports: [CommonModule,
+            A11yModule,
+            DaffBackdropModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffSidebarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        A11yModule,
+                        DaffBackdropModule,
+                    ],
+                    declarations: [
+                        DaffSidebarComponent,
+                        DaffSidebarViewportComponent,
+                        DaffSidebarHeaderComponent,
+                        DaffSidebarFooterComponent,
+                        DaffSidebarHeaderTitleDirective,
+                        DaffSidebarHeaderActionDirective,
+                    ],
+                    exports: [
+                        DaffSidebarComponent,
+                        DaffSidebarViewportComponent,
+                        DaffSidebarHeaderComponent,
+                        DaffSidebarFooterComponent,
+                        DaffSidebarHeaderTitleDirective,
+                        DaffSidebarHeaderActionDirective,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2lkZWJhci5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi9zaWRlYmFyL3NyYy9zaWRlYmFyLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDL0MsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFFdEQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDbkUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdkYsT0FBTyxFQUFFLGdDQUFnQyxFQUFFLE1BQU0sd0VBQXdFLENBQUM7QUFDMUgsT0FBTyxFQUFFLCtCQUErQixFQUFFLE1BQU0sc0VBQXNFLENBQUM7QUFDdkgsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sMkNBQTJDLENBQUM7QUFDdkYsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sK0NBQStDLENBQUM7O0FBeUI3RixNQUFNLE9BQU8saUJBQWlCO2lJQUFqQixpQkFBaUI7a0lBQWpCLGlCQUFpQixpQkFoQjFCLG9CQUFvQjtZQUNwQiw0QkFBNEI7WUFDNUIsMEJBQTBCO1lBQzFCLDBCQUEwQjtZQUMxQiwrQkFBK0I7WUFDL0IsZ0NBQWdDLGFBVmhDLFlBQVk7WUFDWixVQUFVO1lBQ1Ysa0JBQWtCLGFBV2xCLG9CQUFvQjtZQUNwQiw0QkFBNEI7WUFDNUIsMEJBQTBCO1lBQzFCLDBCQUEwQjtZQUMxQiwrQkFBK0I7WUFDL0IsZ0NBQWdDO2tJQUd2QixpQkFBaUIsWUFyQjFCLFlBQVk7WUFDWixVQUFVO1lBQ1Ysa0JBQWtCOzsyRkFtQlQsaUJBQWlCO2tCQXZCN0IsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixVQUFVO3dCQUNWLGtCQUFrQjtxQkFDbkI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLG9CQUFvQjt3QkFDcEIsNEJBQTRCO3dCQUM1QiwwQkFBMEI7d0JBQzFCLDBCQUEwQjt3QkFDMUIsK0JBQStCO3dCQUMvQixnQ0FBZ0M7cUJBQ2pDO29CQUNELE9BQU8sRUFBRTt3QkFDUCxvQkFBb0I7d0JBQ3BCLDRCQUE0Qjt3QkFDNUIsMEJBQTBCO3dCQUMxQiwwQkFBMEI7d0JBQzFCLCtCQUErQjt3QkFDL0IsZ0NBQWdDO3FCQUNqQztpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEExMXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvYTExeSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZkJhY2tkcm9wTW9kdWxlIH0gZnJvbSAnQGRhZmZvZGlsL2Rlc2lnbic7XG5cbmltcG9ydCB7IERhZmZTaWRlYmFyQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyL3NpZGViYXIuY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZTaWRlYmFyRm9vdGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zaWRlYmFyLWZvb3Rlci9zaWRlYmFyLWZvb3Rlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFmZlNpZGViYXJIZWFkZXJBY3Rpb25EaXJlY3RpdmUgfSBmcm9tICcuL3NpZGViYXItaGVhZGVyL3NpZGViYXItaGVhZGVyLWFjdGlvbi9zaWRlYmFyLWhlYWRlci1hY3Rpb24uZGlyZWN0aXZlJztcbmltcG9ydCB7IERhZmZTaWRlYmFySGVhZGVyVGl0bGVEaXJlY3RpdmUgfSBmcm9tICcuL3NpZGViYXItaGVhZGVyL3NpZGViYXItaGVhZGVyLXRpdGxlL3NpZGViYXItaGVhZGVyLXRpdGxlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYWZmU2lkZWJhckhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2lkZWJhci1oZWFkZXIvc2lkZWJhci1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IERhZmZTaWRlYmFyVmlld3BvcnRDb21wb25lbnQgfSBmcm9tICcuL3NpZGViYXItdmlld3BvcnQvc2lkZWJhci12aWV3cG9ydC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEExMXlNb2R1bGUsXG4gICAgRGFmZkJhY2tkcm9wTW9kdWxlLFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtcbiAgICBEYWZmU2lkZWJhckNvbXBvbmVudCxcbiAgICBEYWZmU2lkZWJhclZpZXdwb3J0Q29tcG9uZW50LFxuICAgIERhZmZTaWRlYmFySGVhZGVyQ29tcG9uZW50LFxuICAgIERhZmZTaWRlYmFyRm9vdGVyQ29tcG9uZW50LFxuICAgIERhZmZTaWRlYmFySGVhZGVyVGl0bGVEaXJlY3RpdmUsXG4gICAgRGFmZlNpZGViYXJIZWFkZXJBY3Rpb25EaXJlY3RpdmUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYWZmU2lkZWJhckNvbXBvbmVudCxcbiAgICBEYWZmU2lkZWJhclZpZXdwb3J0Q29tcG9uZW50LFxuICAgIERhZmZTaWRlYmFySGVhZGVyQ29tcG9uZW50LFxuICAgIERhZmZTaWRlYmFyRm9vdGVyQ29tcG9uZW50LFxuICAgIERhZmZTaWRlYmFySGVhZGVyVGl0bGVEaXJlY3RpdmUsXG4gICAgRGFmZlNpZGViYXJIZWFkZXJBY3Rpb25EaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIERhZmZTaWRlYmFyTW9kdWxlIHsgfVxuIl19

package/esm2022/tree/examples/basic-tree/basic-tree.component.mjs

@@ -0,0 +1,39 @@
+import { ChangeDetectionStrategy, Component, } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/router";
+import * as i2 from "@daffodil/design/tree";
+export class BasicTreeComponent {
+    constructor() {
+        this.tree = {
+            title: 'Root',
+            items: [
+                {
+                    title: 'Example Children',
+                    items: [
+                        { title: 'Example Child', url: '#', id: '', items: [], data: {} },
+                    ],
+                    url: '#',
+                    id: '',
+                    data: {},
+                },
+                {
+                    title: 'Example Link',
+                    items: [],
+                    url: '#',
+                    id: '',
+                    data: {},
+                },
+            ],
+            url: '',
+            id: '',
+            data: {},
+        };
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicTreeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: BasicTreeComponent, selector: "basic-tree", ngImport: i0, template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n", dependencies: [{ kind: "directive", type: i1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i2.DaffTreeComponent, selector: "ul[daff-tree]", inputs: ["tree"] }, { kind: "directive", type: i2.DaffTreeItemDirective, selector: "[daffTreeItem]", inputs: ["node", "selected"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'basic-tree', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ul daff-tree [tree]=\"tree\">\n\t<ng-template #daffTreeItemWithChildrenTpl let-node>\n\t\t\t<button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n\t</ng-template>\n\t\n\t<ng-template #daffTreeItemTpl let-node>\n\t\t\t<a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n\t</ng-template>\n</ul>\n\n" }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtdHJlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90cmVlL2V4YW1wbGVzL3NyYy9iYXNpYy10cmVlL2Jhc2ljLXRyZWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdHJlZS9leGFtcGxlcy9zcmMvYmFzaWMtdHJlZS9iYXNpYy10cmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxHQUNWLE1BQU0sZUFBZSxDQUFDOzs7O0FBVXZCLE1BQU0sT0FBTyxrQkFBa0I7SUFOL0I7UUFPRSxTQUFJLEdBQTBCO1lBQzVCLEtBQUssRUFBRSxNQUFNO1lBQ2IsS0FBSyxFQUFFO2dCQUNMO29CQUNFLEtBQUssRUFBRSxrQkFBa0I7b0JBQ3pCLEtBQUssRUFBRTt3QkFDTCxFQUFFLEtBQUssRUFBRSxlQUFlLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxFQUFFLEVBQUUsSUFBSSxFQUFFLEVBQUUsRUFBQztxQkFDakU7b0JBQ0QsR0FBRyxFQUFFLEdBQUc7b0JBQ1IsRUFBRSxFQUFFLEVBQUU7b0JBQ04sSUFBSSxFQUFFLEVBQUU7aUJBQ1Q7Z0JBQ0Q7b0JBQ0UsS0FBSyxFQUFFLGNBQWM7b0JBQ3JCLEtBQUssRUFBRSxFQUFFO29CQUNULEdBQUcsRUFBRSxHQUFHO29CQUNSLEVBQUUsRUFBRSxFQUFFO29CQUNOLElBQUksRUFBRSxFQUFFO2lCQUNUO2FBQ0Y7WUFDRCxHQUFHLEVBQUUsRUFBRTtZQUNQLEVBQUUsRUFBRSxFQUFFO1lBQ04sSUFBSSxFQUFFLEVBQUU7U0FDVCxDQUFDO0tBQ0g7aUlBekJZLGtCQUFrQjtxSEFBbEIsa0JBQWtCLGtEQ2IvQixrVkFVQTs7MkZER2Esa0JBQWtCO2tCQU45QixTQUFTOytCQUVFLFlBQVksbUJBRUwsdUJBQXVCLENBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxuICBDb21wb25lbnQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5pbXBvcnQgeyBEYWZmVHJlZURhdGEgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL3RyZWUnO1xuXG5AQ29tcG9uZW50KHtcbiAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIEBhbmd1bGFyLWVzbGludC9jb21wb25lbnQtc2VsZWN0b3JcbiAgc2VsZWN0b3I6ICdiYXNpYy10cmVlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2Jhc2ljLXRyZWUuY29tcG9uZW50Lmh0bWwnLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbn0pXG5leHBvcnQgY2xhc3MgQmFzaWNUcmVlQ29tcG9uZW50IHtcbiAgdHJlZTogRGFmZlRyZWVEYXRhPHVua25vd24+ID0ge1xuICAgIHRpdGxlOiAnUm9vdCcsXG4gICAgaXRlbXM6IFtcbiAgICAgIHtcbiAgICAgICAgdGl0bGU6ICdFeGFtcGxlIENoaWxkcmVuJyxcbiAgICAgICAgaXRlbXM6IFtcbiAgICAgICAgICB7IHRpdGxlOiAnRXhhbXBsZSBDaGlsZCcsIHVybDogJyMnLCBpZDogJycsIGl0ZW1zOiBbXSwgZGF0YToge319LFxuICAgICAgICBdLFxuICAgICAgICB1cmw6ICcjJyxcbiAgICAgICAgaWQ6ICcnLFxuICAgICAgICBkYXRhOiB7fSxcbiAgICAgIH0sXG4gICAgICB7XG4gICAgICAgIHRpdGxlOiAnRXhhbXBsZSBMaW5rJyxcbiAgICAgICAgaXRlbXM6IFtdLFxuICAgICAgICB1cmw6ICcjJyxcbiAgICAgICAgaWQ6ICcnLFxuICAgICAgICBkYXRhOiB7fSxcbiAgICAgIH0sXG4gICAgXSxcbiAgICB1cmw6ICcnLFxuICAgIGlkOiAnJyxcbiAgICBkYXRhOiB7fSxcbiAgfTtcbn1cbiIsIjx1bCBkYWZmLXRyZWUgW3RyZWVdPVwidHJlZVwiPlxuXHQ8bmctdGVtcGxhdGUgI2RhZmZUcmVlSXRlbVdpdGhDaGlsZHJlblRwbCBsZXQtbm9kZT5cblx0XHRcdDxidXR0b24gZGFmZlRyZWVJdGVtIFtub2RlXT1cIm5vZGVcIj57eyBub2RlLnRpdGxlIH19IDwvYnV0dG9uPlxuXHQ8L25nLXRlbXBsYXRlPlxuXHRcblx0PG5nLXRlbXBsYXRlICNkYWZmVHJlZUl0ZW1UcGwgbGV0LW5vZGU+XG5cdFx0XHQ8YSBkYWZmVHJlZUl0ZW0gW25vZGVdPVwibm9kZVwiIFtyb3V0ZXJMaW5rXT1cIm5vZGUudXJsXCI+e3sgbm9kZS50aXRsZSB9fTwvYT5cblx0PC9uZy10ZW1wbGF0ZT5cbjwvdWw+XG5cbiJdfQ==

package/esm2022/tree/examples/basic-tree/basic-tree.module.mjs

@@ -0,0 +1,32 @@
+import { NgModule } from '@angular/core';
+import { RouterModule } from '@angular/router';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+import { DaffTreeModule } from '@daffodil/design/tree';
+import { BasicTreeComponent } from './basic-tree.component';
+import * as i0 from "@angular/core";
+export class BasicTreeModule {
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    /** @nocollapse */ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.1.1", ngImport: i0, type: BasicTreeModule, declarations: [BasicTreeComponent], imports: [RouterModule,
+            DaffTreeModule,
+            FontAwesomeModule], exports: [BasicTreeComponent] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicTreeModule, imports: [RouterModule,
+            DaffTreeModule,
+            FontAwesomeModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: BasicTreeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        BasicTreeComponent,
+                    ],
+                    exports: [
+                        BasicTreeComponent,
+                    ],
+                    imports: [
+                        RouterModule,
+                        DaffTreeModule,
+                        FontAwesomeModule,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtdHJlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90cmVlL2V4YW1wbGVzL3NyYy9iYXNpYy10cmVlL2Jhc2ljLXRyZWUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBRXJFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQzs7QUFlNUQsTUFBTSxPQUFPLGVBQWU7aUlBQWYsZUFBZTtrSUFBZixlQUFlLGlCQVh4QixrQkFBa0IsYUFNbEIsWUFBWTtZQUNaLGNBQWM7WUFDZCxpQkFBaUIsYUFMakIsa0JBQWtCO2tJQVFULGVBQWUsWUFMeEIsWUFBWTtZQUNaLGNBQWM7WUFDZCxpQkFBaUI7OzJGQUdSLGVBQWU7a0JBYjNCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osY0FBYzt3QkFDZCxpQkFBaUI7cUJBQ2xCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJvdXRlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3JvdXRlcic7XG5pbXBvcnQgeyBGb250QXdlc29tZU1vZHVsZSB9IGZyb20gJ0Bmb3J0YXdlc29tZS9hbmd1bGFyLWZvbnRhd2Vzb21lJztcblxuaW1wb3J0IHsgRGFmZlRyZWVNb2R1bGUgfSBmcm9tICdAZGFmZm9kaWwvZGVzaWduL3RyZWUnO1xuXG5pbXBvcnQgeyBCYXNpY1RyZWVDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLXRyZWUuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQmFzaWNUcmVlQ29tcG9uZW50LFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgQmFzaWNUcmVlQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgUm91dGVyTW9kdWxlLFxuICAgIERhZmZUcmVlTW9kdWxlLFxuICAgIEZvbnRBd2Vzb21lTW9kdWxlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBCYXNpY1RyZWVNb2R1bGUgeyB9XG4iXX0=

package/esm2022/tree/tree/tree-notifier.service.mjs

@@ -0,0 +1,45 @@
+import { __decorate } from "tslib";
+import { Inject, } from '@angular/core';
+import { BehaviorSubject } from 'rxjs';
+/**
+ * This service is used by tree-items to notify their parent
+ * that the tree has to be re-computed.
+ *
+ * This service is a multiton associated with each tree instance.
+ * It follows the same lifecycle has the tree it is associated with.
+ */
+let DaffTreeNotifierService = class DaffTreeNotifierService {
+    constructor() {
+        /**
+         * @docs-private
+         */
+        this._notice = new BehaviorSubject(true);
+        /**
+         * An observable that emits when the tree needs to be re-computed.
+         */
+        this.notice$ = this._notice.asObservable();
+    }
+    /**
+     * `notify` can be called to trigger a re-computation of the tree
+     * if data has changed unexpectedly and a re-render did not occur.
+     *
+     * This should be used sparingly. Instead, prefer updating `data` on the tree
+     * itself for performance reasons.
+     */
+    notify() {
+        this._notice.next(true);
+    }
+    /**
+     * Cleanup when the tree is destroyed.
+     *
+     * @docs-private
+     */
+    ngOnDestroy() {
+        this._notice.complete();
+    }
+};
+DaffTreeNotifierService = __decorate([
+    Inject({})
+], DaffTreeNotifierService);
+export { DaffTreeNotifierService };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1ub3RpZmllci5zZXJ2aWNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdHJlZS9zcmMvdHJlZS90cmVlLW5vdGlmaWVyLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxNQUFNLEdBRVAsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUV2Qzs7Ozs7O0dBTUc7QUFFSSxJQUFNLHVCQUF1QixHQUE3QixNQUFNLHVCQUF1QjtJQUE3QjtRQUVMOztXQUVHO1FBQ0ssWUFBTyxHQUE2QixJQUFJLGVBQWUsQ0FBVSxJQUFJLENBQUMsQ0FBQztRQUUvRTs7V0FFRztRQUNILFlBQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBcUJ4QyxDQUFDO0lBbkJDOzs7Ozs7T0FNRztJQUNILE1BQU07UUFDSixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILFdBQVc7UUFDVCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQzFCLENBQUM7Q0FDRixDQUFBO0FBL0JZLHVCQUF1QjtJQURuQyxNQUFNLENBQUMsRUFBRSxDQUFDO0dBQ0UsdUJBQXVCLENBK0JuQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIEluamVjdCxcbiAgT25EZXN0cm95LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuXG4vKipcbiAqIFRoaXMgc2VydmljZSBpcyB1c2VkIGJ5IHRyZWUtaXRlbXMgdG8gbm90aWZ5IHRoZWlyIHBhcmVudFxuICogdGhhdCB0aGUgdHJlZSBoYXMgdG8gYmUgcmUtY29tcHV0ZWQuXG4gKlxuICogVGhpcyBzZXJ2aWNlIGlzIGEgbXVsdGl0b24gYXNzb2NpYXRlZCB3aXRoIGVhY2ggdHJlZSBpbnN0YW5jZS5cbiAqIEl0IGZvbGxvd3MgdGhlIHNhbWUgbGlmZWN5Y2xlIGhhcyB0aGUgdHJlZSBpdCBpcyBhc3NvY2lhdGVkIHdpdGguXG4gKi9cbkBJbmplY3Qoe30pXG5leHBvcnQgY2xhc3MgRGFmZlRyZWVOb3RpZmllclNlcnZpY2UgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBwcml2YXRlIF9ub3RpY2U6IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4odHJ1ZSk7XG5cbiAgLyoqXG4gICAqIEFuIG9ic2VydmFibGUgdGhhdCBlbWl0cyB3aGVuIHRoZSB0cmVlIG5lZWRzIHRvIGJlIHJlLWNvbXB1dGVkLlxuICAgKi9cbiAgbm90aWNlJCA9IHRoaXMuX25vdGljZS5hc09ic2VydmFibGUoKTtcblxuICAvKipcbiAgICogYG5vdGlmeWAgY2FuIGJlIGNhbGxlZCB0byB0cmlnZ2VyIGEgcmUtY29tcHV0YXRpb24gb2YgdGhlIHRyZWVcbiAgICogaWYgZGF0YSBoYXMgY2hhbmdlZCB1bmV4cGVjdGVkbHkgYW5kIGEgcmUtcmVuZGVyIGRpZCBub3Qgb2NjdXIuXG4gICAqXG4gICAqIFRoaXMgc2hvdWxkIGJlIHVzZWQgc3BhcmluZ2x5LiBJbnN0ZWFkLCBwcmVmZXIgdXBkYXRpbmcgYGRhdGFgIG9uIHRoZSB0cmVlXG4gICAqIGl0c2VsZiBmb3IgcGVyZm9ybWFuY2UgcmVhc29ucy5cbiAgICovXG4gIG5vdGlmeSgpIHtcbiAgICB0aGlzLl9ub3RpY2UubmV4dCh0cnVlKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBDbGVhbnVwIHdoZW4gdGhlIHRyZWUgaXMgZGVzdHJveWVkLlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9ub3RpY2UuY29tcGxldGUoKTtcbiAgfVxufVxuIl19

package/esm2022/tree/tree/tree.component.mjs

@@ -0,0 +1,106 @@
+import { ChangeDetectionStrategy, Component, ContentChild, HostBinding, Input, TemplateRef, ViewEncapsulation, } from '@angular/core';
+import { DaffTreeNotifierService } from './tree-notifier.service';
+import { flattenTree, } from '../utils/flatten-tree';
+import { hydrateTree } from '../utils/hydrate-tree';
+import * as i0 from "@angular/core";
+import * as i1 from "./tree-notifier.service";
+import * as i2 from "@angular/common";
+/**
+ * The `DaffTreeComponent` allows you to render tree structures as interactable ui.
+ *
+ * They can be used like:
+ *
+ * ```html
+ * <ul daff-tree [tree]="tree">
+ *   <ng-template #daffTreeItemWithChildrenTpl let-node>
+ *       <button daffTreeItem [node]="node">{{ node.title }} </button>
+ *   </ng-template>
+ *
+ *   <ng-template #daffTreeItemTpl let-node>
+ *       <a daffTreeItem [node]="node" [routerLink]="node.url">{{ node.title }}</a>
+ *   </ng-template>
+ * </ul>
+ * ```
+ *
+ * where `tree` is a {@link DaffTreeData}.
+ *
+ */
+export class DaffTreeComponent {
+    /**
+     * The tree data you would like to render.
+     */
+    get dataTree() {
+        return this._dataTree;
+    }
+    set dataTree(dataTree) {
+        if (!dataTree) {
+            this._dataTree = undefined;
+            this.tree = undefined;
+            this.flatTree = [];
+            return;
+        }
+        this._dataTree = dataTree;
+        this.tree = hydrateTree(this.dataTree);
+        this.flatTree = flattenTree(this.tree);
+    }
+    ;
+    constructor(notifier) {
+        this.notifier = notifier;
+        /**
+         * The css class of the daff-tree.
+         *
+         * @docs-private
+         */
+        this.class = true;
+        /**
+         * The internal tree element.
+         */
+        this.tree = undefined;
+        /**
+         * The flattened tree data. You can iterate through this if you want to inspect
+         * the resulting array structure we computed to render the tree.
+         */
+        this.flatTree = [];
+        /**
+         * @docs-private
+         */
+        this._dataTree = undefined;
+    }
+    /**
+     * The track-by function used to reduce tree-item re-renders
+     */
+    trackByTreeElement(index, el) {
+        return el.title;
+    }
+    /**
+     * @docs-private
+     */
+    ngOnInit() {
+        this.notifier.notice$.subscribe(() => {
+            this.flatTree = flattenTree(this.tree);
+        });
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeComponent, deps: [{ token: i1.DaffTreeNotifierService }], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.1.1", type: DaffTreeComponent, selector: "ul[daff-tree]", inputs: { dataTree: ["tree", "dataTree"] }, host: { properties: { "class.daff-tree": "this.class" } }, providers: [
+            DaffTreeNotifierService,
+        ], queries: [{ propertyName: "withChildrenTemplate", first: true, predicate: ["daffTreeItemWithChildrenTpl"], descendants: true, static: true }, { propertyName: "treeItemTemplate", first: true, predicate: ["daffTreeItemTpl"], descendants: true, static: true }], ngImport: i0, template: "<ng-container *ngFor=\"let node of flatTree; trackBy: trackByTreeElement\">\n\t<li [attr.aria-level]=\"node.level\">\n\t\t<ng-container \n\t\t\t*ngTemplateOutlet=\"node.hasChildren ? withChildrenTemplate : treeItemTemplate; context: { $implicit: node }\">\n\t\t</ng-container>\t\n\t</li>\n</ng-container>", styles: [".daff-tree{margin:0;padding:0;list-style:none;--tree-padding: 16px}.daff-tree-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:relative;background:none;border:0;padding:8px 16px 8px 0;line-height:1.5rem;font-weight:400;text-align:left;text-decoration:none;width:100%;padding-left:calc(var(--tree-padding) * (var(--depth)))}.daff-tree-item:before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:4px}.daff-tree-item:focus,.daff-tree-item:focus-visible{z-index:1}.daff-tree-item.selected{font-weight:600}.daff-tree-item__parent{position:relative}.daff-tree-item__parent:after{content:\"\";position:absolute;top:48%;right:16px;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-tree-item__parent.open:after{top:56%;transform:translateY(-50%) rotate(225deg)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ul[daff-tree]', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        DaffTreeNotifierService,
+                    ], template: "<ng-container *ngFor=\"let node of flatTree; trackBy: trackByTreeElement\">\n\t<li [attr.aria-level]=\"node.level\">\n\t\t<ng-container \n\t\t\t*ngTemplateOutlet=\"node.hasChildren ? withChildrenTemplate : treeItemTemplate; context: { $implicit: node }\">\n\t\t</ng-container>\t\n\t</li>\n</ng-container>", styles: [".daff-tree{margin:0;padding:0;list-style:none;--tree-padding: 16px}.daff-tree-item{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;position:relative;background:none;border:0;padding:8px 16px 8px 0;line-height:1.5rem;font-weight:400;text-align:left;text-decoration:none;width:100%;padding-left:calc(var(--tree-padding) * (var(--depth)))}.daff-tree-item:before{content:\"\";position:absolute;top:0;bottom:0;left:0;width:4px}.daff-tree-item:focus,.daff-tree-item:focus-visible{z-index:1}.daff-tree-item.selected{font-weight:600}.daff-tree-item__parent{position:relative}.daff-tree-item__parent:after{content:\"\";position:absolute;top:48%;right:16px;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-tree-item__parent.open:after{top:56%;transform:translateY(-50%) rotate(225deg)}\n"] }]
+        }], ctorParameters: () => [{ type: i1.DaffTreeNotifierService }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-tree']
+            }], dataTree: [{
+                type: Input,
+                args: ['tree']
+            }], withChildrenTemplate: [{
+                type: ContentChild,
+                args: ['daffTreeItemWithChildrenTpl', { static: true }]
+            }], treeItemTemplate: [{
+                type: ContentChild,
+                args: ['daffTreeItemTpl', { static: true }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90cmVlL3NyYy90cmVlL3RyZWUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vbGlicy9kZXNpZ24vdHJlZS9zcmMvdHJlZS90cmVlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFDTCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUVMLFdBQVcsRUFDWCxpQkFBaUIsR0FDbEIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFHbEUsT0FBTyxFQUVMLFdBQVcsR0FDWixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQUVwRDs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW1CRztBQVlILE1BQU0sT0FBTyxpQkFBaUI7SUF5QjVCOztPQUVHO0lBQ0gsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFDRCxJQUFJLFFBQVEsQ0FBQyxRQUErQjtRQUMxQyxJQUFHLENBQUMsUUFBUSxFQUFFO1lBQ1osSUFBSSxDQUFDLFNBQVMsR0FBRyxTQUFTLENBQUM7WUFDM0IsSUFBSSxDQUFDLElBQUksR0FBRyxTQUFTLENBQUM7WUFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxFQUFFLENBQUM7WUFDbkIsT0FBTztTQUNSO1FBQ0QsSUFBSSxDQUFDLFNBQVMsR0FBRyxRQUFRLENBQUM7UUFDMUIsSUFBSSxDQUFDLElBQUksR0FBRyxXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZDLElBQUksQ0FBQyxRQUFRLEdBQUcsV0FBVyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBQUEsQ0FBQztJQWlCRixZQUNVLFFBQWlDO1FBQWpDLGFBQVEsR0FBUixRQUFRLENBQXlCO1FBMUQzQzs7OztXQUlHO1FBQzZCLFVBQUssR0FBRyxJQUFJLENBQUM7UUFFN0M7O1dBRUc7UUFDSyxTQUFJLEdBQXdCLFNBQVMsQ0FBQztRQUU5Qzs7O1dBR0c7UUFDSSxhQUFRLEdBQXVCLEVBQUUsQ0FBQztRQUV6Qzs7V0FFRztRQUNLLGNBQVMsR0FBMEIsU0FBUyxDQUFDO0lBc0NsRCxDQUFDO0lBRUo7O09BRUc7SUFDSCxrQkFBa0IsQ0FBQyxLQUFhLEVBQUUsRUFBTztRQUN2QyxPQUFPLEVBQUUsQ0FBQyxLQUFLLENBQUM7SUFDbEIsQ0FBQztJQUVEOztPQUVHO0lBQ0gsUUFBUTtRQUNOLElBQUksQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7WUFDbkMsSUFBSSxDQUFDLFFBQVEsR0FBRyxXQUFXLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztpSUE3RVUsaUJBQWlCO3FIQUFqQixpQkFBaUIsK0lBSmpCO1lBQ1QsdUJBQXVCO1NBQ3hCLDZSQ2xESCxrVEFNZTs7MkZEOENGLGlCQUFpQjtrQkFYN0IsU0FBUzsrQkFFRSxlQUFlLGlCQUdWLGlCQUFpQixDQUFDLElBQUksbUJBQ3BCLHVCQUF1QixDQUFDLE1BQU0sYUFDcEM7d0JBQ1QsdUJBQXVCO3FCQUN4Qjs0RkFTK0IsS0FBSztzQkFBcEMsV0FBVzt1QkFBQyxpQkFBaUI7Z0JBc0IxQixRQUFRO3NCQURYLEtBQUs7dUJBQUMsTUFBTTtnQkFzQlgsb0JBQW9CO3NCQURyQixZQUFZO3VCQUFDLDZCQUE2QixFQUFFLEVBQUUsTUFBTSxFQUFFLElBQUksRUFBRTtnQkFRVixnQkFBZ0I7c0JBQWxFLFlBQVk7dUJBQUMsaUJBQWlCLEVBQUUsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gIENvbXBvbmVudCxcbiAgQ29udGVudENoaWxkLFxuICBIb3N0QmluZGluZyxcbiAgSW5wdXQsXG4gIE9uSW5pdCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlRyZWVOb3RpZmllclNlcnZpY2UgfSBmcm9tICcuL3RyZWUtbm90aWZpZXIuc2VydmljZSc7XG5pbXBvcnQgeyBEYWZmVHJlZURhdGEgfSBmcm9tICcuLi9pbnRlcmZhY2VzL3RyZWUtZGF0YSc7XG5pbXBvcnQgeyBEYWZmVHJlZVVpIH0gZnJvbSAnLi4vaW50ZXJmYWNlcy90cmVlLXVpJztcbmltcG9ydCB7XG4gIERhZmZUcmVlRmxhdE5vZGUsXG4gIGZsYXR0ZW5UcmVlLFxufSBmcm9tICcuLi91dGlscy9mbGF0dGVuLXRyZWUnO1xuaW1wb3J0IHsgaHlkcmF0ZVRyZWUgfSBmcm9tICcuLi91dGlscy9oeWRyYXRlLXRyZWUnO1xuXG4vKipcbiAqIFRoZSBgRGFmZlRyZWVDb21wb25lbnRgIGFsbG93cyB5b3UgdG8gcmVuZGVyIHRyZWUgc3RydWN0dXJlcyBhcyBpbnRlcmFjdGFibGUgdWkuXG4gKlxuICogVGhleSBjYW4gYmUgdXNlZCBsaWtlOlxuICpcbiAqIGBgYGh0bWxcbiAqIDx1bCBkYWZmLXRyZWUgW3RyZWVdPVwidHJlZVwiPlxuICogICA8bmctdGVtcGxhdGUgI2RhZmZUcmVlSXRlbVdpdGhDaGlsZHJlblRwbCBsZXQtbm9kZT5cbiAqICAgICAgIDxidXR0b24gZGFmZlRyZWVJdGVtIFtub2RlXT1cIm5vZGVcIj57eyBub2RlLnRpdGxlIH19IDwvYnV0dG9uPlxuICogICA8L25nLXRlbXBsYXRlPlxuICpcbiAqICAgPG5nLXRlbXBsYXRlICNkYWZmVHJlZUl0ZW1UcGwgbGV0LW5vZGU+XG4gKiAgICAgICA8YSBkYWZmVHJlZUl0ZW0gW25vZGVdPVwibm9kZVwiIFtyb3V0ZXJMaW5rXT1cIm5vZGUudXJsXCI+e3sgbm9kZS50aXRsZSB9fTwvYT5cbiAqICAgPC9uZy10ZW1wbGF0ZT5cbiAqIDwvdWw+XG4gKiBgYGBcbiAqXG4gKiB3aGVyZSBgdHJlZWAgaXMgYSB7QGxpbmsgRGFmZlRyZWVEYXRhfS5cbiAqXG4gKi9cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3VsW2RhZmYtdHJlZV0nLFxuICB0ZW1wbGF0ZVVybDogJy4vdHJlZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3RyZWUuY29tcG9uZW50LnNjc3MnXSxcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW1xuICAgIERhZmZUcmVlTm90aWZpZXJTZXJ2aWNlLFxuICBdLFxufSlcbmV4cG9ydCBjbGFzcyBEYWZmVHJlZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG5cbiAgLyoqXG4gICAqIFRoZSBjc3MgY2xhc3Mgb2YgdGhlIGRhZmYtdHJlZS5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLXRyZWUnKSBjbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIFRoZSBpbnRlcm5hbCB0cmVlIGVsZW1lbnQuXG4gICAqL1xuICBwcml2YXRlIHRyZWU6IERhZmZUcmVlVWk8dW5rbm93bj4gPSB1bmRlZmluZWQ7XG5cbiAgLyoqXG4gICAqIFRoZSBmbGF0dGVuZWQgdHJlZSBkYXRhLiBZb3UgY2FuIGl0ZXJhdGUgdGhyb3VnaCB0aGlzIGlmIHlvdSB3YW50IHRvIGluc3BlY3RcbiAgICogdGhlIHJlc3VsdGluZyBhcnJheSBzdHJ1Y3R1cmUgd2UgY29tcHV0ZWQgdG8gcmVuZGVyIHRoZSB0cmVlLlxuICAgKi9cbiAgcHVibGljIGZsYXRUcmVlOiBEYWZmVHJlZUZsYXROb2RlW10gPSBbXTtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgcHJpdmF0ZSBfZGF0YVRyZWU6IERhZmZUcmVlRGF0YTx1bmtub3duPiA9IHVuZGVmaW5lZDtcblxuICAvKipcbiAgICogVGhlIHRyZWUgZGF0YSB5b3Ugd291bGQgbGlrZSB0byByZW5kZXIuXG4gICAqL1xuICBASW5wdXQoJ3RyZWUnKVxuICBnZXQgZGF0YVRyZWUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX2RhdGFUcmVlO1xuICB9XG4gIHNldCBkYXRhVHJlZShkYXRhVHJlZTogRGFmZlRyZWVEYXRhPHVua25vd24+KXtcbiAgICBpZighZGF0YVRyZWUpIHtcbiAgICAgIHRoaXMuX2RhdGFUcmVlID0gdW5kZWZpbmVkO1xuICAgICAgdGhpcy50cmVlID0gdW5kZWZpbmVkO1xuICAgICAgdGhpcy5mbGF0VHJlZSA9IFtdO1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICB0aGlzLl9kYXRhVHJlZSA9IGRhdGFUcmVlO1xuICAgIHRoaXMudHJlZSA9IGh5ZHJhdGVUcmVlKHRoaXMuZGF0YVRyZWUpO1xuICAgIHRoaXMuZmxhdFRyZWUgPSBmbGF0dGVuVHJlZSh0aGlzLnRyZWUpO1xuICB9O1xuXG4gIC8qKlxuICAgKiBUaGUgdGVtcGxhdGUgdXNlZCB0byByZW5kZXIgdHJlZS1ub2RlcyB0aGF0IHRoZW1zZWx2ZXMgaGF2ZSBjaGlsZHJlbi5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQENvbnRlbnRDaGlsZCgnZGFmZlRyZWVJdGVtV2l0aENoaWxkcmVuVHBsJywgeyBzdGF0aWM6IHRydWUgfSlcbiAgICB3aXRoQ2hpbGRyZW5UZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICAvKipcbiAgICogVGhlIHRlbXBsYXRlIHVzZWQgdG8gcmVuZGVyIHRyZWUtbm9kZXMgdGhhdCBoYXZlIG5vIGNoaWxkcmVuLlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBAQ29udGVudENoaWxkKCdkYWZmVHJlZUl0ZW1UcGwnLCB7IHN0YXRpYzogdHJ1ZSB9KSB0cmVlSXRlbVRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgbm90aWZpZXI6IERhZmZUcmVlTm90aWZpZXJTZXJ2aWNlLFxuICApIHt9XG5cbiAgLyoqXG4gICAqIFRoZSB0cmFjay1ieSBmdW5jdGlvbiB1c2VkIHRvIHJlZHVjZSB0cmVlLWl0ZW0gcmUtcmVuZGVyc1xuICAgKi9cbiAgdHJhY2tCeVRyZWVFbGVtZW50KGluZGV4OiBudW1iZXIsIGVsOiBhbnkpOiBhbnkge1xuICAgIHJldHVybiBlbC50aXRsZTtcbiAgfVxuXG4gIC8qKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLm5vdGlmaWVyLm5vdGljZSQuc3Vic2NyaWJlKCgpID0+IHtcbiAgICAgIHRoaXMuZmxhdFRyZWUgPSBmbGF0dGVuVHJlZSh0aGlzLnRyZWUpO1xuICAgIH0pO1xuICB9XG59XG4iLCI8bmctY29udGFpbmVyICpuZ0Zvcj1cImxldCBub2RlIG9mIGZsYXRUcmVlOyB0cmFja0J5OiB0cmFja0J5VHJlZUVsZW1lbnRcIj5cblx0PGxpIFthdHRyLmFyaWEtbGV2ZWxdPVwibm9kZS5sZXZlbFwiPlxuXHRcdDxuZy1jb250YWluZXIgXG5cdFx0XHQqbmdUZW1wbGF0ZU91dGxldD1cIm5vZGUuaGFzQ2hpbGRyZW4gPyB3aXRoQ2hpbGRyZW5UZW1wbGF0ZSA6IHRyZWVJdGVtVGVtcGxhdGU7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBub2RlIH1cIj5cblx0XHQ8L25nLWNvbnRhaW5lcj5cdFxuXHQ8L2xpPlxuPC9uZy1jb250YWluZXI+Il19

package/esm2022/tree/tree-item/tree-item.directive.mjs

@@ -0,0 +1,154 @@
+import { DOCUMENT } from '@angular/common';
+import { Directive, HostBinding, HostListener, Inject, Input, } from '@angular/core';
+import { DaffTreeNotifierService } from '../tree/tree-notifier.service';
+import * as i0 from "@angular/core";
+import * as i1 from "../tree/tree-notifier.service";
+/**
+ * The `DaffTreeItemDirective` allows you to demarcate the elements which are
+ * tree-children that interact with the parent tree.
+ *
+ * They can be used like:
+ *
+ * ```html
+ * <ul daff-tree [tree]="tree">
+ *   <ng-template #daffTreeItemWithChildrenTpl let-node>
+ *       <button daffTreeItem [node]="node">{{ node.title }} </button>
+ *   </ng-template>
+ *
+ *   <ng-template #daffTreeItemTpl let-node>
+ *       <a daffTreeItem [node]="node" [routerLink]="node.url">{{ node.title }}</a>
+ *   </ng-template>
+ * </ul>
+ * ```
+ *
+ * where `tree` is a {@link DaffTreeData} and `daff-tree` is a {@link DaffTreeComponent}.
+ *
+ */
+export class DaffTreeItemDirective {
+    /**
+     * The CSS class indicating whether or not the tree is `selected`.
+     */
+    get selectedClass() {
+        return this.selected;
+    }
+    ;
+    /**
+     * The {@link DaffTreeFlatNode} associated with this specific tree item.
+     */
+    get node() {
+        return this._node;
+    }
+    ;
+    set node(val) {
+        this._node = val;
+        this.id = 'tree-' + this._node.id;
+        this.ariaExpanded = this._node._treeRef.open ? 'true' : 'false';
+        this.depth = this._node.level;
+        this.classParent = this._node.hasChildren;
+        this.openClass = this._node._treeRef.open;
+    }
+    constructor(document, treeNotifier) {
+        this.document = document;
+        this.treeNotifier = treeNotifier;
+        /**
+         * The css class of the daff-tree.
+         *
+         * @docs-private
+         */
+        this.class = true;
+        /**
+         * The css class of a DaffTreeItemDirective that has children.
+         *
+         * @docs-private
+         */
+        this.classParent = false;
+        /**
+         * The CSS class indicating whether or not the tree is `open`.
+         */
+        this.openClass = false;
+        /**
+         * Whether or not the tree item is the currently active item.
+         * Note that there is no requirement there there only be one active item at a time.
+         */
+        this.selected = false;
+    }
+    /**
+     * @docs-private
+     */
+    onEscape() {
+        this.toggleParent(this.node);
+    }
+    /**
+     * @docs-private
+     */
+    onClick() {
+        if (this.node.hasChildren) {
+            this.toggleTree(this.node);
+        }
+        this.treeNotifier.notify();
+    }
+    /**
+     * Toggle the open state of the tree's parent.
+     */
+    toggleParent(node) {
+        if (node._treeRef?.parent.parent === undefined) {
+            return;
+        }
+        node._treeRef.parent.open = !node._treeRef.parent.open;
+        this.document.getElementById('tree-' + node._treeRef.parent.id).focus();
+    }
+    /**
+     * Toggle the open state of this specific subtree tree.
+     */
+    toggleTree(node) {
+        if (node._treeRef.open === false) {
+            node._treeRef.open = true;
+        }
+        else {
+            node._treeRef.open = false;
+        }
+    }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeItemDirective, deps: [{ token: DOCUMENT }, { token: i1.DaffTreeNotifierService }], target: i0.ɵɵFactoryTarget.Directive }); }
+    /** @nocollapse */ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.1.1", type: DaffTreeItemDirective, selector: "[daffTreeItem]", inputs: { node: "node", selected: "selected" }, host: { listeners: { "keydown.escape": "onEscape()", "click": "onClick()" }, properties: { "class.daff-tree-item": "this.class", "class.daff-tree-item__parent": "this.classParent", "attr.id": "this.id", "attr.aria-expanded": "this.ariaExpanded", "style.--depth": "this.depth", "class.selected": "this.selectedClass", "class.open": "this.openClass" } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffTreeItem]',
+                }]
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [DOCUMENT]
+                }] }, { type: i1.DaffTreeNotifierService }], propDecorators: { class: [{
+                type: HostBinding,
+                args: ['class.daff-tree-item']
+            }], classParent: [{
+                type: HostBinding,
+                args: ['class.daff-tree-item__parent']
+            }], id: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], ariaExpanded: [{
+                type: HostBinding,
+                args: ['attr.aria-expanded']
+            }], depth: [{
+                type: HostBinding,
+                args: ['style.--depth']
+            }], selectedClass: [{
+                type: HostBinding,
+                args: ['class.selected']
+            }], openClass: [{
+                type: HostBinding,
+                args: ['class.open']
+            }], node: [{
+                type: Input
+            }], selected: [{
+                type: Input
+            }], onEscape: [{
+                type: HostListener,
+                args: ['keydown.escape']
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS1pdGVtLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3RyZWUvc3JjL3RyZWUtaXRlbS90cmVlLWl0ZW0uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMzQyxPQUFPLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxZQUFZLEVBQ1osTUFBTSxFQUNOLEtBQUssR0FDTixNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7O0FBR3hFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQW9CRztBQUlILE1BQU0sT0FBTyxxQkFBcUI7SUFzQ2hDOztPQUVHO0lBQ0gsSUFBbUMsYUFBYTtRQUM5QyxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDdkIsQ0FBQztJQUFBLENBQUM7SUFjRjs7T0FFRztJQUNILElBQ0ksSUFBSTtRQUNOLE9BQU8sSUFBSSxDQUFDLEtBQUssQ0FBQztJQUNwQixDQUFDO0lBQUEsQ0FBQztJQUNGLElBQUksSUFBSSxDQUFDLEdBQXFCO1FBQzVCLElBQUksQ0FBQyxLQUFLLEdBQUcsR0FBRyxDQUFDO1FBQ2pCLElBQUksQ0FBQyxFQUFFLEdBQUcsT0FBTyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsRUFBRSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQztRQUNoRSxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO1FBQzlCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUM7UUFDMUMsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUM7SUFDNUMsQ0FBQztJQVFELFlBQzRCLFFBQWEsRUFDL0IsWUFBcUM7UUFEbkIsYUFBUSxHQUFSLFFBQVEsQ0FBSztRQUMvQixpQkFBWSxHQUFaLFlBQVksQ0FBeUI7UUEvRS9DOzs7O1dBSUc7UUFDa0MsVUFBSyxHQUFHLElBQUksQ0FBQztRQUVsRDs7OztXQUlHO1FBQzBDLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBK0JqRTs7V0FFRztRQUN3QixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBeUI3Qzs7O1dBR0c7UUFDTSxhQUFRLEdBQUcsS0FBSyxDQUFDO0lBS3ZCLENBQUM7SUFFSjs7T0FFRztJQUVILFFBQVE7UUFDTixJQUFJLENBQUMsWUFBWSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixDQUFDO0lBRUQ7O09BRUc7SUFFSCxPQUFPO1FBQ0wsSUFBRyxJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUN4QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztTQUM1QjtRQUNELElBQUksQ0FBQyxZQUFZLENBQUMsTUFBTSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVEOztPQUVHO0lBQ0gsWUFBWSxDQUFDLElBQXNCO1FBQ2pDLElBQUcsSUFBSSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsTUFBTSxLQUFLLFNBQVMsRUFBRTtZQUM3QyxPQUFPO1NBQ1I7UUFDRCxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEdBQUcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUM7UUFDNUMsSUFBSSxDQUFDLFFBQVMsQ0FBQyxjQUFjLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3RGLENBQUM7SUFFRDs7T0FFRztJQUNILFVBQVUsQ0FBQyxJQUFzQjtRQUMvQixJQUFHLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxLQUFLLEtBQUssRUFBRTtZQUMvQixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksR0FBRyxJQUFJLENBQUM7U0FDM0I7YUFBTTtZQUNMLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztTQUM1QjtJQUNILENBQUM7aUlBM0hVLHFCQUFxQixrQkFnRnRCLFFBQVE7cUhBaEZQLHFCQUFxQjs7MkZBQXJCLHFCQUFxQjtrQkFIakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO2lCQUMzQjs7MEJBaUZJLE1BQU07MkJBQUMsUUFBUTsrRUF6RW1CLEtBQUs7c0JBQXpDLFdBQVc7dUJBQUMsc0JBQXNCO2dCQU9VLFdBQVc7c0JBQXZELFdBQVc7dUJBQUMsOEJBQThCO2dCQU9uQixFQUFFO3NCQUF6QixXQUFXO3VCQUFDLFNBQVM7Z0JBUWEsWUFBWTtzQkFBOUMsV0FBVzt1QkFBQyxvQkFBb0I7Z0JBT0gsS0FBSztzQkFBbEMsV0FBVzt1QkFBQyxlQUFlO2dCQUtPLGFBQWE7c0JBQS9DLFdBQVc7dUJBQUMsZ0JBQWdCO2dCQU9GLFNBQVM7c0JBQW5DLFdBQVc7dUJBQUMsWUFBWTtnQkFhckIsSUFBSTtzQkFEUCxLQUFLO2dCQWlCRyxRQUFRO3NCQUFoQixLQUFLO2dCQVdOLFFBQVE7c0JBRFAsWUFBWTt1QkFBQyxnQkFBZ0I7Z0JBUzlCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRE9DVU1FTlQgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHtcbiAgRGlyZWN0aXZlLFxuICBIb3N0QmluZGluZyxcbiAgSG9zdExpc3RlbmVyLFxuICBJbmplY3QsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlRyZWVOb3RpZmllclNlcnZpY2UgfSBmcm9tICcuLi90cmVlL3RyZWUtbm90aWZpZXIuc2VydmljZSc7XG5pbXBvcnQgeyBEYWZmVHJlZUZsYXROb2RlIH0gZnJvbSAnLi4vdXRpbHMvZmxhdHRlbi10cmVlJztcblxuLyoqXG4gKiBUaGUgYERhZmZUcmVlSXRlbURpcmVjdGl2ZWAgYWxsb3dzIHlvdSB0byBkZW1hcmNhdGUgdGhlIGVsZW1lbnRzIHdoaWNoIGFyZVxuICogdHJlZS1jaGlsZHJlbiB0aGF0IGludGVyYWN0IHdpdGggdGhlIHBhcmVudCB0cmVlLlxuICpcbiAqIFRoZXkgY2FuIGJlIHVzZWQgbGlrZTpcbiAqXG4gKiBgYGBodG1sXG4gKiA8dWwgZGFmZi10cmVlIFt0cmVlXT1cInRyZWVcIj5cbiAqICAgPG5nLXRlbXBsYXRlICNkYWZmVHJlZUl0ZW1XaXRoQ2hpbGRyZW5UcGwgbGV0LW5vZGU+XG4gKiAgICAgICA8YnV0dG9uIGRhZmZUcmVlSXRlbSBbbm9kZV09XCJub2RlXCI+e3sgbm9kZS50aXRsZSB9fSA8L2J1dHRvbj5cbiAqICAgPC9uZy10ZW1wbGF0ZT5cbiAqXG4gKiAgIDxuZy10ZW1wbGF0ZSAjZGFmZlRyZWVJdGVtVHBsIGxldC1ub2RlPlxuICogICAgICAgPGEgZGFmZlRyZWVJdGVtIFtub2RlXT1cIm5vZGVcIiBbcm91dGVyTGlua109XCJub2RlLnVybFwiPnt7IG5vZGUudGl0bGUgfX08L2E+XG4gKiAgIDwvbmctdGVtcGxhdGU+XG4gKiA8L3VsPlxuICogYGBgXG4gKlxuICogd2hlcmUgYHRyZWVgIGlzIGEge0BsaW5rIERhZmZUcmVlRGF0YX0gYW5kIGBkYWZmLXRyZWVgIGlzIGEge0BsaW5rIERhZmZUcmVlQ29tcG9uZW50fS5cbiAqXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYWZmVHJlZUl0ZW1dJyxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlRyZWVJdGVtRGlyZWN0aXZlIHtcblxuICAvKipcbiAgICogVGhlIGNzcyBjbGFzcyBvZiB0aGUgZGFmZi10cmVlLlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtdHJlZS1pdGVtJykgY2xhc3MgPSB0cnVlO1xuXG4gIC8qKlxuICAgKiBUaGUgY3NzIGNsYXNzIG9mIGEgRGFmZlRyZWVJdGVtRGlyZWN0aXZlIHRoYXQgaGFzIGNoaWxkcmVuLlxuICAgKlxuICAgKiBAZG9jcy1wcml2YXRlXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRhZmYtdHJlZS1pdGVtX19wYXJlbnQnKSBjbGFzc1BhcmVudCA9IGZhbHNlO1xuXG4gIC8qKlxuICAgKiBUaGUgaHRtbCBgaWRgIG9mIHRoZSB0cmVlIGl0ZW0uIFRoaXMgaXMgZGVyaXZlZCBmcm9tIHRoZSB7QGxpbmsgRGFmZlRyZWVEYXRhfS5cbiAgICpcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdhdHRyLmlkJykgaWQ7XG5cbiAgLyoqXG4gICAqIEFjY2Vzc2liaWxpdHkgcHJvcGVydHksIG5vdGlmeWluZyB1c2VycyBhYm91dCB3aGV0aGVyXG4gICAqIG9yIG5vdCB0aGUgdHJlZSBpdGVtIGlzIG9wZW4uXG4gICAqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0QmluZGluZygnYXR0ci5hcmlhLWV4cGFuZGVkJykgYXJpYUV4cGFuZGVkOiBzdHJpbmc7XG5cbiAgLyoqXG4gICAqIEEgY3NzIHZhcmlhYmxlIGluZGljYXRpbmcgdGhlIGRlcHRoIG9mIHRoZSB0cmVlLlxuICAgKiBZb3UgY2FuIHVzZSB0aGlzIHRvIHN0eWxlIHlvdXIgdGVtcGxhdGVzIGlmIHlvdSB3YW50IHRvXG4gICAqIHVzZSBkaWZmZXJlbnQgZGVzaWducyBhdCBkaWZmZXJlbnQgZGVwdGhzLlxuICAgKi9cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS4tLWRlcHRoJykgZGVwdGg6IG51bWJlcjtcblxuICAvKipcbiAgICogVGhlIENTUyBjbGFzcyBpbmRpY2F0aW5nIHdoZXRoZXIgb3Igbm90IHRoZSB0cmVlIGlzIGBzZWxlY3RlZGAuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLnNlbGVjdGVkJykgZ2V0IHNlbGVjdGVkQ2xhc3MoKSB7XG4gICAgcmV0dXJuIHRoaXMuc2VsZWN0ZWQ7XG4gIH07XG5cbiAgLyoqXG4gICAqIFRoZSBDU1MgY2xhc3MgaW5kaWNhdGluZyB3aGV0aGVyIG9yIG5vdCB0aGUgdHJlZSBpcyBgb3BlbmAuXG4gICAqL1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLm9wZW4nKSBvcGVuQ2xhc3MgPSBmYWxzZTtcblxuICAvKipcbiAgICogVGhlIHtAbGluayBEYWZmVHJlZUZsYXROb2RlfSBhc3NvY2lhdGVkIHdpdGggdGhpcyBzcGVjaWZpYyB0cmVlIGl0ZW0uXG4gICAqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIHByaXZhdGUgX25vZGU6IERhZmZUcmVlRmxhdE5vZGU7XG5cbiAgLyoqXG4gICAqIFRoZSB7QGxpbmsgRGFmZlRyZWVGbGF0Tm9kZX0gYXNzb2NpYXRlZCB3aXRoIHRoaXMgc3BlY2lmaWMgdHJlZSBpdGVtLlxuICAgKi9cbiAgQElucHV0KClcbiAgZ2V0IG5vZGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuX25vZGU7XG4gIH07XG4gIHNldCBub2RlKHZhbDogRGFmZlRyZWVGbGF0Tm9kZSkge1xuICAgIHRoaXMuX25vZGUgPSB2YWw7XG4gICAgdGhpcy5pZCA9ICd0cmVlLScgKyB0aGlzLl9ub2RlLmlkO1xuICAgIHRoaXMuYXJpYUV4cGFuZGVkID0gdGhpcy5fbm9kZS5fdHJlZVJlZi5vcGVuID8gJ3RydWUnIDogJ2ZhbHNlJztcbiAgICB0aGlzLmRlcHRoID0gdGhpcy5fbm9kZS5sZXZlbDtcbiAgICB0aGlzLmNsYXNzUGFyZW50ID0gdGhpcy5fbm9kZS5oYXNDaGlsZHJlbjtcbiAgICB0aGlzLm9wZW5DbGFzcyA9IHRoaXMuX25vZGUuX3RyZWVSZWYub3BlbjtcbiAgfVxuXG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgdHJlZSBpdGVtIGlzIHRoZSBjdXJyZW50bHkgYWN0aXZlIGl0ZW0uXG4gICAqIE5vdGUgdGhhdCB0aGVyZSBpcyBubyByZXF1aXJlbWVudCB0aGVyZSB0aGVyZSBvbmx5IGJlIG9uZSBhY3RpdmUgaXRlbSBhdCBhIHRpbWUuXG4gICAqL1xuICBASW5wdXQoKSBzZWxlY3RlZCA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIEBJbmplY3QoRE9DVU1FTlQpIHByaXZhdGUgZG9jdW1lbnQ6IGFueSxcbiAgICBwcml2YXRlIHRyZWVOb3RpZmllcjogRGFmZlRyZWVOb3RpZmllclNlcnZpY2UsXG4gICkge31cblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RMaXN0ZW5lcigna2V5ZG93bi5lc2NhcGUnKVxuICBvbkVzY2FwZSgpIHtcbiAgICB0aGlzLnRvZ2dsZVBhcmVudCh0aGlzLm5vZGUpO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgb25DbGljaygpIHtcbiAgICBpZih0aGlzLm5vZGUuaGFzQ2hpbGRyZW4pIHtcbiAgICAgIHRoaXMudG9nZ2xlVHJlZSh0aGlzLm5vZGUpO1xuICAgIH1cbiAgICB0aGlzLnRyZWVOb3RpZmllci5ub3RpZnkoKTtcbiAgfVxuXG4gIC8qKlxuICAgKiBUb2dnbGUgdGhlIG9wZW4gc3RhdGUgb2YgdGhlIHRyZWUncyBwYXJlbnQuXG4gICAqL1xuICB0b2dnbGVQYXJlbnQobm9kZTogRGFmZlRyZWVGbGF0Tm9kZSkge1xuICAgIGlmKG5vZGUuX3RyZWVSZWY/LnBhcmVudC5wYXJlbnQgPT09IHVuZGVmaW5lZCkge1xuICAgICAgcmV0dXJuO1xuICAgIH1cbiAgICBub2RlLl90cmVlUmVmLnBhcmVudC5vcGVuID0gIW5vZGUuX3RyZWVSZWYucGFyZW50Lm9wZW47XG4gICAgKDxEb2N1bWVudD50aGlzLmRvY3VtZW50KS5nZXRFbGVtZW50QnlJZCgndHJlZS0nICsgbm9kZS5fdHJlZVJlZi5wYXJlbnQuaWQpLmZvY3VzKCk7XG4gIH1cblxuICAvKipcbiAgICogVG9nZ2xlIHRoZSBvcGVuIHN0YXRlIG9mIHRoaXMgc3BlY2lmaWMgc3VidHJlZSB0cmVlLlxuICAgKi9cbiAgdG9nZ2xlVHJlZShub2RlOiBEYWZmVHJlZUZsYXROb2RlKSB7XG4gICAgaWYobm9kZS5fdHJlZVJlZi5vcGVuID09PSBmYWxzZSkge1xuICAgICAgbm9kZS5fdHJlZVJlZi5vcGVuID0gdHJ1ZTtcbiAgICB9IGVsc2Uge1xuICAgICAgbm9kZS5fdHJlZVJlZi5vcGVuID0gZmFsc2U7XG4gICAgfVxuICB9XG59XG4iXX0=

package/esm2022/tree/tree.module.mjs

@@ -0,0 +1,29 @@
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+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,
+            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] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: DaffTreeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DaffTreeComponent,
+                        DaffTreeItemDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [
+                        DaffTreeComponent,
+                        DaffTreeItemDirective,
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHJlZS5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9saWJzL2Rlc2lnbi90cmVlL3NyYy90cmVlLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7QUFleEUsTUFBTSxPQUFPLGNBQWM7aUlBQWQsY0FBYztrSUFBZCxjQUFjLGlCQVh2QixpQkFBaUI7WUFDakIscUJBQXFCLGFBR3JCLFlBQVksYUFHWixpQkFBaUI7WUFDakIscUJBQXFCO2tJQUdaLGNBQWMsWUFQdkIsWUFBWTs7MkZBT0gsY0FBYztrQkFiMUIsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osaUJBQWlCO3dCQUNqQixxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3FCQUNiO29CQUNELE9BQU8sRUFBRTt3QkFDUCxpQkFBaUI7d0JBQ2pCLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgRGFmZlRyZWVDb21wb25lbnQgfSBmcm9tICcuL3RyZWUvdHJlZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFmZlRyZWVJdGVtRGlyZWN0aXZlIH0gZnJvbSAnLi90cmVlLWl0ZW0vdHJlZS1pdGVtLmRpcmVjdGl2ZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERhZmZUcmVlQ29tcG9uZW50LFxuICAgIERhZmZUcmVlSXRlbURpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIERhZmZUcmVlQ29tcG9uZW50LFxuICAgIERhZmZUcmVlSXRlbURpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGFmZlRyZWVNb2R1bGUgeyB9XG4iXX0=

package/examples/examples.d.ts

@@ -9,4 +9,4 @@ export interface ComponentExampleWithModule {
 /**
  * An example of a component
  */
-export declare type ComponentExample = ComponentExampleWithModule | Type<any>;
+export type ComponentExample = ComponentExampleWithModule | Type<any>;

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

@@ -0,0 +1,45 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@daffodil/design/accordion';
+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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", 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" }]
+        }] });
+
+const ACCORDION_EXAMPLES = [
+    BasicAccordionComponent,
+];
+
+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,
+            DaffAccordionModule] }); }
+    /** @nocollapse */ static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AccordionExamplesModule, imports: [CommonModule,
+            DaffAccordionModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.1", ngImport: i0, type: AccordionExamplesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        ...ACCORDION_EXAMPLES,
+                    ],
+                    imports: [
+                        CommonModule,
+                        DaffAccordionModule,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ACCORDION_EXAMPLES, AccordionExamplesModule, BasicAccordionComponent };
+//# sourceMappingURL=daffodil-design-accordion-examples.mjs.map