@acorex/cdk 19.6.1 → 19.7.0-next.0

package/fesm2022/acorex-cdk-outline.mjs

@@ -0,0 +1,162 @@
+import { AXUnsubscriber } from '@acorex/core/utils';
+import * as i0 from '@angular/core';
+import { inject, NgZone, ElementRef, input, signal, afterNextRender, Directive, NgModule } from '@angular/core';
+import { Router, NavigationEnd } from '@angular/router';
+import { BehaviorSubject, fromEvent, map } from 'rxjs';
+import { CommonModule } from '@angular/common';
+
+class AXOutlineContainerDirective {
+    constructor() {
+        this.router = inject(Router);
+        this.zone = inject(NgZone);
+        this.el = inject((ElementRef));
+        this.unsubscriber = inject(AXUnsubscriber);
+        this.target = input();
+        this.smoothScroll = input(true);
+        this.activationOffset = input(16);
+        this.activateLastAtBottom = input(true);
+        this.scrollTop = signal(0);
+        this.outlineItems = signal([]);
+        this.outlineItems$ = new BehaviorSubject([]);
+        this.#anr = afterNextRender(() => {
+            if (this.smoothScroll) {
+                this.el.nativeElement.style.scrollBehavior = 'smooth';
+            }
+            this.setOutlineItems();
+            this.router.events.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {
+                if (e instanceof NavigationEnd) {
+                    this.setOutlineItems();
+                }
+            });
+            this.zone.runOutsideAngular(() => {
+                fromEvent(this.el.nativeElement, 'scroll')
+                    .pipe(this.unsubscriber.takeUntilDestroy, map(() => this.el.nativeElement.scrollTop))
+                    .subscribe((scrollTop) => {
+                    this.scrollTop.set(scrollTop);
+                    this.scrollChanged(scrollTop);
+                });
+            });
+        });
+    }
+    #anr;
+    scrollChanged(scrollTop) {
+        this.outlineItems.update((prevItems) => {
+            if (prevItems.length === 0)
+                return prevItems;
+            const scrollHeight = this.el.nativeElement.scrollHeight;
+            const clientHeight = this.el.nativeElement.clientHeight;
+            const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;
+            if (isAtBottom && this.activateLastAtBottom()) {
+                return prevItems.map((item, index) => ({
+                    ...item,
+                    active: index === prevItems.length - 1,
+                }));
+            }
+            let activeIndex = -1;
+            for (let i = 0; i < prevItems.length; i++) {
+                const item = prevItems[i];
+                if (scrollTop >= item.scrollY - this.activationOffset()) {
+                    activeIndex = i;
+                }
+            }
+            return prevItems.map((item, index) => ({
+                ...item,
+                active: index === activeIndex,
+            }));
+        });
+        this.outlineItems$.next(this.outlineItems());
+    }
+    setOutlineItems() {
+        setTimeout(() => {
+            const targets = this.target() ? [...this.el.nativeElement.querySelectorAll(this.target())] : [];
+            targets.push(...this.el.nativeElement.querySelectorAll('[data-ax-outline-item="true"]'));
+            const uniqueTargets = new Set(targets);
+            const outlineItems = Array.from(uniqueTargets)
+                .map((el) => {
+                const existingId = el.id;
+                let newId;
+                if (!existingId) {
+                    const textContent = el.textContent.trim();
+                    if (textContent) {
+                        newId = `${textContent.replace(/\s+/g, '-')}`;
+                    }
+                    else {
+                        newId = `${Math.random().toString(36).slice(2, 7)}`;
+                    }
+                    el.id = newId;
+                }
+                return { el, active: false, scrollY: el.offsetTop };
+            })
+                .sort((a, b) => a.scrollY - b.scrollY);
+            this.outlineItems.set(outlineItems);
+            this.scrollChanged(this.scrollTop());
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXOutlineContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.3", type: AXOutlineContainerDirective, isStandalone: false, selector: "[axOutlineContainer]", inputs: { target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, smoothScroll: { classPropertyName: "smoothScroll", publicName: "smoothScroll", isSignal: true, isRequired: false, transformFunction: null }, activationOffset: { classPropertyName: "activationOffset", publicName: "activationOffset", isSignal: true, isRequired: false, transformFunction: null }, activateLastAtBottom: { classPropertyName: "activateLastAtBottom", publicName: "activateLastAtBottom", isSignal: true, isRequired: false, transformFunction: null } }, providers: [AXUnsubscriber], exportAs: ["axOutlineContainer"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXOutlineContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axOutlineContainer]',
+                    standalone: false,
+                    exportAs: 'axOutlineContainer',
+                    providers: [AXUnsubscriber],
+                }]
+        }] });
+
+class AXOutlineItemDirective {
+    constructor() {
+        this.el = inject(ElementRef);
+        this.id = input();
+        this.#anr = afterNextRender(() => {
+            this.el.nativeElement.dataset['axOutlineItem'] = 'true';
+            let newId;
+            if (!this.id()) {
+                const textContent = this.el.nativeElement.textContent.trim();
+                if (textContent) {
+                    newId = `${textContent.replace(/\s+/g, '-')}`;
+                }
+                else {
+                    newId = `${Math.random().toString(36).slice(2, 7)}`;
+                }
+                this.el.nativeElement.id = newId;
+            }
+        });
+    }
+    #anr;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXOutlineItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.3", type: AXOutlineItemDirective, isStandalone: false, selector: "[axOutlineItem]", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["axOutlineItem"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXOutlineItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axOutlineItem]',
+                    exportAs: 'axOutlineItem',
+                    standalone: false,
+                }]
+        }] });
+
+const COMPONENT = [AXOutlineContainerDirective, AXOutlineItemDirective];
+const MODULES = [CommonModule];
+class AXOutlineModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXOutlineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXOutlineModule, declarations: [AXOutlineContainerDirective, AXOutlineItemDirective], imports: [CommonModule], exports: [AXOutlineContainerDirective, AXOutlineItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXOutlineModule, imports: [MODULES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXOutlineModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXOutlineContainerDirective, AXOutlineItemDirective, AXOutlineModule };
+//# sourceMappingURL=acorex-cdk-outline.mjs.map

package/fesm2022/acorex-cdk-outline.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-cdk-outline.mjs","sources":["../../../../libs/cdk/outline/src/lib/outline-container.directive.ts","../../../../libs/cdk/outline/src/lib/outline-item.directive.ts","../../../../libs/cdk/outline/src/lib/outline.module.ts","../../../../libs/cdk/outline/src/acorex-cdk-outline.ts"],"sourcesContent":["import { AXUnsubscriber } from '@acorex/core/utils';\nimport { afterNextRender, Directive, ElementRef, inject, input, NgZone, signal } from '@angular/core';\nimport { NavigationEnd, Router } from '@angular/router';\nimport { BehaviorSubject, fromEvent, map } from 'rxjs';\n\nexport type outlineItemType = { el: HTMLElement; active: boolean; scrollY: number };\n\n@Directive({\n  selector: '[axOutlineContainer]',\n  standalone: false,\n  exportAs: 'axOutlineContainer',\n  providers: [AXUnsubscriber],\n})\nexport class AXOutlineContainerDirective {\n  router = inject(Router);\n  private zone = inject(NgZone);\n  private el = inject(ElementRef<HTMLElement>);\n  private unsubscriber = inject(AXUnsubscriber);\n\n  target = input<string>();\n  smoothScroll = input(true);\n  activationOffset = input(16);\n  activateLastAtBottom = input(true);\n\n  private scrollTop = signal(0);\n  private outlineItems = signal<outlineItemType[]>([]);\n\n  outlineItems$ = new BehaviorSubject<outlineItemType[]>([]);\n\n  #anr = afterNextRender(() => {\n    if (this.smoothScroll) {\n      (this.el.nativeElement as HTMLElement).style.scrollBehavior = 'smooth';\n    }\n    this.setOutlineItems();\n    this.router.events.pipe(this.unsubscriber.takeUntilDestroy).subscribe((e) => {\n      if (e instanceof NavigationEnd) {\n        this.setOutlineItems();\n      }\n    });\n    this.zone.runOutsideAngular(() => {\n      fromEvent(this.el.nativeElement, 'scroll')\n        .pipe(\n          this.unsubscriber.takeUntilDestroy,\n          map(() => this.el.nativeElement.scrollTop),\n        )\n        .subscribe((scrollTop) => {\n          this.scrollTop.set(scrollTop);\n          this.scrollChanged(scrollTop);\n        });\n    });\n  });\n\n  private scrollChanged(scrollTop: number) {\n    this.outlineItems.update((prevItems) => {\n      if (prevItems.length === 0) return prevItems;\n\n      const scrollHeight = this.el.nativeElement.scrollHeight;\n      const clientHeight = this.el.nativeElement.clientHeight;\n      const isAtBottom = scrollTop + clientHeight >= scrollHeight - 1;\n\n      if (isAtBottom && this.activateLastAtBottom()) {\n        return prevItems.map((item, index) => ({\n          ...item,\n          active: index === prevItems.length - 1,\n        }));\n      }\n\n      let activeIndex = -1;\n      for (let i = 0; i < prevItems.length; i++) {\n        const item = prevItems[i];\n        if (scrollTop >= item.scrollY - this.activationOffset()) {\n          activeIndex = i;\n        }\n      }\n      return prevItems.map((item, index) => ({\n        ...item,\n        active: index === activeIndex,\n      }));\n    });\n    this.outlineItems$.next(this.outlineItems());\n  }\n\n  private setOutlineItems() {\n    setTimeout(() => {\n      const targets = this.target() ? [...this.el.nativeElement.querySelectorAll(this.target())] : [];\n      targets.push(...this.el.nativeElement.querySelectorAll('[data-ax-outline-item=\"true\"]'));\n      const uniqueTargets = new Set(targets);\n      const outlineItems = Array.from(uniqueTargets)\n        .map((el) => {\n          const existingId = el.id;\n          let newId;\n          if (!existingId) {\n            const textContent = el.textContent.trim();\n            if (textContent) {\n              newId = `${textContent.replace(/\\s+/g, '-')}`;\n            } else {\n              newId = `${Math.random().toString(36).slice(2, 7)}`;\n            }\n            el.id = newId;\n          }\n          return { el, active: false, scrollY: el.offsetTop };\n        })\n        .sort((a, b) => a.scrollY - b.scrollY);\n      this.outlineItems.set(outlineItems);\n      this.scrollChanged(this.scrollTop());\n    });\n  }\n}\n","import { afterNextRender, Directive, ElementRef, inject, input } from '@angular/core';\n\n@Directive({\n  selector: '[axOutlineItem]',\n  exportAs: 'axOutlineItem',\n  standalone: false,\n})\nexport class AXOutlineItemDirective {\n  private el = inject(ElementRef);\n  id = input<string>();\n  #anr = afterNextRender(() => {\n    (this.el.nativeElement as HTMLElement).dataset['axOutlineItem'] = 'true';\n\n    let newId;\n    if (!this.id()) {\n      const textContent = this.el.nativeElement.textContent.trim();\n      if (textContent) {\n        newId = `${textContent.replace(/\\s+/g, '-')}`;\n      } else {\n        newId = `${Math.random().toString(36).slice(2, 7)}`;\n      }\n      this.el.nativeElement.id = newId;\n    }\n  });\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXOutlineContainerDirective } from './outline-container.directive';\nimport { AXOutlineItemDirective } from './outline-item.directive';\n\nconst COMPONENT = [AXOutlineContainerDirective, AXOutlineItemDirective];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXOutlineModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/acorex-cdk-pan-view.mjs

@@ -0,0 +1,175 @@
+import * as i0 from '@angular/core';
+import { inject, NgZone, Renderer2, ElementRef, signal, input, model, output, computed, effect, afterNextRender, Directive, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AXPanViewDirective {
+    constructor() {
+        this.zone = inject(NgZone);
+        this.render = inject(Renderer2);
+        this.el = inject((ElementRef));
+        this.prevX = signal(0);
+        this.prevY = signal(0);
+        this.pointerDown = signal(false);
+        this.wrapper = signal(null);
+        this.zoomStep = input(7);
+        this.minZoom = input(25);
+        this.maxZoom = input(400);
+        this.disablePan = input(false);
+        this.disableZoom = input(false);
+        this.wrapperClasses = input('');
+        this.panX = model(0);
+        this.panY = model(0);
+        this.zoom = model(100);
+        this.zoomChange = output();
+        this.positionChange = output();
+        this.nativeEl = computed(() => this.el.nativeElement);
+        this.zoomValue = computed(() => {
+            const zoomLevel = Math.max(this.minZoom(), Math.min(this.maxZoom(), this.zoom()));
+            return zoomLevel / 100;
+        });
+        this.#zoomChange = effect(() => {
+            const zoomLevel = Math.max(this.minZoom(), Math.min(this.maxZoom(), this.zoom()));
+            this.zoomChange.emit(zoomLevel);
+            this.nativeEl().style.scale = this.zoomValue().toString();
+        });
+        this.#positionChange = effect(() => {
+            this.nativeEl().style.transform = `translate(${this.panX()}px, ${this.panY()}px)`;
+            this.positionChange.emit({ x: this.panX(), y: this.panY() });
+        });
+        this.#anr = afterNextRender(() => {
+            // Create Wrapper
+            this.createWrapper();
+            // Wheel Event
+            this.render.listen(this.wrapper(), 'wheel', (e) => {
+                e.preventDefault();
+                if (e.ctrlKey) {
+                    this.handleZoomChange(e);
+                    return;
+                }
+                else if (e.shiftKey) {
+                    if (this.disablePan())
+                        return;
+                    this.panX.update((prev) => prev - e.deltaY / 3);
+                }
+                else {
+                    if (this.disablePan())
+                        return;
+                    this.panY.update((prev) => prev - e.deltaY / 3);
+                }
+            });
+            // Pointer Down Event
+            this.zone.runOutsideAngular(() => {
+                this.render.listen(this.wrapper(), 'pointerdown', (e) => {
+                    this.handlePointerDown(e);
+                });
+                // Pointer Move Event
+                this.render.listen(this.wrapper(), 'pointermove', (e) => {
+                    this.handlePointerMove(e);
+                });
+                // Pointer Up/Leave Event
+                this.render.listen(this.wrapper(), 'pointerup', (e) => {
+                    this.handlePointerUp(e);
+                });
+                this.render.listen(this.wrapper(), 'pointerleave', (e) => {
+                    this.handlePointerUp(e);
+                });
+            });
+        });
+    }
+    #zoomChange;
+    #positionChange;
+    #anr;
+    handleZoomChange(e) {
+        if (this.disableZoom())
+            return;
+        if (e.deltaY > 0) {
+            this.zoom.update((prev) => Math.min(this.maxZoom(), prev - this.zoomStep()));
+            return;
+        }
+        this.zoom.update((prev) => Math.max(this.minZoom(), prev + this.zoomStep()));
+    }
+    createWrapper() {
+        this.wrapper.set(this.render.createElement('div'));
+        this.render.addClass(this.wrapper(), 'ax-pan-view-wrapper');
+        this.render.addClass(this.wrapper(), this.wrapperClasses());
+        const parent = this.nativeEl().parentNode;
+        this.render.appendChild(this.wrapper(), this.nativeEl());
+        this.render.insertBefore(parent, this.wrapper(), this.nativeEl().nextSibling);
+        this.render.setStyle(this.wrapper(), 'width', '100%');
+        this.render.setStyle(this.wrapper(), 'height', '100%');
+        this.render.setStyle(this.wrapper(), 'overflow', 'hidden');
+        this.render.setStyle(this.wrapper(), 'position', 'relative');
+        this.render.setStyle(this.nativeEl(), 'top', '0');
+        this.render.setStyle(this.nativeEl(), 'left', '0');
+        this.render.setStyle(this.nativeEl(), 'width', '100%');
+        this.render.setStyle(this.nativeEl(), 'position', 'absolute');
+    }
+    handlePointerDown(e) {
+        if (this.disablePan())
+            return;
+        if ((e.pointerType === 'mouse' && e.buttons === 4) || e.pointerType !== 'mouse') {
+            e.preventDefault();
+            this.pointerDown.set(true);
+            this.wrapper().style.cursor = 'grabbing';
+            // Update previous position for next move
+            const currentX = e.clientX;
+            const currentY = e.clientY;
+            this.prevX.set(currentX);
+            this.prevY.set(currentY);
+        }
+    }
+    handlePointerMove(e) {
+        if (this.pointerDown() && !this.disablePan()) {
+            e.preventDefault();
+            const currentX = e.clientX;
+            const currentY = e.clientY;
+            const deltaX = currentX - this.prevX();
+            const deltaY = currentY - this.prevY();
+            this.panX.update((prev) => prev + deltaX / this.zoomValue());
+            this.panY.update((prev) => prev + deltaY / this.zoomValue());
+            this.prevX.set(currentX);
+            this.prevY.set(currentY);
+        }
+    }
+    handlePointerUp(e) {
+        if (this.pointerDown() && !this.disablePan()) {
+            e.preventDefault();
+            this.pointerDown.set(false);
+            this.wrapper().style.cursor = 'auto';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPanViewDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.3", type: AXPanViewDirective, isStandalone: false, selector: "[axPanView]", inputs: { zoomStep: { classPropertyName: "zoomStep", publicName: "zoomStep", isSignal: true, isRequired: false, transformFunction: null }, minZoom: { classPropertyName: "minZoom", publicName: "minZoom", isSignal: true, isRequired: false, transformFunction: null }, maxZoom: { classPropertyName: "maxZoom", publicName: "maxZoom", isSignal: true, isRequired: false, transformFunction: null }, disablePan: { classPropertyName: "disablePan", publicName: "disablePan", isSignal: true, isRequired: false, transformFunction: null }, disableZoom: { classPropertyName: "disableZoom", publicName: "disableZoom", isSignal: true, isRequired: false, transformFunction: null }, wrapperClasses: { classPropertyName: "wrapperClasses", publicName: "wrapperClasses", isSignal: true, isRequired: false, transformFunction: null }, panX: { classPropertyName: "panX", publicName: "panX", isSignal: true, isRequired: false, transformFunction: null }, panY: { classPropertyName: "panY", publicName: "panY", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { panX: "panXChange", panY: "panYChange", zoom: "zoomChange", zoomChange: "zoomChange", positionChange: "positionChange" }, exportAs: ["axPanView"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPanViewDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axPanView]',
+                    exportAs: 'axPanView',
+                    standalone: false,
+                }]
+        }] });
+
+const COMPONENT = [AXPanViewDirective];
+const MODULES = [CommonModule];
+class AXPanViewModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPanViewModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXPanViewModule, declarations: [AXPanViewDirective], imports: [CommonModule], exports: [AXPanViewDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPanViewModule, imports: [MODULES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXPanViewModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXPanViewDirective, AXPanViewModule };
+//# sourceMappingURL=acorex-cdk-pan-view.mjs.map

package/fesm2022/acorex-cdk-pan-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-cdk-pan-view.mjs","sources":["../../../../libs/cdk/pan-view/src/lib/pan-view.directive.ts","../../../../libs/cdk/pan-view/src/lib/pan-view.module.ts","../../../../libs/cdk/pan-view/src/acorex-cdk-pan-view.ts"],"sourcesContent":["import {\n  afterNextRender,\n  computed,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  model,\n  NgZone,\n  output,\n  Renderer2,\n  signal,\n} from '@angular/core';\n\n@Directive({\n  selector: '[axPanView]',\n  exportAs: 'axPanView',\n  standalone: false,\n})\nexport class AXPanViewDirective {\n  private zone = inject(NgZone);\n  private render = inject(Renderer2);\n  private el = inject(ElementRef<HTMLElement>);\n\n  private prevX = signal(0);\n  private prevY = signal(0);\n  private pointerDown = signal(false);\n  private wrapper = signal<HTMLDivElement | null>(null);\n\n  zoomStep = input(7);\n  minZoom = input(25);\n  maxZoom = input(400);\n  disablePan = input(false);\n  disableZoom = input(false);\n  wrapperClasses = input('');\n\n  panX = model(0);\n  panY = model(0);\n  zoom = model(100);\n\n  zoomChange = output<number>();\n  positionChange = output<{ x: number; y: number }>();\n\n  private nativeEl = computed(() => this.el.nativeElement as HTMLElement);\n  private zoomValue = computed(() => {\n    const zoomLevel = Math.max(this.minZoom(), Math.min(this.maxZoom(), this.zoom()));\n    return zoomLevel / 100;\n  });\n\n  #zoomChange = effect(() => {\n    const zoomLevel = Math.max(this.minZoom(), Math.min(this.maxZoom(), this.zoom()));\n    this.zoomChange.emit(zoomLevel);\n    this.nativeEl().style.scale = this.zoomValue().toString();\n  });\n  #positionChange = effect(() => {\n    this.nativeEl().style.transform = `translate(${this.panX()}px, ${this.panY()}px)`;\n    this.positionChange.emit({ x: this.panX(), y: this.panY() });\n  });\n  #anr = afterNextRender(() => {\n    // Create Wrapper\n    this.createWrapper();\n    // Wheel Event\n    this.render.listen(this.wrapper(), 'wheel', (e: WheelEvent) => {\n      e.preventDefault();\n      if (e.ctrlKey) {\n        this.handleZoomChange(e);\n        return;\n      } else if (e.shiftKey) {\n        if (this.disablePan()) return;\n        this.panX.update((prev) => prev - e.deltaY / 3);\n      } else {\n        if (this.disablePan()) return;\n        this.panY.update((prev) => prev - e.deltaY / 3);\n      }\n    });\n    // Pointer Down Event\n    this.zone.runOutsideAngular(() => {\n      this.render.listen(this.wrapper(), 'pointerdown', (e: PointerEvent) => {\n        this.handlePointerDown(e);\n      });\n      // Pointer Move Event\n      this.render.listen(this.wrapper(), 'pointermove', (e: PointerEvent) => {\n        this.handlePointerMove(e);\n      });\n      // Pointer Up/Leave Event\n      this.render.listen(this.wrapper(), 'pointerup', (e: PointerEvent) => {\n        this.handlePointerUp(e);\n      });\n      this.render.listen(this.wrapper(), 'pointerleave', (e: PointerEvent) => {\n        this.handlePointerUp(e);\n      });\n    });\n  });\n\n  private handleZoomChange(e: WheelEvent) {\n    if (this.disableZoom()) return;\n    if (e.deltaY > 0) {\n      this.zoom.update((prev) => Math.min(this.maxZoom(), prev - this.zoomStep()));\n      return;\n    }\n    this.zoom.update((prev) => Math.max(this.minZoom(), prev + this.zoomStep()));\n  }\n\n  private createWrapper() {\n    this.wrapper.set(this.render.createElement('div'));\n    this.render.addClass(this.wrapper(), 'ax-pan-view-wrapper');\n    this.render.addClass(this.wrapper(), this.wrapperClasses());\n\n    const parent = this.nativeEl().parentNode;\n    this.render.appendChild(this.wrapper(), this.nativeEl());\n    this.render.insertBefore(parent, this.wrapper(), this.nativeEl().nextSibling);\n\n    this.render.setStyle(this.wrapper(), 'width', '100%');\n    this.render.setStyle(this.wrapper(), 'height', '100%');\n    this.render.setStyle(this.wrapper(), 'overflow', 'hidden');\n    this.render.setStyle(this.wrapper(), 'position', 'relative');\n\n    this.render.setStyle(this.nativeEl(), 'top', '0');\n    this.render.setStyle(this.nativeEl(), 'left', '0');\n    this.render.setStyle(this.nativeEl(), 'width', '100%');\n    this.render.setStyle(this.nativeEl(), 'position', 'absolute');\n  }\n\n  private handlePointerDown(e: PointerEvent) {\n    if (this.disablePan()) return;\n    if ((e.pointerType === 'mouse' && e.buttons === 4) || e.pointerType !== 'mouse') {\n      e.preventDefault();\n      this.pointerDown.set(true);\n      this.wrapper().style.cursor = 'grabbing';\n\n      // Update previous position for next move\n      const currentX = e.clientX;\n      const currentY = e.clientY;\n      this.prevX.set(currentX);\n      this.prevY.set(currentY);\n    }\n  }\n\n  private handlePointerMove(e: PointerEvent) {\n    if (this.pointerDown() && !this.disablePan()) {\n      e.preventDefault();\n      const currentX = e.clientX;\n      const currentY = e.clientY;\n      const deltaX = currentX - this.prevX();\n      const deltaY = currentY - this.prevY();\n      this.panX.update((prev) => prev + deltaX / this.zoomValue());\n      this.panY.update((prev) => prev + deltaY / this.zoomValue());\n      this.prevX.set(currentX);\n      this.prevY.set(currentY);\n    }\n  }\n\n  private handlePointerUp(e: PointerEvent) {\n    if (this.pointerDown() && !this.disablePan()) {\n      e.preventDefault();\n      this.pointerDown.set(false);\n      this.wrapper().style.cursor = 'auto';\n    }\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXPanViewDirective } from './pan-view.directive';\n\nconst COMPONENT = [AXPanViewDirective];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXPanViewModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/outline/README.md

@@ -0,0 +1,3 @@
+# @acorex/cdk/outline
+
+Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/outline`.

package/outline/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/outline-container.directive';
+export * from './lib/outline-item.directive';
+export * from './lib/outline.module';

package/outline/lib/outline-container.directive.d.ts

@@ -0,0 +1,26 @@
+import { Router } from '@angular/router';
+import { BehaviorSubject } from 'rxjs';
+import * as i0 from "@angular/core";
+export type outlineItemType = {
+    el: HTMLElement;
+    active: boolean;
+    scrollY: number;
+};
+export declare class AXOutlineContainerDirective {
+    #private;
+    router: Router;
+    private zone;
+    private el;
+    private unsubscriber;
+    target: import("@angular/core").InputSignal<string>;
+    smoothScroll: import("@angular/core").InputSignal<boolean>;
+    activationOffset: import("@angular/core").InputSignal<number>;
+    activateLastAtBottom: import("@angular/core").InputSignal<boolean>;
+    private scrollTop;
+    private outlineItems;
+    outlineItems$: BehaviorSubject<outlineItemType[]>;
+    private scrollChanged;
+    private setOutlineItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXOutlineContainerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXOutlineContainerDirective, "[axOutlineContainer]", ["axOutlineContainer"], { "target": { "alias": "target"; "required": false; "isSignal": true; }; "smoothScroll": { "alias": "smoothScroll"; "required": false; "isSignal": true; }; "activationOffset": { "alias": "activationOffset"; "required": false; "isSignal": true; }; "activateLastAtBottom": { "alias": "activateLastAtBottom"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/outline/lib/outline-item.directive.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class AXOutlineItemDirective {
+    #private;
+    private el;
+    id: import("@angular/core").InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXOutlineItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXOutlineItemDirective, "[axOutlineItem]", ["axOutlineItem"], { "id": { "alias": "id"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
+}

package/outline/lib/outline.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./outline-container.directive";
+import * as i2 from "./outline-item.directive";
+import * as i3 from "@angular/common";
+export declare class AXOutlineModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXOutlineModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXOutlineModule, [typeof i1.AXOutlineContainerDirective, typeof i2.AXOutlineItemDirective], [typeof i3.CommonModule], [typeof i1.AXOutlineContainerDirective, typeof i2.AXOutlineItemDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXOutlineModule>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/cdk",
-  "version": "19.6.1",
+  "version": "19.7.0-next.0",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -31,6 +31,14 @@
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-cdk-collapse.mjs"
     },
+    "./outline": {
+      "types": "./outline/index.d.ts",
+      "default": "./fesm2022/acorex-cdk-outline.mjs"
+    },
+    "./pan-view": {
+      "types": "./pan-view/index.d.ts",
+      "default": "./fesm2022/acorex-cdk-pan-view.mjs"
+    },
     "./qrcode": {
       "types": "./qrcode/index.d.ts",
       "default": "./fesm2022/acorex-cdk-qrcode.mjs"

package/pan-view/README.md

@@ -0,0 +1,3 @@
+# @acorex/cdk/pan-view
+
+Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/pan-view`.

package/pan-view/index.d.ts

@@ -0,0 +1,2 @@
+export * from './lib/pan-view.directive';
+export * from './lib/pan-view.module';

package/pan-view/lib/pan-view.directive.d.ts

@@ -0,0 +1,34 @@
+import * as i0 from "@angular/core";
+export declare class AXPanViewDirective {
+    #private;
+    private zone;
+    private render;
+    private el;
+    private prevX;
+    private prevY;
+    private pointerDown;
+    private wrapper;
+    zoomStep: import("@angular/core").InputSignal<number>;
+    minZoom: import("@angular/core").InputSignal<number>;
+    maxZoom: import("@angular/core").InputSignal<number>;
+    disablePan: import("@angular/core").InputSignal<boolean>;
+    disableZoom: import("@angular/core").InputSignal<boolean>;
+    wrapperClasses: import("@angular/core").InputSignal<string>;
+    panX: import("@angular/core").ModelSignal<number>;
+    panY: import("@angular/core").ModelSignal<number>;
+    zoom: import("@angular/core").ModelSignal<number>;
+    zoomChange: import("@angular/core").OutputEmitterRef<number>;
+    positionChange: import("@angular/core").OutputEmitterRef<{
+        x: number;
+        y: number;
+    }>;
+    private nativeEl;
+    private zoomValue;
+    private handleZoomChange;
+    private createWrapper;
+    private handlePointerDown;
+    private handlePointerMove;
+    private handlePointerUp;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPanViewDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXPanViewDirective, "[axPanView]", ["axPanView"], { "zoomStep": { "alias": "zoomStep"; "required": false; "isSignal": true; }; "minZoom": { "alias": "minZoom"; "required": false; "isSignal": true; }; "maxZoom": { "alias": "maxZoom"; "required": false; "isSignal": true; }; "disablePan": { "alias": "disablePan"; "required": false; "isSignal": true; }; "disableZoom": { "alias": "disableZoom"; "required": false; "isSignal": true; }; "wrapperClasses": { "alias": "wrapperClasses"; "required": false; "isSignal": true; }; "panX": { "alias": "panX"; "required": false; "isSignal": true; }; "panY": { "alias": "panY"; "required": false; "isSignal": true; }; "zoom": { "alias": "zoom"; "required": false; "isSignal": true; }; }, { "panX": "panXChange"; "panY": "panYChange"; "zoom": "zoomChange"; "zoomChange": "zoomChange"; "positionChange": "positionChange"; }, never, never, false, never>;
+}

package/pan-view/lib/pan-view.module.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./pan-view.directive";
+import * as i2 from "@angular/common";
+export declare class AXPanViewModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXPanViewModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXPanViewModule, [typeof i1.AXPanViewDirective], [typeof i2.CommonModule], [typeof i1.AXPanViewDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXPanViewModule>;
+}