@ngbase/adk 0.1.16 → 0.1.18

package/fesm2022/ngbase-adk-tour.mjs

@@ -1,10 +1,8 @@
 import * as i0 from '@angular/core';
-import { signal, computed, Injectable, inject, ElementRef, input, Directive, contentChildren, viewChild, ViewContainerRef, effect, Component, ChangeDetectionStrategy } from '@angular/core';
+import { signal, computed, Injectable, inject, ElementRef, input, Directive, contentChildren, viewChild, ViewContainerRef, effect, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ngbPopoverPortal, tooltipPosition } from '@ngbase/adk/popover';
 import { BaseDialog } from '@ngbase/adk/portal';
 import { fromEvent, startWith, debounceTime, take } from 'rxjs';
-import { trigger, state, style, transition, animate } from '@angular/animations';
-import { createHostAnimation, fadeAnimation } from '@ngbase/adk/utils';
 
 class NgbTourService {
     constructor() {
@@ -119,10 +117,10 @@ class NgbTourService {
         this.diaRef?.diaRef.close();
         this.diaRef = undefined;
     }
-    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' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTourService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTourService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTourService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTourService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -135,48 +133,37 @@ class NgbTourStep {
         this.ngbTourStep = input.required(...(ngDevMode ? [{ debugName: "ngbTourStep" }] : []));
         this.tourService.addStep(this);
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTourStep, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.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: "20.2.0", ngImport: i0, type: NgbTourStep, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTourStep, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTourStep]',
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { ngbTourStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "ngbTourStep", required: true }] }] } });
 
 class NgbTour {
     constructor() {
         this.tourService = inject(NgbTourService);
-        this.steps = contentChildren(NgbTourStep, ...(ngDevMode ? [{ debugName: "steps", descendants: true }] : [{ descendants: true }]));
+        this.steps = contentChildren(NgbTourStep, { ...(ngDevMode ? { debugName: "steps" } : {}), descendants: true });
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTour, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.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: "20.2.0", ngImport: i0, type: NgbTour, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTour, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTour]',
                 }]
-        }] });
-
-const slideInOutAnimation = trigger('slideInOutAnimation', [
-    state('1', style({ transform: 'none', opacity: 1 })),
-    state('void', style({ transform: 'translateY(-20px)', opacity: 0 })),
-    state('0', style({ transform: 'translateY(-20px)', opacity: 0 })),
-    transition('* => *', animate('100ms ease-out')),
-]);
-const tourAnimation = [
-    createHostAnimation(['@slideInOutAnimation', '@fadeAnimation']),
-    slideInOutAnimation,
-    fadeAnimation('200ms'),
-];
+        }], propDecorators: { steps: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => NgbTourStep), { ...{ descendants: true }, isSignal: true }] }] } });
 
 class NgbBaseTour extends BaseDialog {
     constructor() {
         super();
+        this.hasAnimations = true;
+        this.contentContainer = viewChild('contentContainer', { ...(ngDevMode ? { debugName: "contentContainer" } : {}), read: ViewContainerRef });
         this.tourService = inject(NgbTourService);
-        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, ...(ngDevMode ? [{ debugName: "scrolled" }] : []));
@@ -222,13 +209,8 @@ class NgbBaseTour extends BaseDialog {
             });
         };
         setTimeout(() => {
-            this._afterViewSource.next(this.myDialog());
             this.container().nativeElement.classList.add('transition-all');
         }, 5000);
-        // (() => {
-        //   // setTimeout(() => {
-        //   // }, 1000);
-        // });
         effect(() => {
             const target = this.target() || this.tooltipOptions.target;
             this.tooltipOptions.target = target;
@@ -265,23 +247,37 @@ class NgbBaseTour extends BaseDialog {
     setOptions(options) {
         this.options = options;
     }
+    onAnimationEnd(event) {
+        if (event.target === event.currentTarget) {
+            this.animationDone();
+        }
+    }
     ngOnDestroy() {
         window.removeEventListener('wheel', this.updateDimension);
         this.document.body.style.overflow = '';
     }
-    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: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbBaseTour, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.1.0", type: NgbBaseTour, isStandalone: true, selector: "[ngbTour]", viewQueries: [{ propertyName: "contentContainer", first: true, predicate: ["contentContainer"], 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"
-      [@slideInOutAnimation]
+      (animationend)="onAnimationEnd($event)"
+      class="{{
+        'pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-background p-1 shadow-md' +
+          (closing() ? ' tour-content-leave' : ' tour-content')
+      }}"
     >
-      <ng-container #myDialog />
+      <ng-container #contentContainer />
     </div>
-    <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 }); }
+    <div
+      (animationend)="onAnimationEnd($event)"
+      class="{{
+        'pointer-events-auto fixed top-0 h-full w-full bg-black/20' +
+          (closing() ? ' tour-backdrop-leave' : ' tour-backdrop')
+      }}"
+    ></div>
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbBaseTour, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbBaseTour, decorators: [{
             type: Component,
             args: [{
                     selector: '[ngbTour]',
@@ -289,24 +285,28 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                     template: `
     <div
       #container
-      class="pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-background p-1 shadow-md"
-      [@slideInOutAnimation]
+      (animationend)="onAnimationEnd($event)"
+      class="{{
+        'pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-background p-1 shadow-md' +
+          (closing() ? ' tour-content-leave' : ' tour-content')
+      }}"
     >
-      <ng-container #myDialog />
+      <ng-container #contentContainer />
     </div>
-    <div class="pointer-events-auto fixed top-0 h-full w-full bg-black/20" [@fadeAnimation]></div>
+    <div
+      (animationend)="onAnimationEnd($event)"
+      class="{{
+        'pointer-events-auto fixed top-0 h-full w-full bg-black/20' +
+          (closing() ? ' tour-backdrop-leave' : ' tour-backdrop')
+      }}"
+    ></div>
   `,
-                    host: {
-                        '[@parentAnimation]': '',
-                        '(@parentAnimation.done)': 'animationDone()',
-                    },
-                    animations: [tourAnimation],
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { contentContainer: [{ type: i0.ViewChild, args: ['contentContainer', { ...{ read: ViewContainerRef }, isSignal: true }] }], container: [{ type: i0.ViewChild, args: ['container', { isSignal: true }] }] } });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { NgbBaseTour, NgbTour, NgbTourService, NgbTourStep, slideInOutAnimation, tourAnimation };
+export { NgbBaseTour, NgbTour, NgbTourService, NgbTourStep };
 //# sourceMappingURL=ngbase-adk-tour.mjs.map

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":"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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/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 {\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';\n\n@Component({\n  selector: '[ngbTour]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div\n      #container\n      (animationend)=\"onAnimationEnd($event)\"\n      class=\"{{\n        'pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-background p-1 shadow-md' +\n          (closing() ? ' tour-content-leave' : ' tour-content')\n      }}\"\n    >\n      <ng-container #contentContainer />\n    </div>\n    <div\n      (animationend)=\"onAnimationEnd($event)\"\n      class=\"{{\n        'pointer-events-auto fixed top-0 h-full w-full bg-black/20' +\n          (closing() ? ' tour-backdrop-leave' : ' tour-backdrop')\n      }}\"\n    ></div>\n  `,\n})\nexport class NgbBaseTour extends BaseDialog implements OnDestroy {\n  protected override readonly hasAnimations = true;\n  readonly contentContainer = viewChild('contentContainer', { read: ViewContainerRef });\n  readonly tourService = inject(NgbTourService);\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.container()!.nativeElement.classList.add('transition-all');\n    }, 5000);\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  onAnimationEnd(event: AnimationEvent) {\n    if (event.target === event.currentTarget) {\n      this.animationDone();\n    }\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

@@ -97,10 +97,10 @@ class TranslateService {
             this.status.set('done');
         }));
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TranslateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TranslateService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: TranslateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: TranslateService, decorators: [{
             type: Injectable
         }] });
 // function memoize(fn: (...args: any[]) => any) {
@@ -123,12 +123,10 @@ class Translate {
     constructor() {
         this.translate = injectTranslate();
         this.value = signal([''], ...(ngDevMode ? [{ debugName: "value" }] : []));
-        this.linkedValue = linkedSignal({
-            source: () => ({ value: this.value(), data: this.translate.translations() }),
+        this.linkedValue = linkedSignal({ ...(ngDevMode ? { debugName: "linkedValue" } : {}), source: () => ({ value: this.value(), data: this.translate.translations() }),
             computation: ({ value }) => {
                 return this.translate.translate(value[0], value[1]);
-            },
-        });
+            } });
     }
     transform(value, ...args) {
         // untracked to avoid error: cannot set signal inside computation
@@ -137,10 +135,10 @@ class Translate {
         });
         return this.linkedValue;
     }
-    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" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: Translate, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: Translate, isStandalone: true, name: "t" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: Translate, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.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,7 +10,7 @@ class NgbTreeNode {
         this.treeNodeDef = inject(NgbTreeNodeDef);
         this.tree = inject(NgbTree);
         this.data = inject(TREE_NODE_DATA);
-        this.container = viewChild('container', ...(ngDevMode ? [{ debugName: "container", read: ViewContainerRef }] : [{ read: ViewContainerRef }]));
+        this.container = viewChild('container', { ...(ngDevMode ? { debugName: "container" } : {}), 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(() => {
@@ -28,8 +28,8 @@ class NgbTreeNode {
         const a11yItem = inject(AccessibleItem);
         a11yItem._ayId.set(this.tree.ayId);
         a11yItem.level.set(this.data.level);
-        a11yItem._expandable = linkedSignal(this.hasChildren);
-        a11yItem._expanded = linkedSignal(this.isOpen);
+        a11yItem._expandable = linkedSignal(this.hasChildren, ...(ngDevMode ? [{ debugName: "_expandable" }] : []));
+        a11yItem._expanded = linkedSignal(this.isOpen, ...(ngDevMode ? [{ debugName: "_expanded" }] : []));
         a11yItem.selectedChange.subscribe(() => {
             this.toggle();
         });
@@ -39,10 +39,10 @@ class NgbTreeNode {
             this.tree.toggle(this.data.details);
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTreeNode, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.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: "20.2.0", ngImport: i0, type: NgbTreeNode, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTreeNode, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTreeNode]',
@@ -54,7 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         '[attr.aria-expanded]': 'isOpen()',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { container: [{ type: i0.ViewChild, args: ['container', { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
 function aliasTreeNode(treeNode) {
     return { provide: NgbTreeNode, useExisting: treeNode };
 }
@@ -68,10 +68,10 @@ class NgbTreeNodeToggle {
             this.treeNode.toggle();
         }
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTreeNodeToggle, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.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: "20.2.0", ngImport: i0, type: NgbTreeNodeToggle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTreeNodeToggle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTreeNodeToggle]',
@@ -83,20 +83,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                 }]
         }] });
 class NgbTreeNodeDef {
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTreeNodeDef, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbTreeNodeDef, isStandalone: true, selector: "[ngbTreeNodeDef]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNodeDef, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTreeNodeDef, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTreeNodeDef]',
                 }]
         }] });
 class NgbTreeNodeContent {
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTreeNodeContent, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.1.0", type: NgbTreeNodeContent, isStandalone: true, selector: "[ngbTreeNodeContent]", ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImport: i0, type: NgbTreeNodeContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTreeNodeContent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTreeNodeContent]',
@@ -243,10 +243,10 @@ class NgbTree {
         this.expanded = true;
         this.opened.set(new Set());
     }
-    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 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTree, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.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: "20.2.0", ngImport: i0, type: NgbTree, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgbTree, decorators: [{
             type: Directive,
             args: [{
                     selector: '[ngbTree]',
@@ -256,7 +256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0", ngImpor
                         role: 'tree',
                     },
                 }]
-        }], ctorParameters: () => [] });
+        }], ctorParameters: () => [], propDecorators: { treeNodeDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NgbTreeNodeDef), { ...{ read: TemplateRef }, isSignal: true }] }], container: [{ type: i0.ViewChild, args: ['container', { ...{ read: ViewContainerRef }, isSignal: true }] }], dataSource: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataSource", required: true }] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: true }] }], children: [{ type: i0.Input, args: [{ isSignal: true, alias: "children", required: true }] }] } });
 function aliasTree(tree) {
     return { provide: NgbTree, useExisting: tree };
 }