@sd-angular/core 19.0.0-beta.100 → 19.0.0-beta.102

package/components/table/src/components/desktop-cell/desktop-cell.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, TemplateRef } from '@angular/core';
 import { SdTableCellDefDirective } from '../../directives/sd-table-cell-def.directive';
 import { SdTableColumn } from '../../models/table-column.model';
 import { SdTableItem } from '../../models/table-item.model';
@@ -8,13 +8,13 @@ export declare class DesktopCellComponent {
     contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     column: import("@angular/core").InputSignal<SdTableColumn>;
     item: import("@angular/core").InputSignal<SdTableItem<any>>;
-    cellDef: import("@angular/core").InputSignal<Record<string, SdTableCellDefDirective>>;
+    cellDef: import("@angular/core").InputSignal<Record<string, SdTableCellDefDirective<any>>>;
     value: import("@angular/core").Signal<any>;
     key: import("@angular/core").Signal<any>;
     autoId: import("@angular/core").Signal<string>;
     truncateEnable: import("@angular/core").Signal<boolean | undefined>;
     truncateWidth: import("@angular/core").Signal<string | undefined>;
-    templateRef: import("@angular/core").Signal<import("@angular/core").TemplateRef<any>>;
+    templateRef: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     isCollapsed: import("@angular/core").WritableSignal<boolean>;
     isOverflowing: import("@angular/core").WritableSignal<boolean>;
     constructor();

package/components/table/src/components/filter/column-filter/column-filter.component.d.ts

@@ -18,19 +18,15 @@ export declare class ColumnFilterComponent {
     label: Signal<string | undefined>;
     operators: Signal<{
         value: Operator;
-        symbol?: string;
+        icon: string;
         display: string;
     }[]>;
-    inlineSymbol: Signal<string>;
+    operatorValues: Signal<Operator[]>;
+    operatorWrapperClass: Signal<"mb-4 mr-2" | "mr-2">;
     items: Signal<any[] | SdSearch | Signal<any[]>>;
     constructor();
     onFilterChange: () => void;
     onFilterCommit: () => void;
-    onChangeOperator: (operator: {
-        value: Operator;
-        symbol?: string;
-        display: string;
-    } | undefined) => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilterComponent, "column-filter", never, { "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; "columnFilter": { "alias": "columnFilter"; "required": false; "isSignal": true; }; "cacheValues": { "alias": "cacheValues"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "operator": { "alias": "operator"; "required": false; "isSignal": true; }; "isMobile": { "alias": "isMobile"; "required": false; "isSignal": true; }; }, { "operator": "operatorChange"; "filterChange": "filterChange"; "filterCommit": "filterCommit"; }, never, never, true, never>;
 }

package/components/table/src/directives/sd-table-cell-def.directive.d.ts

@@ -1,8 +1,16 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableColumn } from '../models/table-column.model';
 import * as i0 from "@angular/core";
-export declare class SdTableCellDefDirective {
+interface Context<T = any> {
+    item: T;
+    column: SdTableColumn<T>;
+    autoId: string;
+}
+export declare class SdTableCellDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableCellDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
     sdTableCellDef: import("@angular/core").InputSignal<string>;
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableCellDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableCellDefDirective, "[sdTableCellDef]", never, { "sdTableCellDef": { "alias": "sdTableCellDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableCellDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableCellDefDirective<any>, "[sdTableCellDef]", never, { "sdTableCellDef": { "alias": "sdTableCellDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export {};

package/components/table/src/directives/sd-table-column-filter-def.directive.d.ts

@@ -1,8 +1,16 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableColumn } from '../models/table-column.model';
 import * as i0 from "@angular/core";
-export declare class SdTableColumnFilterDefDirective {
+interface Context<T = any> {
+    column: SdTableColumn<T>;
+    field: string;
+    disabled?: boolean;
+}
+export declare class SdTableColumnFilterDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableColumnFilterDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
     sdTableColumnFilterDef: import("@angular/core").InputSignal<string>;
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableColumnFilterDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableColumnFilterDefDirective, "[sdTableColumnFilterDef]", never, { "sdTableColumnFilterDef": { "alias": "sdTableColumnFilterDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableColumnFilterDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableColumnFilterDefDirective<any>, "[sdTableColumnFilterDef]", never, { "sdTableColumnFilterDef": { "alias": "sdTableColumnFilterDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export {};

package/components/table/src/directives/sd-table-expand-def.directive.d.ts

@@ -1,7 +1,13 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableItem } from '../models/table-item.model';
 import * as i0 from "@angular/core";
-export declare class SdTableExpandDefDirective {
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableExpandDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableExpandDefDirective, "[sdTableExpandDef]", never, {}, {}, never, never, true, never>;
+interface Context<T = any> {
+    item: SdTableItem<T>;
 }
+export declare class SdTableExpandDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableExpandDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableExpandDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableExpandDefDirective<any>, "[sdTableExpandDef]", never, {}, {}, never, never, true, never>;
+}
+export {};

package/components/table/src/directives/sd-table-filter-def.directive.d.ts

@@ -1,13 +1,13 @@
 import { TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 interface Context {
-    externalFilter?: Record<string, any>;
+    externalFilter?: Record<string, unknown>;
 }
 export declare class SdTableFilterDefDirective {
-    static ngTemplateContextGuard(dir: Context, ctx: unknown): ctx is Context;
+    static ngTemplateContextGuard(_dir: SdTableFilterDefDirective, _ctx: unknown): _ctx is Context;
     sdTableFilterDef: import("@angular/core").InputSignal<string>;
     defaultShowing: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    templateRef: TemplateRef<any> | null;
+    templateRef: TemplateRef<Context> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdTableFilterDefDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableFilterDefDirective, "[sdTableFilterDef]", never, { "sdTableFilterDef": { "alias": "sdTableFilterDef"; "required": true; "isSignal": true; }; "defaultShowing": { "alias": "defaultShowing"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/table/src/directives/sd-table-footer-def.directive.d.ts

@@ -1,8 +1,16 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableColumn } from '../models/table-column.model';
+import { SdTableItem } from '../models/table-item.model';
 import * as i0 from "@angular/core";
-export declare class SdMaterialFooterDefDirective {
+interface Context<T = any> {
+    items: SdTableItem<T>[];
+    column: SdTableColumn<T>;
+}
+export declare class SdMaterialFooterDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdMaterialFooterDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
     sdTableFooterDef: import("@angular/core").InputSignal<string>;
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdMaterialFooterDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdMaterialFooterDefDirective, "[sdTableFooterDef]", never, { "sdTableFooterDef": { "alias": "sdTableFooterDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdMaterialFooterDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdMaterialFooterDefDirective<any>, "[sdTableFooterDef]", never, { "sdTableFooterDef": { "alias": "sdTableFooterDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export {};

package/components/table/src/directives/sd-table-title-def.directive.d.ts

@@ -1,8 +1,14 @@
 import { TemplateRef } from '@angular/core';
+import { SdTableColumn } from '../models/table-column.model';
 import * as i0 from "@angular/core";
-export declare class SdTableTitleDefDirective {
+interface Context<T = any> {
+    column: SdTableColumn<T>;
+}
+export declare class SdTableTitleDefDirective<T = any> {
+    static ngTemplateContextGuard<T>(_dir: SdTableTitleDefDirective<T>, _ctx: unknown): _ctx is Context<T>;
     sdTableTitleDef: import("@angular/core").InputSignal<string>;
-    templateRef: TemplateRef<any>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableTitleDefDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableTitleDefDirective, "[sdTableTitleDef]", never, { "sdTableTitleDef": { "alias": "sdTableTitleDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+    templateRef: TemplateRef<Context<T>>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTableTitleDefDirective<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTableTitleDefDirective<any>, "[sdTableTitleDef]", never, { "sdTableTitleDef": { "alias": "sdTableTitleDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export {};

package/components/table/src/table.component.d.ts

@@ -48,15 +48,15 @@ export declare class SdTable<T = unknown> extends SdBaseSecureComponent implemen
     mobileFilter: import("@angular/core").Signal<MobileFilterComponent | undefined>;
     paginator: import("@angular/core").Signal<MatPaginator | undefined>;
     sort: import("@angular/core").Signal<MatSort | undefined>;
-    sdSubInformation: import("@angular/core").Signal<SdTableExpandDefDirective | undefined>;
-    sdCellDefs: import("@angular/core").Signal<readonly SdTableCellDefDirective[]>;
-    sdFooterDefs: import("@angular/core").Signal<readonly SdMaterialFooterDefDirective[]>;
+    sdSubInformation: import("@angular/core").Signal<SdTableExpandDefDirective<any> | undefined>;
+    sdCellDefs: import("@angular/core").Signal<readonly SdTableCellDefDirective<any>[]>;
+    sdFooterDefs: import("@angular/core").Signal<readonly SdMaterialFooterDefDirective<any>[]>;
     sdFilterDefs: import("@angular/core").Signal<readonly SdTableFilterDefDirective[]>;
-    sdTitleDefs: import("@angular/core").Signal<readonly SdTableTitleDefDirective[]>;
-    cellDef: import("@angular/core").Signal<Record<string, SdTableCellDefDirective>>;
-    footerDef: import("@angular/core").Signal<Record<string, SdMaterialFooterDefDirective>>;
+    sdTitleDefs: import("@angular/core").Signal<readonly SdTableTitleDefDirective<any>[]>;
+    cellDef: import("@angular/core").Signal<Record<string, SdTableCellDefDirective<any>>>;
+    footerDef: import("@angular/core").Signal<Record<string, SdMaterialFooterDefDirective<any>>>;
     hasFooter: import("@angular/core").Signal<boolean>;
-    titleDef: import("@angular/core").Signal<Record<string, SdTableTitleDefDirective>>;
+    titleDef: import("@angular/core").Signal<Record<string, SdTableTitleDefDirective<any>>>;
     tableOption: import("@angular/core").WritableSignal<SdTableOption<T> | undefined>;
     configuration: import("@angular/core").WritableSignal<ConfiguredTableResult | undefined>;
     items: import("@angular/core").WritableSignal<SdTableItem<T>[]>;

package/components/view/src/view.component.d.ts

@@ -7,10 +7,11 @@ export declare class SdView {
     hyperlink: import("@angular/core").InputSignal<string | null | undefined>;
     labelTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
     valueTemplate: import("@angular/core").InputSignal<TemplateRef<any> | undefined>;
+    selectedItems: import("@angular/core").InputSignal<any[] | undefined>;
     contentLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     contentValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     activeLabelTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     activeValueTemplate: import("@angular/core").Signal<TemplateRef<any> | undefined>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdView, "sd-view", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": true; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "labelTemplate": { "alias": "labelTemplate"; "required": false; "isSignal": true; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; "isSignal": true; }; }, {}, ["contentLabelTemplate", "contentValueTemplate"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdView, "sd-view", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": true; "isSignal": true; }; "hyperlink": { "alias": "hyperlink"; "required": false; "isSignal": true; }; "labelTemplate": { "alias": "labelTemplate"; "required": false; "isSignal": true; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; "isSignal": true; }; "selectedItems": { "alias": "selectedItems"; "required": false; "isSignal": true; }; }, {}, ["contentLabelTemplate", "contentValueTemplate"], never, true, never>;
 }

package/directives/src/sd-desktop.directive.d.ts

@@ -1,9 +1,7 @@
-import { ViewContainerRef, TemplateRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SdDesktopDirective {
-    private templateRef;
-    private viewContainerRef;
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    #private;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDesktopDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdDesktopDirective, "[sdDesktop]", never, {}, {}, never, never, true, never>;
 }

package/directives/src/sd-mobile.directive.d.ts

@@ -1,9 +1,7 @@
-import { TemplateRef, ViewContainerRef } from '@angular/core';
 import * as i0 from "@angular/core";
 export declare class SdMobileDirective {
-    private templateRef;
-    private viewContainerRef;
-    constructor(templateRef: TemplateRef<any>, viewContainerRef: ViewContainerRef);
+    #private;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SdMobileDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdMobileDirective, "[sdMobile]", never, {}, {}, never, never, true, never>;
 }

package/fesm2022/sd-angular-core-components-anchor.mjs

@@ -1,10 +1,10 @@
 import * as i1$1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, inject, ElementRef, effect, Component, computed, output, ChangeDetectionStrategy, viewChild, contentChildren, booleanAttribute, signal, afterNextRender } from '@angular/core';
+import { input, inject, ElementRef, effect, Component, computed, output, ChangeDetectionStrategy, viewChild, contentChildren, booleanAttribute, signal, afterNextRender, untracked } from '@angular/core';
 import { v4 } from 'uuid';
 import { BrowserUtilities } from '@sdcorejs/utils/fns';
-import { Subject, Subscription, debounceTime, fromEvent, auditTime, map, filter, take } from 'rxjs';
+import { Subject, Subscription, debounceTime, fromEvent, take } from 'rxjs';
 import * as i1 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 
@@ -84,76 +84,102 @@ class SdAnchor {
     // Màu highlight active nav (text + icon + vertical bar). Default 'primary'.
     color = input('primary');
     activeSectionId = signal('');
-    #scrollSubscription = new Subscription();
-    #clickScrollSubscription = new Subscription();
-    #delay = 100;
-    #currentScrollTop = 0;
+    #initialized = false;
+    #isClickScrolling = false;
+    #clickScrollSubscription = null;
+    #intersectionObserver = null;
+    #visibleSections = new Set();
     #timeoutId = null;
+    #timeoutScrollFallback = 200;
     constructor() {
         afterNextRender(() => {
+            this.#initialized = true;
             if (!this.hideNav()) {
-                this.activeSectionId.set(this.sections()[0]?.id ?? '');
-                this.#registerScrollSubscription();
+                this.#registerIntersectionObserver();
+            }
+        });
+        // Lắng nghe thay đổi sections để đăng ký lại observe section
+        effect(() => {
+            this.sections();
+            if (!this.hideNav() && this.#initialized) {
+                untracked(() => this.#registerIntersectionObserver());
             }
         });
     }
-    #registerScrollSubscription = () => {
-        this.#disposeResources();
+    #registerIntersectionObserver() {
+        this.#cleanIntersectionObserver();
         const wrapperEl = this.wrapper().nativeElement;
-        this.#scrollSubscription = fromEvent(wrapperEl, 'scroll')
-            .pipe(auditTime(50))
-            .subscribe((event) => {
-            const el = event.target;
-            this.#currentScrollTop = this.#updateCurrentScroll(el);
+        // Brower API IntersectionObserver sẽ hỗ trợ khi nào 1 section được hiện ra trong wrapperEl
+        this.#intersectionObserver = new IntersectionObserver(entries => {
+            for (const entry of entries) {
+                if (entry.isIntersecting) {
+                    // Nếu section mới đi vào vùng nhìn thấy -> add vào set
+                    this.#visibleSections.add(entry.target);
+                }
+                else {
+                    // Nếu section đã đi ra khỏi vùng nhìn thấy -> xóa khỏi Set
+                    this.#visibleSections.delete(entry.target);
+                }
+            }
+            // Nếu đang scroll bởi click section thì return luôn, k phải quét qua tìm vùng section được active
+            if (this.#isClickScrolling) {
+                return;
+            }
             for (const section of this.sections()) {
-                const rect = section.elementRef.nativeElement;
-                const rectTop = rect.offsetTop;
-                const rectBottom = rectTop + rect.offsetHeight;
-                if (this.#currentScrollTop >= rectTop && this.#currentScrollTop < rectBottom) {
-                    this.activeSectionId.set(section.id);
+                // Kiểm tra xem DOM của section nào đang nằm trong danh sách đang nhìn thấy để active chính xác
+                if (this.#visibleSections.has(section.elementRef.nativeElement)) {
+                    if (this.activeSectionId() !== section.id) {
+                        this.activeSectionId.set(section.id);
+                    }
                     break;
                 }
             }
-        });
-    };
+        }, { root: wrapperEl, threshold: 0 });
+        // Đăng ký theo dõi từng section có trong anchor
+        for (const section of this.sections()) {
+            this.#intersectionObserver.observe(section.elementRef.nativeElement);
+        }
+    }
     scrollSectionByClick(idSectionTarget) {
         this.activeSectionId.set(idSectionTarget);
         const targetSection = this.sections().find(s => s.id === idSectionTarget)?.elementRef;
-        if (!targetSection)
+        if (!targetSection) {
             return;
-        this.#disposeResources();
+        }
+        this.#cleanScrollSectionByClickObserver();
+        this.#isClickScrolling = true;
         const wrapperEl = this.wrapper().nativeElement;
         const targetElement = targetSection.nativeElement;
-        const prevScrollTop = this.#currentScrollTop;
-        this.#clickScrollSubscription = fromEvent(wrapperEl, 'scroll')
-            .pipe(auditTime(this.#delay), map((event) => {
-            const el = event.target;
-            this.#currentScrollTop = this.#updateCurrentScroll(el);
-            const wrapperTop = wrapperEl.getBoundingClientRect().top;
-            const targetRect = targetElement.getBoundingClientRect();
-            const isVisible = targetRect.top >= 0 && targetRect.bottom <= window.innerHeight;
-            return Math.abs(targetRect.top - wrapperTop) < 1 || isVisible;
-        }), filter(Boolean), debounceTime(this.#delay + 100), take(1))
-            .subscribe(() => this.#registerScrollSubscription());
+        const prevScrollTop = wrapperEl.scrollTop; // Lưu lại vị trí cuộn hiện tại của container
+        const scrollTop = prevScrollTop + targetElement.getBoundingClientRect().top - wrapperEl.getBoundingClientRect().top; // Vị trí section cần scroll tới
+        // Đăng ký sự kiện nếu đã được scroll xong
+        this.#clickScrollSubscription = fromEvent(wrapperEl, 'scrollend')
+            .pipe(take(1))
+            .subscribe(() => {
+            this.#isClickScrolling = false;
+        });
+        // Nếu sectionTarget đã ở đúng vị trí (click nhưng không scroll) thì sau #timeoutScrollFallback kích hoạt lại IntersectionObserver
         this.#timeoutId = setTimeout(() => {
-            if (prevScrollTop === this.#currentScrollTop) {
-                this.#registerScrollSubscription();
+            if (wrapperEl.scrollTop === prevScrollTop) {
+                this.#isClickScrolling = false;
+                this.#clickScrollSubscription?.unsubscribe();
             }
-        }, this.#delay + 100);
-        wrapperEl.scrollTo({ top: targetElement.offsetTop, behavior: 'smooth' });
-    }
-    #updateCurrentScroll(el) {
-        const style = getComputedStyle(el);
-        return el.scrollTop + parseFloat(style.paddingTop) + parseFloat(style.borderTopWidth);
+        }, this.#timeoutScrollFallback);
+        wrapperEl.scrollTo({ top: scrollTop, behavior: 'smooth' });
     }
-    #disposeResources = () => {
-        if (this.#timeoutId)
+    #cleanScrollSectionByClickObserver = () => {
+        if (this.#timeoutId) {
             clearTimeout(this.#timeoutId);
-        this.#scrollSubscription?.unsubscribe();
+        }
         this.#clickScrollSubscription?.unsubscribe();
     };
+    #cleanIntersectionObserver = () => {
+        this.#intersectionObserver?.disconnect();
+        this.#visibleSections.clear();
+    };
     ngOnDestroy() {
-        this.#disposeResources();
+        this.#cleanScrollSectionByClickObserver();
+        this.#cleanIntersectionObserver();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAnchor, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdAnchor, isStandalone: true, selector: "sd-anchor", inputs: { autoIdInput: { classPropertyName: "autoIdInput", publicName: "autoId", isSignal: true, isRequired: false, transformFunction: null }, sidebarWidth: { classPropertyName: "sidebarWidth", publicName: "sidebarWidth", isSignal: true, isRequired: false, transformFunction: null }, ellipsis: { classPropertyName: "ellipsis", publicName: "ellipsis", isSignal: true, isRequired: false, transformFunction: null }, overScroll: { classPropertyName: "overScroll", publicName: "overScroll", isSignal: true, isRequired: false, transformFunction: null }, hideNav: { classPropertyName: "hideNav", publicName: "hideNav", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "sections", predicate: SdAnchorItem, isSignal: true }], viewQueries: [{ propertyName: "wrapper", first: true, predicate: ["wrapper"], descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"c-anchor-vertical\" [ngClass]=\"{ 'c-stop-scroll-propagation': !overScroll() }\" #wrapper>\r\n  <div class=\"c-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  @if (!hideNav()) {\r\n    <div class=\"c-anchor-list\" [style.flex-basis]=\"sidebarWidth()\">\r\n      <anchor-nav\r\n        [sections]=\"sections()\"\r\n        [ellipsis]=\"ellipsis()\"\r\n        [sidebarWidth]=\"sidebarWidth()\"\r\n        [activeSectionId]=\"activeSectionId()\"\r\n        [parentAutoId]=\"autoId()\"\r\n        [color]=\"color()\"\r\n        (clickSection)=\"scrollSectionByClick($event)\">\r\n      </anchor-nav>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: ["@charset \"UTF-8\";.c-anchor-vertical{position:relative;display:flex;height:100%;width:100%;gap:16px;overflow-y:auto}.c-anchor-vertical.c-stop-scroll-propagation{overscroll-behavior:contain}.c-anchor-vertical .c-anchor-content{flex:1 1 auto;min-width:0}.c-anchor-vertical .c-anchor-list{flex:0 0 auto;position:sticky;top:0;right:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: AnchorNav, selector: "anchor-nav", inputs: ["sections", "activeSectionId", "ellipsis", "sidebarWidth", "parentAutoId", "color"], outputs: ["clickSection"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });

package/fesm2022/sd-angular-core-components-anchor.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-components-anchor.mjs","sources":["../../../projects/sd-angular/components/anchor/src/components/anchor-item/anchor-item.component.ts","../../../projects/sd-angular/components/anchor/src/components/anchor-item/anchor-item.component.html","../../../projects/sd-angular/components/anchor/src/components/anchor-nav/anchor-nav.component.ts","../../../projects/sd-angular/components/anchor/src/components/anchor-nav/anchor-nav.component.html","../../../projects/sd-angular/components/anchor/src/components/anchor/anchor.component.ts","../../../projects/sd-angular/components/anchor/src/components/anchor/anchor.component.html","../../../projects/sd-angular/components/anchor/sd-angular-core-components-anchor.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ElementRef, effect, inject, input } from '@angular/core';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { IAnchorItem } from '../../models';\r\n\r\n@Component({\r\n  selector: 'sd-anchor-item',\r\n  templateUrl: './anchor-item.component.html',\r\n  styleUrls: ['./anchor-item.component.scss'],\r\n  imports: [CommonModule],\r\n  standalone: true,\r\n})\r\nexport class SdAnchorItem implements IAnchorItem {\r\n  title = input.required<string>();\r\n  icon = input<string | undefined>();\r\n  // Stable key dùng cho data-autoId. Nếu không truyền thì fallback về uuid (không stable giữa các lần render).\r\n  key = input<string | undefined>(undefined);\r\n  id: string = uuidv4();\r\n  elementRef = inject(ElementRef);\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      if (this.title()) {\r\n        this.elementRef.nativeElement.removeAttribute('title');\r\n      }\r\n    });\r\n  }\r\n}\r\n","<section>\r\n  <ng-content></ng-content>\r\n</section>\r\n","import { ChangeDetectionStrategy, Component, OnDestroy, computed, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Color } from '@sdcorejs/utils/models';\nimport { Subject, Subscription, debounceTime } from 'rxjs';\n\nimport { SdAnchorItem } from '../anchor-item/anchor-item.component';\n\n@Component({\n  selector: 'anchor-nav',\n  templateUrl: './anchor-nav.component.html',\n  styleUrl: './anchor-nav.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, MatIconModule],\n  standalone: true,\n})\n// eslint-disable-next-line @angular-eslint/component-class-suffix\nexport class AnchorNav implements OnDestroy {\n  sections = input.required<readonly SdAnchorItem[]>();\n  activeSectionId = input<string>('');\n  ellipsis = input<boolean>(false);\n  sidebarWidth = input<string>('');\n  // autoId được forward từ <sd-anchor>. Derive per-item autoId theo `key` của item (nếu có).\n  parentAutoId = input<string | undefined | null>(undefined);\n  color = input<Color>('primary');\n\n  // CSS var binding cho active state — map SdColor → global token `--sd-{color}`.\n  // SCSS đọc qua `var(--anchor-active-color)` cho border + text + icon.\n  cssActiveVar = computed(() => `var(--sd-${this.color()})`);\n\n  itemAutoId(section: SdAnchorItem): string | undefined {\n    const parent = this.parentAutoId();\n    const key = section.key();\n    return parent && key ? `${parent}-${key}` : undefined;\n  }\n\n  clickSection = output<string>();\n\n  #delay = 200;\n  #clickSectionSubject = new Subject<string>();\n  #subscription = new Subscription();\n\n  constructor() {\n    this.#subscription.add(\n      this.#clickSectionSubject\n        .pipe(debounceTime(this.#delay))\n        .subscribe((id: string) => this.clickSection.emit(id))\n    );\n  }\n\n  onClickSection = (id: string): void => {\n    this.#clickSectionSubject.next(id);\n  };\n\n  ngOnDestroy(): void {\n    this.#subscription.unsubscribe();\n  }\n}\n","<div\r\n  class=\"c-anchor-list\"\r\n  [style.width]=\"sidebarWidth()\"\r\n  [style.--anchor-active-color]=\"cssActiveVar()\">\r\n  @for (section of sections(); track section.id) {\r\n    <div\r\n      class=\"c-anchor-list-item\"\r\n      [class.active]=\"section.id === activeSectionId()\"\r\n      (click)=\"onClickSection(section.id)\"\r\n      (keydown.enter)=\"onClickSection(section.id)\"\r\n      [attr.data-autoId]=\"itemAutoId(section)\"\r\n      tabindex=\"0\">\r\n      @if (section.icon()) {\r\n        <mat-icon class=\"c-anchor-list-item-icon\">{{ section.icon() }}</mat-icon>\r\n      }\r\n      <div class=\"c-anchor-list-item-text\" [class.ellipsis]=\"ellipsis()\">\r\n        {{ section.title() }}\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  OnDestroy,\r\n  afterNextRender,\r\n  booleanAttribute,\r\n  computed,\r\n  contentChildren,\r\n  input,\r\n  signal,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BrowserUtilities } from '@sdcorejs/utils/fns';\r\nimport { Color } from '@sdcorejs/utils/models';\r\nimport { Subscription, auditTime, debounceTime, filter, fromEvent, map, take } from 'rxjs';\r\n\r\nimport { AnchorNav } from '../anchor-nav/anchor-nav.component';\r\nimport { SdAnchorItem } from '../anchor-item/anchor-item.component';\r\n\r\n@Component({\r\n  selector: 'sd-anchor',\r\n  templateUrl: './anchor.component.html',\r\n  styleUrls: ['./anchor.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [CommonModule, AnchorNav],\r\n  standalone: true,\r\n})\r\nexport class SdAnchor implements OnDestroy {\r\n  wrapper = viewChild.required<ElementRef>('wrapper');\r\n  sections = contentChildren(SdAnchorItem);\r\n\r\n  readonly autoIdInput = input<string | undefined | null>(undefined, { alias: 'autoId' });\r\n  readonly autoId = computed(() => (this.autoIdInput() ? `components-anchor-${this.autoIdInput()}` : undefined));\r\n\r\n  sidebarWidth = input<string>('200px');\r\n  ellipsis = input(false, { transform: booleanAttribute });\r\n  overScroll = input(false, { transform: booleanAttribute });\r\n  // Mobile: default ẩn nav (sidebar TOC chiếm chỗ trên màn hình hẹp).\r\n  // Consumer truyền `[hideNav]=\"false\"` để force hiện trên mobile.\r\n  hideNav = input(BrowserUtilities.isMobile(), { transform: booleanAttribute });\r\n  // Màu highlight active nav (text + icon + vertical bar). Default 'primary'.\r\n  color = input<Color>('primary');\r\n\r\n  activeSectionId = signal<string>('');\r\n\r\n  #scrollSubscription = new Subscription();\r\n  #clickScrollSubscription = new Subscription();\r\n  #delay = 100;\r\n  #currentScrollTop = 0;\r\n  #timeoutId: ReturnType<typeof setTimeout> | null = null;\r\n\r\n  constructor() {\r\n    afterNextRender(() => {\r\n      if (!this.hideNav()) {\r\n        this.activeSectionId.set(this.sections()[0]?.id ?? '');\r\n        this.#registerScrollSubscription();\r\n      }\r\n    });\r\n  }\r\n\r\n  #registerScrollSubscription = (): void => {\r\n    this.#disposeResources();\r\n    const wrapperEl = this.wrapper().nativeElement;\r\n    this.#scrollSubscription = fromEvent<UIEvent>(wrapperEl, 'scroll')\r\n      .pipe(auditTime(50))\r\n      .subscribe((event: UIEvent) => {\r\n        const el = event.target as HTMLElement;\r\n        this.#currentScrollTop = this.#updateCurrentScroll(el);\r\n        for (const section of this.sections()) {\r\n          const rect = section.elementRef.nativeElement;\r\n          const rectTop = rect.offsetTop;\r\n          const rectBottom = rectTop + rect.offsetHeight;\r\n          if (this.#currentScrollTop >= rectTop && this.#currentScrollTop < rectBottom) {\r\n            this.activeSectionId.set(section.id);\r\n            break;\r\n          }\r\n        }\r\n      });\r\n  };\r\n\r\n  scrollSectionByClick(idSectionTarget: string): void {\r\n    this.activeSectionId.set(idSectionTarget);\r\n    const targetSection = this.sections().find(s => s.id === idSectionTarget)?.elementRef;\r\n    if (!targetSection) return;\r\n\r\n    this.#disposeResources();\r\n    const wrapperEl = this.wrapper().nativeElement;\r\n    const targetElement = targetSection.nativeElement;\r\n    const prevScrollTop = this.#currentScrollTop;\r\n\r\n    this.#clickScrollSubscription = fromEvent<UIEvent>(wrapperEl, 'scroll')\r\n      .pipe(\r\n        auditTime(this.#delay),\r\n        map((event: UIEvent) => {\r\n          const el = event.target as HTMLElement;\r\n          this.#currentScrollTop = this.#updateCurrentScroll(el);\r\n          const wrapperTop = wrapperEl.getBoundingClientRect().top;\r\n          const targetRect = targetElement.getBoundingClientRect();\r\n          const isVisible = targetRect.top >= 0 && targetRect.bottom <= window.innerHeight;\r\n          return Math.abs(targetRect.top - wrapperTop) < 1 || isVisible;\r\n        }),\r\n        filter(Boolean),\r\n        debounceTime(this.#delay + 100),\r\n        take(1)\r\n      )\r\n      .subscribe(() => this.#registerScrollSubscription());\r\n\r\n    this.#timeoutId = setTimeout(() => {\r\n      if (prevScrollTop === this.#currentScrollTop) {\r\n        this.#registerScrollSubscription();\r\n      }\r\n    }, this.#delay + 100);\r\n\r\n    wrapperEl.scrollTo({ top: targetElement.offsetTop, behavior: 'smooth' });\r\n  }\r\n\r\n  #updateCurrentScroll(el: HTMLElement): number {\r\n    const style = getComputedStyle(el);\r\n    return el.scrollTop + parseFloat(style.paddingTop) + parseFloat(style.borderTopWidth);\r\n  }\r\n\r\n  #disposeResources = (): void => {\r\n    if (this.#timeoutId) clearTimeout(this.#timeoutId);\r\n    this.#scrollSubscription?.unsubscribe();\r\n    this.#clickScrollSubscription?.unsubscribe();\r\n  };\r\n\r\n  ngOnDestroy(): void {\r\n    this.#disposeResources();\r\n  }\r\n}\r\n","<div class=\"c-anchor-vertical\" [ngClass]=\"{ 'c-stop-scroll-propagation': !overScroll() }\" #wrapper>\r\n  <div class=\"c-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  @if (!hideNav()) {\r\n    <div class=\"c-anchor-list\" [style.flex-basis]=\"sidebarWidth()\">\r\n      <anchor-nav\r\n        [sections]=\"sections()\"\r\n        [ellipsis]=\"ellipsis()\"\r\n        [sidebarWidth]=\"sidebarWidth()\"\r\n        [activeSectionId]=\"activeSectionId()\"\r\n        [parentAutoId]=\"autoId()\"\r\n        [color]=\"color()\"\r\n        (clickSection)=\"scrollSectionByClick($event)\">\r\n      </anchor-nav>\r\n    </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuidv4"],"mappings":"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"}
+{"version":3,"file":"sd-angular-core-components-anchor.mjs","sources":["../../../projects/sd-angular/components/anchor/src/components/anchor-item/anchor-item.component.ts","../../../projects/sd-angular/components/anchor/src/components/anchor-item/anchor-item.component.html","../../../projects/sd-angular/components/anchor/src/components/anchor-nav/anchor-nav.component.ts","../../../projects/sd-angular/components/anchor/src/components/anchor-nav/anchor-nav.component.html","../../../projects/sd-angular/components/anchor/src/components/anchor/anchor.component.ts","../../../projects/sd-angular/components/anchor/src/components/anchor/anchor.component.html","../../../projects/sd-angular/components/anchor/sd-angular-core-components-anchor.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ElementRef, effect, inject, input } from '@angular/core';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { IAnchorItem } from '../../models';\r\n\r\n@Component({\r\n  selector: 'sd-anchor-item',\r\n  templateUrl: './anchor-item.component.html',\r\n  styleUrls: ['./anchor-item.component.scss'],\r\n  imports: [CommonModule],\r\n  standalone: true,\r\n})\r\nexport class SdAnchorItem implements IAnchorItem {\r\n  title = input.required<string>();\r\n  icon = input<string | undefined>();\r\n  // Stable key dùng cho data-autoId. Nếu không truyền thì fallback về uuid (không stable giữa các lần render).\r\n  key = input<string | undefined>(undefined);\r\n  id: string = uuidv4();\r\n  elementRef = inject(ElementRef);\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      if (this.title()) {\r\n        this.elementRef.nativeElement.removeAttribute('title');\r\n      }\r\n    });\r\n  }\r\n}\r\n","<section>\r\n  <ng-content></ng-content>\r\n</section>\r\n","import { ChangeDetectionStrategy, Component, OnDestroy, computed, input, output } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { MatIconModule } from '@angular/material/icon';\nimport { Color } from '@sdcorejs/utils/models';\nimport { Subject, Subscription, debounceTime } from 'rxjs';\n\nimport { SdAnchorItem } from '../anchor-item/anchor-item.component';\n\n@Component({\n  selector: 'anchor-nav',\n  templateUrl: './anchor-nav.component.html',\n  styleUrl: './anchor-nav.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [CommonModule, MatIconModule],\n  standalone: true,\n})\n// eslint-disable-next-line @angular-eslint/component-class-suffix\nexport class AnchorNav implements OnDestroy {\n  sections = input.required<readonly SdAnchorItem[]>();\n  activeSectionId = input<string>('');\n  ellipsis = input<boolean>(false);\n  sidebarWidth = input<string>('');\n  // autoId được forward từ <sd-anchor>. Derive per-item autoId theo `key` của item (nếu có).\n  parentAutoId = input<string | undefined | null>(undefined);\n  color = input<Color>('primary');\n\n  // CSS var binding cho active state — map SdColor → global token `--sd-{color}`.\n  // SCSS đọc qua `var(--anchor-active-color)` cho border + text + icon.\n  cssActiveVar = computed(() => `var(--sd-${this.color()})`);\n\n  itemAutoId(section: SdAnchorItem): string | undefined {\n    const parent = this.parentAutoId();\n    const key = section.key();\n    return parent && key ? `${parent}-${key}` : undefined;\n  }\n\n  clickSection = output<string>();\n\n  #delay = 200;\n  #clickSectionSubject = new Subject<string>();\n  #subscription = new Subscription();\n\n  constructor() {\n    this.#subscription.add(\n      this.#clickSectionSubject\n        .pipe(debounceTime(this.#delay))\n        .subscribe((id: string) => this.clickSection.emit(id))\n    );\n  }\n\n  onClickSection = (id: string): void => {\n    this.#clickSectionSubject.next(id);\n  };\n\n  ngOnDestroy(): void {\n    this.#subscription.unsubscribe();\n  }\n}\n","<div\r\n  class=\"c-anchor-list\"\r\n  [style.width]=\"sidebarWidth()\"\r\n  [style.--anchor-active-color]=\"cssActiveVar()\">\r\n  @for (section of sections(); track section.id) {\r\n    <div\r\n      class=\"c-anchor-list-item\"\r\n      [class.active]=\"section.id === activeSectionId()\"\r\n      (click)=\"onClickSection(section.id)\"\r\n      (keydown.enter)=\"onClickSection(section.id)\"\r\n      [attr.data-autoId]=\"itemAutoId(section)\"\r\n      tabindex=\"0\">\r\n      @if (section.icon()) {\r\n        <mat-icon class=\"c-anchor-list-item-icon\">{{ section.icon() }}</mat-icon>\r\n      }\r\n      <div class=\"c-anchor-list-item-text\" [class.ellipsis]=\"ellipsis()\">\r\n        {{ section.title() }}\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n","import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  ElementRef,\r\n  OnDestroy,\r\n  afterNextRender,\r\n  booleanAttribute,\r\n  computed,\r\n  contentChildren,\r\n  effect,\r\n  input,\r\n  signal,\r\n  untracked,\r\n  viewChild,\r\n} from '@angular/core';\r\nimport { CommonModule } from '@angular/common';\r\nimport { BrowserUtilities } from '@sdcorejs/utils/fns';\r\nimport { Color } from '@sdcorejs/utils/models';\r\nimport { Subscription, fromEvent, take } from 'rxjs';\r\nimport { AnchorNav } from '../anchor-nav/anchor-nav.component';\r\nimport { SdAnchorItem } from '../anchor-item/anchor-item.component';\r\n\r\n@Component({\r\n  selector: 'sd-anchor',\r\n  templateUrl: './anchor.component.html',\r\n  styleUrls: ['./anchor.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  imports: [CommonModule, AnchorNav],\r\n  standalone: true,\r\n})\r\nexport class SdAnchor implements OnDestroy {\r\n  wrapper = viewChild.required<ElementRef>('wrapper');\r\n  sections = contentChildren(SdAnchorItem);\r\n\r\n  readonly autoIdInput = input<string | undefined | null>(undefined, { alias: 'autoId' });\r\n  readonly autoId = computed(() => (this.autoIdInput() ? `components-anchor-${this.autoIdInput()}` : undefined));\r\n\r\n  sidebarWidth = input<string>('200px');\r\n  ellipsis = input(false, { transform: booleanAttribute });\r\n  overScroll = input(false, { transform: booleanAttribute });\r\n  // Mobile: default ẩn nav (sidebar TOC chiếm chỗ trên màn hình hẹp).\r\n  // Consumer truyền `[hideNav]=\"false\"` để force hiện trên mobile.\r\n  hideNav = input(BrowserUtilities.isMobile(), { transform: booleanAttribute });\r\n  // Màu highlight active nav (text + icon + vertical bar). Default 'primary'.\r\n  color = input<Color>('primary');\r\n\r\n  activeSectionId = signal<string>('');\r\n\r\n  #initialized = false;\r\n  #isClickScrolling = false;\r\n  #clickScrollSubscription: Subscription | null = null;\r\n  #intersectionObserver: IntersectionObserver | null = null;\r\n  #visibleSections = new Set<Element>();\r\n  #timeoutId: ReturnType<typeof setTimeout> | null = null;\r\n\r\n  #timeoutScrollFallback = 200;\r\n\r\n  constructor() {\r\n    afterNextRender(() => {\r\n      this.#initialized = true;\r\n      if (!this.hideNav()) {\r\n        this.#registerIntersectionObserver();\r\n      }\r\n    });\r\n\r\n    // Lắng nghe thay đổi sections để đăng ký lại observe section\r\n    effect(() => {\r\n      this.sections();\r\n      if (!this.hideNav() && this.#initialized) {\r\n        untracked(() => this.#registerIntersectionObserver());\r\n      }\r\n    });\r\n  }\r\n\r\n  #registerIntersectionObserver(): void {\r\n    this.#cleanIntersectionObserver();\r\n    const wrapperEl = this.wrapper().nativeElement;\r\n\r\n    // Brower API IntersectionObserver sẽ hỗ trợ khi nào 1 section được hiện ra trong wrapperEl\r\n    this.#intersectionObserver = new IntersectionObserver(\r\n      entries => {\r\n        for (const entry of entries) {\r\n          if (entry.isIntersecting) {\r\n            // Nếu section mới đi vào vùng nhìn thấy -> add vào set\r\n            this.#visibleSections.add(entry.target);\r\n          } else {\r\n            // Nếu section đã đi ra khỏi vùng nhìn thấy -> xóa khỏi Set\r\n            this.#visibleSections.delete(entry.target);\r\n          }\r\n        }\r\n\r\n        // Nếu đang scroll bởi click section thì return luôn, k phải quét qua tìm vùng section được active\r\n        if (this.#isClickScrolling) {\r\n          return;\r\n        }\r\n\r\n        for (const section of this.sections()) {\r\n          // Kiểm tra xem DOM của section nào đang nằm trong danh sách đang nhìn thấy để active chính xác\r\n          if (this.#visibleSections.has(section.elementRef.nativeElement)) {\r\n            if (this.activeSectionId() !== section.id) {\r\n              this.activeSectionId.set(section.id);\r\n            }\r\n            break;\r\n          }\r\n        }\r\n      },\r\n      { root: wrapperEl, threshold: 0 }\r\n    );\r\n\r\n    // Đăng ký theo dõi từng section có trong anchor\r\n    for (const section of this.sections()) {\r\n      this.#intersectionObserver.observe(section.elementRef.nativeElement);\r\n    }\r\n  }\r\n\r\n  scrollSectionByClick(idSectionTarget: string): void {\r\n    this.activeSectionId.set(idSectionTarget);\r\n    const targetSection = this.sections().find(s => s.id === idSectionTarget)?.elementRef;\r\n    if (!targetSection) {\r\n      return;\r\n    }\r\n    this.#cleanScrollSectionByClickObserver();\r\n    this.#isClickScrolling = true;\r\n\r\n    const wrapperEl = this.wrapper().nativeElement;\r\n    const targetElement = targetSection.nativeElement;\r\n\r\n    const prevScrollTop = wrapperEl.scrollTop; // Lưu lại vị trí cuộn hiện tại của container\r\n    const scrollTop = prevScrollTop + targetElement.getBoundingClientRect().top - wrapperEl.getBoundingClientRect().top; // Vị trí section cần scroll tới\r\n\r\n    // Đăng ký sự kiện nếu đã được scroll xong\r\n    this.#clickScrollSubscription = fromEvent(wrapperEl, 'scrollend')\r\n      .pipe(take(1))\r\n      .subscribe(() => {\r\n        this.#isClickScrolling = false;\r\n      });\r\n\r\n    // Nếu sectionTarget đã ở đúng vị trí (click nhưng không scroll) thì sau #timeoutScrollFallback kích hoạt lại IntersectionObserver\r\n    this.#timeoutId = setTimeout(() => {\r\n      if (wrapperEl.scrollTop === prevScrollTop) {\r\n        this.#isClickScrolling = false;\r\n        this.#clickScrollSubscription?.unsubscribe();\r\n      }\r\n    }, this.#timeoutScrollFallback);\r\n\r\n    wrapperEl.scrollTo({ top: scrollTop, behavior: 'smooth' });\r\n  }\r\n\r\n  #cleanScrollSectionByClickObserver = (): void => {\r\n    if (this.#timeoutId) {\r\n      clearTimeout(this.#timeoutId);\r\n    }\r\n    this.#clickScrollSubscription?.unsubscribe();\r\n  };\r\n\r\n  #cleanIntersectionObserver = (): void => {\r\n    this.#intersectionObserver?.disconnect();\r\n    this.#visibleSections.clear();\r\n  };\r\n\r\n  ngOnDestroy(): void {\r\n    this.#cleanScrollSectionByClickObserver();\r\n    this.#cleanIntersectionObserver();\r\n  }\r\n}\r\n","<div class=\"c-anchor-vertical\" [ngClass]=\"{ 'c-stop-scroll-propagation': !overScroll() }\" #wrapper>\r\n  <div class=\"c-anchor-content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  @if (!hideNav()) {\r\n    <div class=\"c-anchor-list\" [style.flex-basis]=\"sidebarWidth()\">\r\n      <anchor-nav\r\n        [sections]=\"sections()\"\r\n        [ellipsis]=\"ellipsis()\"\r\n        [sidebarWidth]=\"sidebarWidth()\"\r\n        [activeSectionId]=\"activeSectionId()\"\r\n        [parentAutoId]=\"autoId()\"\r\n        [color]=\"color()\"\r\n        (clickSection)=\"scrollSectionByClick($event)\">\r\n      </anchor-nav>\r\n    </div>\r\n  }\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["uuidv4"],"mappings":"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"}