@acorex/cdk 19.6.2 → 19.7.0-next.1

package/fesm2022/acorex-cdk-list-navigation.mjs

@@ -0,0 +1,172 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, signal, afterNextRender, Directive, contentChildren, output, input, effect, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AXListNavigationItemDirective {
+    constructor() {
+        this.itemElem = inject(ElementRef);
+        this.isActive = signal(false);
+        this.navigationItemKey = Math.random();
+        this.navigationParentItemKey = signal(null);
+        this.index = signal(null);
+        this.parent = inject(AXListNavigationItemDirective, { optional: true, skipSelf: true });
+        this.#init = afterNextRender(() => {
+            if (!this.parent?.navigationItemKey)
+                return;
+            this.navigationParentItemKey.set(this.parent.navigationItemKey);
+        });
+    }
+    #init;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXListNavigationItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.0.3", type: AXListNavigationItemDirective, isStandalone: false, selector: "[axListNavigationItem]", exportAs: ["axListNavigationItem"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXListNavigationItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axListNavigationItem]',
+                    standalone: false,
+                    exportAs: 'axListNavigationItem',
+                }]
+        }] });
+
+class AXListNavigationDirective {
+    constructor() {
+        this.parentElem = inject(ElementRef);
+        this.childElem = contentChildren(AXListNavigationItemDirective, { descendants: true });
+        this.activeIndex = signal(null);
+        this.holdShift = signal(false);
+        this.onNavigationChanged = output();
+        this.orientation = input('vertical');
+        this.#init = afterNextRender(() => {
+            this.parentElem.nativeElement.onkeydown = (e) => {
+                if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {
+                    this.holdShift.set(true);
+                }
+                if (this.orientation() === 'vertical') {
+                    switch (e.code) {
+                        case 'ArrowDown':
+                            this.navigationHandler('ArrowDown');
+                            break;
+                        case 'ArrowUp':
+                            this.navigationHandler('ArrowUp');
+                            break;
+                        case 'ArrowLeft':
+                            this.parentNavigationHandler('ArrowLeft');
+                            break;
+                        case 'Tab':
+                            if (this.holdShift()) {
+                                this.navigationHandler('ArrowUp');
+                            }
+                            else {
+                                this.navigationHandler('ArrowDown');
+                            }
+                    }
+                }
+                else if (this.orientation() === 'horizontal') {
+                    switch (e.code) {
+                        case 'ArrowRight':
+                            this.navigationHandler('ArrowDown');
+                            break;
+                        case 'ArrowLeft':
+                            this.navigationHandler('ArrowUp');
+                            break;
+                        case 'ArrowUp':
+                            this.parentNavigationHandler('ArrowLeft');
+                            break;
+                        case 'Tab':
+                            if (this.holdShift()) {
+                                this.navigationHandler('ArrowUp');
+                            }
+                            else {
+                                this.navigationHandler('ArrowDown');
+                            }
+                    }
+                }
+            };
+            this.parentElem.nativeElement.onkeyup = (e) => {
+                if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {
+                    this.holdShift.set(false);
+                }
+            };
+            this.parentElem.nativeElement.tabIndex = 0;
+            this.childElem().forEach((item, index) => {
+                item.itemElem.nativeElement.tabIndex = 0;
+                item.index.set(index);
+            });
+        });
+        this.#effect = effect(() => {
+            if (this.childElem().length === 0 || this.activeIndex() === null)
+                return;
+            this.childElem()[this.activeIndex()].itemElem.nativeElement.focus();
+            this.childElem().forEach((item) => item.isActive.set(false));
+            this.childElem()[this.activeIndex()].isActive.set(true);
+        });
+    }
+    #init;
+    navigationHandler(e) {
+        this.onNavigationChanged.emit({ sender: this });
+        if (this.activeIndex() === null) {
+            this.activeIndex.set(0);
+            return;
+        }
+        if (e === 'ArrowUp' && this.activeIndex() > 0) {
+            this.activeIndex.update((prev) => prev - 1);
+        }
+        else if (e === 'ArrowDown' && this.activeIndex() < this.childElem().length - 1) {
+            this.activeIndex.update((prev) => prev + 1);
+        }
+    }
+    parentNavigationHandler(e) {
+        if (e === 'ArrowLeft') {
+            const selectedItemParentKey = this.childElem()[this.activeIndex()].navigationParentItemKey();
+            if (!selectedItemParentKey)
+                return;
+            const parentElem = this.childElem().find((item) => item.navigationItemKey === selectedItemParentKey);
+            parentElem.itemElem.nativeElement.focus();
+            this.childElem().forEach((item) => item.isActive.set(false));
+            parentElem.isActive.set(true);
+            this.activeIndex.set(parentElem.index());
+        }
+    }
+    #effect;
+    navigateTo(e) {
+        e.itemElem.nativeElement.focus();
+        this.childElem().forEach((item) => item.isActive.set(false));
+        e.isActive.set(true);
+        this.activeIndex.set(e.index());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXListNavigationDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.3", type: AXListNavigationDirective, isStandalone: false, selector: "[axListNavigation]", inputs: { orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onNavigationChanged: "onNavigationChanged" }, queries: [{ propertyName: "childElem", predicate: AXListNavigationItemDirective, descendants: true, isSignal: true }], exportAs: ["axListNavigation"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXListNavigationDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axListNavigation]',
+                    standalone: false,
+                    exportAs: 'axListNavigation',
+                }]
+        }] });
+
+const COMPONENT = [AXListNavigationDirective, AXListNavigationItemDirective];
+const MODULES = [CommonModule];
+class AXListNavigationModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXListNavigationModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXListNavigationModule, declarations: [AXListNavigationDirective, AXListNavigationItemDirective], imports: [CommonModule], exports: [AXListNavigationDirective, AXListNavigationItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXListNavigationModule, imports: [MODULES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXListNavigationModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXListNavigationDirective, AXListNavigationItemDirective, AXListNavigationModule };
+//# sourceMappingURL=acorex-cdk-list-navigation.mjs.map

package/fesm2022/acorex-cdk-list-navigation.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-cdk-list-navigation.mjs","sources":["../../../../libs/cdk/list-navigation/src/lib/list-navigation-item.directive.ts","../../../../libs/cdk/list-navigation/src/lib/list-navigation.directive.ts","../../../../libs/cdk/list-navigation/src/lib/list-navigation.module.ts","../../../../libs/cdk/list-navigation/src/acorex-cdk-list-navigation.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, inject, signal } from '@angular/core';\n\n@Directive({\n  selector: '[axListNavigationItem]',\n  standalone: false,\n  exportAs: 'axListNavigationItem',\n})\nexport class AXListNavigationItemDirective {\n  itemElem = inject(ElementRef);\n  isActive = signal(false);\n  navigationItemKey = Math.random();\n  navigationParentItemKey = signal(null);\n  index = signal(null);\n\n  private parent = inject(AXListNavigationItemDirective, { optional: true, skipSelf: true });\n\n  #init = afterNextRender(() => {\n    if (!this.parent?.navigationItemKey) return;\n    this.navigationParentItemKey.set(this.parent.navigationItemKey);\n  });\n}\n","import {\n  afterNextRender,\n  contentChildren,\n  Directive,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { AXListNavigationItemDirective } from './list-navigation-item.directive';\n\n@Directive({\n  selector: '[axListNavigation]',\n  standalone: false,\n  exportAs: 'axListNavigation',\n})\nexport class AXListNavigationDirective {\n  private parentElem = inject(ElementRef);\n  private childElem = contentChildren(AXListNavigationItemDirective, { descendants: true });\n  private activeIndex = signal(null);\n  private holdShift = signal(false);\n  onNavigationChanged = output<{ sender: AXListNavigationDirective }>();\n  orientation = input<'horizontal' | 'vertical'>('vertical');\n\n  #init = afterNextRender(() => {\n    (this.parentElem.nativeElement as HTMLElement).onkeydown = (e: KeyboardEvent) => {\n      if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {\n        this.holdShift.set(true);\n      }\n\n      if (this.orientation() === 'vertical') {\n        switch (e.code) {\n          case 'ArrowDown':\n            this.navigationHandler('ArrowDown');\n            break;\n          case 'ArrowUp':\n            this.navigationHandler('ArrowUp');\n            break;\n          case 'ArrowLeft':\n            this.parentNavigationHandler('ArrowLeft');\n            break;\n          case 'Tab':\n            if (this.holdShift()) {\n              this.navigationHandler('ArrowUp');\n            } else {\n              this.navigationHandler('ArrowDown');\n            }\n        }\n      } else if (this.orientation() === 'horizontal') {\n        switch (e.code) {\n          case 'ArrowRight':\n            this.navigationHandler('ArrowDown');\n            break;\n          case 'ArrowLeft':\n            this.navigationHandler('ArrowUp');\n            break;\n          case 'ArrowUp':\n            this.parentNavigationHandler('ArrowLeft');\n            break;\n          case 'Tab':\n            if (this.holdShift()) {\n              this.navigationHandler('ArrowUp');\n            } else {\n              this.navigationHandler('ArrowDown');\n            }\n        }\n      }\n    };\n\n    (this.parentElem.nativeElement as HTMLElement).onkeyup = (e: KeyboardEvent) => {\n      if (e.code === 'ShiftLeft' || e.code === 'ShiftRight') {\n        this.holdShift.set(false);\n      }\n    };\n\n    (this.parentElem.nativeElement as HTMLElement).tabIndex = 0;\n    this.childElem().forEach((item, index) => {\n      (item.itemElem.nativeElement as HTMLElement).tabIndex = 0;\n      item.index.set(index);\n    });\n  });\n\n  private navigationHandler(e: string) {\n    this.onNavigationChanged.emit({ sender: this });\n\n    if (this.activeIndex() === null) {\n      this.activeIndex.set(0);\n      return;\n    }\n\n    if (e === 'ArrowUp' && this.activeIndex() > 0) {\n      this.activeIndex.update((prev) => prev - 1);\n    } else if (e === 'ArrowDown' && this.activeIndex() < this.childElem().length - 1) {\n      this.activeIndex.update((prev) => prev + 1);\n    }\n  }\n\n  private parentNavigationHandler(e: string) {\n    if (e === 'ArrowLeft') {\n      const selectedItemParentKey = this.childElem()[this.activeIndex()].navigationParentItemKey();\n      if (!selectedItemParentKey) return;\n      const parentElem = this.childElem().find((item) => item.navigationItemKey === selectedItemParentKey);\n      (parentElem.itemElem.nativeElement as HTMLAreaElement).focus();\n      this.childElem().forEach((item) => item.isActive.set(false));\n      parentElem.isActive.set(true);\n      this.activeIndex.set(parentElem.index());\n    }\n  }\n\n  #effect = effect(() => {\n    if (this.childElem().length === 0 || this.activeIndex() === null) return;\n    (this.childElem()[this.activeIndex()].itemElem.nativeElement as HTMLElement).focus();\n    this.childElem().forEach((item) => item.isActive.set(false));\n    this.childElem()[this.activeIndex()].isActive.set(true);\n  });\n\n  navigateTo(e: AXListNavigationItemDirective) {\n    (e.itemElem.nativeElement as HTMLElement).focus();\n    this.childElem().forEach((item) => item.isActive.set(false));\n    e.isActive.set(true);\n    this.activeIndex.set(e.index());\n  }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXListNavigationItemDirective } from './list-navigation-item.directive';\nimport { AXListNavigationDirective } from './list-navigation.directive';\n\nconst COMPONENT = [AXListNavigationDirective, AXListNavigationItemDirective];\n\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXListNavigationModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

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":";;;;MAoBa,kBAAkB,CAAA;AAL/B,IAAA,WAAA,GAAA;AAMU,QAAA,IAAA,CAAA,IAAI,GAAG,MAAM,CAAC,MAAM,CAAC;AACrB,QAAA,IAAA,CAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;AAC1B,QAAA,IAAA,CAAA,EAAE,GAAG,MAAM,EAAC,UAAuB,EAAC;AAEpC,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC;AAC3B,QAAA,IAAA,CAAA,OAAO,GAAG,MAAM,CAAwB,IAAI,CAAC;AAErD,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC;AACnB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,EAAE,CAAC;AACnB,QAAA,IAAA,CAAA,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC;AACpB,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC;AACzB,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,KAAK,CAAC;AAC1B,QAAA,IAAA,CAAA,cAAc,GAAG,KAAK,CAAC,EAAE,CAAC;AAE1B,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AACf,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC;AACf,QAAA,IAAA,CAAA,IAAI,GAAG,KAAK,CAAC,GAAG,CAAC;QAEjB,IAAU,CAAA,UAAA,GAAG,MAAM,EAAU;QAC7B,IAAc,CAAA,cAAA,GAAG,MAAM,EAA4B;AAE3C,QAAA,IAAA,CAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC,aAA4B,CAAC;AAC/D,QAAA,IAAA,CAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;YAChC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YACjF,OAAO,SAAS,GAAG,GAAG;AACxB,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,MAAK;YACxB,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;AACjF,YAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;AAC/B,YAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE;AAC3D,SAAC,CAAC;AACF,QAAA,IAAA,CAAA,eAAe,GAAG,MAAM,CAAC,MAAK;AAC5B,YAAA,IAAI,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,UAAA,EAAa,IAAI,CAAC,IAAI,EAAE,CAAO,IAAA,EAAA,IAAI,CAAC,IAAI,EAAE,KAAK;YACjF,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;AAC9D,SAAC,CAAC;AACF,QAAA,IAAA,CAAA,IAAI,GAAG,eAAe,CAAC,MAAK;;YAE1B,IAAI,CAAC,aAAa,EAAE;;AAEpB,YAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,CAAa,KAAI;gBAC5D,CAAC,CAAC,cAAc,EAAE;AAClB,gBAAA,IAAI,CAAC,CAAC,OAAO,EAAE;AACb,oBAAA,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC;oBACxB;;AACK,qBAAA,IAAI,CAAC,CAAC,QAAQ,EAAE;oBACrB,IAAI,IAAI,CAAC,UAAU,EAAE;wBAAE;AACvB,oBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;;qBAC1C;oBACL,IAAI,IAAI,CAAC,UAAU,EAAE;wBAAE;AACvB,oBAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;;AAEnD,aAAC,CAAC;;AAEF,YAAA,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAK;AAC/B,gBAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,aAAa,EAAE,CAAC,CAAe,KAAI;AACpE,oBAAA,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC3B,iBAAC,CAAC;;AAEF,gBAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,aAAa,EAAE,CAAC,CAAe,KAAI;AACpE,oBAAA,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC;AAC3B,iBAAC,CAAC;;AAEF,gBAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,WAAW,EAAE,CAAC,CAAe,KAAI;AAClE,oBAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;AACzB,iBAAC,CAAC;AACF,gBAAA,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,cAAc,EAAE,CAAC,CAAe,KAAI;AACrE,oBAAA,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC;AACzB,iBAAC,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;AAmEH;AA9GC,IAAA,WAAW;AAKX,IAAA,eAAe;AAIf,IAAA,IAAI;AAoCI,IAAA,gBAAgB,CAAC,CAAa,EAAA;QACpC,IAAI,IAAI,CAAC,WAAW,EAAE;YAAE;AACxB,QAAA,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE;YAChB,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;YAC5E;;QAEF,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;;IAGtE,aAAa,GAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAClD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,qBAAqB,CAAC;AAC3D,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,cAAc,EAAE,CAAC;QAE3D,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,UAAU;AACzC,QAAA,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;AACxD,QAAA,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,WAAW,CAAC;AAE7E,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC;AACrD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,MAAM,CAAC;AACtD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,QAAQ,CAAC;AAC1D,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC;AAE5D,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC;AACjD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,MAAM,EAAE,GAAG,CAAC;AAClD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,CAAC;AACtD,QAAA,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE,UAAU,EAAE,UAAU,CAAC;;AAGvD,IAAA,iBAAiB,CAAC,CAAe,EAAA;QACvC,IAAI,IAAI,CAAC,UAAU,EAAE;YAAE;QACvB,IAAI,CAAC,CAAC,CAAC,WAAW,KAAK,OAAO,IAAI,CAAC,CAAC,OAAO,KAAK,CAAC,KAAK,CAAC,CAAC,WAAW,KAAK,OAAO,EAAE;YAC/E,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;YAC1B,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,UAAU;;AAGxC,YAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO;AAC1B,YAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO;AAC1B,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AACxB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;;;AAIpB,IAAA,iBAAiB,CAAC,CAAe,EAAA;QACvC,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;YAC5C,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO;AAC1B,YAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,OAAO;YAC1B,MAAM,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE;YACtC,MAAM,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE;AACtC,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AAC5D,YAAA,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;AAC5D,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AACxB,YAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;;;AAIpB,IAAA,eAAe,CAAC,CAAe,EAAA;QACrC,IAAI,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;YAC5C,CAAC,CAAC,cAAc,EAAE;AAClB,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;;;8GAzI7B,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAlB,kBAAkB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,IAAA,EAAA,YAAA,EAAA,IAAA,EAAA,YAAA,EAAA,IAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,aAAa;AACvB,oBAAA,QAAQ,EAAE,WAAW;AACrB,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;;ACfD,MAAM,SAAS,GAAG,CAAC,kBAAkB,CAAC;AACtC,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC;MAQjB,eAAe,CAAA;8GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAf,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,EATT,YAAA,EAAA,CAAA,kBAAkB,CACpB,EAAA,OAAA,EAAA,CAAA,YAAY,aADV,kBAAkB,CAAA,EAAA,CAAA,CAAA;AASxB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YAJb,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIT,eAAe,EAAA,UAAA,EAAA,CAAA;kBAN3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACZD;;AAEG;;;;"}

package/fesm2022/acorex-cdk-selection.mjs

@@ -38,7 +38,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImpor
 
 class AXSelectionGroupDirective {
     constructor() {
-        this.content = contentChildren(AXSelectionItemDirective);
+        this.content = contentChildren(AXSelectionItemDirective, { descendants: true });
         this.activeIndex = signal(null);
         this.multiple = input(false);
         this.selectedKeys = input();
@@ -107,7 +107,7 @@ class AXSelectionGroupDirective {
     #effect;
     #effect2;
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.3", type: AXSelectionGroupDirective, isStandalone: false, selector: "[axSelectionGroup]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selectedKeys: { classPropertyName: "selectedKeys", publicName: "selectedKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChanged: "onSelectionChanged" }, queries: [{ propertyName: "content", predicate: AXSelectionItemDirective, isSignal: true }], exportAs: ["axSelectionGroup"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.3", type: AXSelectionGroupDirective, isStandalone: false, selector: "[axSelectionGroup]", inputs: { multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, selectedKeys: { classPropertyName: "selectedKeys", publicName: "selectedKeys", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onSelectionChanged: "onSelectionChanged" }, queries: [{ propertyName: "content", predicate: AXSelectionItemDirective, descendants: true, isSignal: true }], exportAs: ["axSelectionGroup"], ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionGroupDirective, decorators: [{
             type: Directive,

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

@@ -1 +1 @@
-{"version":3,"file":"acorex-cdk-selection.mjs","sources":["../../../../libs/cdk/selection/src/lib/selection-item.directive.ts","../../../../libs/cdk/selection/src/lib/selection-group.directive.ts","../../../../libs/cdk/selection/src/lib/selection.module.ts","../../../../libs/cdk/selection/src/acorex-cdk-selection.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, inject, input, output, signal } from '@angular/core';\n\n@Directive({\n  selector: '[axSelectionItem]',\n  exportAs: 'axSelectionItem',\n  standalone: false,\n})\nexport class AXSelectionItemDirective {\n  private elm = inject(ElementRef);\n  isActive = signal(false);\n  onClick = output<{ sender: AXSelectionItemDirective }>();\n  key = input.required<string>();\n\n  #init = afterNextRender(() => {\n    (this.elm.nativeElement as HTMLElement).onclick = () => {\n      this.onClick.emit({ sender: this });\n    };\n  });\n\n  public toggle() {\n    this.isActive.update((prev) => !prev);\n  }\n  public select() {\n    this.isActive.set(true);\n  }\n  public unselect() {\n    this.isActive.set(false);\n  }\n}\n","import {\n  AfterContentInit,\n  afterNextRender,\n  contentChildren,\n  Directive,\n  effect,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { AXSelectionItemDirective } from './selection-item.directive';\n\n@Directive({\n  selector: '[axSelectionGroup]',\n  standalone: false,\n  exportAs: 'axSelectionGroup',\n})\nexport class AXSelectionGroupDirective implements AfterContentInit {\n  private content = contentChildren(AXSelectionItemDirective);\n  private activeIndex = signal(null);\n  multiple = input(false);\n  selectedKeys = input<string | string[]>();\n  onSelectionChanged = output<{ sender: AXSelectionGroupDirective; selectedKeys: string[] }>();\n\n  #init = afterNextRender(() => {\n    this.content().forEach((element) => {\n      element.onClick.subscribe((e) => {\n        this.activeIndex.set(e.sender.key());\n        if (this.multiple()) {\n          element.toggle();\n        } else {\n          this.content().forEach((element) => {\n            if (element.key() !== this.activeIndex()) {\n              element.unselect();\n            }\n          });\n          element.select();\n        }\n      });\n    });\n  });\n\n  ngAfterContentInit(): void {\n    if (!this.selectedKeys()) return;\n    if (typeof this.selectedKeys() === 'string') {\n      this.content().forEach((element) => {\n        if (this.selectedKeys() === element.key()) {\n          element.isActive.set(true);\n        }\n      });\n    } else if (this.selectedKeys() instanceof Array) {\n      (this.selectedKeys() as Array<string>).forEach((index) => {\n        this.content().forEach((element) => {\n          if (index === element.key()) {\n            element.isActive.set(true);\n          }\n        });\n      });\n    }\n  }\n\n  #effect = effect(() => {\n    if (!this.selectedKeys()) {\n      this.content()[0].isActive.set(true);\n    }\n  });\n\n  #effect2 = effect(() => {\n    if (!this.activeIndex()) return;\n    if (this.multiple()) {\n      const selectedKeys = [];\n      this.content().forEach((item) => {\n        if (item.isActive()) {\n          selectedKeys.push(item.key());\n        }\n      });\n      this.onSelectionChanged.emit({ sender: this, selectedKeys: selectedKeys });\n    } else {\n      this.onSelectionChanged.emit({ sender: this, selectedKeys: [this.activeIndex()] });\n    }\n  });\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSelectionGroupDirective } from './selection-group.directive';\nimport { AXSelectionItemDirective } from './selection-item.directive';\n\nconst COMPONENT = [AXSelectionGroupDirective, AXSelectionItemDirective];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSelectionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"acorex-cdk-selection.mjs","sources":["../../../../libs/cdk/selection/src/lib/selection-item.directive.ts","../../../../libs/cdk/selection/src/lib/selection-group.directive.ts","../../../../libs/cdk/selection/src/lib/selection.module.ts","../../../../libs/cdk/selection/src/acorex-cdk-selection.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, inject, input, output, signal } from '@angular/core';\n\n@Directive({\n  selector: '[axSelectionItem]',\n  exportAs: 'axSelectionItem',\n  standalone: false,\n})\nexport class AXSelectionItemDirective {\n  private elm = inject(ElementRef);\n  isActive = signal(false);\n  onClick = output<{ sender: AXSelectionItemDirective }>();\n  key = input.required<string>();\n\n  #init = afterNextRender(() => {\n    (this.elm.nativeElement as HTMLElement).onclick = () => {\n      this.onClick.emit({ sender: this });\n    };\n  });\n\n  public toggle() {\n    this.isActive.update((prev) => !prev);\n  }\n  public select() {\n    this.isActive.set(true);\n  }\n  public unselect() {\n    this.isActive.set(false);\n  }\n}\n","import {\n  AfterContentInit,\n  afterNextRender,\n  contentChildren,\n  Directive,\n  effect,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { AXSelectionItemDirective } from './selection-item.directive';\n\n@Directive({\n  selector: '[axSelectionGroup]',\n  standalone: false,\n  exportAs: 'axSelectionGroup',\n})\nexport class AXSelectionGroupDirective implements AfterContentInit {\n  private content = contentChildren(AXSelectionItemDirective, { descendants: true });\n  private activeIndex = signal(null);\n  multiple = input(false);\n  selectedKeys = input<string | string[]>();\n  onSelectionChanged = output<{ sender: AXSelectionGroupDirective; selectedKeys: string[] }>();\n\n  #init = afterNextRender(() => {\n    this.content().forEach((element) => {\n      element.onClick.subscribe((e) => {\n        this.activeIndex.set(e.sender.key());\n        if (this.multiple()) {\n          element.toggle();\n        } else {\n          this.content().forEach((element) => {\n            if (element.key() !== this.activeIndex()) {\n              element.unselect();\n            }\n          });\n          element.select();\n        }\n      });\n    });\n  });\n\n  ngAfterContentInit(): void {\n    if (!this.selectedKeys()) return;\n    if (typeof this.selectedKeys() === 'string') {\n      this.content().forEach((element) => {\n        if (this.selectedKeys() === element.key()) {\n          element.isActive.set(true);\n        }\n      });\n    } else if (this.selectedKeys() instanceof Array) {\n      (this.selectedKeys() as Array<string>).forEach((index) => {\n        this.content().forEach((element) => {\n          if (index === element.key()) {\n            element.isActive.set(true);\n          }\n        });\n      });\n    }\n  }\n\n  #effect = effect(() => {\n    if (!this.selectedKeys()) {\n      this.content()[0].isActive.set(true);\n    }\n  });\n\n  #effect2 = effect(() => {\n    if (!this.activeIndex()) return;\n    if (this.multiple()) {\n      const selectedKeys = [];\n      this.content().forEach((item) => {\n        if (item.isActive()) {\n          selectedKeys.push(item.key());\n        }\n      });\n      this.onSelectionChanged.emit({ sender: this, selectedKeys: selectedKeys });\n    } else {\n      this.onSelectionChanged.emit({ sender: this, selectedKeys: [this.activeIndex()] });\n    }\n  });\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSelectionGroupDirective } from './selection-group.directive';\nimport { AXSelectionItemDirective } from './selection-item.directive';\n\nconst COMPONENT = [AXSelectionGroupDirective, AXSelectionItemDirective];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSelectionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/list-navigation/README.md

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

package/list-navigation/index.d.ts

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

package/list-navigation/lib/list-navigation-item.directive.d.ts

@@ -0,0 +1,13 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class AXListNavigationItemDirective {
+    #private;
+    itemElem: ElementRef<any>;
+    isActive: import("@angular/core").WritableSignal<boolean>;
+    navigationItemKey: number;
+    navigationParentItemKey: import("@angular/core").WritableSignal<any>;
+    index: import("@angular/core").WritableSignal<any>;
+    private parent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXListNavigationItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXListNavigationItemDirective, "[axListNavigationItem]", ["axListNavigationItem"], {}, {}, never, never, false, never>;
+}

package/list-navigation/lib/list-navigation.directive.d.ts

@@ -0,0 +1,18 @@
+import { AXListNavigationItemDirective } from './list-navigation-item.directive';
+import * as i0 from "@angular/core";
+export declare class AXListNavigationDirective {
+    #private;
+    private parentElem;
+    private childElem;
+    private activeIndex;
+    private holdShift;
+    onNavigationChanged: import("@angular/core").OutputEmitterRef<{
+        sender: AXListNavigationDirective;
+    }>;
+    orientation: import("@angular/core").InputSignal<"horizontal" | "vertical">;
+    private navigationHandler;
+    private parentNavigationHandler;
+    navigateTo(e: AXListNavigationItemDirective): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXListNavigationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXListNavigationDirective, "[axListNavigation]", ["axListNavigation"], { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "onNavigationChanged": "onNavigationChanged"; }, ["childElem"], never, false, never>;
+}

package/list-navigation/lib/list-navigation.module.d.ts

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

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.2",
+  "version": "19.7.0-next.1",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -31,6 +31,18 @@
       "types": "./collapse/index.d.ts",
       "default": "./fesm2022/acorex-cdk-collapse.mjs"
     },
+    "./list-navigation": {
+      "types": "./list-navigation/index.d.ts",
+      "default": "./fesm2022/acorex-cdk-list-navigation.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>;
+}