@daffodil/design 0.60.0 → 0.62.0

package/fesm2015/daffodil-design-tree.mjs

@@ -0,0 +1,443 @@
+import * as i2 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Inject, Directive, HostBinding, Input, HostListener, Component, ViewEncapsulation, ChangeDetectionStrategy, ContentChild, NgModule } from '@angular/core';
+import { __decorate } from 'tslib';
+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);
+
+/**
+ * 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}.
+ *
+ */
+class DaffTreeItemDirective {
+    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;
+    }
+    /**
+     * 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;
+    }
+    /**
+     * @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) {
+        var _a;
+        if (((_a = node._treeRef) === null || _a === void 0 ? void 0 : _a.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 */ DaffTreeItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffTreeItemDirective, deps: [{ token: DOCUMENT }, { token: DaffTreeNotifierService }], target: i0.ɵɵFactoryTarget.Directive });
+/** @nocollapse */ DaffTreeItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.3.0", 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: "13.3.0", ngImport: i0, type: DaffTreeItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[daffTreeItem]',
+                }]
+        }], ctorParameters: function () {
+        return [{ type: undefined, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: 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']
+            }] } });
+
+/**
+ * Flatten a DaffTreeUi<unknown> into an array, removing elements from the array
+ * below nodes in the tree that are not open.
+ */
+const flattenTree = (daffUiTree) => {
+    var _a;
+    const tree = [];
+    let items = [
+        Object.assign(Object.assign({}, daffUiTree), { title: 'Root', level: 0, url: '/', data: undefined, open: true, _treeRef: daffUiTree }),
+    ];
+    while (items) {
+        const el = items.pop();
+        if (!el) {
+            break;
+        }
+        if (el.open) {
+            items = [
+                ...items,
+                ...el.items.map((i) => (Object.assign(Object.assign({}, i), { level: el.level + 1, _treeRef: i }))).reverse(),
+            ];
+        }
+        if ((_a = el._treeRef.parent) === null || _a === void 0 ? void 0 : _a.open) {
+            tree.push({
+                id: el.id,
+                title: el.title,
+                level: el.level,
+                url: el.url,
+                hasChildren: el.items.length > 0,
+                data: undefined,
+                _treeRef: el._treeRef,
+            });
+        }
+    }
+    return tree;
+};
+
+/**
+ * Traverse the tree, pre-order, right-to-left
+ */
+const traverse = (tree, visit, key) => {
+    let stack = [
+        tree,
+    ];
+    while (stack) {
+        const el = stack.pop();
+        if (!el) {
+            break;
+        }
+        visit(el);
+        stack = [
+            ...stack,
+            ...el[key],
+        ];
+    }
+    return tree;
+};
+
+const daffDataTreeToUiTree = (data, parent, open = false) => {
+    var _a;
+    return ({
+        id: (_a = data.id) !== null && _a !== void 0 ? _a : data.title,
+        title: data.title,
+        url: data.url,
+        data: data.data,
+        open,
+        parent,
+        items: [],
+    });
+};
+/**
+ * This function translates the original data given to us by the client
+ * to the internal representation of the tree used by the {@link DaffTreeComponent}
+ */
+const hydrateTree = (data) => {
+    const tree = daffDataTreeToUiTree(data, undefined, true);
+    let treeStack = [
+        tree,
+    ];
+    traverse(data, (el) => {
+        const treeEl = treeStack.pop();
+        treeEl.items = el.items.map((i) => daffDataTreeToUiTree(i, treeEl, false));
+        treeStack = [
+            ...treeStack,
+            ...treeEl.items,
+        ];
+        return el;
+    }, 'items');
+    return tree;
+};
+
+/**
+ * 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}.
+ *
+ */
+class DaffTreeComponent {
+    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 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);
+    }
+    ;
+    /**
+     * 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 */ DaffTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffTreeComponent, deps: [{ token: DaffTreeNotifierService }], target: i0.ɵɵFactoryTarget.Component });
+/** @nocollapse */ DaffTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", 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;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"], directives: [{ type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", 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;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: function () { return [{ type: 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 }]
+            }] } });
+
+class DaffTreeModule {
+}
+/** @nocollapse */ DaffTreeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffTreeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+/** @nocollapse */ DaffTreeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffTreeModule, declarations: [DaffTreeComponent,
+        DaffTreeItemDirective], imports: [CommonModule], exports: [DaffTreeComponent,
+        DaffTreeItemDirective] });
+/** @nocollapse */ DaffTreeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffTreeModule, imports: [[
+            CommonModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffTreeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        DaffTreeComponent,
+                        DaffTreeItemDirective,
+                    ],
+                    imports: [
+                        CommonModule,
+                    ],
+                    exports: [
+                        DaffTreeComponent,
+                        DaffTreeItemDirective,
+                    ],
+                }]
+        }] });
+
+/**
+ * Transform a tree-like structure in-place into a {@link DaffTreeData}.
+ *
+ * This will mutate the original object, hydrating with additional properties.
+ *
+ * @param tree - The data structure representing tree-like data.
+ * @param transformFn - A user-supplied function that will transform the user
+ *  type into a {@link DaffTreeData}
+ * @param key - The property of the your tree that indicates which
+ *  key contains the "children" of your tree structure.
+ *
+ */
+const daffTransformTreeInPlace = (tree, transformFn, key) => traverse(tree, (el) => {
+    const r = Object.assign(el, transformFn(el));
+    r.items = el[key];
+    el = r;
+    return el;
+}, 
+// This type is confusing. I don't understand why it has to be here,
+// the associated error message is incomprehensible.
+key);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DaffTreeComponent, DaffTreeItemDirective, DaffTreeModule, daffTransformTreeInPlace };
+//# sourceMappingURL=daffodil-design-tree.mjs.map

package/fesm2015/daffodil-design-tree.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-tree.mjs","sources":["../../../libs/design/tree/src/tree/tree-notifier.service.ts","../../../libs/design/tree/src/tree-item/tree-item.directive.ts","../../../libs/design/tree/src/utils/flatten-tree.ts","../../../libs/design/tree/src/utils/traverse-tree.ts","../../../libs/design/tree/src/utils/hydrate-tree.ts","../../../libs/design/tree/src/tree/tree.component.ts","../../../libs/design/tree/src/tree/tree.component.html","../../../libs/design/tree/src/tree.module.ts","../../../libs/design/tree/src/utils/transform-in-place.ts","../../../libs/design/tree/src/daffodil-design-tree.ts"],"sourcesContent":["import {\n  Inject,\n  OnDestroy,\n} from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\n/**\n * This service is used by tree-items to notify their parent\n * that the tree has to be re-computed.\n *\n * This service is a multiton associated with each tree instance.\n * It follows the same lifecycle has the tree it is associated with.\n */\n@Inject({})\nexport class DaffTreeNotifierService implements OnDestroy {\n\n  /**\n   * @docs-private\n   */\n  private _notice: BehaviorSubject<boolean> = new BehaviorSubject<boolean>(true);\n\n  /**\n   * An observable that emits when the tree needs to be re-computed.\n   */\n  notice$ = this._notice.asObservable();\n\n  /**\n   * `notify` can be called to trigger a re-computation of the tree\n   * if data has changed unexpectedly and a re-render did not occur.\n   *\n   * This should be used sparingly. Instead, prefer updating `data` on the tree\n   * itself for performance reasons.\n   */\n  notify() {\n    this._notice.next(true);\n  }\n\n  /**\n   * Cleanup when the tree is destroyed.\n   *\n   * @docs-private\n   */\n  ngOnDestroy(): void {\n    this._notice.complete();\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  Directive,\n  HostBinding,\n  HostListener,\n  Inject,\n  Input,\n} from '@angular/core';\n\nimport { DaffTreeNotifierService } from '../tree/tree-notifier.service';\nimport { DaffTreeFlatNode } from '../utils/flatten-tree';\n\n/**\n * The `DaffTreeItemDirective` allows you to demarcate the elements which are\n * tree-children that interact with the parent tree.\n *\n * They can be used like:\n *\n * ```html\n * <ul daff-tree [tree]=\"tree\">\n *   <ng-template #daffTreeItemWithChildrenTpl let-node>\n *       <button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n *   </ng-template>\n *\n *   <ng-template #daffTreeItemTpl let-node>\n *       <a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n *   </ng-template>\n * </ul>\n * ```\n *\n * where `tree` is a {@link DaffTreeData} and `daff-tree` is a {@link DaffTreeComponent}.\n *\n */\n@Directive({\n  selector: '[daffTreeItem]',\n})\nexport class DaffTreeItemDirective {\n\n  /**\n   * The css class of the daff-tree.\n   *\n   * @docs-private\n   */\n  @HostBinding('class.daff-tree-item') class = true;\n\n  /**\n   * The css class of a DaffTreeItemDirective that has children.\n   *\n   * @docs-private\n   */\n  @HostBinding('class.daff-tree-item__parent') classParent = false;\n\n  /**\n   * The html `id` of the tree item. This is derived from the {@link DaffTreeData}.\n   *\n   * @docs-private\n   */\n  @HostBinding('attr.id') id;\n\n  /**\n   * Accessibility property, notifying users about whether\n   * or not the tree item is open.\n   *\n   * @docs-private\n   */\n  @HostBinding('attr.aria-expanded') ariaExpanded: string;\n\n  /**\n   * A css variable indicating the depth of the tree.\n   * You can use this to style your templates if you want to\n   * use different designs at different depths.\n   */\n  @HostBinding('style.--depth') depth: number;\n\n  /**\n   * The CSS class indicating whether or not the tree is `selected`.\n   */\n  @HostBinding('class.selected') get selectedClass() {\n    return this.selected;\n  };\n\n  /**\n   * The CSS class indicating whether or not the tree is `open`.\n   */\n  @HostBinding('class.open') openClass = false;\n\n  /**\n   * The {@link DaffTreeFlatNode} associated with this specific tree item.\n   *\n   * @docs-private\n   */\n  private _node: DaffTreeFlatNode;\n\n  /**\n   * The {@link DaffTreeFlatNode} associated with this specific tree item.\n   */\n  @Input()\n  get node() {\n    return this._node;\n  };\n  set node(val: DaffTreeFlatNode) {\n    this._node = val;\n    this.id = 'tree-' + this._node.id;\n    this.ariaExpanded = this._node._treeRef.open ? 'true' : 'false';\n    this.depth = this._node.level;\n    this.classParent = this._node.hasChildren;\n    this.openClass = this._node._treeRef.open;\n  }\n\n  /**\n   * Whether or not the tree item is the currently active item.\n   * Note that there is no requirement there there only be one active item at a time.\n   */\n  @Input() selected = false;\n\n  constructor(\n    @Inject(DOCUMENT) private document: any,\n    private treeNotifier: DaffTreeNotifierService,\n  ) {}\n\n  /**\n   * @docs-private\n   */\n  @HostListener('keydown.escape')\n  onEscape() {\n    this.toggleParent(this.node);\n  }\n\n  /**\n   * @docs-private\n   */\n  @HostListener('click')\n  onClick() {\n    if(this.node.hasChildren) {\n      this.toggleTree(this.node);\n    }\n    this.treeNotifier.notify();\n  }\n\n  /**\n   * Toggle the open state of the tree's parent.\n   */\n  toggleParent(node: DaffTreeFlatNode) {\n    if(node._treeRef?.parent.parent === undefined) {\n      return;\n    }\n    node._treeRef.parent.open = !node._treeRef.parent.open;\n    (<Document>this.document).getElementById('tree-' + node._treeRef.parent.id).focus();\n  }\n\n  /**\n   * Toggle the open state of this specific subtree tree.\n   */\n  toggleTree(node: DaffTreeFlatNode) {\n    if(node._treeRef.open === false) {\n      node._treeRef.open = true;\n    } else {\n      node._treeRef.open = false;\n    }\n  }\n}\n","import { DaffTreeUi } from '../interfaces/tree-ui';\n\n/**\n * A flattened node of a tree. This is used when translating the tree data\n * structure into an array.\n */\nexport interface DaffTreeFlatNode {\n  id: number | string;\n  title: string;\n  url: string;\n  level: number;\n  hasChildren: boolean;\n  data: unknown;\n  _treeRef: DaffTreeUi<unknown>;\n}\n\n/**\n * Flatten a DaffTreeUi<unknown> into an array, removing elements from the array\n * below nodes in the tree that are not open.\n */\nexport const flattenTree = (daffUiTree: DaffTreeUi<unknown>): DaffTreeFlatNode[] =>  {\n  const tree: DaffTreeFlatNode[] = [];\n\n  let items = [\n    {\n      ...daffUiTree,\n      title: 'Root',\n      level: 0,\n      url: '/',\n      data: undefined,\n      open: true,\n      _treeRef: daffUiTree,\n    },\n  ];\n\n\n  while(items) {\n    const el = items.pop();\n    if(!el) {\n      break;\n    }\n\n    if(el.open) {\n      items = [\n        ...items,\n        ...el.items.map((i) => ({\n          ...i,\n          level:\n          el.level + 1,\n          _treeRef: i,\n        })).reverse(),\n      ];\n    }\n\n    if(el._treeRef.parent?.open) {\n      tree.push({\n        id: el.id,\n        title: el.title,\n        level: el.level,\n        url : el.url,\n        hasChildren: el.items.length > 0,\n        data: undefined,\n        _treeRef: el._treeRef,\n      });\n    }\n  }\n\n  return tree;\n};\n","import { RecursiveTreeKeyOfType } from '../interfaces/recursive-key';\n\n/**\n * Traverse the tree, pre-order, right-to-left\n */\nexport const traverse = <T extends Record<any, any>, V extends Record<any, any> = T>(\n  tree: T,\n  visit: (tree: T) => V,\n  key: RecursiveTreeKeyOfType<T>,\n): V => {\n  let stack = [\n    tree,\n  ];\n\n  while(stack) {\n    const el = stack.pop();\n    if(!el) {\n      break;\n    }\n\n    visit(el);\n\n    stack = [\n      ...stack,\n      ...<T[]><unknown>el[key],\n    ];\n  }\n\n  return tree;\n};\n","import { DaffTreeData } from '../interfaces/tree-data';\nimport { DaffTreeUi } from '../interfaces/tree-ui';\nimport { traverse } from './traverse-tree';\n\nexport const daffDataTreeToUiTree = <T>(data: DaffTreeData<T>, parent: DaffTreeUi<T>, open: boolean = false): DaffTreeUi<T> => ({\n  id: data.id ?? data.title,\n  title: data.title,\n  url: data.url,\n  data: data.data,\n  open,\n  parent,\n  items: [],\n});\n\n/**\n * This function translates the original data given to us by the client\n * to the internal representation of the tree used by the {@link DaffTreeComponent}\n */\nexport const hydrateTree = <T>(data: DaffTreeData<T>): DaffTreeUi<T> => {\n  const tree = daffDataTreeToUiTree(data, undefined, true);\n\n  let treeStack = [\n    tree,\n  ];\n\n  traverse(data, (el) => {\n    const treeEl = treeStack.pop();\n    treeEl.items = el.items.map((i) =>  daffDataTreeToUiTree(i, treeEl, false));\n    treeStack = [\n      ...treeStack,\n      ...treeEl.items,\n    ];\n    return el;\n  }, 'items');\n\n  return tree;\n};\n","import { Location } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ContentChild,\n  HostBinding,\n  Input,\n  OnInit,\n  TemplateRef,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { DaffTreeData } from '../interfaces/tree-data';\nimport { DaffTreeUi } from '../interfaces/tree-ui';\nimport {\n  DaffTreeFlatNode,\n  flattenTree,\n} from '../utils/flatten-tree';\nimport { hydrateTree } from '../utils/hydrate-tree';\nimport { DaffTreeNotifierService } from './tree-notifier.service';\n\n/**\n * The `DaffTreeComponent` allows you to render tree structures as interactable ui.\n *\n * They can be used like:\n *\n * ```html\n * <ul daff-tree [tree]=\"tree\">\n *   <ng-template #daffTreeItemWithChildrenTpl let-node>\n *       <button daffTreeItem [node]=\"node\">{{ node.title }} </button>\n *   </ng-template>\n *\n *   <ng-template #daffTreeItemTpl let-node>\n *       <a daffTreeItem [node]=\"node\" [routerLink]=\"node.url\">{{ node.title }}</a>\n *   </ng-template>\n * </ul>\n * ```\n *\n * where `tree` is a {@link DaffTreeData}.\n *\n */\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'ul[daff-tree]',\n  templateUrl: './tree.component.html',\n  styleUrls: ['./tree.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    DaffTreeNotifierService,\n  ],\n})\nexport class DaffTreeComponent implements OnInit {\n\n  /**\n   * The css class of the daff-tree.\n   *\n   * @docs-private\n   */\n  @HostBinding('class.daff-tree') class = true;\n\n  /**\n   * The internal tree element.\n   */\n  private tree: DaffTreeUi<unknown> = undefined;\n\n  /**\n   * The flattened tree data. You can iterate through this if you want to inspect\n   * the resulting array structure we computed to render the tree.\n   */\n  public flatTree: DaffTreeFlatNode[] = [];\n\n  /**\n   * @docs-private\n   */\n  private _dataTree: DaffTreeData<unknown> = undefined;\n\n  /**\n   * The tree data you would like to render.\n   */\n  @Input('tree')\n  get dataTree() {\n    return this._dataTree;\n  }\n  set dataTree(dataTree: DaffTreeData<unknown>){\n    if(!dataTree) {\n      this._dataTree = undefined;\n      this.tree = undefined;\n      this.flatTree = [];\n      return;\n    }\n    this._dataTree = dataTree;\n    this.tree = hydrateTree(this.dataTree);\n    this.flatTree = flattenTree(this.tree);\n  };\n\n  /**\n   * The template used to render tree-nodes that themselves have children.\n   *\n   * @docs-private\n   */\n  @ContentChild('daffTreeItemWithChildrenTpl', { static: true })\n  withChildrenTemplate: TemplateRef<any>;\n\n  /**\n   * The template used to render tree-nodes that have no children.\n   *\n   * @docs-private\n   */\n  @ContentChild('daffTreeItemTpl', { static: true }) treeItemTemplate: TemplateRef<any>;\n\n  constructor(\n    private notifier: DaffTreeNotifierService,\n  ) {}\n\n  /**\n   * The track-by function used to reduce tree-item re-renders\n   */\n  trackByTreeElement(index: number, el: any): any {\n    return el.title;\n  }\n\n  /**\n   * @docs-private\n   */\n  ngOnInit(): void {\n    this.notifier.notice$.subscribe(() => {\n      this.flatTree = flattenTree(this.tree);\n    });\n  }\n}\n","<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>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffTreeItemDirective } from './tree-item/tree-item.directive';\nimport { DaffTreeComponent } from './tree/tree.component';\n\n@NgModule({\n  declarations: [\n    DaffTreeComponent,\n    DaffTreeItemDirective,\n  ],\n  imports: [\n    CommonModule,\n  ],\n  exports: [\n    DaffTreeComponent,\n    DaffTreeItemDirective,\n  ],\n})\nexport class DaffTreeModule { }\n","import { RecursiveTreeKeyOfType } from '../interfaces/recursive-key';\nimport { DaffTreeData } from '../interfaces/tree-data';\nimport { traverse } from './traverse-tree';\n\n/**\n * Transform a tree-like structure in-place into a {@link DaffTreeData}.\n *\n * This will mutate the original object, hydrating with additional properties.\n *\n * @param tree - The data structure representing tree-like data.\n * @param transformFn - A user-supplied function that will transform the user\n *  type into a {@link DaffTreeData}\n * @param key - The property of the your tree that indicates which\n *  key contains the \"children\" of your tree structure.\n *\n */\nexport const daffTransformTreeInPlace = <\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  T extends Record<any,any>,\n>(\n  tree: T,\n  transformFn: (type: T) => T & DaffTreeData<unknown>,\n  key: RecursiveTreeKeyOfType<T>,\n): DaffTreeData<unknown> => traverse<T, T & DaffTreeData<unknown>>(\n  tree,\n  (el) => {\n    const r = Object.assign(el, transformFn(el));\n    r.items = el[key];\n    el = r;\n    return <T & DaffTreeData<unknown>>el;\n  },\n    // This type is confusing. I don't understand why it has to be here,\n    // the associated error message is incomprehensible.\n    <T[string] extends T[] ? string : never>key,\n);\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.DaffTreeNotifierService"],"mappings":"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"}