@sd-angular/core 19.0.0-beta.67 → 19.0.0-beta.68

package/components/anchor-v2/src/components/anchor-item-v2/anchor-item-v2.component.d.ts

@@ -2,11 +2,11 @@ import { ElementRef } from '@angular/core';
 import { IAnchorItemV2 } from '../../models';
 import * as i0 from "@angular/core";
 export declare class SdAnchorItemV2 implements IAnchorItemV2 {
-    elementRef: ElementRef;
-    title: string;
-    icon?: string;
+    title: import("@angular/core").InputSignal<string>;
+    icon: import("@angular/core").InputSignal<string | undefined>;
     id: string;
-    constructor(elementRef: ElementRef);
+    elementRef: ElementRef<any>;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SdAnchorItemV2, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorItemV2, "sd-anchor-item-v2", never, { "title": { "alias": "title"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdAnchorItemV2, "sd-anchor-item-v2", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }

package/components/anchor-v2/src/models/sd-anchor-v2.model.d.ts

@@ -1,7 +1,7 @@
-import { ElementRef } from "@angular/core";
+import { ElementRef, InputSignal } from "@angular/core";
 export interface IAnchorItemV2 {
     id: string;
-    title: string;
-    icon?: string;
+    title: InputSignal<string>;
+    icon: InputSignal<string | undefined>;
     elementRef: ElementRef;
 }

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

@@ -3,25 +3,27 @@ import { SdTabelCellDefDirective } from '../../directives/sd-table-cell-def.dire
 import { SdTableColumn } from '../../models/table-column.model';
 import { SdTableItem } from '../../models/table-item.model';
 import * as i0 from "@angular/core";
+interface CharLimited {
+    title?: string;
+    width?: string;
+}
 export declare class SdDesktopCell {
     #private;
+    private cdr;
     contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
+    charLimited: import("@angular/core").InputSignal<CharLimited | undefined>;
+    value: import("@angular/core").InputSignal<any>;
+    column: import("@angular/core").InputSignal<SdTableColumn>;
+    cellDef: import("@angular/core").InputSignal<Record<string, SdTabelCellDefDirective>>;
+    autoIdInput: import("@angular/core").InputSignal<string | null | undefined>;
+    autoId: import("@angular/core").Signal<string | undefined>;
+    item: import("@angular/core").InputSignal<SdTableItem<any>>;
+    itemKey: import("@angular/core").Signal<any>;
     isCollapsed: import("@angular/core").WritableSignal<boolean>;
     isOverflowing: import("@angular/core").WritableSignal<boolean>;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    value: any;
-    column: SdTableColumn;
-    charLimited: {
-        title?: string;
-        width?: string;
-    } | undefined;
-    item: SdTableItem;
-    itemKey: string;
-    set _item(item: SdTableItem);
-    cellDef: Record<string, SdTabelCellDefDirective>;
-    ngAfterViewInit(): void;
+    constructor();
     toggle: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDesktopCell, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCell, "sd-desktop-cell", never, { "_autoId": { "alias": "autoId"; "required": false; }; "value": { "alias": "value"; "required": false; }; "column": { "alias": "column"; "required": true; }; "charLimited": { "alias": "charLimited"; "required": true; }; "_item": { "alias": "item"; "required": true; }; "cellDef": { "alias": "cellDef"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCell, "sd-desktop-cell", never, { "charLimited": { "alias": "charLimited"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; "cellDef": { "alias": "cellDef"; "required": false; "isSignal": true; }; "autoIdInput": { "alias": "autoId"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
+export {};

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

@@ -1,24 +1,28 @@
-import { ElementRef } from '@angular/core';
+import { ElementRef, PipeTransform } 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 ToStringPipe implements PipeTransform {
+    transform(value: any): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToStringPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<ToStringPipe, "asString", true>;
+}
 export declare class SdDesktopCellView {
     #private;
+    private cdr;
     contentContainer: import("@angular/core").Signal<ElementRef<HTMLElement> | undefined>;
     isCollapsed: import("@angular/core").WritableSignal<boolean>;
     isOverflowing: import("@angular/core").WritableSignal<boolean>;
-    autoId?: string;
-    set _autoId(val: string | undefined | null);
-    column: SdTableColumn;
-    charLimited: {
+    autoId: import("@angular/core").InputSignal<string | null | undefined>;
+    column: import("@angular/core").InputSignal<SdTableColumn>;
+    charLimited: import("@angular/core").InputSignal<{
         title?: string;
         width?: string;
-    } | undefined;
-    item: SdTableItem;
-    itemKey: string;
-    set _item(item: SdTableItem);
-    ngAfterViewInit(): void;
+    } | undefined>;
+    item: import("@angular/core").InputSignal<SdTableItem<any>>;
+    itemKey: import("@angular/core").Signal<any>;
+    constructor();
     toggle: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SdDesktopCellView, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCellView, "sd-desktop-cell-view", never, { "_autoId": { "alias": "autoId"; "required": false; }; "column": { "alias": "column"; "required": true; }; "charLimited": { "alias": "charLimited"; "required": true; }; "_item": { "alias": "item"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SdDesktopCellView, "sd-desktop-cell-view", never, { "autoId": { "alias": "autoId"; "required": false; "isSignal": true; }; "column": { "alias": "column"; "required": true; "isSignal": true; }; "charLimited": { "alias": "charLimited"; "required": false; "isSignal": true; }; "item": { "alias": "item"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/components/table/src/models/table-column.model.d.ts

@@ -25,7 +25,10 @@ interface SdTableColumnBase<T = any> {
     hidden?: boolean;
     invisible?: boolean;
     fixed?: boolean;
-    charLimited?: boolean;
+    charLimited?: {
+        enable?: boolean;
+        expandType?: 'more' | 'tooltip';
+    };
     align?: 'right';
     cellStyle?: (value: any, rowData: T) => Record<string, string>;
     htmlTemplate?: (value: any, rowData: T) => string;

package/directives/index.d.ts

@@ -3,3 +3,4 @@ export * from './src/sd-desktop.directive';
 export * from './src/sd-mobile.directive';
 export * from './src/sd-hover-copy.directive';
 export * from './src/sd-href.directive';
+export { SdTooltipDirective } from './src/sd-tooltip.directive';

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

@@ -0,0 +1,26 @@
+import { TemplateRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';
+export declare class SdTooltipDirective {
+    #private;
+    content: import("@angular/core").InputSignal<string | TemplateRef<any>>;
+    sdTooltipPosition: import("@angular/core").InputSignal<TooltipPosition>;
+    sdTooltipDelay: import("@angular/core").InputSignal<number>;
+    sdTooltipColor: import("@angular/core").InputSignal<string>;
+    private static activeTooltip;
+    private readonly elementRef;
+    private readonly overlay;
+    private readonly viewContainerRef;
+    private readonly destroyRef;
+    private overlayRef;
+    private tooltipComponentRef;
+    private tooltipInstance;
+    private showTimeout;
+    private hideTimeout;
+    constructor();
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    forceHide: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SdTooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SdTooltipDirective, "[sdTooltip]", never, { "content": { "alias": "sdTooltip"; "required": true; "isSignal": true; }; "sdTooltipPosition": { "alias": "sdTooltipPosition"; "required": false; "isSignal": true; }; "sdTooltipDelay": { "alias": "sdTooltipDelay"; "required": false; "isSignal": true; }; "sdTooltipColor": { "alias": "sdTooltipColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

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

@@ -1,31 +1,31 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Input, Component, EventEmitter, Output, ContentChildren, ViewChild } from '@angular/core';
+import { input, inject, ElementRef, effect, Component, EventEmitter, Output, Input, ContentChildren, ViewChild } from '@angular/core';
 import { v4 } from 'uuid';
 import * as i2 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import { Subject, Subscription, debounceTime, fromEvent, auditTime, map, filter, take } from 'rxjs';
 
 class SdAnchorItemV2 {
-    elementRef;
-    title;
-    icon;
+    title = input.required();
+    icon = input();
     id = v4();
-    constructor(elementRef) {
-        this.elementRef = elementRef;
+    elementRef = inject(ElementRef);
+    constructor() {
+        effect(() => {
+            if (this.title()) {
+                this.elementRef.nativeElement.removeAttribute('title');
+            }
+        });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdAnchorItemV2, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SdAnchorItemV2, isStandalone: true, selector: "sd-anchor-item-v2", inputs: { title: "title", icon: "icon" }, ngImport: i0, template: "<section>\r\n  <ng-content></ng-content>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdAnchorItemV2, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "19.2.17", type: SdAnchorItemV2, isStandalone: true, selector: "sd-anchor-item-v2", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<section>\r\n  <ng-content></ng-content>\r\n</section>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdAnchorItemV2, decorators: [{
             type: Component,
             args: [{ selector: 'sd-anchor-item-v2', imports: [CommonModule], standalone: true, template: "<section>\r\n  <ng-content></ng-content>\r\n</section>\r\n" }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { title: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }] } });
+        }], ctorParameters: () => [] });
 
 class SdAnchorVerticalListV2 {
     constructor() { }
@@ -49,11 +49,11 @@ class SdAnchorVerticalListV2 {
         this.#subscription?.unsubscribe();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdAnchorVerticalListV2, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SdAnchorVerticalListV2, isStandalone: true, selector: "sd-anchor-vertical-list-v2", inputs: { sections: "sections", activeSectionId: "activeSectionId", ellipsis: "ellipsis", sidebarWidth: "sidebarWidth" }, outputs: { sdClickSection: "sdClickSection" }, ngImport: i0, template: "<div class=\"c-anchor-list\" [style.width]=\"sidebarWidth\">\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      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\r\n        class=\"c-anchor-list-item-text\"\r\n        [ngClass]=\"{\r\n          ellipsis\r\n        }\">\r\n        {{ section.title }}\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-anchor-list{height:100%;display:flex;flex-direction:column}.c-anchor-list .c-anchor-list-item{border-left:2px solid var(--sd-secondary-light);color:var(--sd-black500);padding:.5rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.c-anchor-list .c-anchor-list-item .c-anchor-list-item-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.c-anchor-list .c-anchor-list-item .c-anchor-list-item-text.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-anchor-list .c-anchor-list-item.active{border-left:2px solid var(--sd-primary);font-weight:700}.c-anchor-list .c-anchor-list-item:not(.active){border-left:2px solid var(--sd-secondary-light);font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SdAnchorVerticalListV2, isStandalone: true, selector: "sd-anchor-vertical-list-v2", inputs: { sections: "sections", activeSectionId: "activeSectionId", ellipsis: "ellipsis", sidebarWidth: "sidebarWidth" }, outputs: { sdClickSection: "sdClickSection" }, ngImport: i0, template: "<div class=\"c-anchor-list\" [style.width]=\"sidebarWidth\">\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      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\r\n        class=\"c-anchor-list-item-text\"\r\n        [ngClass]=\"{\r\n          ellipsis\r\n        }\">\r\n        {{ section.title() }}\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-anchor-list{height:100%;display:flex;flex-direction:column}.c-anchor-list .c-anchor-list-item{border-left:2px solid var(--sd-secondary-light);color:var(--sd-black500);padding:.5rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.c-anchor-list .c-anchor-list-item .c-anchor-list-item-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.c-anchor-list .c-anchor-list-item .c-anchor-list-item-text.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-anchor-list .c-anchor-list-item.active{border-left:2px solid var(--sd-primary);font-weight:700}.c-anchor-list .c-anchor-list-item:not(.active){border-left:2px solid var(--sd-secondary-light);font-weight:400}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdAnchorVerticalListV2, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-anchor-vertical-list-v2', imports: [CommonModule, MatIconModule], standalone: true, template: "<div class=\"c-anchor-list\" [style.width]=\"sidebarWidth\">\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      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\r\n        class=\"c-anchor-list-item-text\"\r\n        [ngClass]=\"{\r\n          ellipsis\r\n        }\">\r\n        {{ section.title }}\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-anchor-list{height:100%;display:flex;flex-direction:column}.c-anchor-list .c-anchor-list-item{border-left:2px solid var(--sd-secondary-light);color:var(--sd-black500);padding:.5rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.c-anchor-list .c-anchor-list-item .c-anchor-list-item-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.c-anchor-list .c-anchor-list-item .c-anchor-list-item-text.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-anchor-list .c-anchor-list-item.active{border-left:2px solid var(--sd-primary);font-weight:700}.c-anchor-list .c-anchor-list-item:not(.active){border-left:2px solid var(--sd-secondary-light);font-weight:400}\n"] }]
+            args: [{ selector: 'sd-anchor-vertical-list-v2', imports: [CommonModule, MatIconModule], standalone: true, template: "<div class=\"c-anchor-list\" [style.width]=\"sidebarWidth\">\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      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\r\n        class=\"c-anchor-list-item-text\"\r\n        [ngClass]=\"{\r\n          ellipsis\r\n        }\">\r\n        {{ section.title() }}\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-anchor-list{height:100%;display:flex;flex-direction:column}.c-anchor-list .c-anchor-list-item{border-left:2px solid var(--sd-secondary-light);color:var(--sd-black500);padding:.5rem 1.5rem;cursor:pointer;display:flex;align-items:center;gap:.5rem}.c-anchor-list .c-anchor-list-item .c-anchor-list-item-text{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.c-anchor-list .c-anchor-list-item .c-anchor-list-item-text.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.c-anchor-list .c-anchor-list-item.active{border-left:2px solid var(--sd-primary);font-weight:700}.c-anchor-list .c-anchor-list-item:not(.active){border-left:2px solid var(--sd-secondary-light);font-weight:400}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sections: [{
                 type: Input
             }], activeSectionId: [{

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

@@ -1 +1 @@
-{"version":3,"file":"sd-angular-core-components-anchor-v2.mjs","sources":["../../../projects/sd-angular/components/anchor-v2/src/components/anchor-item-v2/anchor-item-v2.component.ts","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-item-v2/anchor-item-v2.component.html","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-vertical-v2/anchor-vertical-list-v2.component.ts","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-vertical-v2/anchor-vertical-list-v2.component.html","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-v2/anchor-v2.component.ts","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-v2/anchor-v2.component.html","../../../projects/sd-angular/components/anchor-v2/sd-angular-core-components-anchor-v2.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\r\nimport { Component, ElementRef, Input } from '@angular/core';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport { IAnchorItemV2 } from '../../models';\r\n\r\n@Component({\r\n  selector: 'sd-anchor-item-v2',\r\n  templateUrl: './anchor-item-v2.component.html',\r\n  styleUrls: ['./anchor-item-v2.component.scss'],\r\n  imports: [CommonModule],\r\n  standalone: true,\r\n})\r\nexport class SdAnchorItemV2 implements IAnchorItemV2 {\r\n  @Input() title!: string;\r\n  @Input() icon?: string;\r\n  id: string = uuidv4();\r\n  constructor(public elementRef: ElementRef) {}\r\n}\r\n","<section>\r\n  <ng-content></ng-content>\r\n</section>\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, ContentChildren, EventEmitter, Input, OnInit, Output, QueryList } from '@angular/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { debounceTime, Subject, Subscription } from 'rxjs';\r\nimport { SdAnchorItemV2 } from '../anchor-item-v2/anchor-item-v2.component';\r\n\r\n@Component({\r\n  selector: 'sd-anchor-vertical-list-v2',\r\n  templateUrl: './anchor-vertical-list-v2.component.html',\r\n  styleUrl: './anchor-vertical-list-v2.component.scss',\r\n  imports: [CommonModule, MatIconModule],\r\n  standalone: true,\r\n})\r\nexport class SdAnchorVerticalListV2 implements OnInit {\r\n  constructor() {}\r\n  @Input() sections!: QueryList<SdAnchorItemV2>;\r\n  @Input() activeSectionId: string = '';\r\n  @Input() ellipsis!: boolean;\r\n  @Input() sidebarWidth!: string;\r\n\r\n  @Output() sdClickSection = new EventEmitter<string>();\r\n\r\n  #delay: number = 200;\r\n  #clickSectionSubject = new Subject<string>();\r\n  #subscription = new Subscription();\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(\r\n      this.#clickSectionSubject.pipe(debounceTime(this.#delay)).subscribe((idSectionTarget: string) => {\r\n        this.sdClickSection.emit(idSectionTarget);\r\n      })\r\n    );\r\n  }\r\n\r\n  onClickSection = (idSectionTarget: string): void => {\r\n    this.#clickSectionSubject.next(idSectionTarget);\r\n  };\r\n  \r\n  ngOnDestroy() {\r\n    this.#subscription?.unsubscribe();\r\n  }\r\n}\r\n","<div class=\"c-anchor-list\" [style.width]=\"sidebarWidth\">\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      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\r\n        class=\"c-anchor-list-item-text\"\r\n        [ngClass]=\"{\r\n          ellipsis\r\n        }\">\r\n        {{ section.title }}\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n","import { AfterViewInit, Component, ContentChildren, ElementRef, Input, QueryList, Renderer2, ViewChild } from '@angular/core';\r\nimport { SdAnchorVerticalListV2 } from '../anchor-vertical-v2/anchor-vertical-list-v2.component';\r\nimport { SdAnchorItemV2 } from '../anchor-item-v2/anchor-item-v2.component';\r\nimport { auditTime, debounceTime, filter, fromEvent, map, Subscription, take } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'sd-anchor-v2',\r\n  templateUrl: './anchor-v2.component.html',\r\n  styleUrls: ['./anchor-v2.component.scss'],\r\n  imports: [CommonModule, SdAnchorVerticalListV2],\r\n  standalone: true,\r\n})\r\nexport class SdAnchorV2 implements AfterViewInit {\r\n  constructor(private renderer: Renderer2) {}\r\n  @ViewChild('wrapper', { static: false }) wrapper!: ElementRef;\r\n  @ViewChild('anchorContent', { static: false }) anchorContent!: ElementRef;\r\n\r\n  @ContentChildren(SdAnchorItemV2) sections!: QueryList<SdAnchorItemV2>; // Danh sách sd-anchor-v2 được khai báo\r\n\r\n  @Input() type: 'vertical' | 'horizontal' = 'vertical';\r\n  @Input() sidebarWidth: string = '200px'; // Độ rộng của danh sách tiêu đề\r\n\r\n  ellipsis = false; // Có thu gọn tiêu đề bằng dấu 3 chấm?\r\n  @Input('ellipsis') set _ellipsis(value: '' | boolean | undefined | null) {\r\n    this.ellipsis = value === '' || !!value;\r\n  }\r\n\r\n  isOverscroll = false; // Có cho phép scroll vượt qua sd-anchor và scroll tiếp đến phần tử bên ngoài?\r\n  @Input('isOverscroll') set _isOverscroll(value: '' | boolean | undefined | null) {\r\n    this.isOverscroll = value === '' || !!value;\r\n  }\r\n\r\n  isHiddenAnchorList = false; // Có ẩn danh sách tiêu đề section hay không?\r\n  @Input('isHiddenAnchorList') set _isHiddenAnchorList(value: '' | boolean | undefined | null) {\r\n    this.isHiddenAnchorList = value === '' || !!value;\r\n  }\r\n\r\n  // RxJS\r\n  // Note : Scroll bằng con lăn chuột hay scroll bằng click thì tại 1 thời điểm chỉ được lắng nghe 1 Rxjs\r\n  #scrollSubscription = new Subscription(); // Scroll bằng con lăn chuột\r\n  #clickScrollSubscription = new Subscription(); // Scroll bằng click\r\n  // End\r\n\r\n  // Variables Private\r\n  #delay: number = 100;\r\n  #currentScrollTop: number = 0;\r\n  #timeoutId: ReturnType<typeof setTimeout> | null = null;\r\n  // End\r\n\r\n  // Variables Public\r\n  activeSectionId: string = '';\r\n  // End\r\n\r\n  ngAfterViewInit(): void {\r\n    if (!this.isHiddenAnchorList) {\r\n      this.activeSectionId = this.sections?.first?.id ?? ''; // Active section đầu tiên\r\n      this.#registerScrollSubscription(); // Đăng ký Rxjs Scroll bằng con lăn chuột\r\n      this.#setWidthAnchorContent()\r\n    }\r\n  }\r\n\r\n  #registerScrollSubscription = (): void => {\r\n    this.#disposeResources(); // Giải phóng tất cả subscription và timer cũ\r\n    const wrapperEl = this.wrapper.nativeElement;\r\n    const scroll$ = fromEvent<UIEvent>(wrapperEl, 'scroll').pipe(debounceTime(this.#delay));\r\n    this.#scrollSubscription = scroll$.subscribe((event: UIEvent) => {\r\n      const elementTarget = event.target as HTMLElement;\r\n      this.#currentScrollTop = this.#updateCurrentScroll(elementTarget); // Ví trí scroll hiện tại\r\n      for (const section of this.sections) {\r\n        // Vùng section chiếm diện tích\r\n        const rect = section?.elementRef?.nativeElement;\r\n        const rectTop = rect.offsetTop;\r\n        const rectBottom = rectTop + rect.offsetHeight;\r\n        // End\r\n        if (this.#currentScrollTop >= rectTop && this.#currentScrollTop < rectBottom) {\r\n          this.activeSectionId = section?.id;\r\n          break;\r\n        }\r\n      }\r\n    });\r\n  };\r\n\r\n  scrollSectionByClick(idSectionTarget: string): void {\r\n    // Khi scrollByClick sẽ có 2 case xảy ra:\r\n    // Case 1 : Được scroll (ElementTarget không nằm trong vùng viewport và được scroll đến vị trí)\r\n    // Case 2 : Không được scroll (ElementTarget đã được scroll trước đó hoặc đã nằm trong vùng viewport luôn)\r\n\r\n    this.activeSectionId = idSectionTarget;\r\n    const targetSection = this.sections.find(s => s?.id === this.activeSectionId)?.elementRef;\r\n    if (!targetSection) {\r\n      return;\r\n    }\r\n\r\n    this.#disposeResources(); // Giải phóng tất cả subscription và timer cũ\r\n    const wrapperEl = this.wrapper.nativeElement;\r\n    const targetElement = targetSection.nativeElement;\r\n    const prevScrollTop = this.#currentScrollTop; // Lưu lại ví trí trước khi scroll bởi event click\r\n\r\n    // Case 1: Nếu được Scroll check điều kiện để đăng ký lại Rxjs Scroll bằng con lăn chuột\r\n    const clickScrollEnd$ = fromEvent<UIEvent>(wrapperEl, 'scroll');\r\n    this.#clickScrollSubscription = clickScrollEnd$\r\n      .pipe(\r\n        auditTime(this.#delay),\r\n        map((event: UIEvent) => {\r\n          const elementTarget = event.target as HTMLElement;\r\n          this.#currentScrollTop = this.#updateCurrentScroll(elementTarget); // Cập nhật vị trí sau mỗi lần #delay\r\n          const wrapperTop = wrapperEl.getBoundingClientRect().top;\r\n          const targetRect = targetElement.getBoundingClientRect();\r\n          const targetTop = targetRect.top;\r\n          const isVisible = targetRect.top >= 0 && targetRect.bottom <= window.innerHeight; // Nằm trong viewPort\r\n          return Math.abs(targetTop - wrapperTop) < 1 || isVisible; // Đã được scroll tới hoặc element đã nằm trong vùng viewPort\r\n        }),\r\n        filter(Boolean),\r\n        debounceTime(this.#delay + 100),\r\n        take(1)\r\n      )\r\n      .subscribe(() => {\r\n        this.#registerScrollSubscription(); // Đã xác nhận scroll xong thì mới đăng ký lại Rxjs Scroll bằng con lăn chuột\r\n      });\r\n    // // End\r\n\r\n    // Case 2: Nếu không được scroll thì sau (#delay + 100) đăng ký lại Rxjs Scroll bằng con lăn chuột\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' }); // Action scroll\r\n    // End\r\n  }\r\n\r\n  #updateCurrentScroll(elementTarget: HTMLElement): number {\r\n    const style = getComputedStyle(elementTarget);\r\n    const paddingTop = parseFloat(style.paddingTop);\r\n    const borderTop = parseFloat(style.borderTopWidth);\r\n    return elementTarget.scrollTop + paddingTop + borderTop; // Vị trí scroll thực tế nếu có padding, border\r\n  }\r\n\r\n  // Giải phóng tất cả subscription và timer đang hoạt động\r\n  #disposeResources = (): void => {\r\n    if (this.#timeoutId) {\r\n      clearTimeout(this.#timeoutId);\r\n    }\r\n    this.#scrollSubscription?.unsubscribe();\r\n    this.#clickScrollSubscription?.unsubscribe();\r\n  };\r\n\r\n  // Thiết lập chiều rộng nội dung phụ thuộc vào chiều rộng danh sách tiêu đề section\r\n  #setWidthAnchorContent = (): void => {\r\n    const gap = '16px'; // Khoảng cách giữa nội dung và danh sách tiêu đề section\r\n    this.renderer.setStyle(this.anchorContent.nativeElement, 'width', `calc(100% - ${this.sidebarWidth} - ${gap})`);\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': !isOverscroll }\" #wrapper>\r\n  <!-- Nội dung -->\r\n  <div class=\"c-anchor-content\" #anchorContent>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Danh sách tiêu đề các sections-->\r\n   @if(!isHiddenAnchorList){\r\n     <div class=\"c-anchor-list\" [style.width]=\"sidebarWidth\">\r\n       <sd-anchor-vertical-list-v2\r\n         [sections]=\"sections\"\r\n         [ellipsis]=\"ellipsis\"\r\n         [sidebarWidth]=\"sidebarWidth\"\r\n         [activeSectionId]=\"activeSectionId\"\r\n         (sdClickSection)=\"scrollSectionByClick($event)\">\r\n       </sd-anchor-vertical-list-v2>\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-v2.mjs","sources":["../../../projects/sd-angular/components/anchor-v2/src/components/anchor-item-v2/anchor-item-v2.component.ts","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-item-v2/anchor-item-v2.component.html","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-vertical-v2/anchor-vertical-list-v2.component.ts","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-vertical-v2/anchor-vertical-list-v2.component.html","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-v2/anchor-v2.component.ts","../../../projects/sd-angular/components/anchor-v2/src/components/anchor-v2/anchor-v2.component.html","../../../projects/sd-angular/components/anchor-v2/sd-angular-core-components-anchor-v2.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 { IAnchorItemV2 } from '../../models';\r\n\r\n@Component({\r\n  selector: 'sd-anchor-item-v2',\r\n  templateUrl: './anchor-item-v2.component.html',\r\n  styleUrls: ['./anchor-item-v2.component.scss'],\r\n  imports: [CommonModule],\r\n  standalone: true,\r\n})\r\nexport class SdAnchorItemV2 implements IAnchorItemV2 {\r\n  title = input.required<string>();\r\n  icon = input<string | 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 { CommonModule } from '@angular/common';\r\nimport { Component, ContentChildren, EventEmitter, Input, OnInit, Output, QueryList } from '@angular/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { debounceTime, Subject, Subscription } from 'rxjs';\r\nimport { SdAnchorItemV2 } from '../anchor-item-v2/anchor-item-v2.component';\r\n\r\n@Component({\r\n  selector: 'sd-anchor-vertical-list-v2',\r\n  templateUrl: './anchor-vertical-list-v2.component.html',\r\n  styleUrl: './anchor-vertical-list-v2.component.scss',\r\n  imports: [CommonModule, MatIconModule],\r\n  standalone: true,\r\n})\r\nexport class SdAnchorVerticalListV2 implements OnInit {\r\n  constructor() {}\r\n  @Input() sections!: QueryList<SdAnchorItemV2>;\r\n  @Input() activeSectionId: string = '';\r\n  @Input() ellipsis!: boolean;\r\n  @Input() sidebarWidth!: string;\r\n\r\n  @Output() sdClickSection = new EventEmitter<string>();\r\n\r\n  #delay: number = 200;\r\n  #clickSectionSubject = new Subject<string>();\r\n  #subscription = new Subscription();\r\n\r\n  ngOnInit() {\r\n    this.#subscription.add(\r\n      this.#clickSectionSubject.pipe(debounceTime(this.#delay)).subscribe((idSectionTarget: string) => {\r\n        this.sdClickSection.emit(idSectionTarget);\r\n      })\r\n    );\r\n  }\r\n\r\n  onClickSection = (idSectionTarget: string): void => {\r\n    this.#clickSectionSubject.next(idSectionTarget);\r\n  };\r\n  \r\n  ngOnDestroy() {\r\n    this.#subscription?.unsubscribe();\r\n  }\r\n}\r\n","<div class=\"c-anchor-list\" [style.width]=\"sidebarWidth\">\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      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\r\n        class=\"c-anchor-list-item-text\"\r\n        [ngClass]=\"{\r\n          ellipsis\r\n        }\">\r\n        {{ section.title() }}\r\n      </div>\r\n    </div>\r\n  }\r\n</div>\r\n","import { AfterViewInit, Component, ContentChildren, ElementRef, Input, QueryList, Renderer2, ViewChild } from '@angular/core';\r\nimport { SdAnchorVerticalListV2 } from '../anchor-vertical-v2/anchor-vertical-list-v2.component';\r\nimport { SdAnchorItemV2 } from '../anchor-item-v2/anchor-item-v2.component';\r\nimport { auditTime, debounceTime, filter, fromEvent, map, Subscription, take } from 'rxjs';\r\nimport { CommonModule } from '@angular/common';\r\n\r\n@Component({\r\n  selector: 'sd-anchor-v2',\r\n  templateUrl: './anchor-v2.component.html',\r\n  styleUrls: ['./anchor-v2.component.scss'],\r\n  imports: [CommonModule, SdAnchorVerticalListV2],\r\n  standalone: true,\r\n})\r\nexport class SdAnchorV2 implements AfterViewInit {\r\n  constructor(private renderer: Renderer2) {}\r\n  @ViewChild('wrapper', { static: false }) wrapper!: ElementRef;\r\n  @ViewChild('anchorContent', { static: false }) anchorContent!: ElementRef;\r\n\r\n  @ContentChildren(SdAnchorItemV2) sections!: QueryList<SdAnchorItemV2>; // Danh sách sd-anchor-v2 được khai báo\r\n\r\n  @Input() type: 'vertical' | 'horizontal' = 'vertical';\r\n  @Input() sidebarWidth: string = '200px'; // Độ rộng của danh sách tiêu đề\r\n\r\n  ellipsis = false; // Có thu gọn tiêu đề bằng dấu 3 chấm?\r\n  @Input('ellipsis') set _ellipsis(value: '' | boolean | undefined | null) {\r\n    this.ellipsis = value === '' || !!value;\r\n  }\r\n\r\n  isOverscroll = false; // Có cho phép scroll vượt qua sd-anchor và scroll tiếp đến phần tử bên ngoài?\r\n  @Input('isOverscroll') set _isOverscroll(value: '' | boolean | undefined | null) {\r\n    this.isOverscroll = value === '' || !!value;\r\n  }\r\n\r\n  isHiddenAnchorList = false; // Có ẩn danh sách tiêu đề section hay không?\r\n  @Input('isHiddenAnchorList') set _isHiddenAnchorList(value: '' | boolean | undefined | null) {\r\n    this.isHiddenAnchorList = value === '' || !!value;\r\n  }\r\n\r\n  // RxJS\r\n  // Note : Scroll bằng con lăn chuột hay scroll bằng click thì tại 1 thời điểm chỉ được lắng nghe 1 Rxjs\r\n  #scrollSubscription = new Subscription(); // Scroll bằng con lăn chuột\r\n  #clickScrollSubscription = new Subscription(); // Scroll bằng click\r\n  // End\r\n\r\n  // Variables Private\r\n  #delay: number = 100;\r\n  #currentScrollTop: number = 0;\r\n  #timeoutId: ReturnType<typeof setTimeout> | null = null;\r\n  // End\r\n\r\n  // Variables Public\r\n  activeSectionId: string = '';\r\n  // End\r\n\r\n  ngAfterViewInit(): void {\r\n    if (!this.isHiddenAnchorList) {\r\n      this.activeSectionId = this.sections?.first?.id ?? ''; // Active section đầu tiên\r\n      this.#registerScrollSubscription(); // Đăng ký Rxjs Scroll bằng con lăn chuột\r\n      this.#setWidthAnchorContent()\r\n    }\r\n  }\r\n\r\n  #registerScrollSubscription = (): void => {\r\n    this.#disposeResources(); // Giải phóng tất cả subscription và timer cũ\r\n    const wrapperEl = this.wrapper.nativeElement;\r\n    const scroll$ = fromEvent<UIEvent>(wrapperEl, 'scroll').pipe(debounceTime(this.#delay));\r\n    this.#scrollSubscription = scroll$.subscribe((event: UIEvent) => {\r\n      const elementTarget = event.target as HTMLElement;\r\n      this.#currentScrollTop = this.#updateCurrentScroll(elementTarget); // Ví trí scroll hiện tại\r\n      for (const section of this.sections) {\r\n        // Vùng section chiếm diện tích\r\n        const rect = section?.elementRef?.nativeElement;\r\n        const rectTop = rect.offsetTop;\r\n        const rectBottom = rectTop + rect.offsetHeight;\r\n        // End\r\n        if (this.#currentScrollTop >= rectTop && this.#currentScrollTop < rectBottom) {\r\n          this.activeSectionId = section?.id;\r\n          break;\r\n        }\r\n      }\r\n    });\r\n  };\r\n\r\n  scrollSectionByClick(idSectionTarget: string): void {\r\n    // Khi scrollByClick sẽ có 2 case xảy ra:\r\n    // Case 1 : Được scroll (ElementTarget không nằm trong vùng viewport và được scroll đến vị trí)\r\n    // Case 2 : Không được scroll (ElementTarget đã được scroll trước đó hoặc đã nằm trong vùng viewport luôn)\r\n\r\n    this.activeSectionId = idSectionTarget;\r\n    const targetSection = this.sections.find(s => s?.id === this.activeSectionId)?.elementRef;\r\n    if (!targetSection) {\r\n      return;\r\n    }\r\n\r\n    this.#disposeResources(); // Giải phóng tất cả subscription và timer cũ\r\n    const wrapperEl = this.wrapper.nativeElement;\r\n    const targetElement = targetSection.nativeElement;\r\n    const prevScrollTop = this.#currentScrollTop; // Lưu lại ví trí trước khi scroll bởi event click\r\n\r\n    // Case 1: Nếu được Scroll check điều kiện để đăng ký lại Rxjs Scroll bằng con lăn chuột\r\n    const clickScrollEnd$ = fromEvent<UIEvent>(wrapperEl, 'scroll');\r\n    this.#clickScrollSubscription = clickScrollEnd$\r\n      .pipe(\r\n        auditTime(this.#delay),\r\n        map((event: UIEvent) => {\r\n          const elementTarget = event.target as HTMLElement;\r\n          this.#currentScrollTop = this.#updateCurrentScroll(elementTarget); // Cập nhật vị trí sau mỗi lần #delay\r\n          const wrapperTop = wrapperEl.getBoundingClientRect().top;\r\n          const targetRect = targetElement.getBoundingClientRect();\r\n          const targetTop = targetRect.top;\r\n          const isVisible = targetRect.top >= 0 && targetRect.bottom <= window.innerHeight; // Nằm trong viewPort\r\n          return Math.abs(targetTop - wrapperTop) < 1 || isVisible; // Đã được scroll tới hoặc element đã nằm trong vùng viewPort\r\n        }),\r\n        filter(Boolean),\r\n        debounceTime(this.#delay + 100),\r\n        take(1)\r\n      )\r\n      .subscribe(() => {\r\n        this.#registerScrollSubscription(); // Đã xác nhận scroll xong thì mới đăng ký lại Rxjs Scroll bằng con lăn chuột\r\n      });\r\n    // // End\r\n\r\n    // Case 2: Nếu không được scroll thì sau (#delay + 100) đăng ký lại Rxjs Scroll bằng con lăn chuột\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' }); // Action scroll\r\n    // End\r\n  }\r\n\r\n  #updateCurrentScroll(elementTarget: HTMLElement): number {\r\n    const style = getComputedStyle(elementTarget);\r\n    const paddingTop = parseFloat(style.paddingTop);\r\n    const borderTop = parseFloat(style.borderTopWidth);\r\n    return elementTarget.scrollTop + paddingTop + borderTop; // Vị trí scroll thực tế nếu có padding, border\r\n  }\r\n\r\n  // Giải phóng tất cả subscription và timer đang hoạt động\r\n  #disposeResources = (): void => {\r\n    if (this.#timeoutId) {\r\n      clearTimeout(this.#timeoutId);\r\n    }\r\n    this.#scrollSubscription?.unsubscribe();\r\n    this.#clickScrollSubscription?.unsubscribe();\r\n  };\r\n\r\n  // Thiết lập chiều rộng nội dung phụ thuộc vào chiều rộng danh sách tiêu đề section\r\n  #setWidthAnchorContent = (): void => {\r\n    const gap = '16px'; // Khoảng cách giữa nội dung và danh sách tiêu đề section\r\n    this.renderer.setStyle(this.anchorContent.nativeElement, 'width', `calc(100% - ${this.sidebarWidth} - ${gap})`);\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': !isOverscroll }\" #wrapper>\r\n  <!-- Nội dung -->\r\n  <div class=\"c-anchor-content\" #anchorContent>\r\n    <ng-content></ng-content>\r\n  </div>\r\n\r\n  <!-- Danh sách tiêu đề các sections-->\r\n   @if(!isHiddenAnchorList){\r\n     <div class=\"c-anchor-list\" [style.width]=\"sidebarWidth\">\r\n       <sd-anchor-vertical-list-v2\r\n         [sections]=\"sections\"\r\n         [ellipsis]=\"ellipsis\"\r\n         [sidebarWidth]=\"sidebarWidth\"\r\n         [activeSectionId]=\"activeSectionId\"\r\n         (sdClickSection)=\"scrollSectionByClick($event)\">\r\n       </sd-anchor-vertical-list-v2>\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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"}