@ngbase/adk 0.1.10 → 0.1.12

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

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-tooltip.mjs","sources":["../../../projects/adk/tooltip/tooltip.ts","../../../projects/adk/tooltip/tooltip.service.ts","../../../projects/adk/tooltip/tooltip.directive.ts","../../../projects/adk/tooltip/public-api.ts","../../../projects/adk/tooltip/ngbase-adk-tooltip.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { Directive, ElementRef, OnDestroy, afterRenderEffect, inject, signal } from '@angular/core';\nimport { POPOVER_ARROW_TRACKER, PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\n\nexport const tooltipAnimation = trigger('tooltipAnimation', [\n  state('1', style({ transform: 'none', opacity: 1 })),\n  state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),\n  state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),\n  transition('* => *', animate('150ms ease-out')),\n]);\n\n@Directive({\n  selector: '[ngbTooltip]',\n  host: {\n    '[@tooltipAnimation]': '',\n  },\n})\nexport class NgbTooltipTemplate implements OnDestroy {\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly arrowTracker = inject(POPOVER_ARROW_TRACKER, { optional: true });\n\n  readonly content = signal('Tooltip');\n  private target = signal<HTMLElement | undefined>(undefined);\n  private position: PopoverPosition = 'top';\n  private hide!: VoidFunction;\n  private observer?: MutationObserver;\n\n  constructor() {\n    afterRenderEffect(() => {\n      const _ = this.content();\n      const target = this.target();\n      // we need for the content to be set before setting the position\n      if (target) {\n        this.setPosition(target);\n      }\n    });\n  }\n\n  update(content: string, target: HTMLElement, position: PopoverPosition, hide: VoidFunction) {\n    this.setTarget(target);\n    this.hide = hide;\n    this.position = position;\n    this.el.nativeElement.style.right = '';\n    this.el.nativeElement.style.transition = '.15s ease-out all';\n    this.content.set(content);\n  }\n\n  private setTarget(target: HTMLElement) {\n    this.ngOnDestroy();\n    this.target.set(target);\n    this.listenTarget();\n  }\n\n  private listenTarget() {\n    this.observer = new MutationObserver(() => {\n      const target = this.target();\n      if (target?.isConnected) {\n        this.setPosition(target);\n      } else {\n        this.onRemoved();\n      }\n    });\n\n    this.observer.observe(document.body, { childList: true, subtree: true });\n  }\n\n  private onRemoved = () => {\n    this.hide();\n  };\n\n  setPosition(target: HTMLElement) {\n    const el = this.el.nativeElement;\n\n    const { top, bottom, left, right, position } = tooltipPosition({\n      target,\n      el,\n      position: this.position,\n      offset: 8,\n    });\n    if (bottom != undefined) {\n      el.style.bottom = `${bottom}px`;\n      el.style.top = '';\n    } else {\n      el.style.top = `${top}px`;\n      el.style.bottom = '';\n    }\n    if (right != undefined) {\n      el.style.right = `${right}px`;\n      el.style.left = '';\n    } else {\n      el.style.left = `${left}px`;\n      el.style.right = '';\n    }\n    this.arrowTracker?.values.set({ top, bottom, left, right, target, position });\n  }\n\n  ngOnDestroy(): void {\n    this.observer?.disconnect();\n  }\n}\n","import { ComponentRef, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogInput } from '@ngbase/adk/portal';\nimport { PopoverPosition } from '@ngbase/adk/popover';\nimport { NgbTooltipTemplate } from './tooltip';\n\n@Injectable({ providedIn: 'root' })\nexport class TooltipService {\n  tooltip = tooltipPortal();\n  tooltipOpen: TooltipOpen | undefined;\n  private position?: PopoverPosition;\n  private timeoutId: any;\n  delay = 100;\n\n  insert(\n    el: HTMLElement,\n    content: string,\n    position: PopoverPosition,\n    hide: VoidFunction,\n    component?: Type<NgbTooltipTemplate>,\n  ) {\n    clearTimeout(this.timeoutId);\n    // destroy immediately if position is different\n    if (this.position && this.position !== position) this.destroy(true);\n\n    // update if tooltip is open\n    if (this.tooltipOpen) {\n      this.tooltipOpen.parent.instance.update(content, el, position, hide);\n    } else {\n      this.tooltipOpen = this.tooltip.open(content, el, position, hide, component);\n    }\n    this.position = position;\n  }\n\n  destroy = (force?: boolean) => {\n    if (force) {\n      this.close();\n    } else {\n      this.timeoutId = setTimeout(() => this.close(), this.delay ?? 100);\n    }\n  };\n\n  private close() {\n    this.tooltipOpen?.destroy();\n    this.tooltipOpen = undefined;\n    this.delay = 100;\n  }\n}\n\ninterface TooltipOpen {\n  destroy: VoidFunction;\n  parent: ComponentRef<NgbTooltipTemplate>;\n  replace: ((component: DialogInput<NgbTooltipTemplate>) => void) | undefined;\n}\n\nexport function tooltipPortal() {\n  const NAME = 'tooltip';\n  const base = basePortal(NAME, NgbTooltipTemplate);\n\n  function open(\n    content: string,\n    target: HTMLElement,\n    position: PopoverPosition,\n    hide: VoidFunction,\n    parentComponent?: Type<NgbTooltipTemplate>,\n  ) {\n    const { diaRef, parent, replace } = base.open<NgbTooltipTemplate>(\n      undefined,\n      comp => {\n        comp.instance.update(content, target, position || 'top', hide);\n      },\n      undefined,\n      false,\n      parentComponent,\n    );\n\n    function destroy() {\n      diaRef.close();\n    }\n\n    return { destroy, parent, replace } as TooltipOpen;\n  }\n\n  return { open };\n}\n","import {\n  Directive,\n  ElementRef,\n  InjectionToken,\n  OnDestroy,\n  Type,\n  afterRenderEffect,\n  computed,\n  inject,\n  input,\n  untracked,\n} from '@angular/core';\nimport { PopoverPosition, providePopoverArrowTracker } from '@ngbase/adk/popover';\nimport { TooltipService } from './tooltip.service';\nimport { NgbTooltipTemplate } from './tooltip';\n\nexport function provideNgbTooltipOptions(options: TooltipOptions) {\n  return { provide: TOOLTIP_OPTIONS, useValue: options };\n}\n\nexport const TOOLTIP_OPTIONS = new InjectionToken<TooltipOptions>('TOOLTIP_OPTIONS');\n\nexport interface TooltipOptions {\n  showDelay?: number;\n  hideDelay?: number;\n  position?: PopoverPosition;\n  component?: Type<NgbTooltipTemplate>;\n}\n\n@Directive({\n  selector: '[ngbTooltip]',\n  providers: [providePopoverArrowTracker()],\n})\nexport class NgbTooltip implements OnDestroy {\n  // Dependencies\n  private defaultOptions = inject(TOOLTIP_OPTIONS, { optional: true });\n  private el = inject(ElementRef);\n  private tooltipService = inject(TooltipService);\n\n  // Inputs\n  readonly ngbTooltip = input<string>();\n  readonly ngbTooltipPosition = input<PopoverPosition>();\n  readonly delay = input(0);\n\n  // State\n  readonly options = computed(() => {\n    const o = this.defaultOptions || {};\n    const options: TooltipOptions = {\n      showDelay: this.delay() || o.showDelay || 0,\n      hideDelay: o.hideDelay || 0,\n      position: this.ngbTooltipPosition() || o.position || 'top',\n      component: this.defaultOptions?.component || o.component,\n    };\n    return options;\n  });\n  timer: any;\n\n  constructor() {\n    let active = false;\n    afterRenderEffect(() => {\n      const content = this.ngbTooltip();\n      untracked(() => {\n        if (content) {\n          if (!active) {\n            this.el.nativeElement.addEventListener('mouseenter', this.show);\n            this.el.nativeElement.addEventListener('mouseleave', this.hide);\n            active = true;\n          }\n        } else if (active) {\n          this.remove();\n          active = false;\n        }\n      });\n    });\n  }\n\n  show = () => {\n    // listen when cursor is over and element is removed\n    const options = this.options();\n    if (options.showDelay === 0 || this.tooltipService.tooltipOpen) {\n      this.tooltipService.insert(\n        this.el.nativeElement,\n        this.ngbTooltip()!,\n        options.position!,\n        this.quickHide,\n        options.component,\n      );\n      return;\n    }\n    this.timer = setTimeout(() => {\n      this.tooltipService.insert(\n        this.el.nativeElement,\n        this.ngbTooltip()!,\n        options.position!,\n        this.hide,\n        options.component,\n      );\n    }, options.showDelay);\n  };\n\n  removed = () => {\n    this.tooltipService.delay = 0;\n    this.hide();\n  };\n\n  hide = () => {\n    clearTimeout(this.timer);\n    this.tooltipService.destroy();\n  };\n\n  quickHide = () => {\n    this.tooltipService.delay = 0;\n    this.hide();\n  };\n\n  private remove() {\n    this.hide();\n    this.el.nativeElement.removeEventListener('mouseenter', this.show);\n    this.el.nativeElement.removeEventListener('mouseleave', this.hide);\n  }\n\n  ngOnDestroy() {\n    this.remove();\n  }\n}\n","/*\n * Public API Surface of tooltip\n */\n\nexport { NgbTooltipTemplate, tooltipAnimation } from './tooltip';\nexport { NgbTooltip, provideNgbTooltipOptions, type TooltipOptions } from './tooltip.directive';\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-tooltip.mjs","sources":["../../../projects/adk/tooltip/tooltip.ts","../../../projects/adk/tooltip/tooltip.service.ts","../../../projects/adk/tooltip/tooltip.directive.ts","../../../projects/adk/tooltip/public-api.ts","../../../projects/adk/tooltip/ngbase-adk-tooltip.ts"],"sourcesContent":["import { animate, state, style, transition, trigger } from '@angular/animations';\nimport { Directive, ElementRef, OnDestroy, afterRenderEffect, inject, signal } from '@angular/core';\nimport { POPOVER_ARROW_TRACKER, PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\n\nexport const tooltipAnimation = trigger('tooltipAnimation', [\n  state('1', style({ transform: 'none', opacity: 1 })),\n  state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),\n  state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),\n  transition('* => *', animate('150ms ease-out')),\n]);\n\n@Directive({\n  selector: '[ngbTooltip]',\n  host: {\n    '[@tooltipAnimation]': '',\n  },\n})\nexport class NgbTooltipTemplate implements OnDestroy {\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly arrowTracker = inject(POPOVER_ARROW_TRACKER, { optional: true });\n\n  readonly content = signal('Tooltip');\n  private target = signal<HTMLElement | undefined>(undefined);\n  private position: PopoverPosition = 'top';\n  private hide!: VoidFunction;\n  private observer?: MutationObserver;\n\n  constructor() {\n    afterRenderEffect(() => {\n      const _ = this.content();\n      const target = this.target();\n      // we need for the content to be set before setting the position\n      if (target) {\n        this.setPosition(target);\n      }\n    });\n  }\n\n  update(content: string, target: HTMLElement, position: PopoverPosition, hide: VoidFunction) {\n    this.setTarget(target);\n    this.hide = hide;\n    this.position = position;\n    this.el.nativeElement.style.right = '';\n    this.el.nativeElement.style.transition = '.15s ease-out all';\n    this.content.set(content);\n  }\n\n  private setTarget(target: HTMLElement) {\n    this.ngOnDestroy();\n    this.target.set(target);\n    this.listenTarget();\n  }\n\n  private listenTarget() {\n    this.observer = new MutationObserver(() => {\n      const target = this.target();\n      if (target?.isConnected) {\n        this.setPosition(target);\n      } else {\n        this.onRemoved();\n      }\n    });\n\n    this.observer.observe(document.body, { childList: true, subtree: true });\n  }\n\n  private onRemoved = () => {\n    this.hide();\n  };\n\n  setPosition(target: HTMLElement) {\n    const el = this.el.nativeElement;\n\n    const { top, bottom, left, right, position } = tooltipPosition({\n      target,\n      el,\n      position: this.position,\n      offset: 8,\n    });\n    if (bottom != undefined) {\n      el.style.bottom = `${bottom}px`;\n      el.style.top = '';\n    } else {\n      el.style.top = `${top}px`;\n      el.style.bottom = '';\n    }\n    if (right != undefined) {\n      el.style.right = `${right}px`;\n      el.style.left = '';\n    } else {\n      el.style.left = `${left}px`;\n      el.style.right = '';\n    }\n    this.arrowTracker?.values.set({ top, bottom, left, right, target, position });\n  }\n\n  ngOnDestroy(): void {\n    this.observer?.disconnect();\n  }\n}\n","import { ComponentRef, Injectable, Type } from '@angular/core';\nimport { basePortal, DialogInput } from '@ngbase/adk/portal';\nimport { PopoverPosition } from '@ngbase/adk/popover';\nimport { NgbTooltipTemplate } from './tooltip';\n\n@Injectable({ providedIn: 'root' })\nexport class TooltipService {\n  tooltip = tooltipPortal();\n  tooltipOpen: TooltipOpen | undefined;\n  private position?: PopoverPosition;\n  private timeoutId: any;\n  delay = 100;\n\n  insert(\n    el: HTMLElement,\n    content: string,\n    position: PopoverPosition,\n    hide: VoidFunction,\n    component?: Type<NgbTooltipTemplate>,\n  ) {\n    clearTimeout(this.timeoutId);\n    // destroy immediately if position is different\n    if (this.position && this.position !== position) this.destroy(true);\n\n    // update if tooltip is open\n    if (this.tooltipOpen) {\n      this.tooltipOpen.parent.instance.update(content, el, position, hide);\n    } else {\n      this.tooltipOpen = this.tooltip.open(content, el, position, hide, component);\n    }\n    this.position = position;\n  }\n\n  destroy = (force?: boolean) => {\n    if (force) {\n      this.close();\n    } else {\n      this.timeoutId = setTimeout(() => this.close(), this.delay ?? 100);\n    }\n  };\n\n  private close() {\n    this.tooltipOpen?.destroy();\n    this.tooltipOpen = undefined;\n    this.delay = 100;\n  }\n}\n\ninterface TooltipOpen {\n  destroy: VoidFunction;\n  parent: ComponentRef<NgbTooltipTemplate>;\n  replace: ((component: DialogInput<NgbTooltipTemplate>) => void) | undefined;\n}\n\nexport function tooltipPortal() {\n  const NAME = 'tooltip';\n  const base = basePortal(NAME, NgbTooltipTemplate);\n\n  function open(\n    content: string,\n    target: HTMLElement,\n    position: PopoverPosition,\n    hide: VoidFunction,\n    parentComponent?: Type<NgbTooltipTemplate>,\n  ) {\n    const { diaRef, parent, replace } = base.open<NgbTooltipTemplate>(\n      undefined,\n      comp => {\n        comp.instance.update(content, target, position || 'top', hide);\n      },\n      undefined,\n      false,\n      parentComponent,\n    );\n\n    function destroy() {\n      diaRef.close();\n    }\n\n    return { destroy, parent, replace } as TooltipOpen;\n  }\n\n  return { open };\n}\n","import {\n  Directive,\n  ElementRef,\n  InjectionToken,\n  OnDestroy,\n  Type,\n  afterRenderEffect,\n  computed,\n  inject,\n  input,\n  untracked,\n} from '@angular/core';\nimport { PopoverPosition, providePopoverArrowTracker } from '@ngbase/adk/popover';\nimport { TooltipService } from './tooltip.service';\nimport { NgbTooltipTemplate } from './tooltip';\n\nexport function provideNgbTooltipOptions(options: TooltipOptions) {\n  return { provide: TOOLTIP_OPTIONS, useValue: options };\n}\n\nexport const TOOLTIP_OPTIONS = new InjectionToken<TooltipOptions>('TOOLTIP_OPTIONS');\n\nexport interface TooltipOptions {\n  showDelay?: number;\n  hideDelay?: number;\n  position?: PopoverPosition;\n  component?: Type<NgbTooltipTemplate>;\n}\n\n@Directive({\n  selector: '[ngbTooltip]',\n  providers: [providePopoverArrowTracker()],\n})\nexport class NgbTooltip implements OnDestroy {\n  // Dependencies\n  private defaultOptions = inject(TOOLTIP_OPTIONS, { optional: true });\n  private el = inject(ElementRef);\n  private tooltipService = inject(TooltipService);\n\n  // Inputs\n  readonly ngbTooltip = input<string>();\n  readonly ngbTooltipPosition = input<PopoverPosition>();\n  readonly delay = input(0);\n\n  // State\n  readonly options = computed(() => {\n    const o = this.defaultOptions || {};\n    const options: TooltipOptions = {\n      showDelay: this.delay() || o.showDelay || 0,\n      hideDelay: o.hideDelay || 0,\n      position: this.ngbTooltipPosition() || o.position || 'top',\n      component: this.defaultOptions?.component || o.component,\n    };\n    return options;\n  });\n  timer: any;\n\n  constructor() {\n    let active = false;\n    afterRenderEffect(() => {\n      const content = this.ngbTooltip();\n      untracked(() => {\n        if (content) {\n          if (!active) {\n            this.el.nativeElement.addEventListener('mouseenter', this.show);\n            this.el.nativeElement.addEventListener('mouseleave', this.hide);\n            active = true;\n          }\n        } else if (active) {\n          this.remove();\n          active = false;\n        }\n      });\n    });\n  }\n\n  show = () => {\n    // listen when cursor is over and element is removed\n    const options = this.options();\n    if (options.showDelay === 0 || this.tooltipService.tooltipOpen) {\n      this.tooltipService.insert(\n        this.el.nativeElement,\n        this.ngbTooltip()!,\n        options.position!,\n        this.quickHide,\n        options.component,\n      );\n      return;\n    }\n    this.timer = setTimeout(() => {\n      this.tooltipService.insert(\n        this.el.nativeElement,\n        this.ngbTooltip()!,\n        options.position!,\n        this.hide,\n        options.component,\n      );\n    }, options.showDelay);\n  };\n\n  removed = () => {\n    this.tooltipService.delay = 0;\n    this.hide();\n  };\n\n  hide = () => {\n    clearTimeout(this.timer);\n    this.tooltipService.destroy();\n  };\n\n  quickHide = () => {\n    this.tooltipService.delay = 0;\n    this.hide();\n  };\n\n  private remove() {\n    this.hide();\n    this.el.nativeElement.removeEventListener('mouseenter', this.show);\n    this.el.nativeElement.removeEventListener('mouseleave', this.hide);\n  }\n\n  ngOnDestroy() {\n    this.remove();\n  }\n}\n","/*\n * Public API Surface of tooltip\n */\n\nexport { NgbTooltipTemplate, tooltipAnimation } from './tooltip';\nexport { NgbTooltip, provideNgbTooltipOptions, type TooltipOptions } from './tooltip.directive';\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-tour.mjs

@@ -9,20 +9,20 @@ import { createHostAnimation, fadeAnimation } from '@ngbase/adk/utils';
 class NgbTourService {
     constructor() {
         this.popover = ngbPopoverPortal();
-        this.steps = signal([]);
-        this.step = signal(-1);
-        this.ids = signal([]);
+        this.steps = signal([], ...(ngDevMode ? [{ debugName: "steps" }] : []));
+        this.step = signal(-1, ...(ngDevMode ? [{ debugName: "step" }] : []));
+        this.ids = signal([], ...(ngDevMode ? [{ debugName: "ids" }] : []));
         this.currentStep = computed(() => {
             const id = this.ids()[this.step()];
             const steps = this.steps();
             return steps.find(x => x.ngbTourStep() === id);
-        });
+        }, ...(ngDevMode ? [{ debugName: "currentStep" }] : []));
         this.id = 0;
-        this.showPrev = computed(() => this.step() > 0);
-        this.showNext = computed(() => this.step() < this.ids().length - 1);
-        this.isLast = computed(() => this.step() === this.ids().length - 1);
-        this.totalSteps = computed(() => this.ids().length);
-        this.scrolled = signal(0);
+        this.showPrev = computed(() => this.step() > 0, ...(ngDevMode ? [{ debugName: "showPrev" }] : []));
+        this.showNext = computed(() => this.step() < this.ids().length - 1, ...(ngDevMode ? [{ debugName: "showNext" }] : []));
+        this.isLast = computed(() => this.step() === this.ids().length - 1, ...(ngDevMode ? [{ debugName: "isLast" }] : []));
+        this.totalSteps = computed(() => this.ids().length, ...(ngDevMode ? [{ debugName: "totalSteps" }] : []));
+        this.scrolled = signal(0, ...(ngDevMode ? [{ debugName: "scrolled" }] : []));
         this.clipPath = computed(() => {
             const _ = this.scrolled();
             const currentStep = this.currentStep();
@@ -43,7 +43,7 @@ class NgbTourService {
       0 100%,
       0 0
     )`;
-        });
+        }, ...(ngDevMode ? [{ debugName: "clipPath" }] : []));
     }
     addStep(step) {
         this.steps.update(x => [...x, step]);
@@ -119,10 +119,10 @@ class NgbTourService {
         this.diaRef?.diaRef.close();
         this.diaRef = undefined;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTourService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTourService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTourService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTourService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTourService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTourService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -132,13 +132,13 @@ class NgbTourStep {
         this.el = inject(ElementRef);
         this.tourService = inject(NgbTourService);
         // Inputs
-        this.ngbTourStep = input.required();
+        this.ngbTourStep = input.required(...(ngDevMode ? [{ debugName: "ngbTourStep" }] : []));
         this.tourService.addStep(this);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTourStep, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbTourStep, isStandalone: true, selector: "[ngbTourStep]", inputs: { ngbTourStep: { classPropertyName: "ngbTourStep", publicName: "ngbTourStep", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTourStep, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.2.0", type: NgbTourStep, isStandalone: true, selector: "[ngbTourStep]", inputs: { ngbTourStep: { classPropertyName: "ngbTourStep", publicName: "ngbTourStep", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTourStep, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTourStep, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTourStep]',
@@ -148,12 +148,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
 class NgbTour {
     constructor() {
         this.tourService = inject(NgbTourService);
-        this.steps = contentChildren(NgbTourStep, { descendants: true });
+        this.steps = contentChildren(NgbTourStep, ...(ngDevMode ? [{ debugName: "steps", descendants: true }] : [{ descendants: true }]));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTour, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.0", type: NgbTour, isStandalone: true, selector: "[ngbTour]", queries: [{ propertyName: "steps", predicate: NgbTourStep, descendants: true, isSignal: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTour, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.0", type: NgbTour, isStandalone: true, selector: "[ngbTour]", queries: [{ propertyName: "steps", predicate: NgbTourStep, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTour, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTour, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTour]',
@@ -176,10 +176,10 @@ class NgbBaseTour extends BaseDialog {
     constructor() {
         super();
         this.tourService = inject(NgbTourService);
-        this.myDialog = viewChild('myDialog', { read: ViewContainerRef });
-        this.container = viewChild('container');
+        this.myDialog = viewChild('myDialog', ...(ngDevMode ? [{ debugName: "myDialog", read: ViewContainerRef }] : [{ read: ViewContainerRef }]));
+        this.container = viewChild('container', ...(ngDevMode ? [{ debugName: "container" }] : []));
         this.lastPosition = 'top';
-        this.scrolled = signal(0);
+        this.scrolled = signal(0, ...(ngDevMode ? [{ debugName: "scrolled" }] : []));
         this.clipPath = computed(() => {
             const _ = this.scrolled();
             const currentStep = this.tourService.currentStep();
@@ -197,7 +197,7 @@ class NgbBaseTour extends BaseDialog {
       0 100%,
       0 0
     )`;
-        });
+        }, ...(ngDevMode ? [{ debugName: "clipPath" }] : []));
         this.updateDimension = () => {
             requestAnimationFrame(() => {
                 const el = this.container().nativeElement;
@@ -269,8 +269,8 @@ class NgbBaseTour extends BaseDialog {
         window.removeEventListener('wheel', this.updateDimension);
         this.document.body.style.overflow = '';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbBaseTour, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "19.0.0", type: NgbBaseTour, isStandalone: true, selector: "[ngbTour]", host: { listeners: { "@parentAnimation.done": "animationDone()" }, properties: { "@parentAnimation": "" } }, viewQueries: [{ propertyName: "myDialog", first: true, predicate: ["myDialog"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbBaseTour, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.2.0", type: NgbBaseTour, isStandalone: true, selector: "[ngbTour]", host: { listeners: { "@parentAnimation.done": "animationDone()" }, properties: { "@parentAnimation": "" } }, viewQueries: [{ propertyName: "myDialog", first: true, predicate: ["myDialog"], descendants: true, read: ViewContainerRef, isSignal: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
     <div
       #container
       class="pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-background p-1 shadow-md"
@@ -281,7 +281,7 @@ class NgbBaseTour extends BaseDialog {
     <div class="pointer-events-auto fixed top-0 h-full w-full bg-black/20" [@fadeAnimation]></div>
   `, isInline: true, animations: [tourAnimation], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbBaseTour, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbBaseTour, decorators: [{
             type: Component,
             args: [{
                     selector: '[ngbTour]',

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 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-background 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":";;;;;;;;MAMa,cAAc,CAAA;AAD3B,IAAA,WAAA,GAAA;QAEmB,IAAO,CAAA,OAAA,GAAG,gBAAgB,EAAE;AACpC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAgB,EAAE,CAAC;AACjC,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;AACT,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAW,EAAE,CAAC;AAClC,QAAA,IAAA,CAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AACnC,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC;AAClC,YAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,YAAA,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,EAAE,CAAC;AAChD,SAAC,CAAC;QAEM,IAAE,CAAA,EAAA,GAAG,CAAC;AAEL,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;QAC1C,IAAQ,CAAA,QAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;QAC9D,IAAM,CAAA,MAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC;AAC9D,QAAA,IAAA,CAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,GAAG,EAAE,CAAC,MAAM,CAAC;AACvD,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACxC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE;AACzB,YAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;YACtC,IAAI,CAAC,WAAW,EAAE;AAChB,gBAAA,OAAO,EAAE;;AAEX,YAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE;YACzF,OAAO,CAAA;;;aAGE,GAAG,CAAA;AACR,MAAA,EAAA,IAAI,MAAM,GAAG,CAAA;QACb,IAAI,CAAA,GAAA,EAAM,GAAG,GAAG,MAAM,CAAA;AACtB,MAAA,EAAA,IAAI,GAAG,KAAK,CAAM,GAAA,EAAA,GAAG,GAAG,MAAM,CAAA;QAC9B,IAAI,GAAG,KAAK,CAAA,GAAA,EAAM,GAAG,CAAA;aAChB,GAAG,CAAA;;;;MAIV;AACJ,SAAC,CAAC;AAmFH;AAjFC,IAAA,OAAO,CAAC,IAAiB,EAAA;AACvB,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;;IAGtC,KAAK,CAAI,IAAoB,EAAE,GAAa,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI;AACpB,QAAA,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC;QACjB,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACjB,IAAI,CAAC,IAAI,EAAE;;IAGb,IAAI,GAAA;AACF,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;AACxB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE;AAC5B,QAAA,IAAI,KAAK,CAAC,MAAM,EAAE;AAChB,YAAA,MAAM,IAAI,GAAG,CAAC,QAAQ,GAAG,CAAC,GAAG,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,MAAM;AACzD,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC;;;IAIjB,IAAI,GAAA;AACF,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE;AACxB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,IAAI,EAAE;AAC5B,QAAA,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,MAAM,IAAI,GAAG,CAAC,QAAQ,GAAG,CAAC,IAAI,KAAK,CAAC,MAAM;AAC1C,YAAA,IAAI,QAAQ,GAAG,IAAI,EAAE;gBACnB,IAAI,CAAC,IAAI,EAAE;gBACX;;AAEF,YAAA,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC;;;AAIjB,IAAA,EAAE,CAAC,EAAU,EAAA;AACX,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE;AAC1B,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE;AACtB,QAAA,IAAI,KAAK,CAAC,MAAM,EAAE;;YAEhB,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,GAAG,CAAC,MAAM,EAAE;gBAC9B;;AAEF,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;YACjB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,EAAE,CAAC,CAAC;YACzD,IAAI,CAAC,IAAI,EAAE;gBACT;;AAEF,YAAA,IAAI,IAAI,CAAC,MAAM,EAAE;AACf,gBAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;iBAC/C;gBACL,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;;;;IAK7C,IAAI,GAAA;QACF,IAAI,CAAC,WAAW,EAAE;AAClB,QAAA,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC;;AAGhB,IAAA,WAAW,CAAC,EAAe,EAAA;AACjC,QAAA,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE;AAE3B,QAAA,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAC7C,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,QAAQ,EAAE,OAAO;AACjB,YAAA,SAAS,EAAE,gBAAgB;AAC3B,YAAA,iBAAiB,EAAE,aAAa;YAChC,QAAQ,EAAE,IAAI,CAAC,QAAQ;AACvB,YAAA,YAAY,EAAE,IAAI;AAClB,YAAA,MAAM,EAAE,IAAI;AACZ,YAAA,aAAa,EAAE,IAAI;AACnB,YAAA,KAAK,EAAE,OAAO;AACd,YAAA,YAAY,EAAE,IAAI;AACnB,SAAA,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ;;IAGrC,WAAW,GAAA;AACjB,QAAA,IAAI,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,EAAE;AAC3B,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS;;8GAvHd,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;AAAd,IAAA,SAAA,IAAA,CAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,cAAc,cADD,MAAM,EAAA,CAAA,CAAA;;2FACnB,cAAc,EAAA,UAAA,EAAA,CAAA;kBAD1B,UAAU;mBAAC,EAAE,UAAU,EAAE,MAAM,EAAE;;;MCCrB,WAAW,CAAA;AAOtB,IAAA,WAAA,GAAA;AANS,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,CAAa,UAAU,CAAC;AACnC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;;AAGpC,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,EAAU;AAG7C,QAAA,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC;;8GARrB,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAX,WAAW,EAAA,UAAA,EAAA,CAAA;kBAHvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AAC1B,iBAAA;;;MCEY,OAAO,CAAA;AAHpB,IAAA,WAAA,GAAA;AAIW,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;QACpC,IAAK,CAAA,KAAA,GAAG,eAAe,CAAC,WAAW,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;AACrE;8GAHY,OAAO,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAP,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,OAAO,2FAEe,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAFjC,OAAO,EAAA,UAAA,EAAA,CAAA;kBAHnB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;AACtB,iBAAA;;;ACHY,MAAA,mBAAmB,GAAG,OAAO,CAAC,qBAAqB,EAAE;AAChE,IAAA,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACpD,IAAA,KAAK,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACpE,IAAA,KAAK,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC;AACjE,IAAA,UAAU,CAAC,QAAQ,EAAE,OAAO,CAAC,gBAAgB,CAAC,CAAC;AAChD,CAAA;AAEY,MAAA,aAAa,GAAG;AAC3B,IAAA,mBAAmB,CAAC,CAAC,sBAAsB,EAAE,gBAAgB,CAAC,CAAC;IAC/D,mBAAmB;IACnB,aAAa,CAAC,OAAO,CAAC;;;ACwBlB,MAAO,WAAY,SAAQ,UAAU,CAAA;AA6BzC,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AA7BA,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,cAAc,CAAC;QACpC,IAAQ,CAAA,QAAA,GAAG,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;AAC5D,QAAA,IAAA,CAAA,SAAS,GAAG,SAAS,CAA0B,WAAW,CAAC;QAI5D,IAAY,CAAA,YAAA,GAAoB,KAAK;AACpC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,CAAC,CAAC;AAEpB,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAChC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,EAAE;YACzB,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW,EAAG;AACnD,YAAA,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,GAAG,WAAW,CAAC,EAAE,CAAC,aAAa,CAAC,qBAAqB,EAAE;YACzF,OAAO,CAAA;;;aAGE,GAAG,CAAA;AACR,MAAA,EAAA,IAAI,MAAM,GAAG,CAAA;QACb,IAAI,CAAA,GAAA,EAAM,GAAG,GAAG,MAAM,CAAA;AACtB,MAAA,EAAA,IAAI,GAAG,KAAK,CAAM,GAAA,EAAA,GAAG,GAAG,MAAM,CAAA;QAC9B,IAAI,GAAG,KAAK,CAAA,GAAA,EAAM,GAAG,CAAA;aAChB,GAAG,CAAA;;;;MAIV;AACJ,SAAC,CAAC;QAgDM,IAAe,CAAA,eAAA,GAAG,MAAK;YAC7B,qBAAqB,CAAC,MAAK;gBACzB,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa;gBAC1C,MAAM,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,eAAe,CAAC;AACtD,oBAAA,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM;oBAClC,EAAE;oBACF,QAAQ,EAAE,IAAI,CAAC,YAAY;AAC3B,oBAAA,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM;AAClC,oBAAA,MAAM,EAAE,IAAI,CAAC,cAAc,CAAC,MAAM;AACnC,iBAAA,CAAC;AACF,gBAAA,IAAI,CAAC,YAAY,GAAG,QAAQ;;gBAE5B,IAAI,MAAM,EAAE;oBACV,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,CAAG,EAAA,MAAM,IAAI;AAC/B,oBAAA,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE;;qBACZ,IAAI,GAAG,EAAE;oBACd,EAAE,CAAC,KAAK,CAAC,GAAG,GAAG,CAAG,EAAA,GAAG,IAAI;AACzB,oBAAA,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE;;gBAEtB,EAAE,CAAC,KAAK,CAAC,IAAI,GAAG,CAAG,EAAA,IAAI,IAAI;AAC7B,aAAC,CAAC;AACJ,SAAC;QAjEC,UAAU,CAAC,MAAK;YACd,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAG,CAAC;AAC5C,YAAA,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC;SAChE,EAAE,IAAI,CAAC;;;;;QAOR,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,MAAM;AAC1D,YAAA,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM;AACnC,YAAA,MAAM,CAAC,cAAc,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;AAE/D,YAAA,SAAS,CAAC,MAAM,EAAE,QAAQ;AACvB,iBAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,CAAC,CAAC;iBAC5C,SAAS,CAAC,MAAK;gBACd,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,cAAc,CAAC,QAAQ,IAAI,QAAQ;gBAC5D,MAAM,EAAE,GAAG,IAAI,CAAC,SAAS,EAAG,CAAC,aAAa;AAC1C,gBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;oBACzB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ;;gBAE9C,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,KAAK,QAAQ,EAAE;;AAEnC,oBAAA,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,CAAG,EAAA,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,WAAW,IAAI;;AACzD,qBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;oBAC7B,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK;;AAErC,gBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;oBACvB,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM;;AAEvC,gBAAA,IAAI,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;oBAC1B,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS;;AAE7C,gBAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAChC,IAAI,CAAC,eAAe,EAAE;AACxB,aAAC,CAAC;;;;AAIN,SAAC,CAAC;;AA0BK,IAAA,UAAU,CAAC,OAAsB,EAAA;AACxC,QAAA,IAAI,CAAC,OAAO,GAAG,OAAO;;IAGxB,WAAW,GAAA;QACT,MAAM,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,eAAe,CAAC;QACzD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,EAAE;;8GAxG7B,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,uBAAA,EAAA,iBAAA,EAAA,EAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,UAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,IAAA,EAE4B,gBAAgB,EAlBxD,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAAA;;;;;;;;;GAST,EAKW,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,CAAC,aAAa,CAAC,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAEhB,WAAW,EAAA,UAAA,EAAA,CAAA;kBAnBvB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,WAAW;oBACrB,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,QAAQ,EAAE;;;;;;;;;AAST,EAAA,CAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,oBAAoB,EAAE,EAAE;AACxB,wBAAA,yBAAyB,EAAE,iBAAiB;AAC7C,qBAAA;oBACD,UAAU,EAAE,CAAC,aAAa,CAAC;AAC5B,iBAAA;;;ACpCD;;AAEG;;;;"}
+{"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-background 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-translate.mjs

@@ -39,19 +39,19 @@ function defaultLoader(lang, fallbackLang, config) {
 class TranslateService {
     constructor() {
         this.config = inject(TRANSLATE_CONFIG);
-        this._defaultLang = signal(this.config.defaultLang);
-        this._currentLang = signal(this._defaultLang());
+        this._defaultLang = signal(this.config.defaultLang, ...(ngDevMode ? [{ debugName: "_defaultLang" }] : []));
+        this._currentLang = signal(this._defaultLang(), ...(ngDevMode ? [{ debugName: "_currentLang" }] : []));
         this.defaultLang = this._defaultLang.asReadonly();
         this.currentLang = this._currentLang.asReadonly();
         this.lastLang = this.currentLang();
-        this.cachedTranslations = signal({});
+        this.cachedTranslations = signal({}, ...(ngDevMode ? [{ debugName: "cachedTranslations" }] : []));
         this._translationData = computed(() => this.cachedTranslations()[this.currentLang()] ||
             this.cachedTranslations()[this.lastLang] ||
             this.cachedTranslations()[this.defaultLang()] ||
-            {});
-        this.translations = computed(() => this._translationData().data || {});
+            {}, ...(ngDevMode ? [{ debugName: "_translationData" }] : []));
+        this.translations = computed(() => this._translationData().data || {}, ...(ngDevMode ? [{ debugName: "translations" }] : []));
         this.envInjector = inject(EnvironmentInjector);
-        this.status = signal('loading');
+        this.status = signal('loading', ...(ngDevMode ? [{ debugName: "status" }] : []));
         /**
          * @key - The key to translate.
          * @data - The data to pass to the translation.
@@ -97,10 +97,10 @@ class TranslateService {
             this.status.set('done');
         }));
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TranslateService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TranslateService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TranslateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TranslateService, decorators: [{
             type: Injectable
         }] });
 // function memoize(fn: (...args: any[]) => any) {
@@ -122,7 +122,7 @@ const injectTranslate = () => inject(TranslateService);
 class Translate {
     constructor() {
         this.translate = injectTranslate();
-        this.value = signal(['']);
+        this.value = signal([''], ...(ngDevMode ? [{ debugName: "value" }] : []));
         this.linkedValue = linkedSignal({
             source: () => ({ value: this.value(), data: this.translate.translations() }),
             computation: ({ value }) => {
@@ -137,10 +137,10 @@ class Translate {
         });
         return this.linkedValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Translate, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
-    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.0.0", ngImport: i0, type: Translate, isStandalone: true, name: "t" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: Translate, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "20.2.0", ngImport: i0, type: Translate, isStandalone: true, name: "t" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: Translate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: Translate, decorators: [{
             type: Pipe,
             args: [{
                     name: 't',

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

@@ -1 +1 @@
-{"version":3,"file":"ngbase-adk-translate.mjs","sources":["../../../projects/adk/translate/config.ts","../../../projects/adk/translate/translate.service.ts","../../../projects/adk/translate/translate.ts","../../../projects/adk/translate/ngbase-adk-translate.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { inject, InjectionToken, provideAppInitializer } from '@angular/core';\nimport { catchError, Observable } from 'rxjs';\nimport { TranslateService } from './translate.service';\n\nexport type Translation<T = any> = Record<string, T>;\n\nexport interface TranslateConfig {\n  defaultLang: string;\n  preloadedLanguages?: Record<string, Translation>;\n  path?: string;\n  loader?: (lang: string, fallbackLang: string, config: TranslateConfig) => Observable<Translation>;\n}\n\nexport const TRANSLATE_CONFIG = new InjectionToken<TranslateConfig>('TRANSLATE_CONFIG');\n\nexport function provideTranslate(config: TranslateConfig) {\n  config.loader ??= defaultLoader;\n\n  return [\n    { provide: TRANSLATE_CONFIG, useValue: config },\n    TranslateService,\n    provideAppInitializer(() => {\n      const translate = inject(TranslateService);\n      return translate.init();\n    }),\n  ];\n}\n\nexport function interpolate(translation: string, params: Record<string, any>) {\n  return translation?.replace(/{{([^}]+)}}/g, (match, p1) => {\n    return params[p1] || params[p1.trim()] || match;\n  });\n}\n\nfunction defaultLoader(lang: string, fallbackLang: string, config: TranslateConfig) {\n  const http = inject(HttpClient);\n  const path = config.path ?? '/i18n/';\n  return http\n    .get<Record<string, any>>(`${path}${lang}.json`)\n    .pipe(catchError(() => http.get<Record<string, any>>(`${path}${fallbackLang}.json`)));\n  // return of([]).pipe(\n  //   delay(1),\n  //   switchMap(() =>\n  //     http\n  //       .get<Record<string, any>>(`/i18n/${lang}.json`)\n  //       .pipe(catchError(() => http.get<Record<string, any>>(`/i18n/${fallbackLang}.json`))),\n  //   ),\n  // );\n}\n","import {\n  computed,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  runInInjectionContext,\n  signal,\n} from '@angular/core';\nimport { of, tap } from 'rxjs';\nimport { interpolate, TRANSLATE_CONFIG, TranslateConfig, Translation } from './config';\n\n@Injectable()\nexport class TranslateService {\n  private config = inject<TranslateConfig>(TRANSLATE_CONFIG);\n  private readonly _defaultLang = signal(this.config.defaultLang);\n  private readonly _currentLang = signal<string>(this._defaultLang());\n  readonly defaultLang = this._defaultLang.asReadonly();\n  readonly currentLang = this._currentLang.asReadonly();\n  private lastLang = this.currentLang();\n  private readonly cachedTranslations = signal<\n    Record<string, { data: Translation; cache: Map<string, string> }>\n  >({});\n  private readonly _translationData = computed(\n    () =>\n      this.cachedTranslations()[this.currentLang()] ||\n      this.cachedTranslations()[this.lastLang] ||\n      this.cachedTranslations()[this.defaultLang()] ||\n      {},\n  );\n  readonly translations = computed(() => this._translationData().data || {});\n  readonly envInjector = inject(EnvironmentInjector);\n  readonly status = signal<'loading' | 'done' | 'error'>('loading');\n\n  init() {\n    return this.loadTranslations(this.currentLang(), this.defaultLang());\n  }\n\n  setDefaultLang(lang: string) {\n    this._defaultLang.set(lang);\n  }\n\n  use(lang: string) {\n    this.lastLang = this.currentLang();\n    this._currentLang.set(lang);\n    if (this.cachedTranslations()[lang]) return;\n    runInInjectionContext(this.envInjector, () => {\n      this.loadTranslations(lang, this.defaultLang()).subscribe();\n    });\n  }\n\n  private loadTranslations(lang: string, fallbackLang: string) {\n    this.status.set('loading');\n    const data = this.config.preloadedLanguages?.[lang];\n    const api = data ? of(data) : this.config.loader!(lang, fallbackLang, this.config);\n    return api.pipe(\n      tap(res => {\n        this.cachedTranslations.update(cache => ({\n          ...cache,\n          [lang]: { data: res, cache: new Map() },\n        }));\n        this.status.set('done');\n      }),\n    );\n  }\n\n  /**\n   * @key - The key to translate.\n   * @data - The data to pass to the translation.\n   * @returns The translated value.\n   * The key can be a string or a nested key.\n   * The data is used to interpolate the translation.\n   */\n  translate = (\n    key: string,\n    params: Record<string, any> = {},\n    translationData: Translation = this.translations(),\n  ) => {\n    // we need to split the key by '.' and then interpolate the data\n    const keys = key.split('.');\n    let translation = keys.reduce((acc, k) => {\n      return acc[k];\n    }, translationData) as unknown as string;\n\n    // translate the key with the params\n    translation = interpolate(translation, params);\n\n    return translation;\n  };\n}\n\n// function memoize(fn: (...args: any[]) => any) {\n//   const cache = new Map();\n//   return (...args: any[]) => {\n//     const key = JSON.stringify(args);\n//     if (cache.has(key)) {\n//       console.log('CACHE HIT', key);\n//       return cache.get(key);\n//     }\n//     console.log('CACHE MISS', key);\n//     const result = fn(...args);\n//     cache.set(key, result);\n//     return result;\n//   };\n// }\n\nexport const injectTranslate = () => inject(TranslateService);\n","import {\n  inject,\n  Injector,\n  linkedSignal,\n  Pipe,\n  PipeTransform,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { injectTranslate } from './translate.service';\n\n@Pipe({\n  name: 't',\n})\nexport class Translate implements PipeTransform {\n  private translate = injectTranslate();\n  private value = signal<[string, ...any[]]>(['']);\n  private linkedValue = linkedSignal({\n    source: () => ({ value: this.value(), data: this.translate.translations() }),\n    computation: ({ value }) => {\n      return this.translate.translate(value[0], value[1]);\n    },\n  });\n\n  transform(value: string, ...args: any[]) {\n    // untracked to avoid error: cannot set signal inside computation\n    untracked(() => {\n      this.value.set([value, ...args]);\n    });\n    return this.linkedValue;\n  }\n}\n\nexport function translate() {\n  const ts = injectTranslate();\n  const injector = inject(Injector);\n  return (value: string, ...args: any[]) => {\n    return ts.translate(value, args[0], args[1]);\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-translate.mjs","sources":["../../../projects/adk/translate/config.ts","../../../projects/adk/translate/translate.service.ts","../../../projects/adk/translate/translate.ts","../../../projects/adk/translate/ngbase-adk-translate.ts"],"sourcesContent":["import { HttpClient } from '@angular/common/http';\nimport { inject, InjectionToken, provideAppInitializer } from '@angular/core';\nimport { catchError, Observable } from 'rxjs';\nimport { TranslateService } from './translate.service';\n\nexport type Translation<T = any> = Record<string, T>;\n\nexport interface TranslateConfig {\n  defaultLang: string;\n  preloadedLanguages?: Record<string, Translation>;\n  path?: string;\n  loader?: (lang: string, fallbackLang: string, config: TranslateConfig) => Observable<Translation>;\n}\n\nexport const TRANSLATE_CONFIG = new InjectionToken<TranslateConfig>('TRANSLATE_CONFIG');\n\nexport function provideTranslate(config: TranslateConfig) {\n  config.loader ??= defaultLoader;\n\n  return [\n    { provide: TRANSLATE_CONFIG, useValue: config },\n    TranslateService,\n    provideAppInitializer(() => {\n      const translate = inject(TranslateService);\n      return translate.init();\n    }),\n  ];\n}\n\nexport function interpolate(translation: string, params: Record<string, any>) {\n  return translation?.replace(/{{([^}]+)}}/g, (match, p1) => {\n    return params[p1] || params[p1.trim()] || match;\n  });\n}\n\nfunction defaultLoader(lang: string, fallbackLang: string, config: TranslateConfig) {\n  const http = inject(HttpClient);\n  const path = config.path ?? '/i18n/';\n  return http\n    .get<Record<string, any>>(`${path}${lang}.json`)\n    .pipe(catchError(() => http.get<Record<string, any>>(`${path}${fallbackLang}.json`)));\n  // return of([]).pipe(\n  //   delay(1),\n  //   switchMap(() =>\n  //     http\n  //       .get<Record<string, any>>(`/i18n/${lang}.json`)\n  //       .pipe(catchError(() => http.get<Record<string, any>>(`/i18n/${fallbackLang}.json`))),\n  //   ),\n  // );\n}\n","import {\n  computed,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  runInInjectionContext,\n  signal,\n} from '@angular/core';\nimport { of, tap } from 'rxjs';\nimport { interpolate, TRANSLATE_CONFIG, TranslateConfig, Translation } from './config';\n\n@Injectable()\nexport class TranslateService {\n  private config = inject<TranslateConfig>(TRANSLATE_CONFIG);\n  private readonly _defaultLang = signal(this.config.defaultLang);\n  private readonly _currentLang = signal<string>(this._defaultLang());\n  readonly defaultLang = this._defaultLang.asReadonly();\n  readonly currentLang = this._currentLang.asReadonly();\n  private lastLang = this.currentLang();\n  private readonly cachedTranslations = signal<\n    Record<string, { data: Translation; cache: Map<string, string> }>\n  >({});\n  private readonly _translationData = computed(\n    () =>\n      this.cachedTranslations()[this.currentLang()] ||\n      this.cachedTranslations()[this.lastLang] ||\n      this.cachedTranslations()[this.defaultLang()] ||\n      {},\n  );\n  readonly translations = computed(() => this._translationData().data || {});\n  readonly envInjector = inject(EnvironmentInjector);\n  readonly status = signal<'loading' | 'done' | 'error'>('loading');\n\n  init() {\n    return this.loadTranslations(this.currentLang(), this.defaultLang());\n  }\n\n  setDefaultLang(lang: string) {\n    this._defaultLang.set(lang);\n  }\n\n  use(lang: string) {\n    this.lastLang = this.currentLang();\n    this._currentLang.set(lang);\n    if (this.cachedTranslations()[lang]) return;\n    runInInjectionContext(this.envInjector, () => {\n      this.loadTranslations(lang, this.defaultLang()).subscribe();\n    });\n  }\n\n  private loadTranslations(lang: string, fallbackLang: string) {\n    this.status.set('loading');\n    const data = this.config.preloadedLanguages?.[lang];\n    const api = data ? of(data) : this.config.loader!(lang, fallbackLang, this.config);\n    return api.pipe(\n      tap(res => {\n        this.cachedTranslations.update(cache => ({\n          ...cache,\n          [lang]: { data: res, cache: new Map() },\n        }));\n        this.status.set('done');\n      }),\n    );\n  }\n\n  /**\n   * @key - The key to translate.\n   * @data - The data to pass to the translation.\n   * @returns The translated value.\n   * The key can be a string or a nested key.\n   * The data is used to interpolate the translation.\n   */\n  translate = (\n    key: string,\n    params: Record<string, any> = {},\n    translationData: Translation = this.translations(),\n  ) => {\n    // we need to split the key by '.' and then interpolate the data\n    const keys = key.split('.');\n    let translation = keys.reduce((acc, k) => {\n      return acc[k];\n    }, translationData) as unknown as string;\n\n    // translate the key with the params\n    translation = interpolate(translation, params);\n\n    return translation;\n  };\n}\n\n// function memoize(fn: (...args: any[]) => any) {\n//   const cache = new Map();\n//   return (...args: any[]) => {\n//     const key = JSON.stringify(args);\n//     if (cache.has(key)) {\n//       console.log('CACHE HIT', key);\n//       return cache.get(key);\n//     }\n//     console.log('CACHE MISS', key);\n//     const result = fn(...args);\n//     cache.set(key, result);\n//     return result;\n//   };\n// }\n\nexport const injectTranslate = () => inject(TranslateService);\n","import {\n  inject,\n  Injector,\n  linkedSignal,\n  Pipe,\n  PipeTransform,\n  signal,\n  untracked,\n} from '@angular/core';\nimport { injectTranslate } from './translate.service';\n\n@Pipe({\n  name: 't',\n})\nexport class Translate implements PipeTransform {\n  private translate = injectTranslate();\n  private value = signal<[string, ...any[]]>(['']);\n  private linkedValue = linkedSignal({\n    source: () => ({ value: this.value(), data: this.translate.translations() }),\n    computation: ({ value }) => {\n      return this.translate.translate(value[0], value[1]);\n    },\n  });\n\n  transform(value: string, ...args: any[]) {\n    // untracked to avoid error: cannot set signal inside computation\n    untracked(() => {\n      this.value.set([value, ...args]);\n    });\n    return this.linkedValue;\n  }\n}\n\nexport function translate() {\n  const ts = injectTranslate();\n  const injector = inject(Injector);\n  return (value: string, ...args: any[]) => {\n    return ts.translate(value, args[0], args[1]);\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

@@ -10,21 +10,21 @@ class NgbTreeNode {
         this.treeNodeDef = inject(NgbTreeNodeDef);
         this.tree = inject(NgbTree);
         this.data = inject(TREE_NODE_DATA);
-        this.container = viewChild('container', { read: ViewContainerRef });
-        this.isOpen = computed(() => this.tree.opened().has(this.data.details.id));
-        this.parent = computed(() => this.tree.getNode(this.data.details.parentId));
+        this.container = viewChild('container', ...(ngDevMode ? [{ debugName: "container", read: ViewContainerRef }] : [{ read: ViewContainerRef }]));
+        this.isOpen = computed(() => this.tree.opened().has(this.data.details.id), ...(ngDevMode ? [{ debugName: "isOpen" }] : []));
+        this.parent = computed(() => this.tree.getNode(this.data.details.parentId), ...(ngDevMode ? [{ debugName: "parent" }] : []));
         this.children = computed(() => {
             const _ = this.tree.dataSource();
             const when = this.tree.children();
             const v = when(this.data.data) || [];
             return v;
-        });
-        this.hasChildren = computed(() => this.children().length > 0);
+        }, ...(ngDevMode ? [{ debugName: "children" }] : []));
+        this.hasChildren = computed(() => this.children().length > 0, ...(ngDevMode ? [{ debugName: "hasChildren" }] : []));
         this.dir = injectDirectionality();
-        this.size = signal(32);
+        this.size = signal(32, ...(ngDevMode ? [{ debugName: "size" }] : []));
         this.padding = computed(() => ({
             [this.dir.isRtl() ? 'paddingRight' : 'paddingLeft']: this.data.level * this.size() + 'px',
-        }));
+        }), ...(ngDevMode ? [{ debugName: "padding" }] : []));
         const a11yItem = inject(AccessibleItem);
         a11yItem._ayId.set(this.tree.ayId);
         a11yItem.level.set(this.data.level);
@@ -39,10 +39,10 @@ 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.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNode, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTreeNode]',
@@ -68,10 +68,10 @@ class NgbTreeNodeToggle {
             this.treeNode.toggle();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNodeToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbTreeNodeToggle, isStandalone: true, selector: "[ngbTreeNodeToggle]", host: { attributes: { "tabIndex": "-1" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-hidden": "!treeNode.hasChildren()" } }, ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNodeToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbTreeNodeToggle, isStandalone: true, selector: "[ngbTreeNodeToggle]", host: { attributes: { "tabIndex": "-1" }, listeners: { "click": "toggle()" }, properties: { "attr.aria-hidden": "!treeNode.hasChildren()" } }, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNodeToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNodeToggle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTreeNodeToggle]',
@@ -83,20 +83,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImpor
                 }]
         }] });
 class NgbTreeNodeDef {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNodeDef, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbTreeNodeDef, isStandalone: true, selector: "[ngbTreeNodeDef]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNodeDef, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbTreeNodeDef, isStandalone: true, selector: "[ngbTreeNodeDef]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNodeDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNodeDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTreeNodeDef]',
                 }]
         }] });
 class NgbTreeNodeContent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNodeContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.0", type: NgbTreeNodeContent, isStandalone: true, selector: "[ngbTreeNodeContent]", ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNodeContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0", type: NgbTreeNodeContent, isStandalone: true, selector: "[ngbTreeNodeContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTreeNodeContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNodeContent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTreeNodeContent]',
@@ -152,13 +152,13 @@ class NgbTree {
         this.treeNodeDef = contentChild.required(NgbTreeNodeDef, { read: TemplateRef });
         this.container = viewChild.required('container', { read: ViewContainerRef });
         // Inputs
-        this.dataSource = input.required();
-        this.trackBy = input.required();
-        this.children = input.required();
-        this.opened = signal(new Set());
+        this.dataSource = input.required(...(ngDevMode ? [{ debugName: "dataSource" }] : []));
+        this.trackBy = input.required(...(ngDevMode ? [{ debugName: "trackBy" }] : []));
+        this.children = input.required(...(ngDevMode ? [{ debugName: "children" }] : []));
+        this.opened = signal(new Set(), ...(ngDevMode ? [{ debugName: "opened" }] : []));
         this.trace = new Map();
         this._dataDiffers = this.differs.find([]).create((index, item) => item.id);
-        this.flattener = computed(() => new TreeFlatNode(this.children(), node => this.trackBy()(0, node)));
+        this.flattener = computed(() => new TreeFlatNode(this.children(), node => this.trackBy()(0, node)), ...(ngDevMode ? [{ debugName: "flattener" }] : []));
         this.expanded = false;
         inject(AccessibleGroup).ayId.set(this.ayId);
         effect(() => {
@@ -243,10 +243,10 @@ 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.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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTree, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.2.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: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTree, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTree]',