@ngbase/adk 0.1.0

package/fesm2022/ngbase-adk-tooltip.mjs

@@ -0,0 +1,237 @@
+import { trigger, state, style, transition, animate } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { inject, ElementRef, signal, afterRenderEffect, Component, ChangeDetectionStrategy, Injectable, InjectionToken, input, computed, untracked, Directive } from '@angular/core';
+import { tooltipPosition } from '@ngbase/adk/popover';
+import { basePortal } from '@ngbase/adk/portal';
+
+class NgbTooltipTemplate {
+    constructor() {
+        this.el = inject(ElementRef);
+        this.content = signal('Tooltip');
+        this.position = 'top';
+        this.onRemoved = () => {
+            this.hide();
+        };
+        afterRenderEffect(() => {
+            const _ = this.content();
+            // we need for the content to be set before setting the position
+            this.setPosition(this.target);
+        });
+    }
+    update(content, target, position, hide) {
+        this.setTarget(target);
+        this.hide = hide;
+        this.position = position;
+        this.el.nativeElement.style.right = '';
+        this.el.nativeElement.style.transition = '.15s ease-out all';
+        this.content.set(content);
+    }
+    setTarget(target) {
+        this.ngOnDestroy();
+        this.target = target;
+        this.listenTarget();
+    }
+    listenTarget() {
+        this.observer = new MutationObserver(() => {
+            if (this.target.isConnected) {
+                this.setPosition(this.target);
+            }
+            else {
+                this.onRemoved();
+            }
+        });
+        this.observer.observe(document.body, { childList: true, subtree: true });
+    }
+    setPosition(target) {
+        const el = this.el.nativeElement;
+        const { top, bottom, left, right } = tooltipPosition({
+            target,
+            el,
+            position: this.position,
+        });
+        if (bottom != undefined) {
+            el.style.bottom = `${bottom}px`;
+        }
+        else {
+            el.style.top = `${top}px`;
+        }
+        if (right != undefined) {
+            el.style.right = `${right}px`;
+        }
+        else {
+            el.style.left = `${left}px`;
+        }
+    }
+    ngOnDestroy() {
+        this.observer?.disconnect();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltipTemplate, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.0.0", type: NgbTooltipTemplate, isStandalone: true, selector: "[ngbTooltip]", host: { properties: { "@slideInOutAnimation": "1" } }, ngImport: i0, template: `{{ content() }}`, isInline: true, animations: [
+            trigger('slideInOutAnimation', [
+                state('1', style({ transform: 'none', opacity: 1 })),
+                state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
+                state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
+                transition('* => *', animate('150ms ease-out')),
+            ]),
+        ], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltipTemplate, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ngbTooltip]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `{{ content() }}`,
+                    host: {
+                        '[@slideInOutAnimation]': '1',
+                    },
+                    animations: [
+                        trigger('slideInOutAnimation', [
+                            state('1', style({ transform: 'none', opacity: 1 })),
+                            state('void', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
+                            state('0', style({ transform: 'translateY(-5px) scale(0.95)', opacity: 0 })),
+                            transition('* => *', animate('150ms ease-out')),
+                        ]),
+                    ],
+                }]
+        }], ctorParameters: () => [] });
+
+class TooltipService {
+    constructor() {
+        this.tooltip = tooltipPortal();
+        this.delay = 100;
+        this.destroy = () => {
+            this.timeoutId = setTimeout(() => {
+                this.tooltipOpen?.destroy();
+                this.tooltipOpen = undefined;
+                this.delay = 100;
+            }, this.delay ?? 100);
+        };
+    }
+    insert(el, content, position, hide, component) {
+        clearTimeout(this.timeoutId);
+        if (this.tooltipOpen) {
+            this.tooltipOpen.parent.instance.update(content, el, position, hide);
+            // setTimeout(() => {
+            //   this.tooltipOpen.parent.instance.setPosition(el);
+            // });
+        }
+        else {
+            this.tooltipOpen = this.tooltip.open(content, el, position, hide, component);
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TooltipService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TooltipService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: TooltipService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function tooltipPortal() {
+    const NAME = 'tooltip';
+    const base = basePortal(NAME, NgbTooltipTemplate);
+    function open(content, target, position, hide, parentComponent) {
+        const { diaRef, parent, replace } = base.open(undefined, comp => {
+            comp.instance.update(content, target, position || 'top', hide);
+        }, undefined, false, parentComponent);
+        function destroy() {
+            diaRef.close();
+        }
+        return { destroy, parent, replace };
+    }
+    return { open };
+}
+
+function provideNgbTooltipOptions(options) {
+    return { provide: TOOLTIP_OPTIONS, useValue: options };
+}
+const TOOLTIP_OPTIONS = new InjectionToken('TOOLTIP_OPTIONS');
+class NgbTooltip {
+    constructor() {
+        // Dependencies
+        this.defaultOptions = inject(TOOLTIP_OPTIONS, { optional: true });
+        this.el = inject(ElementRef);
+        this.tooltipService = inject(TooltipService);
+        // Inputs
+        this.ngbTooltip = input();
+        this.ngbTooltipPosition = input();
+        this.delay = input(0);
+        // State
+        this.options = computed(() => {
+            const o = this.defaultOptions || {};
+            const options = {
+                showDelay: this.delay() || o.showDelay || 0,
+                hideDelay: o.hideDelay || 0,
+                position: this.ngbTooltipPosition() || o.position || 'top',
+                component: this.defaultOptions?.component || o.component,
+            };
+            return options;
+        });
+        this.show = () => {
+            // listen when cursor is over and element is removed
+            const options = this.options();
+            if (options.showDelay === 0 || this.tooltipService.tooltipOpen) {
+                this.tooltipService.insert(this.el.nativeElement, this.ngbTooltip(), options.position, this.quickHide, options.component);
+                return;
+            }
+            this.timer = setTimeout(() => {
+                this.tooltipService.insert(this.el.nativeElement, this.ngbTooltip(), options.position, this.hide, options.component);
+            }, options.showDelay);
+        };
+        this.removed = () => {
+            this.tooltipService.delay = 0;
+            this.hide();
+        };
+        this.hide = () => {
+            clearTimeout(this.timer);
+            this.tooltipService.destroy();
+        };
+        this.quickHide = () => {
+            this.tooltipService.delay = 0;
+            this.hide();
+        };
+        let active = false;
+        afterRenderEffect(() => {
+            const content = this.ngbTooltip();
+            untracked(() => {
+                if (content) {
+                    if (!active) {
+                        this.el.nativeElement.addEventListener('mouseenter', this.show);
+                        this.el.nativeElement.addEventListener('mouseleave', this.hide);
+                        active = true;
+                    }
+                }
+                else if (active) {
+                    this.remove();
+                    active = false;
+                }
+            });
+        });
+    }
+    remove() {
+        this.hide();
+        this.el.nativeElement.removeEventListener('mouseenter', this.show);
+        this.el.nativeElement.removeEventListener('mouseleave', this.hide);
+    }
+    ngOnDestroy() {
+        this.remove();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.0", type: NgbTooltip, isStandalone: true, selector: "[ngbTooltip]", inputs: { ngbTooltip: { classPropertyName: "ngbTooltip", publicName: "ngbTooltip", isSignal: true, isRequired: false, transformFunction: null }, ngbTooltipPosition: { classPropertyName: "ngbTooltipPosition", publicName: "ngbTooltipPosition", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTooltip, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbTooltip]',
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of tooltip
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbTooltip, NgbTooltipTemplate, provideNgbTooltipOptions };
+//# sourceMappingURL=ngbase-adk-tooltip.mjs.map

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

@@ -0,0 +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 {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  OnDestroy,\n  afterRenderEffect,\n  inject,\n  signal,\n} from '@angular/core';\nimport { PopoverPosition, tooltipPosition } from '@ngbase/adk/popover';\n\n@Component({\n  selector: '[ngbTooltip]',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `{{ content() }}`,\n  host: {\n    '[@slideInOutAnimation]': '1',\n  },\n  animations: [\n    trigger('slideInOutAnimation', [\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})\nexport class NgbTooltipTemplate implements OnDestroy {\n  readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  readonly content = signal('Tooltip');\n\n  private target!: HTMLElement;\n  private position: PopoverPosition = 'top';\n  private hide!: VoidFunction;\n  private observer?: MutationObserver;\n\n  constructor() {\n    afterRenderEffect(() => {\n      const _ = this.content();\n      // we need for the content to be set before setting the position\n      this.setPosition(this.target);\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 = target;\n    this.listenTarget();\n  }\n\n  private listenTarget() {\n    this.observer = new MutationObserver(() => {\n      if (this.target.isConnected) {\n        this.setPosition(this.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 } = tooltipPosition({\n      target,\n      el,\n      position: this.position,\n    });\n    if (bottom != undefined) {\n      el.style.bottom = `${bottom}px`;\n    } else {\n      el.style.top = `${top}px`;\n    }\n    if (right != undefined) {\n      el.style.right = `${right}px`;\n    } else {\n      el.style.left = `${left}px`;\n    }\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  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    if (this.tooltipOpen) {\n      this.tooltipOpen.parent.instance.update(content, el, position, hide);\n      // setTimeout(() => {\n      //   this.tooltipOpen.parent.instance.setPosition(el);\n      // });\n    } else {\n      this.tooltipOpen = this.tooltip.open(content, el, position, hide, component);\n    }\n  }\n\n  destroy = () => {\n    this.timeoutId = setTimeout(() => {\n      this.tooltipOpen?.destroy();\n      this.tooltipOpen = undefined;\n      this.delay = 100;\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 } 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})\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 } 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

@@ -0,0 +1,312 @@
+import * as i0 from '@angular/core';
+import { signal, computed, Injectable, inject, ElementRef, input, Directive, contentChildren, viewChild, ViewContainerRef, effect, Component, ChangeDetectionStrategy } 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() {
+        this.popover = ngbPopoverPortal();
+        this.steps = signal([]);
+        this.step = signal(-1);
+        this.ids = signal([]);
+        this.currentStep = computed(() => {
+            const id = this.ids()[this.step()];
+            const steps = this.steps();
+            return steps.find(x => x.ngbTourStep() === id);
+        });
+        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.clipPath = computed(() => {
+            const _ = this.scrolled();
+            const currentStep = this.currentStep();
+            if (!currentStep) {
+                return '';
+            }
+            const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();
+            return `polygon(
+      0 0,
+      100% 0,
+      100% ${top}px,
+      ${left}px ${top}px,
+      ${left}px ${top + height}px,
+      ${left + width}px ${top + height}px,
+      ${left + width}px ${top}px,
+      100% ${top}px,
+      100% 100%,
+      0 100%,
+      0 0
+    )`;
+        });
+    }
+    addStep(step) {
+        this.steps.update(x => [...x, step]);
+    }
+    start(comp, ids) {
+        this.template = comp;
+        this.ids.set(ids);
+        this.step.set(-1);
+        this.next();
+    }
+    prev() {
+        const steps = this.ids();
+        const prevStep = this.step();
+        if (steps.length) {
+            const step = (prevStep - 1 + steps.length) % steps.length;
+            this.go(step);
+        }
+    }
+    next() {
+        const steps = this.ids();
+        const prevStep = this.step();
+        if (steps.length) {
+            const step = (prevStep + 1) % steps.length;
+            if (prevStep > step) {
+                this.stop();
+                return;
+            }
+            this.go(step);
+        }
+    }
+    go(id) {
+        const steps = this.steps();
+        const ids = this.ids();
+        if (steps.length) {
+            // validate the step number is within the range
+            if (id < 0 || id >= ids.length) {
+                return;
+            }
+            this.step.set(id);
+            const step = steps.find(x => x.ngbTourStep() === ids[id]);
+            if (!step) {
+                return;
+            }
+            if (this.diaRef) {
+                this.diaRef.parent.target.set(step.el.nativeElement);
+            }
+            else {
+                this.showOverlay(step.el.nativeElement);
+            }
+        }
+    }
+    stop() {
+        this.hideOverlay();
+        clearInterval(this.id);
+    }
+    showOverlay(el) {
+        this.diaRef?.diaRef.close();
+        this.diaRef = this.popover.open(this.template, {
+            target: el,
+            position: 'right',
+            className: 'transition-all',
+            backdropClassName: 'bg-black/20',
+            clipPath: this.clipPath,
+            smoothScroll: true,
+            anchor: true,
+            backdropColor: true,
+            width: '400px',
+            disableClose: true,
+        });
+        this.scrolled = this.diaRef.parent.scrolled;
+    }
+    hideOverlay() {
+        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' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTourService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+class NgbTourStep {
+    constructor() {
+        this.el = inject(ElementRef);
+        this.tourService = inject(NgbTourService);
+        // Inputs
+        this.ngbTourStep = input.required();
+        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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbTourStep, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngbTourStep]',
+                }]
+        }], ctorParameters: () => [] });
+
+class NgbTour {
+    constructor() {
+        this.tourService = inject(NgbTourService);
+        this.steps = contentChildren(NgbTourStep, { 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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.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'),
+];
+
+class NgbBaseTour extends BaseDialog {
+    constructor() {
+        super();
+        this.tourService = inject(NgbTourService);
+        this.myDialog = viewChild('myDialog', { read: ViewContainerRef });
+        this.container = viewChild('container');
+        this.lastPosition = 'top';
+        this.scrolled = signal(0);
+        this.clipPath = computed(() => {
+            const _ = this.scrolled();
+            const currentStep = this.tourService.currentStep();
+            const { width, height, top, left } = currentStep.el.nativeElement.getBoundingClientRect();
+            return `polygon(
+      0 0,
+      100% 0,
+      100% ${top}px,
+      ${left}px ${top}px,
+      ${left}px ${top + height}px,
+      ${left + width}px ${top + height}px,
+      ${left + width}px ${top}px,
+      100% ${top}px,
+      100% 100%,
+      0 100%,
+      0 0
+    )`;
+        });
+        this.updateDimension = () => {
+            requestAnimationFrame(() => {
+                const el = this.container().nativeElement;
+                const { top, left, bottom, position } = tooltipPosition({
+                    target: this.tooltipOptions.target,
+                    el,
+                    position: this.lastPosition,
+                    client: this.tooltipOptions.client,
+                    offset: this.tooltipOptions.offset,
+                });
+                this.lastPosition = position;
+                // we need to update the values directly instead of signal to avoid too many CD checks
+                if (bottom) {
+                    el.style.bottom = `${bottom}px`;
+                    el.style.top = '';
+                }
+                else if (top) {
+                    el.style.top = `${top}px`;
+                    el.style.bottom = '';
+                }
+                el.style.left = `${left}px`;
+            });
+        };
+        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;
+            target.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
+            fromEvent(window, 'scroll')
+                .pipe(startWith(1), debounceTime(50), take(1))
+                .subscribe(() => {
+                this.lastPosition = this.tooltipOptions.position || 'bottom';
+                const el = this.container().nativeElement;
+                if (this.options.backdrop) {
+                    this.document.body.style.overflow = 'hidden';
+                }
+                if (this.options.width === 'target') {
+                    // update the width of the container to be the same as the target
+                    el.style.width = `${this.tooltipOptions.target.offsetWidth}px`;
+                }
+                else if (this.options.width) {
+                    el.style.width = this.options.width;
+                }
+                if (this.options.height) {
+                    el.style.height = this.options.height;
+                }
+                if (this.options.maxHeight) {
+                    el.style.maxHeight = this.options.maxHeight;
+                }
+                this.scrolled.update(x => x + 1);
+                this.updateDimension();
+            });
+            // if (!this.options.backdrop) {
+            //   // window.addEventListener('wheel', this.updateDimension);
+            // }
+        });
+    }
+    setOptions(options) {
+        this.options = options;
+    }
+    ngOnDestroy() {
+        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: `
+    <div
+      #container
+      class="pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-foreground p-1 shadow-md"
+      [@slideInOutAnimation]
+    >
+      <ng-container #myDialog />
+    </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 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.0", ngImport: i0, type: NgbBaseTour, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[ngbTour]',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    template: `
+    <div
+      #container
+      class="pointer-events-auto fixed z-10 overflow-auto rounded-md border bg-foreground p-1 shadow-md"
+      [@slideInOutAnimation]
+    >
+      <ng-container #myDialog />
+    </div>
+    <div class="pointer-events-auto fixed top-0 h-full w-full bg-black/20" [@fadeAnimation]></div>
+  `,
+                    host: {
+                        '[@parentAnimation]': '',
+                        '(@parentAnimation.done)': 'animationDone()',
+                    },
+                    animations: [tourAnimation],
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NgbBaseTour, NgbTour, NgbTourService, NgbTourStep, slideInOutAnimation, tourAnimation };
+//# sourceMappingURL=ngbase-adk-tour.mjs.map

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

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