@daffodil/design 0.66.1 → 0.67.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-sidebar.mjs","sources":["../../../libs/design/sidebar/src/sidebar/is-opening.ts","../../../libs/design/sidebar/src/animation/sidebar-animation.ts","../../../libs/design/sidebar/src/animation/sidebar-animation-state.ts","../../../libs/design/sidebar/src/animation/sidebar-animation-width.ts","../../../libs/design/sidebar/src/sidebar/sidebar.component.ts","../../../libs/design/sidebar/src/sidebar/sidebar.component.html","../../../libs/design/sidebar/src/sidebar-footer/sidebar-footer.component.ts","../../../libs/design/sidebar/src/sidebar-header/sidebar-header-action/sidebar-header-action.directive.ts","../../../libs/design/sidebar/src/sidebar-header/sidebar-header-title/sidebar-header-title.directive.ts","../../../libs/design/sidebar/src/sidebar-header/sidebar-header.component.ts","../../../libs/design/sidebar/src/sidebar-header/sidebar-header.component.html","../../../libs/design/sidebar/src/sidebar-viewport/helper/has-parent-viewport.ts","../../../libs/design/sidebar/src/sidebar-viewport/nav-placement.ts","../../../libs/design/sidebar/src/sidebar-viewport/scroll-token/scroll.token.ts","../../../libs/design/sidebar/src/sidebar-viewport/utils/backdrop-interactable.ts","../../../libs/design/sidebar/src/sidebar-viewport/utils/content-pad.ts","../../../libs/design/sidebar/src/sidebar-viewport/utils/content-shift.ts","../../../libs/design/sidebar/src/animation/sidebar-viewport-animation-state.ts","../../../libs/design/sidebar/src/sidebar-viewport/sidebar-viewport.component.ts","../../../libs/design/sidebar/src/sidebar-viewport/sidebar-viewport.component.html","../../../libs/design/sidebar/src/sidebar.module.ts","../../../libs/design/sidebar/src/daffodil-design-sidebar.ts"],"sourcesContent":["import { DaffSidebarAnimationState } from '../animation/sidebar-animation-state';\n\n/**\n * Determine whether or animation states are going to an open state from a non-open state.\n */\nexport const isOpening = (fromState: DaffSidebarAnimationState, toState: DaffSidebarAnimationState): boolean => {\n  if(fromState === 'under-open' && toState === 'open' || fromState === 'open' && toState === 'under-open') {\n    return false;\n  }\n\n  if(toState === 'under-open' || toState === 'open') {\n    return true;\n  }\n  return false;\n};\n","import {\n  animate,\n  state,\n  style,\n  transition,\n  trigger,\n  AnimationTriggerMetadata,\n} from '@angular/animations';\n\nconst duration = '200ms';\nconst sidebarAnimateInTransition = 'cubic-bezier(0.0, 0.0, 0.2, 1)';\nconst sidebarAnimateOutTransition = 'cubic-bezier(0.4, 0.0, 1, 1)';\n\nexport const daffSidebarAnimations: {\n  readonly transformSidebar: AnimationTriggerMetadata;\n  readonly transformContent: AnimationTriggerMetadata;\n  readonly backdropTrigger: AnimationTriggerMetadata;\n} = {\n  transformSidebar: trigger('transformSidebar', [\n    // We remove the `transform` here completely, rather than setting it to zero, because\n    // 3d transforms causes text to appear blurry on IE and Edge.\n    state('open', style({\n      transform: 'none',\n    })),\n    state('closed', style({\n      transform: 'translateX({{width}})',\n    }), { params: { width: '-240px' }}),\n    transition('open => closed', animate(duration + ' ' + sidebarAnimateOutTransition)),\n    transition('closed => open', animate(duration + ' ' + sidebarAnimateInTransition)),\n  ]),\n  transformContent: trigger('transformContent', [\n    // We remove the `transform` here completely, rather than setting it to zero, because\n    // 3d transforms causes text to appear blurry on IE and Edge.\n    state('closed', style({\n      transform: 'none',\n    })),\n    state('open', style({\n      transform: 'translateX({{shift}})',\n    }), { params: { shift: '-240px' }}),\n    transition('open => closed', animate(duration + ' ' + sidebarAnimateInTransition)),\n    transition('closed => open', animate(duration + ' ' + sidebarAnimateOutTransition)),\n  ]),\n  backdropTrigger: trigger('backdropTrigger', [\n    state('open', style({\n      opacity: 1,\n    })),\n    state('closed', style({\n      opacity: 0,\n    })),\n    transition('open => closed', animate(duration + ' ' + sidebarAnimateOutTransition)),\n    transition('closed => open', animate(duration + ' ' + sidebarAnimateInTransition)),\n  ]),\n};\n\nexport enum DaffSidebarAnimationStates {\n  OPEN = 'open',\n  CLOSED = 'closed',\n  UNDEROPEN = 'under-open',\n  UNDERCLOSED = 'under-closed',\n  SIDEFIXEDOPEN = 'side-fixed-open',\n  SIDEFIXEDCLOSED = 'side-fixed-closed',\n  NONE = 'none'\n}\n","import { DaffSidebarMode } from '../helper/sidebar-mode';\n\nexport type DaffSidebarAnimationState =\n'open' | 'closed' | 'under-open' | 'under-closed' | 'side-fixed-open' | 'side-fixed-closed' | 'none';\n\nexport const getAnimationState = (open: boolean, mode: DaffSidebarMode): DaffSidebarAnimationState => {\n  if(mode === 'side') {\n    return 'none';\n  }\n\n  if(mode === 'side-fixed' && open) {\n    return 'side-fixed-open';\n  }\n\n  if(mode === 'side-fixed' && !open) {\n    return 'side-fixed-closed';\n  }\n\n  if(open && mode === 'under') {\n    return 'under-open';\n  }\n\n  if(!open && mode === 'under') {\n    return 'under-closed';\n  }\n\n  if(open) {\n    return 'open';\n  } else {\n    return 'closed';\n  }\n};\n","import { DaffSidebarSide } from '../helper/sidebar-side';\n\nexport const getSidebarAnimationWidth =\n  (side: DaffSidebarSide, width: number): string => side === 'left' ? -1 * width + 'px' : width + 'px';\n","import { AnimationEvent } from '@angular/animations';\nimport {\n  ConfigurableFocusTrap,\n  ConfigurableFocusTrapFactory,\n} from '@angular/cdk/a11y';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  Component,\n  NgZone,\n  ElementRef,\n  Output,\n  EventEmitter,\n  HostBinding,\n  ChangeDetectionStrategy,\n  Input,\n  HostListener,\n  Inject,\n} from '@angular/core';\nimport { fromEvent } from 'rxjs';\nimport { filter } from 'rxjs/operators';\n\nimport {\n  daffFocusableElementsSelector,\n  DaffFocusStackService,\n} from '@daffodil/design';\n\nimport { isOpening } from './is-opening';\nimport { daffSidebarAnimations } from '../animation/sidebar-animation';\nimport {\n  DaffSidebarAnimationState,\n  getAnimationState,\n} from '../animation/sidebar-animation-state';\nimport { getSidebarAnimationWidth } from '../animation/sidebar-animation-width';\nimport { DaffSidebarMode } from '../helper/sidebar-mode';\nimport { DaffSidebarSide } from '../helper/sidebar-side';\n\n/**\n * DaffSidebarComponent is heavily based upon the work done by the @angular/components\n * team on `mat-drawer` and `mat-sidenav`. `daff-sidebar` is intended to be\n * a simplified version (with a different design) of `mat-drawer`.\n */\n@Component({\n  selector: 'daff-sidebar',\n  templateUrl: './sidebar.component.html',\n  styleUrls: ['./sidebar.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    daffSidebarAnimations.transformSidebar,\n  ],\n})\nexport class DaffSidebarComponent {\n  /**\n   * @docs-private\n   *\n   * The CSS classes set.\n   */\n  @HostBinding('class') get classes() {\n    return {\n      'daff-sidebar': true,\n      [this.side]: true,\n      [this.mode]: true,\n    };\n  };\n\n  /**\n   * The animation state of the sidebar.\n   */\n  @HostBinding('@transformSidebar') get transformSidebar() {\n    return {\n      value: getAnimationState(this.open, this.mode),\n      params: { width: getSidebarAnimationWidth(this.side, this.width) },\n    };\n  }\n\n  /**\n   * Event fired when `ESC` key is pressed when the sidebar has focus\n   */\n  @Output() escapePressed: EventEmitter<void> = new EventEmitter<void>();\n\n  /**\n   * What side of the viewport to show the sidebar on.\n   */\n  @Input() side: DaffSidebarSide = 'left';\n\n  /**\n   * The mode of the sidebar.\n   */\n  @Input() mode: DaffSidebarMode = 'side';\n\n  /**\n   * Whether or not the sidebar is open.\n   */\n  @Input() open = false;\n\n  /**\n   * The width of the sidebar.\n   */\n  get width() {\n    return this._elementRef.nativeElement.offsetWidth;\n  }\n\n  constructor(\n    private _elementRef: ElementRef<HTMLElement>,\n    private _ngZone: NgZone,\n    private _focusTrapFactory: ConfigurableFocusTrapFactory,\n    private _focusStack: DaffFocusStackService,\n    @Inject(DOCUMENT) private _doc: any,\n  ) {\n\n    /**\n     * Listen to `keydown` events outside the zone so that change detection is not run every\n     * time a key is pressed. Instead we re-enter the zone only if the `ESC` key is pressed.\n     *\n     */\n    this._ngZone.runOutsideAngular(() => {\n      fromEvent<KeyboardEvent>(this._elementRef.nativeElement, 'keydown').pipe(\n        filter(event => event.key === 'Escape'),\n      ).subscribe(event => this._ngZone.run(() => {\n        this.escapePressed.emit();\n        event.stopPropagation();\n      }));\n    });\n  }\n\n  private _focusTrap: ConfigurableFocusTrap;\n\n  /**\n   * Animation event that can be used to hook into when the transformSidebar\n   * animation begins. This is used in sidebar to determine when to show the\n   * visibility of the sidebar so that the animation does not jump as the element is shown.\n   */\n  @HostListener('@transformSidebar.start', ['$event']) onAnimationStart(e: AnimationEvent) {\n    if (e.toState === 'open' || e.toState === 'under-open' || e.toState === 'side-fixed-open') {\n      this._elementRef.nativeElement.style.visibility = 'visible';\n    }\n  }\n\n  /**\n   * Animation event that can be used to hook into when the\n   * transformSidebar animation is complete.\n   */\n  @HostListener('@transformSidebar.done', ['$event']) onAnimationComplete(e: AnimationEvent) {\n    if(isOpening(<DaffSidebarAnimationState>e.fromState, <DaffSidebarAnimationState>e.toState)) {\n      this._focusTrap = this._focusTrapFactory.create(this._elementRef.nativeElement);\n\n      const focusableChild = (<HTMLElement>this._elementRef.nativeElement.querySelector(daffFocusableElementsSelector));\n\n      this._focusStack.push(this._doc.activeElement);\n\n      if(focusableChild) {\n        focusableChild.focus();\n      } else {\n        this._elementRef.nativeElement.tabIndex = 0;\n        (<HTMLElement>this._elementRef.nativeElement).focus();\n      }\n    } else {\n      if(this._focusTrap) {\n        this._focusTrap.destroy();\n        this._focusTrap = undefined;\n        this._focusStack.pop();\n      }\n    }\n\n    /**\n     * This is used in sidebar to determine when to hide the visibility\n     * of the sidebar so that the animation does not jump as the element is hidden.\n     */\n    if (e.toState === 'closed' || e.toState === 'under-closed' || e.toState === 'side-fixed-closed') {\n      this._elementRef.nativeElement.style.visibility = 'hidden';\n    }\n  }\n}\n","<ng-content select=\"daff-sidebar-header\"></ng-content>\n<div class=\"daff-sidebar__body\">\n\t<ng-content></ng-content>\n</div>\n<ng-content select=\"daff-sidebar-footer\"></ng-content>","import {\n  Component,\n  HostBinding,\n  ChangeDetectionStrategy,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-sidebar-footer',\n  template: '<ng-content></ng-content>',\n  styleUrls: ['./sidebar-footer.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class DaffSidebarFooterComponent {\n  @HostBinding('class.daff-sidebar-footer') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffSidebarHeaderAction]',\n})\nexport class DaffSidebarHeaderActionDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-sidebar-header__action') class = true;\n}\n","import {\n  Directive,\n  HostBinding,\n} from '@angular/core';\n\n@Directive({\n  selector: '[daffSidebarHeaderTitle]',\n})\nexport class DaffSidebarHeaderTitleDirective {\n  /**\n   * @docs-private\n   */\n  @HostBinding('class.daff-sidebar-header__title') class = true;\n}\n","import {\n  Component,\n  HostBinding,\n  ChangeDetectionStrategy,\n  ViewEncapsulation,\n} from '@angular/core';\n\n@Component({\n  selector: 'daff-sidebar-header',\n  templateUrl: './sidebar-header.component.html',\n  styleUrls: ['./sidebar-header.component.scss'],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n\n})\nexport class DaffSidebarHeaderComponent {\n  @HostBinding('class.daff-sidebar-header') class = true;\n}\n","<ng-content select=\"[daffSidebarHeaderAction]\"></ng-content>\n<ng-content select=\"[daffSidebarHeaderTitle]\"></ng-content>\n<ng-content></ng-content>","/**\n * Fallback function for determining whether or not a viewport has a parent viewport.\n * This is really only used in the Daffodil docs when the injector heirarchy\n * doesn't act as anticipated as a result of custom elements.\n */\nexport const hasParentViewport = (element: HTMLElement) => {\n  let currentElement = element.parentElement;\n\n  while (currentElement !== null) {\n    if (currentElement.tagName === 'DAFF-SIDEBAR-VIEWPORT') {\n      return true;\n    }\n    currentElement = currentElement.parentElement;\n  }\n\n  return false;\n};\n","/**\n * The placement of the nav in relation to the sidebar.\n * See {@link DaffNavPlacementEnum }\n */\nexport type DaffNavPlacement = 'above' | 'beside';\n\n/**\n * The placement of the nav in relation to the sidebar.\n * See {@link DaffNavPlacement }\n */\nexport enum DaffNavPlacementEnum {\n  ABOVE = 'above',\n  BESIDE = 'beside',\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  ElementRef,\n  InjectionToken,\n  inject,\n} from '@angular/core';\n\n/**\n * An interface that enables a user to enable or disable scrolling on sidebars.\n *\n * See {@link DAFF_SIDEBAR_SCROLL_TOKEN}\n */\nexport interface DaffSidebarScroll {\n  enable(): void;\n  disable(): void;\n}\n\n/**\n * An injection token that can be used within a sidebar to determine\n * what to do enabling and disabling scrolling. By default, the body\n * is the element where scrolling is controlled.\n */\nexport const DAFF_SIDEBAR_SCROLL_TOKEN = new InjectionToken<DaffSidebarScroll>('DAFF_SIDEBAR_SCROLL_TOKEN', {\n  providedIn: 'root',\n  factory: () => {\n    const document = inject(DOCUMENT);\n    return {\n      enable: () => {\n        document.body.style.overflow = null;\n      },\n      disable: () => {\n        document.body.style.overflow = 'hidden';\n      },\n    };\n  },\n});\n\n\n/**\n * A factory function that return a DaffSidebarScroll\n * for the current sidebar viewport.\n *\n * See the providers of {@link DaffSidebarViewportComponent}\n */\nexport const daffSidebarViewportScrollFactory = (): DaffSidebarScroll => {\n  const element = inject(ElementRef).nativeElement;\n  return {\n    enable: () => {\n      element.style.overflow = null;\n    },\n    disable: () => {\n      element.style.overflow = 'hidden';\n    },\n  };\n};\n","import { QueryList } from '@angular/core';\n\nimport { DaffSidebarComponent } from '../../sidebar/sidebar.component';\n\n/**\n * Determines, given a list of sidebars, whether or not the backdrop is interactable (typically clickable).\n */\nexport const sidebarViewportBackdropInteractable = (sidebars: QueryList<DaffSidebarComponent>): boolean => sidebars.reduce(\n  (acc: boolean, sidebar) => ((sidebar.mode === 'over' || sidebar.mode === 'under') && sidebar.open) || acc,\n  false);\n","import { QueryList } from '@angular/core';\n\nimport { DaffSidebarModeEnum } from '../../helper/sidebar-mode';\nimport { DaffSidebarSide } from '../../helper/sidebar-side';\nimport { DaffSidebarComponent } from '../../sidebar/sidebar.component';\n\n/**\n * Given a list of sidebars, compute the associated content shift.\n */\nexport const sidebarViewportContentPadding = (sidebars: QueryList<DaffSidebarComponent>, side: DaffSidebarSide): number =>\n  sidebars.reduce((acc: number, sidebar) => {\n    if(!(sidebar.mode === DaffSidebarModeEnum.SideFixed && sidebar.open)) {\n      return acc;\n    }\n\n    if(sidebar.side === side){\n      return sidebar.width;\n    } else {\n      // This component is \"stateless\", its possible to have two open \"under\" sidebars.\n      // As such, we defer to \"left\" being open by default.\n      return acc;\n    }\n  }, 0);\n","import { QueryList } from '@angular/core';\n\nimport { DaffSidebarMode } from '../../helper/sidebar-mode';\nimport { DaffSidebarComponent } from '../../sidebar/sidebar.component';\n\nexport const isViewportContentShifted = (mode: DaffSidebarMode, open: boolean): boolean => (mode === 'under' && open);\n\n/**\n * Given a list of sidebars, compute the associated content shift.\n */\nexport const sidebarViewportContentShift = (sidebars: QueryList<DaffSidebarComponent>): number =>\n  sidebars.reduce((acc: number, sidebar) => {\n    if(!isViewportContentShifted(sidebar.mode, sidebar.open)) {\n      return acc;\n    }\n\n    if(sidebar.side === 'left'){\n      return sidebar.width;\n    } else if (sidebar.side === 'right' && acc === 0) {\n      return -1 * sidebar.width;\n    } else {\n      // This component is \"stateless\", its possible to have two open \"under\" sidebars.\n      // As such, we defer to \"left\" being open by default.\n      return acc;\n    }\n  }, 0);\n\n\n","import { AnimationStateWithParams } from '@daffodil/design';\n\nimport { DaffSidebarAnimationStates } from './sidebar-animation';\n\nexport type DaffSidebarViewportAnimationState = DaffSidebarAnimationStates.OPEN | DaffSidebarAnimationStates.CLOSED;\n\n\nexport interface DaffSidebarAnimationStateParams {\n  shift: string;\n};\n\nexport type DaffSidebarViewportAnimationStateWithParams = AnimationStateWithParams<DaffSidebarViewportAnimationState, DaffSidebarAnimationStateParams>;\n\n\nexport const getSidebarViewportAnimationState = (open: boolean): DaffSidebarViewportAnimationState =>\n  open ? DaffSidebarAnimationStates.OPEN : DaffSidebarAnimationStates.CLOSED;\n","import { AnimationEvent } from '@angular/animations';\nimport {\n  Component,\n  Output,\n  EventEmitter,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  ContentChildren,\n  QueryList,\n  AfterContentChecked,\n  ElementRef,\n  Input,\n  HostBinding,\n  Inject,\n  SkipSelf,\n  Optional,\n} from '@angular/core';\n\nimport { hasParentViewport } from './helper/has-parent-viewport';\nimport {\n  DaffNavPlacement,\n  DaffNavPlacementEnum,\n} from './nav-placement';\nimport {\n  DAFF_SIDEBAR_SCROLL_TOKEN,\n  DaffSidebarScroll,\n  daffSidebarViewportScrollFactory,\n} from './scroll-token/scroll.token';\nimport { sidebarViewportBackdropInteractable } from './utils/backdrop-interactable';\nimport { sidebarViewportContentPadding } from './utils/content-pad';\nimport {\n  isViewportContentShifted,\n  sidebarViewportContentShift,\n} from './utils/content-shift';\nimport {\n  DaffSidebarAnimationStates,\n  daffSidebarAnimations,\n} from '../animation/sidebar-animation';\nimport {\n  DaffSidebarViewportAnimationStateWithParams,\n  getSidebarViewportAnimationState,\n} from '../animation/sidebar-viewport-animation-state';\nimport { DaffSidebarMode } from '../helper/sidebar-mode';\nimport { DaffSidebarComponent } from '../sidebar/sidebar.component';\n\n/**\n * The DaffSidebarViewport is the \"holder\" of sidebars throughout an entire application.\n * It's generally only used once, like\n *\n * ```html\n * <daff-sidebar-viewport>\n *    <daff-sidebar></daff-sidebar>\n *    <p>Some Content</p>\n * </daff-sidebar-viewport>\n * ```\n *\n * Importantly, its possible for there to be multiple sidebars of many modes\n * at the same time. @see {@link DaffSidebarMode }\n *\n * Since this is a functional component, it's possible to have multiple \"open\" sidebars\n * at the same time. As a result, this component attempts to gracefully handle these situations.\n * However, importantly, there can only be one sidebar of each mode, on each side, at any given time.\n * If this is violated, this component will throw an exception.\n */\n@Component({\n  selector: 'daff-sidebar-viewport',\n  templateUrl: './sidebar-viewport.component.html',\n  styleUrls: ['./sidebar-viewport.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  animations: [\n    daffSidebarAnimations.transformContent,\n  ],\n  providers: [\n    { provide: DAFF_SIDEBAR_SCROLL_TOKEN, useFactory: daffSidebarViewportScrollFactory },\n  ],\n})\nexport class DaffSidebarViewportComponent implements AfterContentChecked {\n  @HostBinding('class.daff-sidebar-viewport') hostClass = true;\n\n  @HostBinding('class') get classes() {\n    return {\n      'daff-sidebar-viewport': true,\n      [this.navPlacement]: true,\n    };\n  };\n\n  get isNavOnSide() {\n    return this.navPlacement === DaffNavPlacementEnum.BESIDE;\n  }\n\n  onContentAnimationStart(e: AnimationEvent) {\n    if(e.toState === 'open') {\n      this._elementRef.nativeElement.style.overflow = 'hidden';\n    }\n  }\n\n  onContentAnimationDone(e: AnimationEvent) {\n    if(e.toState === 'closed') {\n      this._elementRef.nativeElement.style.overflow = null;\n    }\n  }\n\n  /**\n   * The placement of the nav in relation to the sidebar. The default is set to `top`.\n   * Note that this is really only available when there is a `side-fixed` sidebar.\n   */\n  @Input() navPlacement: DaffNavPlacement = DaffNavPlacementEnum.ABOVE;\n\n  constructor(\n    private cdRef: ChangeDetectorRef,\n    private _elementRef: ElementRef<HTMLElement>,\n    @Inject(DAFF_SIDEBAR_SCROLL_TOKEN) @SkipSelf() private bodyScroll: DaffSidebarScroll,\n    @Inject(DaffSidebarViewportComponent) @SkipSelf() @Optional() private parentViewport,\n    @Inject(DAFF_SIDEBAR_SCROLL_TOKEN) private scroll: DaffSidebarScroll,\n  ) { }\n\n  /**\n   * The list of sidebars in the viewport.\n   *\n   * @docs-private\n   */\n  @ContentChildren(DaffSidebarComponent, { descendants: false }) private sidebars: QueryList<DaffSidebarComponent>;\n\n  /**\n   * The number of pixels that the main content of the page should be shifted to\n   * right when there are child sidebars.\n   */\n  private _shift = '0px';\n\n  /**\n   * The left padding on the content when left side-fixed sidebars are open.\n   */\n  public _contentPadLeft = 0;\n\n  /**\n   * The left padding on the nav when left side-fixed sidebars are open.\n   */\n  public _navPadLeft = 0;\n\n  /**\n   * The right padding on the content when right side-fixed sidebars are open.\n   */\n  public _contentPadRight = 0;\n\n  /**\n   * The right padding on the content when right side-fixed sidebars are open.\n   */\n  public _navPadRight = 0;\n\n  /**\n   * Whether or not the backdrop is interactable\n   */\n  _backdropInteractable = false;\n\n  /**\n   * The animation state\n   */\n  _animationState: DaffSidebarViewportAnimationStateWithParams = { value: DaffSidebarAnimationStates.CLOSED, params: { shift: '0px' }};\n\n  /**\n   * Event fired when the backdrop is clicked. This is often used to close the sidebar.\n   */\n  @Output() backdropClicked: EventEmitter<void> = new EventEmitter<void>();\n\n  ngAfterContentChecked() {\n    const nextShift = sidebarViewportContentShift(this.sidebars) + 'px';\n    if (this._shift !== nextShift) {\n      this._shift = nextShift;\n\n      this.updateAnimationState();\n      this.cdRef.markForCheck();\n    }\n\n    const nextBackdropInteractable = sidebarViewportBackdropInteractable(this.sidebars);\n    if (this._backdropInteractable !== nextBackdropInteractable) {\n      this._backdropInteractable = nextBackdropInteractable;\n      this.updateAnimationState();\n      this.cdRef.markForCheck();\n      if(nextBackdropInteractable) {\n        if(!this.parentViewport && !hasParentViewport(this._elementRef.nativeElement)) {\n          this.bodyScroll.disable();\n        } else {\n          this.scroll.disable();\n        }\n      } else { //if we are hiding the sidebars\n        if(!this.parentViewport && !hasParentViewport(this._elementRef.nativeElement)) {\n          this.bodyScroll.enable();\n        } else {\n          this.scroll.enable();\n        }\n      }\n    };\n\n    const nextLeftPadding = sidebarViewportContentPadding(this.sidebars, 'left');\n    if(this._contentPadLeft !== nextLeftPadding) {\n      this._contentPadLeft = nextLeftPadding;\n      this._navPadLeft = this.isNavOnSide ? this._contentPadLeft : null;\n      this.updateAnimationState();\n      this.cdRef.markForCheck();\n    }\n\n    const nextRightPadding = sidebarViewportContentPadding(this.sidebars, 'right');\n    if(this._contentPadRight !== nextRightPadding) {\n      this._contentPadRight = nextRightPadding;\n      this._navPadRight = this.isNavOnSide ? this._contentPadRight : null;\n      this.updateAnimationState();\n      this.cdRef.markForCheck();\n    }\n  }\n\n  /**\n   * @docs-private\n   *\n   * Updates the animation state of the viewport depending upon the state\n   * of all sidebars within the viewport.\n   */\n  private updateAnimationState() {\n    this._animationState = {\n      value: getSidebarViewportAnimationState(\n        this.sidebars.reduce((acc: boolean, sidebar) => acc || isViewportContentShifted(sidebar.mode, sidebar.open), false),\n      ),\n      params: { shift: this._shift },\n    };\n  }\n\n  /**\n   * @docs-private\n   * The called when the backdrop of the viewport is clicked upon.\n   */\n  _backdropClicked(): void {\n    this.backdropClicked.emit();\n  }\n}\n","<ng-content select=\"daff-sidebar:not([side=right])\"></ng-content>\n\n<daff-backdrop\n  [@transformContent]=\"_animationState\"\n  class=\"daff-sidebar-viewport__backdrop\"\n  [interactable]=\"_backdropInteractable\"\n  (backdropClicked)=\"_backdropClicked()\">\n</daff-backdrop>\n\n<div class=\"daff-sidebar-viewport__nav\"\n  [@transformContent]=\"_animationState\"\n  [style.padding-left.px]=\"_navPadLeft\"\n  [style.padding-right.px]=\"_navPadRight\">\n    <ng-content select=\"[daff-sidebar-viewport-nav]\"></ng-content>\n</div>\n\n<div class=\"daff-sidebar-viewport__content\"\n  [@transformContent]=\"_animationState\"\n  (@transformContent.start)=\"onContentAnimationStart($event)\"\n  (@transformContent.done)=\"onContentAnimationDone($event)\">\n  <div class=\"daff-sidebar-viewport__inner\"\n    [style.padding-left.px]=\"_contentPadLeft\"\n    [style.padding-right.px]=\"_contentPadRight\">\n      <ng-content></ng-content>\n  </div>\n</div>\n\n<ng-content select=\"daff-sidebar[side=right]\"></ng-content>\n","import { A11yModule } from '@angular/cdk/a11y';\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { DaffBackdropModule } from '@daffodil/design';\n\nimport { DaffSidebarComponent } from './sidebar/sidebar.component';\nimport { DaffSidebarFooterComponent } from './sidebar-footer/sidebar-footer.component';\nimport { DaffSidebarHeaderActionDirective } from './sidebar-header/sidebar-header-action/sidebar-header-action.directive';\nimport { DaffSidebarHeaderTitleDirective } from './sidebar-header/sidebar-header-title/sidebar-header-title.directive';\nimport { DaffSidebarHeaderComponent } from './sidebar-header/sidebar-header.component';\nimport { DaffSidebarViewportComponent } from './sidebar-viewport/sidebar-viewport.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    A11yModule,\n    DaffBackdropModule,\n  ],\n  declarations: [\n    DaffSidebarComponent,\n    DaffSidebarViewportComponent,\n    DaffSidebarHeaderComponent,\n    DaffSidebarFooterComponent,\n    DaffSidebarHeaderTitleDirective,\n    DaffSidebarHeaderActionDirective,\n  ],\n  exports: [\n    DaffSidebarComponent,\n    DaffSidebarViewportComponent,\n    DaffSidebarHeaderComponent,\n    DaffSidebarFooterComponent,\n    DaffSidebarHeaderTitleDirective,\n    DaffSidebarHeaderActionDirective,\n  ],\n})\nexport class DaffSidebarModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1"],"mappings":"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"}

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

@@ -0,0 +1,79 @@
+import * as i0 from '@angular/core';
+import { Component, ChangeDetectionStrategy, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { RouterModule } from '@angular/router';
+import * as i2 from '@daffodil/design/tree';
+import { DaffTreeModule } from '@daffodil/design/tree';
+import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
+
+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" }]
+        }] });
+
+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,
+                    ],
+                }]
+        }] });
+
+const TREE_EXAMPLES = [
+    BasicTreeComponent,
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BasicTreeComponent, BasicTreeModule, TREE_EXAMPLES };
+//# sourceMappingURL=daffodil-design-tree-examples.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"daffodil-design-tree-examples.mjs","sources":["../../../libs/design/tree/examples/src/basic-tree/basic-tree.component.ts","../../../libs/design/tree/examples/src/basic-tree/basic-tree.component.html","../../../libs/design/tree/examples/src/basic-tree/basic-tree.module.ts","../../../libs/design/tree/examples/src/public_api.ts","../../../libs/design/tree/examples/src/daffodil-design-tree-examples.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n} from '@angular/core';\n\nimport { DaffTreeData } from '@daffodil/design/tree';\n\n@Component({\n  // eslint-disable-next-line @angular-eslint/component-selector\n  selector: 'basic-tree',\n  templateUrl: './basic-tree.component.html',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BasicTreeComponent {\n  tree: DaffTreeData<unknown> = {\n    title: 'Root',\n    items: [\n      {\n        title: 'Example Children',\n        items: [\n          { title: 'Example Child', url: '#', id: '', items: [], data: {}},\n        ],\n        url: '#',\n        id: '',\n        data: {},\n      },\n      {\n        title: 'Example Link',\n        items: [],\n        url: '#',\n        id: '',\n        data: {},\n      },\n    ],\n    url: '',\n    id: '',\n    data: {},\n  };\n}\n","<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","import { NgModule } from '@angular/core';\nimport { RouterModule } from '@angular/router';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\n\nimport { DaffTreeModule } from '@daffodil/design/tree';\n\nimport { BasicTreeComponent } from './basic-tree.component';\n\n@NgModule({\n  declarations: [\n    BasicTreeComponent,\n  ],\n  exports: [\n    BasicTreeComponent,\n  ],\n  imports: [\n    RouterModule,\n    DaffTreeModule,\n    FontAwesomeModule,\n  ],\n})\nexport class BasicTreeModule { }\n","import { BasicTreeComponent } from './basic-tree/basic-tree.component';\nexport { BasicTreeModule } from './basic-tree/basic-tree.module';\nexport { BasicTreeComponent  };\nexport const TREE_EXAMPLES = [\n  BasicTreeComponent,\n];\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/daffodil-design-tree.mjs

@@ -0,0 +1,446 @@
+import * as i2 from '@angular/common';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Inject, Component, ViewEncapsulation, ChangeDetectionStrategy, HostBinding, Input, ContentChild, Directive, HostListener, 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);
+
+/**
+ * Flatten a DaffTreeUi<unknown> into an array, removing elements from the array
+ * below nodes in the tree that are not open.
+ */
+const flattenTree = (daffUiTree) => {
+    const tree = [];
+    let items = [
+        {
+            ...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) => ({
+                    ...i,
+                    level: el.level + 1,
+                    _treeRef: i,
+                })).reverse(),
+            ];
+        }
+        if (el._treeRef.parent?.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) => ({
+    id: data.id ?? 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 {
+    /**
+     * 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: 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: 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 }]
+            }] } });
+
+/**
+ * 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 {
+    /**
+     * 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: 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: 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']
+            }] } });
+
+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,
+                    ],
+                }]
+        }] });
+
+/**
+ * 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