@ngbase/adk 0.1.1 → 0.1.2

package/fesm2022/ngbase-adk-tour.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-tour.mjs","sources":["../../../projects/adk/tour/tour.service.ts","../../../projects/adk/tour/tour-step.ts","../../../projects/adk/tour/tour.ts","../../../projects/adk/tour/animation.ts","../../../projects/adk/tour/tour-base.ts","../../../projects/adk/tour/ngbase-adk-tour.ts"],"sourcesContent":["import { Injectable, computed, signal } from '@angular/core';\nimport { DialogInput } from '@ngbase/adk/portal';\nimport { PopoverOpen, ngbPopoverPortal } from '@ngbase/adk/popover';\nimport { NgbTourStep } from './tour-step';\n\n@Injectable({ providedIn: 'root' })\nexport class NgbTourService {\n  private popover = ngbPopoverPortal();\n  readonly steps = signal<NgbTourStep[]>([]);\n  readonly step = signal(-1);\n  private readonly ids = signal<string[]>([]);\n  currentStep = computed(() => {\n    const id = this.ids()[this.step()];\n    const steps = this.steps();\n    return steps.find(x => x.ngbTourStep() === id);\n  });\n  private diaRef?: PopoverOpen<any>;\n  private id = 0;\n  private template!: DialogInput<any>;\n  readonly showPrev = computed(() => this.step() > 0);\n  readonly showNext = computed(() => this.step() < this.ids().length - 1);\n  readonly isLast = computed(() => this.step() === this.ids().length - 1);\n  readonly totalSteps = computed(() => this.ids().length);\n  scrolled = signal(0);\n  private clipPath = computed(() => {\n    const _ = this.scrolled();\n    const currentStep = this.currentStep();\n    if (!currentStep) {\n      return '';\n    }\n    const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();\n    return `polygon(\n      0 0,\n      100% 0,\n      100% ${top}px,\n      ${left}px ${top}px,\n      ${left}px ${top + height}px,\n      ${left + width}px ${top + height}px,\n      ${left + width}px ${top}px,\n      100% ${top}px,\n      100% 100%,\n      0 100%,\n      0 0\n    )`;\n  });\n\n  constructor() {}\n\n  addStep(step: NgbTourStep) {\n    this.steps.update(x => [...x, step]);\n  }\n\n  start<T>(comp: DialogInput<T>, ids: string[]) {\n    this.template = comp;\n    this.ids.set(ids);\n    this.step.set(-1);\n    this.next();\n  }\n\n  prev() {\n    const steps = this.ids();\n    const prevStep = this.step();\n    if (steps.length) {\n      const step = (prevStep - 1 + steps.length) % steps.length;\n      this.go(step);\n    }\n  }\n\n  next() {\n    const steps = this.ids();\n    const prevStep = this.step();\n    if (steps.length) {\n      const step = (prevStep + 1) % steps.length;\n      if (prevStep > step) {\n        this.stop();\n        return;\n      }\n      this.go(step);\n    }\n  }\n\n  go(id: number) {\n    const steps = this.steps();\n    const ids = this.ids();\n    if (steps.length) {\n      // validate the step number is within the range\n      if (id < 0 || id >= ids.length) {\n        return;\n      }\n      this.step.set(id);\n      const step = steps.find(x => x.ngbTourStep() === ids[id]);\n      if (!step) {\n        return;\n      }\n      if (this.diaRef) {\n        this.diaRef.parent.target.set(step.el.nativeElement);\n      } else {\n        this.showOverlay(step.el.nativeElement);\n      }\n    }\n  }\n\n  stop() {\n    this.hideOverlay();\n    clearInterval(this.id);\n  }\n\n  private showOverlay(el: HTMLElement) {\n    this.diaRef?.diaRef.close();\n\n    this.diaRef = this.popover.open(this.template, {\n      target: el,\n      position: 'right',\n      className: 'transition-all',\n      backdropClassName: 'bg-black/20',\n      clipPath: this.clipPath,\n      smoothScroll: true,\n      anchor: true,\n      backdropColor: true,\n      width: '400px',\n      disableClose: true,\n    });\n    this.scrolled = this.diaRef.parent.scrolled;\n  }\n\n  private hideOverlay() {\n    this.diaRef?.diaRef.close();\n    this.diaRef = undefined;\n  }\n}\n","import { Directive, ElementRef, inject, input } from '@angular/core';\nimport { NgbTourService } from './tour.service';\n\n@Directive({\n  selector: '[ngbTourStep]',\n})\nexport class NgbTourStep {\n  readonly el = inject<ElementRef>(ElementRef);\n  readonly tourService = inject(NgbTourService);\n\n  // Inputs\n  readonly ngbTourStep = input.required<string>();\n\n  constructor() {\n    this.tourService.addStep(this);\n  }\n}\n","import { inject, contentChildren, Directive } from '@angular/core';\nimport { NgbTourService } from './tour.service';\nimport { NgbTourStep } from './tour-step';\n\n@Directive({\n  selector: '[ngbTour]',\n})\nexport class NgbTour {\n  readonly tourService = inject(NgbTourService);\n  readonly steps = contentChildren(NgbTourStep, { descendants: true });\n}\n","import { trigger, state, style, transition, animate } from '@angular/animations';\nimport { createHostAnimation, fadeAnimation } from '@ngbase/adk/utils';\n\nexport const slideInOutAnimation = trigger('slideInOutAnimation', [\n  state('1', style({ transform: 'none', opacity: 1 })),\n  state('void', style({ transform: 'translateY(-20px)', opacity: 0 })),\n  state('0', style({ transform: 'translateY(-20px)', opacity: 0 })),\n  transition('* => *', animate('100ms ease-out')),\n]);\n\nexport const tourAnimation = [\n  createHostAnimation(['@slideInOutAnimation', '@fadeAnimation']),\n  slideInOutAnimation,\n  fadeAnimation('200ms'),\n];\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  OnDestroy,\n  signal,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { PopoverOptions, PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\nimport { BaseDialog, DialogOptions } from '@ngbase/adk/portal';\nimport { debounceTime, fromEvent, startWith, take } from 'rxjs';\nimport { NgbTourService } from './tour.service';\nimport { tourAnimation } from './animation';\n\n@Component({\n  selector: '[ngbTour]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div\n      #container\n      class=\"pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-foreground p-1 shadow-md\"\n      [@slideInOutAnimation]\n    >\n      <ng-container #myDialog />\n    </div>\n    <div class=\"pointer-events-auto fixed top-0 h-full w-full bg-black/20\" [@fadeAnimation]></div>\n  `,\n  host: {\n    '[@parentAnimation]': '',\n    '(@parentAnimation.done)': 'animationDone()',\n  },\n  animations: [tourAnimation],\n})\nexport class NgbBaseTour extends BaseDialog implements OnDestroy {\n  readonly tourService = inject(NgbTourService);\n  readonly myDialog = viewChild('myDialog', { read: ViewContainerRef });\n  readonly container = viewChild<ElementRef<HTMLElement>>('container');\n\n  options!: DialogOptions;\n  tooltipOptions!: PopoverOptions;\n  private lastPosition: PopoverPosition = 'top';\n  readonly scrolled = signal(0);\n\n  readonly clipPath = computed(() => {\n    const _ = this.scrolled();\n    const currentStep = this.tourService.currentStep()!;\n    const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();\n    return `polygon(\n      0 0,\n      100% 0,\n      100% ${top}px,\n      ${left}px ${top}px,\n      ${left}px ${top + height}px,\n      ${left + width}px ${top + height}px,\n      ${left + width}px ${top}px,\n      100% ${top}px,\n      100% 100%,\n      0 100%,\n      0 0\n    )`;\n  });\n\n  constructor() {\n    super();\n    setTimeout(() => {\n      this._afterViewSource.next(this.myDialog()!);\n      this.container()!.nativeElement.classList.add('transition-all');\n    }, 5000);\n    // (() => {\n\n    //   // setTimeout(() => {\n    //   // }, 1000);\n    // });\n\n    effect(() => {\n      const target = this.target() || this.tooltipOptions.target;\n      this.tooltipOptions.target = target;\n      target.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n\n      fromEvent(window, 'scroll')\n        .pipe(startWith(1), debounceTime(50), take(1))\n        .subscribe(() => {\n          this.lastPosition = this.tooltipOptions.position || 'bottom';\n          const el = this.container()!.nativeElement;\n          if (this.options.backdrop) {\n            this.document.body.style.overflow = 'hidden';\n          }\n          if (this.options.width === 'target') {\n            // update the width of the container to be the same as the target\n            el.style.width = `${this.tooltipOptions.target.offsetWidth}px`;\n          } else if (this.options.width) {\n            el.style.width = this.options.width;\n          }\n          if (this.options.height) {\n            el.style.height = this.options.height;\n          }\n          if (this.options.maxHeight) {\n            el.style.maxHeight = this.options.maxHeight;\n          }\n          this.scrolled.update(x => x + 1);\n          this.updateDimension();\n        });\n      // if (!this.options.backdrop) {\n      //   // window.addEventListener('wheel', this.updateDimension);\n      // }\n    });\n  }\n\n  private updateDimension = () => {\n    requestAnimationFrame(() => {\n      const el = this.container()!.nativeElement;\n      const { top, left, bottom, position } = tooltipPosition({\n        target: this.tooltipOptions.target,\n        el,\n        position: this.lastPosition,\n        client: this.tooltipOptions.client,\n        offset: this.tooltipOptions.offset,\n      });\n      this.lastPosition = position;\n      // we need to update the values directly instead of signal to avoid too many CD checks\n      if (bottom) {\n        el.style.bottom = `${bottom}px`;\n        el.style.top = '';\n      } else if (top) {\n        el.style.top = `${top}px`;\n        el.style.bottom = '';\n      }\n      el.style.left = `${left}px`;\n    });\n  };\n\n  override setOptions(options: DialogOptions): void {\n    this.options = options;\n  }\n\n  ngOnDestroy(): void {\n    window.removeEventListener('wheel', this.updateDimension);\n    this.document.body.style.overflow = '';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngbase-adk-tour.mjs","sources":["../../../projects/adk/tour/tour.service.ts","../../../projects/adk/tour/tour-step.ts","../../../projects/adk/tour/tour.ts","../../../projects/adk/tour/animation.ts","../../../projects/adk/tour/tour-base.ts","../../../projects/adk/tour/ngbase-adk-tour.ts"],"sourcesContent":["import { Injectable, computed, signal } from '@angular/core';\nimport { DialogInput } from '@ngbase/adk/portal';\nimport { PopoverOpen, ngbPopoverPortal } from '@ngbase/adk/popover';\nimport { NgbTourStep } from './tour-step';\n\n@Injectable({ providedIn: 'root' })\nexport class NgbTourService {\n  private readonly popover = ngbPopoverPortal();\n  readonly steps = signal<NgbTourStep[]>([]);\n  readonly step = signal(-1);\n  private readonly ids = signal<string[]>([]);\n  readonly currentStep = computed(() => {\n    const id = this.ids()[this.step()];\n    const steps = this.steps();\n    return steps.find(x => x.ngbTourStep() === id);\n  });\n  private diaRef?: PopoverOpen<any>;\n  private id = 0;\n  private template!: DialogInput<any>;\n  readonly showPrev = computed(() => this.step() > 0);\n  readonly showNext = computed(() => this.step() < this.ids().length - 1);\n  readonly isLast = computed(() => this.step() === this.ids().length - 1);\n  readonly totalSteps = computed(() => this.ids().length);\n  scrolled = signal(0);\n  private readonly clipPath = computed(() => {\n    const _ = this.scrolled();\n    const currentStep = this.currentStep();\n    if (!currentStep) {\n      return '';\n    }\n    const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();\n    return `polygon(\n      0 0,\n      100% 0,\n      100% ${top}px,\n      ${left}px ${top}px,\n      ${left}px ${top + height}px,\n      ${left + width}px ${top + height}px,\n      ${left + width}px ${top}px,\n      100% ${top}px,\n      100% 100%,\n      0 100%,\n      0 0\n    )`;\n  });\n\n  addStep(step: NgbTourStep) {\n    this.steps.update(x => [...x, step]);\n  }\n\n  start<T>(comp: DialogInput<T>, ids: string[]) {\n    this.template = comp;\n    this.ids.set(ids);\n    this.step.set(-1);\n    this.next();\n  }\n\n  prev() {\n    const steps = this.ids();\n    const prevStep = this.step();\n    if (steps.length) {\n      const step = (prevStep - 1 + steps.length) % steps.length;\n      this.go(step);\n    }\n  }\n\n  next() {\n    const steps = this.ids();\n    const prevStep = this.step();\n    if (steps.length) {\n      const step = (prevStep + 1) % steps.length;\n      if (prevStep > step) {\n        this.stop();\n        return;\n      }\n      this.go(step);\n    }\n  }\n\n  go(id: number) {\n    const steps = this.steps();\n    const ids = this.ids();\n    if (steps.length) {\n      // validate the step number is within the range\n      if (id < 0 || id >= ids.length) {\n        return;\n      }\n      this.step.set(id);\n      const step = steps.find(x => x.ngbTourStep() === ids[id]);\n      if (!step) {\n        return;\n      }\n      if (this.diaRef) {\n        this.diaRef.parent.target.set(step.el.nativeElement);\n      } else {\n        this.showOverlay(step.el.nativeElement);\n      }\n    }\n  }\n\n  stop() {\n    this.hideOverlay();\n    clearInterval(this.id);\n  }\n\n  private showOverlay(el: HTMLElement) {\n    this.diaRef?.diaRef.close();\n\n    this.diaRef = this.popover.open(this.template, {\n      target: el,\n      position: 'right',\n      className: 'transition-all',\n      backdropClassName: 'bg-black/20',\n      clipPath: this.clipPath,\n      smoothScroll: true,\n      anchor: true,\n      backdropColor: true,\n      width: '400px',\n      disableClose: true,\n    });\n    this.scrolled = this.diaRef.parent.scrolled;\n  }\n\n  private hideOverlay() {\n    this.diaRef?.diaRef.close();\n    this.diaRef = undefined;\n  }\n}\n","import { Directive, ElementRef, inject, input } from '@angular/core';\nimport { NgbTourService } from './tour.service';\n\n@Directive({\n  selector: '[ngbTourStep]',\n})\nexport class NgbTourStep {\n  readonly el = inject<ElementRef>(ElementRef);\n  readonly tourService = inject(NgbTourService);\n\n  // Inputs\n  readonly ngbTourStep = input.required<string>();\n\n  constructor() {\n    this.tourService.addStep(this);\n  }\n}\n","import { inject, contentChildren, Directive } from '@angular/core';\nimport { NgbTourService } from './tour.service';\nimport { NgbTourStep } from './tour-step';\n\n@Directive({\n  selector: '[ngbTour]',\n})\nexport class NgbTour {\n  readonly tourService = inject(NgbTourService);\n  readonly steps = contentChildren(NgbTourStep, { descendants: true });\n}\n","import { trigger, state, style, transition, animate } from '@angular/animations';\nimport { createHostAnimation, fadeAnimation } from '@ngbase/adk/utils';\n\nexport const slideInOutAnimation = trigger('slideInOutAnimation', [\n  state('1', style({ transform: 'none', opacity: 1 })),\n  state('void', style({ transform: 'translateY(-20px)', opacity: 0 })),\n  state('0', style({ transform: 'translateY(-20px)', opacity: 0 })),\n  transition('* => *', animate('100ms ease-out')),\n]);\n\nexport const tourAnimation = [\n  createHostAnimation(['@slideInOutAnimation', '@fadeAnimation']),\n  slideInOutAnimation,\n  fadeAnimation('200ms'),\n];\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  OnDestroy,\n  signal,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { PopoverOptions, PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\nimport { BaseDialog, DialogOptions } from '@ngbase/adk/portal';\nimport { debounceTime, fromEvent, startWith, take } from 'rxjs';\nimport { NgbTourService } from './tour.service';\nimport { tourAnimation } from './animation';\n\n@Component({\n  selector: '[ngbTour]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div\n      #container\n      class=\"pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-foreground p-1 shadow-md\"\n      [@slideInOutAnimation]\n    >\n      <ng-container #myDialog />\n    </div>\n    <div class=\"pointer-events-auto fixed top-0 h-full w-full bg-black/20\" [@fadeAnimation]></div>\n  `,\n  host: {\n    '[@parentAnimation]': '',\n    '(@parentAnimation.done)': 'animationDone()',\n  },\n  animations: [tourAnimation],\n})\nexport class NgbBaseTour extends BaseDialog implements OnDestroy {\n  readonly tourService = inject(NgbTourService);\n  readonly myDialog = viewChild('myDialog', { read: ViewContainerRef });\n  readonly container = viewChild<ElementRef<HTMLElement>>('container');\n\n  options!: DialogOptions;\n  tooltipOptions!: PopoverOptions;\n  private lastPosition: PopoverPosition = 'top';\n  readonly scrolled = signal(0);\n\n  readonly clipPath = computed(() => {\n    const _ = this.scrolled();\n    const currentStep = this.tourService.currentStep()!;\n    const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();\n    return `polygon(\n      0 0,\n      100% 0,\n      100% ${top}px,\n      ${left}px ${top}px,\n      ${left}px ${top + height}px,\n      ${left + width}px ${top + height}px,\n      ${left + width}px ${top}px,\n      100% ${top}px,\n      100% 100%,\n      0 100%,\n      0 0\n    )`;\n  });\n\n  constructor() {\n    super();\n    setTimeout(() => {\n      this._afterViewSource.next(this.myDialog()!);\n      this.container()!.nativeElement.classList.add('transition-all');\n    }, 5000);\n    // (() => {\n\n    //   // setTimeout(() => {\n    //   // }, 1000);\n    // });\n\n    effect(() => {\n      const target = this.target() || this.tooltipOptions.target;\n      this.tooltipOptions.target = target;\n      target.scrollIntoView({ behavior: 'smooth', block: 'nearest' });\n\n      fromEvent(window, 'scroll')\n        .pipe(startWith(1), debounceTime(50), take(1))\n        .subscribe(() => {\n          this.lastPosition = this.tooltipOptions.position || 'bottom';\n          const el = this.container()!.nativeElement;\n          if (this.options.backdrop) {\n            this.document.body.style.overflow = 'hidden';\n          }\n          if (this.options.width === 'target') {\n            // update the width of the container to be the same as the target\n            el.style.width = `${this.tooltipOptions.target.offsetWidth}px`;\n          } else if (this.options.width) {\n            el.style.width = this.options.width;\n          }\n          if (this.options.height) {\n            el.style.height = this.options.height;\n          }\n          if (this.options.maxHeight) {\n            el.style.maxHeight = this.options.maxHeight;\n          }\n          this.scrolled.update(x => x + 1);\n          this.updateDimension();\n        });\n      // if (!this.options.backdrop) {\n      //   // window.addEventListener('wheel', this.updateDimension);\n      // }\n    });\n  }\n\n  private updateDimension = () => {\n    requestAnimationFrame(() => {\n      const el = this.container()!.nativeElement;\n      const { top, left, bottom, position } = tooltipPosition({\n        target: this.tooltipOptions.target,\n        el,\n        position: this.lastPosition,\n        client: this.tooltipOptions.client,\n        offset: this.tooltipOptions.offset,\n      });\n      this.lastPosition = position;\n      // we need to update the values directly instead of signal to avoid too many CD checks\n      if (bottom) {\n        el.style.bottom = `${bottom}px`;\n        el.style.top = '';\n      } else if (top) {\n        el.style.top = `${top}px`;\n        el.style.bottom = '';\n      }\n      el.style.left = `${left}px`;\n    });\n  };\n\n  override setOptions(options: DialogOptions): void {\n    this.options = options;\n  }\n\n  ngOnDestroy(): void {\n    window.removeEventListener('wheel', this.updateDimension);\n    this.document.body.style.overflow = '';\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngbase-adk-tree.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { inject, viewChild, ViewContainerRef, computed, signal, linkedSignal, Component, ChangeDetectionStrategy, Directive, InjectionToken, Injector, IterableDiffers, contentChild, TemplateRef, input, effect } from '@angular/core';
+import { inject, viewChild, ViewContainerRef, computed, signal, linkedSignal, Directive, InjectionToken, Injector, IterableDiffers, contentChild, TemplateRef, input, effect } from '@angular/core';
 import * as i1 from '@ngbase/adk/a11y';
 import { AccessibleItem, AccessibleGroup } from '@ngbase/adk/a11y';
 import { uniqueId } from '@ngbase/adk/utils';
@@ -39,54 +39,23 @@ class NgbTreeNode {
             this.tree.toggle(this.data.details);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbTreeNode, isStandalone: true, selector: "[ngbTreeNode]", host: { attributes: { "role": "treeitem" }, listeners: { "selectedChange": "toggle()" }, properties: { "style": "padding()", "ayId": "tree.ayId", "level": "data.level", "expandable": "hasChildren()", "expanded": "isOpen()", "attr.aria-expanded": "isOpen()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["ngbTreeNode"], hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0, template: `
-    <style>
-      .tree-node {
-        display: flex;
-        align-items: start;
-      }
-    </style>
-    <div class="tree-node">
-      <ng-content />
-    </div>
-    <ng-content select="[ngbTreeNodeContent]" />
-    <ng-container #container />
-  `, isInline: true, styles: [".tree-node{display:flex;align-items:start}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbTreeNode, isStandalone: true, selector: "[ngbTreeNode]", host: { attributes: { "role": "treeitem" }, properties: { "style": "padding()", "attr.aria-expanded": "isOpen()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["ngbTreeNode"], hostDirectives: [{ directive: i1.AccessibleItem }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNode, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbTreeNode]',
                     exportAs: 'ngbTreeNode',
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    <style>
-      .tree-node {
-        display: flex;
-        align-items: start;
-      }
-    </style>
-    <div class="tree-node">
-      <ng-content />
-    </div>
-    <ng-content select="[ngbTreeNodeContent]" />
-    <ng-container #container />
-  `,
                     hostDirectives: [AccessibleItem],
                     host: {
-                        '[style]': 'padding()',
-                        '(selectedChange)': 'toggle()',
-                        '[ayId]': 'tree.ayId',
-                        '[level]': 'data.level',
-                        '[expandable]': 'hasChildren()',
-                        '[expanded]': 'isOpen()',
                         role: 'treeitem',
+                        '[style]': 'padding()',
                         '[attr.aria-expanded]': 'isOpen()',
                     },
                 }]
         }], ctorParameters: () => [] });
-function provideTreeNode(treeNode) {
+function aliasTreeNode(treeNode) {
     return { provide: NgbTreeNode, useExisting: treeNode };
 }
 
@@ -274,22 +243,21 @@ class NgbTree {
         this.expanded = true;
         this.opened.set(new Set());
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTree, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbTree, isStandalone: true, selector: "[ngbTree]", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: true, transformFunction: null }, children: { classPropertyName: "children", publicName: "children", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tree" } }, queries: [{ propertyName: "treeNodeDef", first: true, predicate: NgbTreeNodeDef, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["ngbTree"], hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0, template: `<ng-container #container />`, isInline: true }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTree, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbTree, isStandalone: true, selector: "[ngbTree]", inputs: { dataSource: { classPropertyName: "dataSource", publicName: "dataSource", isSignal: true, isRequired: true, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: true, transformFunction: null }, children: { classPropertyName: "children", publicName: "children", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "tree" } }, queries: [{ propertyName: "treeNodeDef", first: true, predicate: NgbTreeNodeDef, descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], exportAs: ["ngbTree"], hostDirectives: [{ directive: i1.AccessibleGroup }], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTree, decorators: [{
-            type: Component,
+            type: Directive,
             args: [{
                     selector: '[ngbTree]',
                     exportAs: 'ngbTree',
-                    template: `<ng-container #container />`,
                     hostDirectives: [AccessibleGroup],
                     host: {
                         role: 'tree',
                     },
                 }]
         }], ctorParameters: () => [] });
-function provideTree(tree) {
+function aliasTree(tree) {
     return { provide: NgbTree, useExisting: tree };
 }
 
@@ -297,5 +265,5 @@ function provideTree(tree) {
  * Generated bundle index. Do not edit.
  */
 
-export { NgbTree, NgbTreeNode, NgbTreeNodeContent, NgbTreeNodeDef, NgbTreeNodeToggle, provideTree, provideTreeNode };
+export { NgbTree, NgbTreeNode, NgbTreeNodeContent, NgbTreeNodeDef, NgbTreeNodeToggle, aliasTree, aliasTreeNode };
 //# sourceMappingURL=ngbase-adk-tree.mjs.map

package/fesm2022/ngbase-adk-tree.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-tree.mjs","sources":["../../../projects/adk/tree/tree-node.ts","../../../projects/adk/tree/tree-toggle.ts","../../../projects/adk/tree/tree.ts","../../../projects/adk/tree/ngbase-adk-tree.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  inject,\n  linkedSignal,\n  signal,\n  Type,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\nimport { NgbTree, TREE_NODE_DATA, TreeNodeData } from './tree';\nimport { NgbTreeNodeDef } from './tree-toggle';\n\n@Component({\n  selector: '[ngbTreeNode]',\n  exportAs: 'ngbTreeNode',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <style>\n      .tree-node {\n        display: flex;\n        align-items: start;\n      }\n    </style>\n    <div class=\"tree-node\">\n      <ng-content />\n    </div>\n    <ng-content select=\"[ngbTreeNodeContent]\" />\n    <ng-container #container />\n  `,\n  hostDirectives: [AccessibleItem],\n  host: {\n    '[style]': 'padding()',\n    '(selectedChange)': 'toggle()',\n    '[ayId]': 'tree.ayId',\n    '[level]': 'data.level',\n    '[expandable]': 'hasChildren()',\n    '[expanded]': 'isOpen()',\n    role: 'treeitem',\n    '[attr.aria-expanded]': 'isOpen()',\n  },\n})\nexport class NgbTreeNode<T> {\n  readonly treeNodeDef = inject(NgbTreeNodeDef);\n  readonly tree = inject<NgbTree<T>>(NgbTree);\n  readonly data = inject<TreeNodeData<T>>(TREE_NODE_DATA);\n  readonly container = viewChild('container', { read: ViewContainerRef });\n\n  readonly isOpen = computed(() => this.tree.opened().has(this.data.details.id));\n  readonly parent = computed(() => this.tree.getNode(this.data.details.parentId!));\n  private readonly children = computed(() => {\n    const _ = this.tree.dataSource();\n    const when = this.tree.children();\n    const v = when(this.data.data) || [];\n    return v;\n  });\n  readonly hasChildren = computed(() => this.children().length > 0);\n  readonly dir = injectDirectionality();\n  readonly size = signal(32);\n  readonly padding = computed(() => ({\n    [this.dir.isRtl() ? 'paddingRight' : 'paddingLeft']: this.data.level * this.size() + 'px',\n  }));\n\n  constructor() {\n    const a11yItem = inject(AccessibleItem);\n    a11yItem._ayId.set(this.tree.ayId);\n    a11yItem.level.set(this.data.level);\n    a11yItem._expandable = linkedSignal(this.hasChildren);\n    a11yItem._expanded = linkedSignal(this.isOpen);\n\n    a11yItem.selectedChange.subscribe(() => {\n      this.toggle();\n    });\n  }\n\n  toggle() {\n    if (this.hasChildren()) {\n      this.tree.toggle(this.data.details);\n    }\n  }\n\n  // keyboardEvent(key: 'ArrowRight' | 'ArrowLeft') {\n  //   // 1. if right arrow, open the node based on the isOpen\n  //   // 2. if left arrow, close the node based on the isOpen\n  //   // 3. if left arrow and isOpen, focus the previous sibling\n  //   // 4. if right arrow and isOpen, focus the next sibling\n\n  //   if (key === 'ArrowRight') {\n  //     if (this.isOpen()) {\n  //       // this.children()?.[0]?.focus();\n  //     } else {\n  //       this.toggle();\n  //     }\n  //   } else if (key === 'ArrowLeft') {\n  //     if (this.isOpen()) {\n  //       this.toggle();\n  //     } else {\n  //       // this.parent()?.focus();\n  //     }\n  //   }\n  // }\n}\n\nexport function provideTreeNode<T>(treeNode: Type<NgbTreeNode<T>>) {\n  return { provide: NgbTreeNode, useExisting: treeNode };\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgbTreeNode } from './tree-node';\n\n@Directive({\n  selector: '[ngbTreeNodeToggle]',\n  host: {\n    '(click)': 'toggle()',\n    '[attr.aria-hidden]': '!treeNode.hasChildren()',\n    tabIndex: '-1',\n  },\n})\nexport class NgbTreeNodeToggle {\n  treeNode = inject(NgbTreeNode);\n\n  toggle() {\n    if (this.treeNode.hasChildren()) {\n      this.treeNode.toggle();\n    }\n  }\n}\n\n@Directive({\n  selector: '[ngbTreeNodeDef]',\n})\nexport class NgbTreeNodeDef<T> {}\n\n@Directive({\n  selector: '[ngbTreeNodeContent]',\n})\nexport class NgbTreeNodeContent {}\n","import {\n  Component,\n  EmbeddedViewRef,\n  InjectionToken,\n  Injector,\n  IterableDiffers,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AccessibleGroup } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTreeNodeDef } from './tree-toggle';\n\nexport const TREE_NODE_DATA = new InjectionToken<TreeNodeData<any>>('TREE_NODE_DATA');\n\nexport type TreeAction = 'add' | 'addAll' | 'delete' | 'deleteAll';\n\ninterface FlatNode {\n  expandable: boolean;\n  id: string;\n  level: number;\n  isExpanded?: boolean;\n  parentId?: string;\n  index: number;\n  childrenCount: number;\n}\n\nclass TreeFlatNode<T> {\n  data: FlatNode[] = [];\n  readonly dataMap = new Map<string, T>();\n\n  constructor(\n    private children: (node: T) => T[],\n    private id: (node: T) => any,\n  ) {}\n\n  setDataSource(data: T[], opened: Set<string>, expanded: boolean) {\n    this.data = [];\n    this.dataMap.clear();\n    this.setChildren(data, 0, '0', opened, expanded);\n  }\n\n  private setChildren(\n    list: T[],\n    level: number,\n    parentId: any,\n    opened: Set<string>,\n    expanded: boolean,\n  ) {\n    if (expanded) {\n      opened.add(parentId);\n    } else if (level !== 0 && !opened.has(parentId)) {\n      return;\n    }\n    for (let index = 0; index < list.length; index++) {\n      const node = list[index];\n      const children = this.children(node);\n      const childrenId = parentId + '-' + this.id(node);\n      const value: FlatNode = {\n        level,\n        expandable: children.length > 0,\n        parentId,\n        id: childrenId,\n        index,\n        childrenCount: children.length,\n      };\n      this.dataMap.set(childrenId, node);\n      this.data.push(value);\n      if (children.length) {\n        this.setChildren(children, level + 1, childrenId, opened, expanded);\n      }\n    }\n  }\n}\n\nexport interface TreeNodeData<T> {\n  level: number;\n  details: FlatNode;\n  data: T;\n}\n\nexport interface TreeNodeImplicit<T> {\n  $implicit: T;\n  level: number;\n}\n\n@Component({\n  selector: '[ngbTree]',\n  exportAs: 'ngbTree',\n  template: `<ng-container #container />`,\n  hostDirectives: [AccessibleGroup],\n  host: {\n    role: 'tree',\n  },\n})\nexport class NgbTree<T> {\n  // Dependencies\n  private readonly injector = inject(Injector);\n  private readonly differs = inject(IterableDiffers);\n  readonly ayId = uniqueId();\n\n  readonly treeNodeDef = contentChild.required(NgbTreeNodeDef, { read: TemplateRef });\n  readonly container = viewChild.required('container', { read: ViewContainerRef });\n\n  // Inputs\n  readonly dataSource = input.required<T[]>();\n  readonly trackBy = input.required<(index: number, item: T) => any>();\n  readonly children = input.required<(node: T) => T[]>();\n\n  readonly opened = signal(new Set<string>());\n  readonly trace = new Map<\n    string,\n    { ref: EmbeddedViewRef<TreeNodeImplicit<T>>; parent: FlatNode }\n  >();\n  private readonly _dataDiffers = this.differs.find([]).create<FlatNode>((index, item) => item.id);\n  private readonly flattener = computed(\n    () => new TreeFlatNode(this.children(), node => this.trackBy()(0, node)),\n  );\n  private expanded = false;\n\n  constructor() {\n    inject(AccessibleGroup).ayId.set(this.ayId);\n    effect(() => {\n      const flattener = this.flattener();\n      const data = this.dataSource();\n      const opened = this.opened();\n      flattener.setDataSource(data, opened, this.expanded);\n      this.expanded = false;\n\n      const changes = this._dataDiffers.diff(flattener.data);\n      if (!changes) {\n        return;\n      }\n\n      const container = this.container()!;\n      const def = this.treeNodeDef();\n      changes.forEachOperation((item, adjustedPreviousIndex, currentIndex) => {\n        if (item.previousIndex == null) {\n          // Item added\n          // const parent = this.flattener().tempData.get(item.item.parentId!);\n          this.renderNode(item.item, container, def, item.item.level, currentIndex!);\n        } else if (currentIndex == null) {\n          // Item removed\n          this.removeNode(item.item);\n        } else {\n          // Item moved\n          const viewRef = this.trace.get(item.item.id)?.ref;\n          if (viewRef) {\n            container.move(viewRef, currentIndex);\n          }\n        }\n      });\n\n      // update the opened nodes\n      changes.forEachIdentityChange(item => {\n        const viewRef = this.trace.get(item.item.id)?.ref;\n        if (viewRef) {\n          viewRef.context.level = item.item.level;\n          viewRef.context.$implicit = this.flattener().dataMap.get(item.item.id)!;\n        }\n      });\n    });\n  }\n\n  private removeNode(data: FlatNode) {\n    const ref = this.trace.get(data.id);\n    if (ref) {\n      ref.ref.destroy();\n      this.trace.delete(data.id);\n    }\n  }\n\n  getNode(id: string) {\n    return this.flattener().dataMap.get(id);\n  }\n\n  private renderNode(\n    details: FlatNode,\n    container: ViewContainerRef,\n    def: TemplateRef<any>,\n    level = 0,\n    index: number,\n  ) {\n    if (!this.trace.has(details.id)) {\n      const data = this.flattener().dataMap.get(details.id)!;\n      const value: TreeNodeData<T> = { level, details: details, data };\n      const injector = Injector.create({\n        providers: [{ provide: TREE_NODE_DATA, useValue: value }],\n        parent: this.injector,\n      });\n      const ref = container.createEmbeddedView<TreeNodeImplicit<T>>(\n        def,\n        { $implicit: data, level },\n        { injector, index },\n      );\n      this.trace.set(details.id, { ref, parent: details });\n      ref.detectChanges();\n    }\n  }\n\n  toggle(data: FlatNode) {\n    const opened = this.opened();\n    const type = opened.has(data.id) ? 'delete' : 'add';\n    if (type === 'delete') {\n      opened.delete(data.id);\n    } else {\n      opened.add(data.id);\n    }\n    this.opened.set(new Set(opened));\n  }\n\n  foldAll() {\n    this.expanded = false;\n    this.opened.set(new Set());\n  }\n\n  expandAll() {\n    this.expanded = true;\n    this.opened.set(new Set());\n  }\n}\n\nexport function provideTree<T>(tree: Type<NgbTree<T>>) {\n  return { provide: NgbTree, useExisting: tree };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngbase-adk-tree.mjs","sources":["../../../projects/adk/tree/tree-node.ts","../../../projects/adk/tree/tree-toggle.ts","../../../projects/adk/tree/tree.ts","../../../projects/adk/tree/ngbase-adk-tree.ts"],"sourcesContent":["import {\n  computed,\n  Directive,\n  inject,\n  linkedSignal,\n  signal,\n  Type,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { AccessibleItem } from '@ngbase/adk/a11y';\nimport { injectDirectionality } from '@ngbase/adk/bidi';\nimport { NgbTree, TREE_NODE_DATA, TreeNodeData } from './tree';\nimport { NgbTreeNodeDef } from './tree-toggle';\n\n@Directive({\n  selector: '[ngbTreeNode]',\n  exportAs: 'ngbTreeNode',\n  hostDirectives: [AccessibleItem],\n  host: {\n    role: 'treeitem',\n    '[style]': 'padding()',\n    '[attr.aria-expanded]': 'isOpen()',\n  },\n})\nexport class NgbTreeNode<T> {\n  readonly treeNodeDef = inject(NgbTreeNodeDef);\n  readonly tree = inject<NgbTree<T>>(NgbTree);\n  readonly data = inject<TreeNodeData<T>>(TREE_NODE_DATA);\n  readonly container = viewChild('container', { read: ViewContainerRef });\n\n  readonly isOpen = computed(() => this.tree.opened().has(this.data.details.id));\n  readonly parent = computed(() => this.tree.getNode(this.data.details.parentId!));\n  private readonly children = computed(() => {\n    const _ = this.tree.dataSource();\n    const when = this.tree.children();\n    const v = when(this.data.data) || [];\n    return v;\n  });\n  readonly hasChildren = computed(() => this.children().length > 0);\n  readonly dir = injectDirectionality();\n  readonly size = signal(32);\n  readonly padding = computed(() => ({\n    [this.dir.isRtl() ? 'paddingRight' : 'paddingLeft']: this.data.level * this.size() + 'px',\n  }));\n\n  constructor() {\n    const a11yItem = inject(AccessibleItem);\n    a11yItem._ayId.set(this.tree.ayId);\n    a11yItem.level.set(this.data.level);\n    a11yItem._expandable = linkedSignal(this.hasChildren);\n    a11yItem._expanded = linkedSignal(this.isOpen);\n\n    a11yItem.selectedChange.subscribe(() => {\n      this.toggle();\n    });\n  }\n\n  toggle() {\n    if (this.hasChildren()) {\n      this.tree.toggle(this.data.details);\n    }\n  }\n\n  // keyboardEvent(key: 'ArrowRight' | 'ArrowLeft') {\n  //   // 1. if right arrow, open the node based on the isOpen\n  //   // 2. if left arrow, close the node based on the isOpen\n  //   // 3. if left arrow and isOpen, focus the previous sibling\n  //   // 4. if right arrow and isOpen, focus the next sibling\n\n  //   if (key === 'ArrowRight') {\n  //     if (this.isOpen()) {\n  //       // this.children()?.[0]?.focus();\n  //     } else {\n  //       this.toggle();\n  //     }\n  //   } else if (key === 'ArrowLeft') {\n  //     if (this.isOpen()) {\n  //       this.toggle();\n  //     } else {\n  //       // this.parent()?.focus();\n  //     }\n  //   }\n  // }\n}\n\nexport function aliasTreeNode<T>(treeNode: Type<NgbTreeNode<T>>) {\n  return { provide: NgbTreeNode, useExisting: treeNode };\n}\n","import { Directive, inject } from '@angular/core';\nimport { NgbTreeNode } from './tree-node';\n\n@Directive({\n  selector: '[ngbTreeNodeToggle]',\n  host: {\n    '(click)': 'toggle()',\n    '[attr.aria-hidden]': '!treeNode.hasChildren()',\n    tabIndex: '-1',\n  },\n})\nexport class NgbTreeNodeToggle {\n  treeNode = inject(NgbTreeNode);\n\n  toggle() {\n    if (this.treeNode.hasChildren()) {\n      this.treeNode.toggle();\n    }\n  }\n}\n\n@Directive({\n  selector: '[ngbTreeNodeDef]',\n})\nexport class NgbTreeNodeDef<T> {}\n\n@Directive({\n  selector: '[ngbTreeNodeContent]',\n})\nexport class NgbTreeNodeContent {}\n","import {\n  Directive,\n  EmbeddedViewRef,\n  InjectionToken,\n  Injector,\n  IterableDiffers,\n  TemplateRef,\n  Type,\n  ViewContainerRef,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  signal,\n  viewChild,\n} from '@angular/core';\nimport { AccessibleGroup } from '@ngbase/adk/a11y';\nimport { uniqueId } from '@ngbase/adk/utils';\nimport { NgbTreeNodeDef } from './tree-toggle';\n\nexport const TREE_NODE_DATA = new InjectionToken<TreeNodeData<any>>('TREE_NODE_DATA');\n\nexport type TreeAction = 'add' | 'addAll' | 'delete' | 'deleteAll';\n\ninterface FlatNode {\n  expandable: boolean;\n  id: string;\n  level: number;\n  isExpanded?: boolean;\n  parentId?: string;\n  index: number;\n  childrenCount: number;\n}\n\nclass TreeFlatNode<T> {\n  data: FlatNode[] = [];\n  readonly dataMap = new Map<string, T>();\n\n  constructor(\n    private children: (node: T) => T[],\n    private id: (node: T) => any,\n  ) {}\n\n  setDataSource(data: T[], opened: Set<string>, expanded: boolean) {\n    this.data = [];\n    this.dataMap.clear();\n    this.setChildren(data, 0, '0', opened, expanded);\n  }\n\n  private setChildren(\n    list: T[],\n    level: number,\n    parentId: any,\n    opened: Set<string>,\n    expanded: boolean,\n  ) {\n    if (expanded) {\n      opened.add(parentId);\n    } else if (level !== 0 && !opened.has(parentId)) {\n      return;\n    }\n    for (let index = 0; index < list.length; index++) {\n      const node = list[index];\n      const children = this.children(node);\n      const childrenId = parentId + '-' + this.id(node);\n      const value: FlatNode = {\n        level,\n        expandable: children.length > 0,\n        parentId,\n        id: childrenId,\n        index,\n        childrenCount: children.length,\n      };\n      this.dataMap.set(childrenId, node);\n      this.data.push(value);\n      if (children.length) {\n        this.setChildren(children, level + 1, childrenId, opened, expanded);\n      }\n    }\n  }\n}\n\nexport interface TreeNodeData<T> {\n  level: number;\n  details: FlatNode;\n  data: T;\n}\n\nexport interface TreeNodeImplicit<T> {\n  $implicit: T;\n  level: number;\n}\n\n@Directive({\n  selector: '[ngbTree]',\n  exportAs: 'ngbTree',\n  hostDirectives: [AccessibleGroup],\n  host: {\n    role: 'tree',\n  },\n})\nexport class NgbTree<T> {\n  // Dependencies\n  private readonly injector = inject(Injector);\n  private readonly differs = inject(IterableDiffers);\n  readonly ayId = uniqueId();\n\n  readonly treeNodeDef = contentChild.required(NgbTreeNodeDef, { read: TemplateRef });\n  readonly container = viewChild.required('container', { read: ViewContainerRef });\n\n  // Inputs\n  readonly dataSource = input.required<T[]>();\n  readonly trackBy = input.required<(index: number, item: T) => any>();\n  readonly children = input.required<(node: T) => T[]>();\n\n  readonly opened = signal(new Set<string>());\n  readonly trace = new Map<\n    string,\n    { ref: EmbeddedViewRef<TreeNodeImplicit<T>>; parent: FlatNode }\n  >();\n  private readonly _dataDiffers = this.differs.find([]).create<FlatNode>((index, item) => item.id);\n  private readonly flattener = computed(\n    () => new TreeFlatNode(this.children(), node => this.trackBy()(0, node)),\n  );\n  private expanded = false;\n\n  constructor() {\n    inject(AccessibleGroup).ayId.set(this.ayId);\n    effect(() => {\n      const flattener = this.flattener();\n      const data = this.dataSource();\n      const opened = this.opened();\n      flattener.setDataSource(data, opened, this.expanded);\n      this.expanded = false;\n\n      const changes = this._dataDiffers.diff(flattener.data);\n      if (!changes) {\n        return;\n      }\n\n      const container = this.container()!;\n      const def = this.treeNodeDef();\n      changes.forEachOperation((item, adjustedPreviousIndex, currentIndex) => {\n        if (item.previousIndex == null) {\n          // Item added\n          // const parent = this.flattener().tempData.get(item.item.parentId!);\n          this.renderNode(item.item, container, def, item.item.level, currentIndex!);\n        } else if (currentIndex == null) {\n          // Item removed\n          this.removeNode(item.item);\n        } else {\n          // Item moved\n          const viewRef = this.trace.get(item.item.id)?.ref;\n          if (viewRef) {\n            container.move(viewRef, currentIndex);\n          }\n        }\n      });\n\n      // update the opened nodes\n      changes.forEachIdentityChange(item => {\n        const viewRef = this.trace.get(item.item.id)?.ref;\n        if (viewRef) {\n          viewRef.context.level = item.item.level;\n          viewRef.context.$implicit = this.flattener().dataMap.get(item.item.id)!;\n        }\n      });\n    });\n  }\n\n  private removeNode(data: FlatNode) {\n    const ref = this.trace.get(data.id);\n    if (ref) {\n      ref.ref.destroy();\n      this.trace.delete(data.id);\n    }\n  }\n\n  getNode(id: string) {\n    return this.flattener().dataMap.get(id);\n  }\n\n  private renderNode(\n    details: FlatNode,\n    container: ViewContainerRef,\n    def: TemplateRef<any>,\n    level = 0,\n    index: number,\n  ) {\n    if (!this.trace.has(details.id)) {\n      const data = this.flattener().dataMap.get(details.id)!;\n      const value: TreeNodeData<T> = { level, details: details, data };\n      const injector = Injector.create({\n        providers: [{ provide: TREE_NODE_DATA, useValue: value }],\n        parent: this.injector,\n      });\n      const ref = container.createEmbeddedView<TreeNodeImplicit<T>>(\n        def,\n        { $implicit: data, level },\n        { injector, index },\n      );\n      this.trace.set(details.id, { ref, parent: details });\n      ref.detectChanges();\n    }\n  }\n\n  toggle(data: FlatNode) {\n    const opened = this.opened();\n    const type = opened.has(data.id) ? 'delete' : 'add';\n    if (type === 'delete') {\n      opened.delete(data.id);\n    } else {\n      opened.add(data.id);\n    }\n    this.opened.set(new Set(opened));\n  }\n\n  foldAll() {\n    this.expanded = false;\n    this.opened.set(new Set());\n  }\n\n  expandAll() {\n    this.expanded = true;\n    this.opened.set(new Set());\n  }\n}\n\nexport function aliasTree<T>(tree: Type<NgbTree<T>>) {\n  return { provide: NgbTree, useExisting: tree };\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/form-field/public-api.d.ts

@@ -3,4 +3,3 @@ export * from './form-field';
 export { InputBase } from './input';
 export * from './auto-height';
 export * from './label';
-export * from './otp';

package/menu/menu-trigger.d.ts

@@ -1,6 +1,6 @@
 import { ElementRef } from '@angular/core';
 import { AccessibleItem } from '@ngbase/adk/a11y';
-import { DialogOptions } from '@ngbase/adk/portal';
+import { PopoverOptions } from '@ngbase/adk/popover';
 import { Subject } from 'rxjs';
 import { NgbMenu } from './menu';
 import * as i0 from "@angular/core";
@@ -11,7 +11,7 @@ export declare class NgbMenuTrigger {
     readonly a11y: AccessibleItem<any> | null;
     readonly ngbMenuTrigger: import("@angular/core").InputSignal<NgbMenu>;
     readonly ngbMenuTriggerData: import("@angular/core").InputSignal<unknown>;
-    readonly options: import("@angular/core").InputSignal<DialogOptions<any>>;
+    readonly options: import("@angular/core").InputSignal<Partial<PopoverOptions>>;
     private readonly _menuOpen;
     readonly menuOpen: import("@angular/core").Signal<boolean>;
     readonly events: Subject<{

package/menu/menu.d.ts

@@ -2,19 +2,19 @@ import { OnDestroy, TemplateRef } from '@angular/core';
 import { AccessibleGroup } from '@ngbase/adk/a11y';
 import { Keys } from '@ngbase/adk/keys';
 import { NgbList } from '@ngbase/adk/list';
+import { PopoverOptions } from '@ngbase/adk/popover';
 import { DialogRef } from '@ngbase/adk/portal';
 import { NgbOption } from '@ngbase/adk/select';
 import { BehaviorSubject, Subject } from 'rxjs';
 import { NgbMenuTrigger } from './menu-trigger';
-import { PopoverOptions } from '@ngbase/adk/popover';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngbase/adk/a11y";
-export declare class MenuGroup {
+export declare class NgpMenuGroup {
     readonly menu: NgbMenu;
     readonly allyGroup: AccessibleGroup;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<MenuGroup, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MenuGroup, "[ngbMenuGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.AccessibleGroup; inputs: {}; outputs: {}; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgpMenuGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgpMenuGroup, "[ngbMenuGroup]", never, {}, {}, never, never, true, [{ directive: typeof i1.AccessibleGroup; inputs: {}; outputs: {}; }]>;
 }
 export declare class NgbMenu implements OnDestroy {
     readonly dir: import("@ngbase/adk/bidi").Directionality;
@@ -44,9 +44,9 @@ export declare class NgbMenu implements OnDestroy {
     close: () => void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbMenu, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbMenu, "[ngbMenu]", ["ngbMenu"], {}, { "selected": "selected"; }, ["options", "lists"], ["*"], true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbMenu, "[ngbMenu]", ["ngbMenu"], {}, { "selected": "selected"; }, ["options", "lists"], never, true, never>;
 }
-export declare const provideMenu: (menu: typeof NgbMenu) => {
+export declare const aliasMenu: (menu: typeof NgbMenu) => {
     provide: typeof NgbMenu;
     useExisting: typeof NgbMenu;
 };

package/otp/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ngbase/adk/otp" />
+export * from './public-api';

package/{form-field → otp}/otp.d.ts

@@ -38,7 +38,7 @@ export declare class NgbInputOtp implements ControlValueAccessor {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbInputOtp, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbInputOtp, "[ngbInputOtp]", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "masked": { "alias": "masked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-export declare function provideInputOtp(otp: typeof NgbInputOtp): ({
+export declare function aliasInputOtp(otp: typeof NgbInputOtp): ({
     provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
     useExisting: import("@angular/core").Type<any>;
     multi: boolean;

package/otp/public-api.d.ts

@@ -0,0 +1 @@
+export * from './otp';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ngbase/adk",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "repository": {
     "type": "git",
     "url": "https://github.com/ng-base/ngbase.git"
@@ -40,10 +40,6 @@
       "types": "./accordion/index.d.ts",
       "default": "./fesm2022/ngbase-adk-accordion.mjs"
     },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-avatar.mjs"
-    },
     "./autocomplete": {
       "types": "./autocomplete/index.d.ts",
       "default": "./fesm2022/ngbase-adk-autocomplete.mjs"
@@ -52,6 +48,10 @@
       "types": "./bidi/index.d.ts",
       "default": "./fesm2022/ngbase-adk-bidi.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-avatar.mjs"
+    },
     "./breadcrumb": {
       "types": "./breadcrumb/index.d.ts",
       "default": "./fesm2022/ngbase-adk-breadcrumb.mjs"
@@ -100,14 +100,14 @@
       "types": "./drag/index.d.ts",
       "default": "./fesm2022/ngbase-adk-drag.mjs"
     },
-    "./hover-card": {
-      "types": "./hover-card/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-hover-card.mjs"
-    },
     "./form-field": {
       "types": "./form-field/index.d.ts",
       "default": "./fesm2022/ngbase-adk-form-field.mjs"
     },
+    "./hover-card": {
+      "types": "./hover-card/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-hover-card.mjs"
+    },
     "./icon": {
       "types": "./icon/index.d.ts",
       "default": "./fesm2022/ngbase-adk-icon.mjs"
@@ -144,6 +144,10 @@
       "types": "./network/index.d.ts",
       "default": "./fesm2022/ngbase-adk-network.mjs"
     },
+    "./otp": {
+      "types": "./otp/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-otp.mjs"
+    },
     "./pagination": {
       "types": "./pagination/index.d.ts",
       "default": "./fesm2022/ngbase-adk-pagination.mjs"
@@ -180,6 +184,10 @@
       "types": "./selectable/index.d.ts",
       "default": "./fesm2022/ngbase-adk-selectable.mjs"
     },
+    "./sheet": {
+      "types": "./sheet/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-sheet.mjs"
+    },
     "./sidenav": {
       "types": "./sidenav/index.d.ts",
       "default": "./fesm2022/ngbase-adk-sidenav.mjs"
@@ -204,14 +212,14 @@
       "types": "./table/index.d.ts",
       "default": "./fesm2022/ngbase-adk-table.mjs"
     },
-    "./test": {
-      "types": "./test/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-test.mjs"
-    },
     "./tabs": {
       "types": "./tabs/index.d.ts",
       "default": "./fesm2022/ngbase-adk-tabs.mjs"
     },
+    "./test": {
+      "types": "./test/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-test.mjs"
+    },
     "./toggle": {
       "types": "./toggle/index.d.ts",
       "default": "./fesm2022/ngbase-adk-toggle.mjs"
@@ -228,14 +236,14 @@
       "types": "./tour/index.d.ts",
       "default": "./fesm2022/ngbase-adk-tour.mjs"
     },
-    "./tree": {
-      "types": "./tree/index.d.ts",
-      "default": "./fesm2022/ngbase-adk-tree.mjs"
-    },
     "./translate": {
       "types": "./translate/index.d.ts",
       "default": "./fesm2022/ngbase-adk-translate.mjs"
     },
+    "./tree": {
+      "types": "./tree/index.d.ts",
+      "default": "./fesm2022/ngbase-adk-tree.mjs"
+    },
     "./utils": {
       "types": "./utils/index.d.ts",
       "default": "./fesm2022/ngbase-adk-utils.mjs"

package/pagination/pagination.d.ts

@@ -24,5 +24,9 @@ export declare class NgbPagination {
     jump(by: number): void;
     sizeChanged(size: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbPagination, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbPagination, "[ngbPagination]", never, { "total": { "alias": "total"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "sizeOptions": { "alias": "sizeOptions"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": true; "isSignal": true; }; }, { "size": "sizeChange"; "active": "activeChange"; "valueChanged": "valueChanged"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPagination, "[ngbPagination]", never, { "total": { "alias": "total"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "sizeOptions": { "alias": "sizeOptions"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": true; "isSignal": true; }; }, { "size": "sizeChange"; "active": "activeChange"; "valueChanged": "valueChanged"; }, never, never, true, never>;
 }
+export declare function aliasPagination(pagination: typeof NgbPagination): {
+    provide: typeof NgbPagination;
+    useExisting: typeof NgbPagination;
+};

package/popover/popover-arrow.ng.d.ts

@@ -0,0 +1,34 @@
+import { ElementRef, WritableSignal } from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { PopoverPosition } from './popover.service';
+import * as i0 from "@angular/core";
+export declare class PopoverArrowTracker {
+    top?: number | undefined;
+    left?: number | undefined;
+    right?: number | undefined;
+    bottom?: number | undefined;
+    target?: HTMLElement;
+    position?: PopoverPosition;
+}
+export declare const POPOVER_ARROW_TRACKER: InjectionToken<{
+    values: WritableSignal<PopoverArrowTracker>;
+}>;
+export declare function providePopoverArrowTracker(): {
+    provide: InjectionToken<{
+        values: WritableSignal<PopoverArrowTracker>;
+    }>;
+    useFactory: () => {
+        values: WritableSignal<PopoverArrowTracker>;
+    };
+};
+export declare class NgbPopoverArrow {
+    readonly arrowTracker: {
+        values: WritableSignal<PopoverArrowTracker>;
+    };
+    readonly anchor: import("@angular/core").InputSignal<boolean>;
+    readonly el: ElementRef<any>;
+    readonly styles: import("@angular/core").Signal<{}>;
+    private updateAnchorPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbPopoverArrow, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbPopoverArrow, "[ngbPopoverArrow]", never, { "anchor": { "alias": "anchor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/popover/popover.d.ts

@@ -19,6 +19,9 @@ export declare class NgbPopoverMain {
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPopoverMain, "[ngbPopoverMain]", never, {}, {}, never, never, true, never>;
 }
 export declare class NgbPopover extends BaseDialog {
+    readonly arrowTracker: {
+        values: import("@angular/core").WritableSignal<import("@ngbase/adk/popover").PopoverArrowTracker>;
+    };
     private readonly disposals;
     readonly myDialog: import("@angular/core").Signal<ViewContainerRef>;
     readonly container: import("@angular/core").Signal<ElementRef<HTMLElement>>;
@@ -35,7 +38,6 @@ export declare class NgbPopover extends BaseDialog {
     private scheduleUpdateDimension;
     private schedulePopoverUpdate;
     private updateDimension;
-    private updateAnchorPosition;
     setOptions(options: PopoverOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbPopover, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<NgbPopover, "ngb-popover", never, {}, {}, never, never, true, never>;
@@ -44,7 +46,14 @@ export declare class NgbPopoverClose {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbPopoverClose, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPopoverClose, "[ngbPopoverClose]", never, {}, {}, never, never, true, [{ directive: typeof i2.NgbPortalClose; inputs: { "ngbPortalClose": "ngbPopoverClose"; }; outputs: {}; }]>;
 }
-export declare function providePopover(popover: typeof NgbPopover): {
+export declare function aliasPopover(popover: typeof NgbPopover): ({
+    provide: import("@angular/core").InjectionToken<{
+        values: import("@angular/core").WritableSignal<import("@ngbase/adk/popover").PopoverArrowTracker>;
+    }>;
+    useFactory: () => {
+        values: import("@angular/core").WritableSignal<import("@ngbase/adk/popover").PopoverArrowTracker>;
+    };
+} | {
     provide: typeof NgbPopover;
     useExisting: typeof NgbPopover;
-};
+})[];

package/popover/popover.service.d.ts

@@ -2,8 +2,9 @@ import { InjectionToken, Signal, Type, WritableSignal } from '@angular/core';
 import { DialogInput, DialogOptions, DialogRef } from '@ngbase/adk/portal';
 import { Observable } from 'rxjs';
 import { NgbPopover } from './popover';
-export type PopoverPosition = 'top' | 'bottom' | 'left' | 'right' | 'tl' | 'tr' | 'bl' | 'br';
-export declare class PopoverOptions extends DialogOptions {
+import { OverlayPosition, PopoverUtilConfig } from './utils';
+export type PopoverPosition = OverlayPosition;
+export declare class PopoverOptions extends DialogOptions implements PopoverUtilConfig {
     target: HTMLElement;
     el?: HTMLElement;
     position?: PopoverPosition;
@@ -36,7 +37,7 @@ export declare function ngbPopoverPortal(): {
     open: <T>(component: DialogInput<T>, options: PopoverOptions) => PopoverOpen<T>;
     closeAll: () => void;
 };
-export declare const registerNgbPopover: (popover: Type<NgbPopover>) => {
+export declare const registerNgbPopover: (popover: typeof NgbPopover) => {
     provide: InjectionToken<Type<NgbPopover>>;
-    useValue: Type<NgbPopover>;
+    useValue: typeof NgbPopover;
 };

package/popover/public-api.d.ts

@@ -2,4 +2,5 @@ export * from './popover.service';
 export * from './popover';
 export * from './popover-trigger';
 export * from './base-popover.service';
+export * from './popover-arrow.ng';
 export { tooltipPosition } from './utils';