@sd-angular/core 19.0.0-beta.31 → 19.0.0-beta.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/side-drawer/src/side-drawer.component.d.ts +1 -2
- package/fesm2022/sd-angular-core-components-side-drawer.mjs +21 -8
- package/fesm2022/sd-angular-core-components-side-drawer.mjs.map +1 -1
- package/package.json +48 -48
- package/sd-angular-core-19.0.0-beta.32.tgz +0 -0
- package/sd-angular-core-19.0.0-beta.31.tgz +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CdkPortal } from '@angular/cdk/portal';
|
|
2
|
-
import { AfterViewInit, ApplicationRef, ChangeDetectorRef, EventEmitter, Injector, OnDestroy,
|
|
2
|
+
import { AfterViewInit, ApplicationRef, ChangeDetectorRef, EventEmitter, Injector, OnDestroy, ViewContainerRef } from '@angular/core';
|
|
3
3
|
import { SdBaseSecureComponent } from '@sd-angular/core/components/base';
|
|
4
4
|
import { SdLoadingService } from '@sd-angular/core/services';
|
|
5
5
|
import { Observable } from 'rxjs';
|
|
@@ -13,7 +13,6 @@ export declare class SdSideDrawer extends SdBaseSecureComponent implements After
|
|
|
13
13
|
private loadingService;
|
|
14
14
|
id: string;
|
|
15
15
|
portal: CdkPortal;
|
|
16
|
-
drawerContainerRef: ElementRef;
|
|
17
16
|
title: string;
|
|
18
17
|
set _title(val: string | null | undefined);
|
|
19
18
|
width: string;
|
|
@@ -23,7 +23,6 @@ class SdSideDrawer extends SdBaseSecureComponent {
|
|
|
23
23
|
loadingService;
|
|
24
24
|
id = `I${uuid.v4()}`;
|
|
25
25
|
portal;
|
|
26
|
-
drawerContainerRef;
|
|
27
26
|
title = '';
|
|
28
27
|
set _title(val) {
|
|
29
28
|
if (val) {
|
|
@@ -59,7 +58,10 @@ class SdSideDrawer extends SdBaseSecureComponent {
|
|
|
59
58
|
this.loadingService = loadingService;
|
|
60
59
|
}
|
|
61
60
|
ngAfterViewInit() {
|
|
62
|
-
|
|
61
|
+
// 1. Gắn portal vào body và lưu lại EmbeddedViewRef
|
|
62
|
+
const outlet = new DomPortalOutlet(document.body, this.viewContainerRef, this.ar, this.injector);
|
|
63
|
+
this.#embeddedViewRef = outlet.attachTemplatePortal(this.portal);
|
|
64
|
+
// 2. Setup sự kiện hover ngay sau khi DOM thật đã được in ra
|
|
63
65
|
this.#setupHoverSubscription();
|
|
64
66
|
}
|
|
65
67
|
open = () => {
|
|
@@ -82,10 +84,24 @@ class SdSideDrawer extends SdBaseSecureComponent {
|
|
|
82
84
|
this.loadingService.stop(`#${this.id}`);
|
|
83
85
|
};
|
|
84
86
|
ngOnDestroy() {
|
|
85
|
-
|
|
87
|
+
// Nhớ clear up subject để tránh memory leak từ RxJS
|
|
88
|
+
this.#destroy$.next();
|
|
89
|
+
this.#destroy$.complete();
|
|
90
|
+
if (this.#embeddedViewRef) {
|
|
91
|
+
this.#embeddedViewRef.destroy();
|
|
92
|
+
}
|
|
86
93
|
}
|
|
87
94
|
#setupHoverSubscription() {
|
|
88
|
-
|
|
95
|
+
if (!this.#embeddedViewRef)
|
|
96
|
+
return;
|
|
97
|
+
// 3. Lấy DOM element trực tiếp từ rootNodes của EmbeddedViewRef
|
|
98
|
+
const rootNodes = this.#embeddedViewRef.rootNodes;
|
|
99
|
+
const element = rootNodes.find((node) => node.nodeType === Node.ELEMENT_NODE && node.classList?.contains('side-drawer'));
|
|
100
|
+
if (!element) {
|
|
101
|
+
console.warn('SdSideDrawer: Cannot find side-drawer element to attach hover event');
|
|
102
|
+
return;
|
|
103
|
+
}
|
|
104
|
+
// 4. Gắn event listeners trực tiếp lên element thật
|
|
89
105
|
const mouseEnter$ = fromEvent(element, 'mouseenter').pipe(map(() => true));
|
|
90
106
|
const mouseLeave$ = fromEvent(element, 'mouseleave').pipe(map(() => false));
|
|
91
107
|
this.isHovered$ = merge(mouseEnter$, mouseLeave$).pipe(startWith(false), distinctUntilChanged(), takeUntil(this.#destroy$));
|
|
@@ -94,7 +110,7 @@ class SdSideDrawer extends SdBaseSecureComponent {
|
|
|
94
110
|
return this.isHovered$;
|
|
95
111
|
}
|
|
96
112
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdSideDrawer, deps: [{ token: i0.ViewContainerRef }, { token: i0.ApplicationRef }, { token: i0.Injector }, { token: i0.ChangeDetectorRef }, { token: i1.SdLoadingService }], target: i0.ɵɵFactoryTarget.Component });
|
|
97
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SdSideDrawer, isStandalone: true, selector: "sd-side-drawer", inputs: { _title: ["title", "_title"], _width: ["width", "_width"], _hideClose: ["hideClose", "_hideClose"], _disableClose: ["disableClose", "_disableClose"] }, outputs: { sdClosed: "sdClosed" }, viewQueries: [{ propertyName: "portal", first: true, predicate: CdkPortal, descendants: true }
|
|
113
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SdSideDrawer, isStandalone: true, selector: "sd-side-drawer", inputs: { _title: ["title", "_title"], _width: ["width", "_width"], _hideClose: ["hideClose", "_hideClose"], _disableClose: ["disableClose", "_disableClose"] }, outputs: { sdClosed: "sdClosed" }, viewQueries: [{ propertyName: "portal", first: true, predicate: CdkPortal, descendants: true }], usesInheritance: true, ngImport: i0, template: "<ng-template cdkPortal>\r\n <div\r\n [id]=\"id\"\r\n class=\"side-drawer\"\r\n [ngStyle]=\"{ width: width }\"\r\n [ngClass]=\"{\r\n 'side-drawer--active': isOpened,\r\n 'side-drawer--loading': isLoading\r\n }\"\r\n #drawerContainer>\r\n @if (isOpened) {\r\n <ng-container>\r\n <div class=\"side-drawer__header media align-items-center\">\r\n <div class=\"side-drawer__title media-body\">\r\n <ng-content select=\"[sdTitle]\"></ng-content>\r\n </div>\r\n @if (hideClose) {\r\n <button type=\"button\" class=\"c-action\" (click)=\"close()\" mat-icon-button>\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n @if (isOpened) {\r\n <div class=\"side-drawer__body\">\r\n <div class=\"side-drawer__content\">\r\n <ng-content select=\"[sdBody]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"side-drawer__footer\">\r\n <ng-content select=\"[sdFooter]\"></ng-content>\r\n </div>\r\n </ng-container>\r\n }\r\n </div>\r\n @if (isOpened) {\r\n <button \r\n type=\"button\"\r\n class=\"side-drawer-backdrop\" \r\n (click)=\"disableClose ? null : close()\"\r\n >\r\n </button>\r\n }\r\n</ng-template>\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}.side-drawer{position:fixed;right:0;top:0;bottom:0;background-color:#fff;z-index:999;display:flex;flex-direction:column;opacity:0;visibility:hidden;transform:translate3d(100%,0,0);transition:all .3s ease-in-out;pointer-events:none;box-shadow:0 .4px .8px #0000001a,0 3px 6px #0003}.c-action{color:var(--sd-secondary)}.c-action:focus{outline:none}.side-drawer__icon{border:0;background:transparent;color:#212121;overflow:hidden;outline:none}.side-drawer__icon .mat-icon{float:left}.side-drawer__header{min-height:64px;padding:12px 16px;display:flex;justify-content:space-between}.side-drawer__body{flex:1;position:relative}.side-drawer__content{position:absolute;padding:0 16px 16px;inset:0;overflow:auto}.side-drawer__footer{border-top:1px solid #dde0e5;padding:8px 0}.side-drawer-backdrop{background-color:#0006;border:0;outline:none!important;position:fixed;inset:0;z-index:99;width:100%;height:100%;transition:all .3s ease-in-out}.side-drawer--active{opacity:1;visibility:visible;pointer-events:all;transform:translateZ(0)}.side-drawer__title{font-size:20px;line-height:28px;font-weight:500}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i4.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i5.CdkPortal, selector: "[cdkPortal]", exportAs: ["cdkPortal"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
98
114
|
}
|
|
99
115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SdSideDrawer, decorators: [{
|
|
100
116
|
type: Component,
|
|
@@ -102,9 +118,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImpo
|
|
|
102
118
|
}], ctorParameters: () => [{ type: i0.ViewContainerRef }, { type: i0.ApplicationRef }, { type: i0.Injector }, { type: i0.ChangeDetectorRef }, { type: i1.SdLoadingService }], propDecorators: { portal: [{
|
|
103
119
|
type: ViewChild,
|
|
104
120
|
args: [CdkPortal]
|
|
105
|
-
}], drawerContainerRef: [{
|
|
106
|
-
type: ViewChild,
|
|
107
|
-
args: ['drawerContainer']
|
|
108
121
|
}], _title: [{
|
|
109
122
|
type: Input,
|
|
110
123
|
args: ['title']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-angular-core-components-side-drawer.mjs","sources":["../../../projects/sd-angular/components/side-drawer/src/side-drawer.component.ts","../../../projects/sd-angular/components/side-drawer/src/side-drawer.component.html","../../../projects/sd-angular/components/side-drawer/sd-angular-core-components-side-drawer.ts"],"sourcesContent":["import { CdkPortal, DomPortalOutlet, PortalModule } from '@angular/cdk/portal';\r\nimport { CommonModule } from '@angular/common';\r\nimport {\r\n AfterViewInit,\r\n ApplicationRef,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n EmbeddedViewRef,\r\n EventEmitter,\r\n Injector,\r\n Input,\r\n OnDestroy,\r\n Output,\r\n ViewChild,\r\n ElementRef,\r\n ViewContainerRef,\r\n} from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdBaseSecureComponent } from '@sd-angular/core/components/base';\r\nimport { SdLoadingService } from '@sd-angular/core/services';\r\nimport * as uuid from 'uuid';\r\nimport { fromEvent, merge, Observable, Subject } from 'rxjs';\r\nimport { map, takeUntil, startWith, distinctUntilChanged } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'sd-side-drawer',\r\n templateUrl: './side-drawer.component.html',\r\n styleUrls: ['./side-drawer.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n standalone: true,\r\n imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, PortalModule],\r\n})\r\nexport class SdSideDrawer extends SdBaseSecureComponent implements AfterViewInit, OnDestroy {\r\n id = `I${uuid.v4()}`;\r\n @ViewChild(CdkPortal) portal!: CdkPortal;\r\n @ViewChild('drawerContainer') drawerContainerRef!: ElementRef;\r\n title = '';\r\n @Input('title') set _title(val: string | null | undefined) {\r\n if (val) {\r\n this.title = val;\r\n }\r\n }\r\n width = '480px';\r\n @Input('width') set _width(val: string | null | undefined) {\r\n if (val) {\r\n this.width = val;\r\n }\r\n }\r\n hideClose = false;\r\n @Input('hideClose') set _hideClose(val: boolean | '' | null | undefined) {\r\n this.hideClose = val === '' || !!val;\r\n }\r\n disableClose = false;\r\n @Input('disableClose') set _disableClose(val: boolean | '' | null | undefined) {\r\n this.disableClose = val === '' || !!val;\r\n }\r\n @Output() sdClosed = new EventEmitter();\r\n #embeddedViewRef!: EmbeddedViewRef<any>;\r\n isOpened = false;\r\n isLoading = false;\r\n isHovered$!: Observable<boolean>;\r\n #destroy$ = new Subject<void>();\r\n\r\n constructor(\r\n private viewContainerRef: ViewContainerRef,\r\n private ar: ApplicationRef,\r\n private injector: Injector,\r\n private ref: ChangeDetectorRef,\r\n private loadingService: SdLoadingService\r\n ) {\r\n super();\r\n }\r\n\r\n ngAfterViewInit() {\r\n this.#embeddedViewRef = new DomPortalOutlet(document.body, this.viewContainerRef, this.ar, this.injector).attachTemplatePortal(this.portal);\r\n this.#setupHoverSubscription();\r\n }\r\n\r\n open = () => {\r\n this.ref.markForCheck();\r\n this.isOpened = true;\r\n };\r\n\r\n close = () => {\r\n this.ref.markForCheck();\r\n this.isOpened = false;\r\n this.sdClosed.emit();\r\n this.stopLoading();\r\n };\r\n\r\n startLoading = () => {\r\n this.isLoading = true;\r\n this.loadingService.stop(`#${this.id}`);\r\n this.loadingService.start(`#${this.id}`);\r\n };\r\n\r\n stopLoading = () => {\r\n this.isLoading = false;\r\n this.loadingService.stop(`#${this.id}`);\r\n };\r\n\r\n ngOnDestroy() {\r\n this.#embeddedViewRef.destroy();\r\n }\r\n\r\n #setupHoverSubscription(): void {\r\n const element = this.drawerContainerRef.nativeElement;\r\n\r\n const mouseEnter$ = fromEvent(element, 'mouseenter').pipe(map(() => true));\r\n\r\n const mouseLeave$ = fromEvent(element, 'mouseleave').pipe(map(() => false));\r\n\r\n this.isHovered$ = merge(mouseEnter$, mouseLeave$).pipe(startWith(false), distinctUntilChanged(), takeUntil(this.#destroy$));\r\n }\r\n\r\n getHoverStatusStream(): Observable<boolean> {\r\n return this.isHovered$;\r\n }\r\n}\r\n","<ng-template cdkPortal>\r\n <div\r\n [id]=\"id\"\r\n class=\"side-drawer\"\r\n [ngStyle]=\"{ width: width }\"\r\n [ngClass]=\"{\r\n 'side-drawer--active': isOpened,\r\n 'side-drawer--loading': isLoading\r\n }\"\r\n #drawerContainer>\r\n @if (isOpened) {\r\n <ng-container>\r\n <div class=\"side-drawer__header media align-items-center\">\r\n <div class=\"side-drawer__title media-body\">\r\n <ng-content select=\"[sdTitle]\"></ng-content>\r\n </div>\r\n @if (hideClose) {\r\n <button type=\"button\" class=\"c-action\" (click)=\"close()\" mat-icon-button>\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n @if (isOpened) {\r\n <div class=\"side-drawer__body\">\r\n <div class=\"side-drawer__content\">\r\n <ng-content select=\"[sdBody]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"side-drawer__footer\">\r\n <ng-content select=\"[sdFooter]\"></ng-content>\r\n </div>\r\n </ng-container>\r\n }\r\n </div>\r\n @if (isOpened) {\r\n <button \r\n type=\"button\"\r\n class=\"side-drawer-backdrop\" \r\n (click)=\"disableClose ? null : close()\"\r\n >\r\n </button>\r\n }\r\n</ng-template>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sd-angular-core-components-side-drawer.mjs","sources":["../../../projects/sd-angular/components/side-drawer/src/side-drawer.component.ts","../../../projects/sd-angular/components/side-drawer/src/side-drawer.component.html","../../../projects/sd-angular/components/side-drawer/sd-angular-core-components-side-drawer.ts"],"sourcesContent":["import { CdkPortal, DomPortalOutlet, PortalModule } from '@angular/cdk/portal';\r\nimport { CommonModule } from '@angular/common';\r\nimport {\r\n AfterViewInit,\r\n ApplicationRef,\r\n ChangeDetectionStrategy,\r\n ChangeDetectorRef,\r\n Component,\r\n EmbeddedViewRef,\r\n EventEmitter,\r\n Injector,\r\n Input,\r\n OnDestroy,\r\n Output,\r\n ViewChild,\r\n ViewContainerRef,\r\n} from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatDialogModule } from '@angular/material/dialog';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { SdBaseSecureComponent } from '@sd-angular/core/components/base';\r\nimport { SdLoadingService } from '@sd-angular/core/services';\r\nimport * as uuid from 'uuid';\r\nimport { fromEvent, merge, Observable, Subject } from 'rxjs';\r\nimport { map, takeUntil, startWith, distinctUntilChanged } from 'rxjs/operators';\r\n\r\n@Component({\r\n selector: 'sd-side-drawer',\r\n templateUrl: './side-drawer.component.html',\r\n styleUrls: ['./side-drawer.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n standalone: true,\r\n imports: [CommonModule, MatIconModule, MatDialogModule, MatButtonModule, PortalModule],\r\n})\r\nexport class SdSideDrawer extends SdBaseSecureComponent implements AfterViewInit, OnDestroy {\r\n id = `I${uuid.v4()}`;\r\n \r\n @ViewChild(CdkPortal) portal!: CdkPortal;\r\n \r\n title = '';\r\n @Input('title') set _title(val: string | null | undefined) {\r\n if (val) {\r\n this.title = val;\r\n }\r\n }\r\n\r\n width = '480px';\r\n @Input('width') set _width(val: string | null | undefined) {\r\n if (val) {\r\n this.width = val;\r\n }\r\n }\r\n\r\n hideClose = false;\r\n @Input('hideClose') set _hideClose(val: boolean | '' | null | undefined) {\r\n this.hideClose = val === '' || !!val;\r\n }\r\n\r\n disableClose = false;\r\n @Input('disableClose') set _disableClose(val: boolean | '' | null | undefined) {\r\n this.disableClose = val === '' || !!val;\r\n }\r\n\r\n @Output() sdClosed = new EventEmitter();\r\n\r\n #embeddedViewRef!: EmbeddedViewRef<any>;\r\n isOpened = false;\r\n isLoading = false;\r\n isHovered$!: Observable<boolean>;\r\n #destroy$ = new Subject<void>();\r\n\r\n constructor(\r\n private viewContainerRef: ViewContainerRef,\r\n private ar: ApplicationRef,\r\n private injector: Injector,\r\n private ref: ChangeDetectorRef,\r\n private loadingService: SdLoadingService\r\n ) {\r\n super();\r\n }\r\n\r\n ngAfterViewInit() {\r\n // 1. Gắn portal vào body và lưu lại EmbeddedViewRef\r\n const outlet = new DomPortalOutlet(document.body, this.viewContainerRef, this.ar, this.injector);\r\n this.#embeddedViewRef = outlet.attachTemplatePortal(this.portal);\r\n \r\n // 2. Setup sự kiện hover ngay sau khi DOM thật đã được in ra\r\n this.#setupHoverSubscription();\r\n }\r\n\r\n open = () => {\r\n this.ref.markForCheck();\r\n this.isOpened = true;\r\n };\r\n\r\n close = () => {\r\n this.ref.markForCheck();\r\n this.isOpened = false;\r\n this.sdClosed.emit();\r\n this.stopLoading();\r\n };\r\n\r\n startLoading = () => {\r\n this.isLoading = true;\r\n this.loadingService.stop(`#${this.id}`);\r\n this.loadingService.start(`#${this.id}`);\r\n };\r\n\r\n stopLoading = () => {\r\n this.isLoading = false;\r\n this.loadingService.stop(`#${this.id}`);\r\n };\r\n\r\n ngOnDestroy() {\r\n // Nhớ clear up subject để tránh memory leak từ RxJS\r\n this.#destroy$.next();\r\n this.#destroy$.complete();\r\n \r\n if (this.#embeddedViewRef) {\r\n this.#embeddedViewRef.destroy();\r\n }\r\n }\r\n\r\n #setupHoverSubscription(): void {\r\n if (!this.#embeddedViewRef) return;\r\n\r\n // 3. Lấy DOM element trực tiếp từ rootNodes của EmbeddedViewRef\r\n const rootNodes = this.#embeddedViewRef.rootNodes;\r\n const element = rootNodes.find(\r\n (node) => node.nodeType === Node.ELEMENT_NODE && (node as HTMLElement).classList?.contains('side-drawer')\r\n );\r\n\r\n if (!element) {\r\n console.warn('SdSideDrawer: Cannot find side-drawer element to attach hover event');\r\n return;\r\n }\r\n\r\n // 4. Gắn event listeners trực tiếp lên element thật\r\n const mouseEnter$ = fromEvent(element, 'mouseenter').pipe(map(() => true));\r\n const mouseLeave$ = fromEvent(element, 'mouseleave').pipe(map(() => false));\r\n\r\n this.isHovered$ = merge(mouseEnter$, mouseLeave$).pipe(\r\n startWith(false),\r\n distinctUntilChanged(),\r\n takeUntil(this.#destroy$)\r\n );\r\n }\r\n\r\n getHoverStatusStream(): Observable<boolean> {\r\n return this.isHovered$;\r\n }\r\n}","<ng-template cdkPortal>\r\n <div\r\n [id]=\"id\"\r\n class=\"side-drawer\"\r\n [ngStyle]=\"{ width: width }\"\r\n [ngClass]=\"{\r\n 'side-drawer--active': isOpened,\r\n 'side-drawer--loading': isLoading\r\n }\"\r\n #drawerContainer>\r\n @if (isOpened) {\r\n <ng-container>\r\n <div class=\"side-drawer__header media align-items-center\">\r\n <div class=\"side-drawer__title media-body\">\r\n <ng-content select=\"[sdTitle]\"></ng-content>\r\n </div>\r\n @if (hideClose) {\r\n <button type=\"button\" class=\"c-action\" (click)=\"close()\" mat-icon-button>\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n @if (isOpened) {\r\n <div class=\"side-drawer__body\">\r\n <div class=\"side-drawer__content\">\r\n <ng-content select=\"[sdBody]\"></ng-content>\r\n </div>\r\n </div>\r\n }\r\n <div class=\"side-drawer__footer\">\r\n <ng-content select=\"[sdFooter]\"></ng-content>\r\n </div>\r\n </ng-container>\r\n }\r\n </div>\r\n @if (isOpened) {\r\n <button \r\n type=\"button\"\r\n class=\"side-drawer-backdrop\" \r\n (click)=\"disableClose ? null : close()\"\r\n >\r\n </button>\r\n }\r\n</ng-template>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sd-angular/core",
|
|
3
|
-
"version": "19.0.0-beta.
|
|
3
|
+
"version": "19.0.0-beta.32",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "^19.0.0 || ^20.0.0 || ^21.0.0",
|
|
6
6
|
"@angular/core": "^19.0.0 || ^20.0.0 || ^21.0.0",
|
|
@@ -33,26 +33,26 @@
|
|
|
33
33
|
"types": "./components/index.d.ts",
|
|
34
34
|
"default": "./fesm2022/sd-angular-core-components.mjs"
|
|
35
35
|
},
|
|
36
|
-
"./directives": {
|
|
37
|
-
"types": "./directives/index.d.ts",
|
|
38
|
-
"default": "./fesm2022/sd-angular-core-directives.mjs"
|
|
39
|
-
},
|
|
40
36
|
"./configurations": {
|
|
41
37
|
"types": "./configurations/index.d.ts",
|
|
42
38
|
"default": "./fesm2022/sd-angular-core-configurations.mjs"
|
|
43
39
|
},
|
|
40
|
+
"./directives": {
|
|
41
|
+
"types": "./directives/index.d.ts",
|
|
42
|
+
"default": "./fesm2022/sd-angular-core-directives.mjs"
|
|
43
|
+
},
|
|
44
44
|
"./guards": {
|
|
45
45
|
"types": "./guards/index.d.ts",
|
|
46
46
|
"default": "./fesm2022/sd-angular-core-guards.mjs"
|
|
47
47
|
},
|
|
48
|
-
"./handlers": {
|
|
49
|
-
"types": "./handlers/index.d.ts",
|
|
50
|
-
"default": "./fesm2022/sd-angular-core-handlers.mjs"
|
|
51
|
-
},
|
|
52
48
|
"./forms": {
|
|
53
49
|
"types": "./forms/index.d.ts",
|
|
54
50
|
"default": "./fesm2022/sd-angular-core-forms.mjs"
|
|
55
51
|
},
|
|
52
|
+
"./handlers": {
|
|
53
|
+
"types": "./handlers/index.d.ts",
|
|
54
|
+
"default": "./fesm2022/sd-angular-core-handlers.mjs"
|
|
55
|
+
},
|
|
56
56
|
"./interceptors": {
|
|
57
57
|
"types": "./interceptors/index.d.ts",
|
|
58
58
|
"default": "./fesm2022/sd-angular-core-interceptors.mjs"
|
|
@@ -81,14 +81,14 @@
|
|
|
81
81
|
"types": "./components/anchor-v2/index.d.ts",
|
|
82
82
|
"default": "./fesm2022/sd-angular-core-components-anchor-v2.mjs"
|
|
83
83
|
},
|
|
84
|
-
"./components/avatar": {
|
|
85
|
-
"types": "./components/avatar/index.d.ts",
|
|
86
|
-
"default": "./fesm2022/sd-angular-core-components-avatar.mjs"
|
|
87
|
-
},
|
|
88
84
|
"./components/badge": {
|
|
89
85
|
"types": "./components/badge/index.d.ts",
|
|
90
86
|
"default": "./fesm2022/sd-angular-core-components-badge.mjs"
|
|
91
87
|
},
|
|
88
|
+
"./components/avatar": {
|
|
89
|
+
"types": "./components/avatar/index.d.ts",
|
|
90
|
+
"default": "./fesm2022/sd-angular-core-components-avatar.mjs"
|
|
91
|
+
},
|
|
92
92
|
"./components/base": {
|
|
93
93
|
"types": "./components/base/index.d.ts",
|
|
94
94
|
"default": "./fesm2022/sd-angular-core-components-base.mjs"
|
|
@@ -97,22 +97,22 @@
|
|
|
97
97
|
"types": "./components/button/index.d.ts",
|
|
98
98
|
"default": "./fesm2022/sd-angular-core-components-button.mjs"
|
|
99
99
|
},
|
|
100
|
-
"./components/import-excel": {
|
|
101
|
-
"types": "./components/import-excel/index.d.ts",
|
|
102
|
-
"default": "./fesm2022/sd-angular-core-components-import-excel.mjs"
|
|
103
|
-
},
|
|
104
100
|
"./components/document-builder": {
|
|
105
101
|
"types": "./components/document-builder/index.d.ts",
|
|
106
102
|
"default": "./fesm2022/sd-angular-core-components-document-builder.mjs"
|
|
107
103
|
},
|
|
108
|
-
"./components/mini-editor": {
|
|
109
|
-
"types": "./components/mini-editor/index.d.ts",
|
|
110
|
-
"default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
|
|
111
|
-
},
|
|
112
104
|
"./components/history": {
|
|
113
105
|
"types": "./components/history/index.d.ts",
|
|
114
106
|
"default": "./fesm2022/sd-angular-core-components-history.mjs"
|
|
115
107
|
},
|
|
108
|
+
"./components/import-excel": {
|
|
109
|
+
"types": "./components/import-excel/index.d.ts",
|
|
110
|
+
"default": "./fesm2022/sd-angular-core-components-import-excel.mjs"
|
|
111
|
+
},
|
|
112
|
+
"./components/mini-editor": {
|
|
113
|
+
"types": "./components/mini-editor/index.d.ts",
|
|
114
|
+
"default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
|
|
115
|
+
},
|
|
116
116
|
"./components/modal": {
|
|
117
117
|
"types": "./components/modal/index.d.ts",
|
|
118
118
|
"default": "./fesm2022/sd-angular-core-components-modal.mjs"
|
|
@@ -141,17 +141,21 @@
|
|
|
141
141
|
"types": "./components/tab-router/index.d.ts",
|
|
142
142
|
"default": "./fesm2022/sd-angular-core-components-tab-router.mjs"
|
|
143
143
|
},
|
|
144
|
-
"./components/
|
|
145
|
-
"types": "./components/
|
|
146
|
-
"default": "./fesm2022/sd-angular-core-components-
|
|
144
|
+
"./components/table": {
|
|
145
|
+
"types": "./components/table/index.d.ts",
|
|
146
|
+
"default": "./fesm2022/sd-angular-core-components-table.mjs"
|
|
147
147
|
},
|
|
148
148
|
"./components/upload-file": {
|
|
149
149
|
"types": "./components/upload-file/index.d.ts",
|
|
150
150
|
"default": "./fesm2022/sd-angular-core-components-upload-file.mjs"
|
|
151
151
|
},
|
|
152
|
-
"./components/
|
|
153
|
-
"types": "./components/
|
|
154
|
-
"default": "./fesm2022/sd-angular-core-components-
|
|
152
|
+
"./components/view": {
|
|
153
|
+
"types": "./components/view/index.d.ts",
|
|
154
|
+
"default": "./fesm2022/sd-angular-core-components-view.mjs"
|
|
155
|
+
},
|
|
156
|
+
"./guards/permission": {
|
|
157
|
+
"types": "./guards/permission/index.d.ts",
|
|
158
|
+
"default": "./fesm2022/sd-angular-core-guards-permission.mjs"
|
|
155
159
|
},
|
|
156
160
|
"./forms/autocomplete": {
|
|
157
161
|
"types": "./forms/autocomplete/index.d.ts",
|
|
@@ -161,10 +165,6 @@
|
|
|
161
165
|
"types": "./forms/checkbox/index.d.ts",
|
|
162
166
|
"default": "./fesm2022/sd-angular-core-forms-checkbox.mjs"
|
|
163
167
|
},
|
|
164
|
-
"./guards/permission": {
|
|
165
|
-
"types": "./guards/permission/index.d.ts",
|
|
166
|
-
"default": "./fesm2022/sd-angular-core-guards-permission.mjs"
|
|
167
|
-
},
|
|
168
168
|
"./forms/chip": {
|
|
169
169
|
"types": "./forms/chip/index.d.ts",
|
|
170
170
|
"default": "./fesm2022/sd-angular-core-forms-chip.mjs"
|
|
@@ -173,30 +173,30 @@
|
|
|
173
173
|
"types": "./forms/chip-calendar/index.d.ts",
|
|
174
174
|
"default": "./fesm2022/sd-angular-core-forms-chip-calendar.mjs"
|
|
175
175
|
},
|
|
176
|
-
"./forms/date": {
|
|
177
|
-
"types": "./forms/date/index.d.ts",
|
|
178
|
-
"default": "./fesm2022/sd-angular-core-forms-date.mjs"
|
|
179
|
-
},
|
|
180
176
|
"./forms/date-range": {
|
|
181
177
|
"types": "./forms/date-range/index.d.ts",
|
|
182
178
|
"default": "./fesm2022/sd-angular-core-forms-date-range.mjs"
|
|
183
179
|
},
|
|
184
|
-
"./forms/
|
|
185
|
-
"types": "./forms/
|
|
186
|
-
"default": "./fesm2022/sd-angular-core-forms-
|
|
180
|
+
"./forms/date": {
|
|
181
|
+
"types": "./forms/date/index.d.ts",
|
|
182
|
+
"default": "./fesm2022/sd-angular-core-forms-date.mjs"
|
|
187
183
|
},
|
|
188
184
|
"./forms/datetime": {
|
|
189
185
|
"types": "./forms/datetime/index.d.ts",
|
|
190
186
|
"default": "./fesm2022/sd-angular-core-forms-datetime.mjs"
|
|
191
187
|
},
|
|
192
|
-
"./forms/
|
|
193
|
-
"types": "./forms/
|
|
194
|
-
"default": "./fesm2022/sd-angular-core-forms-
|
|
188
|
+
"./forms/directives": {
|
|
189
|
+
"types": "./forms/directives/index.d.ts",
|
|
190
|
+
"default": "./fesm2022/sd-angular-core-forms-directives.mjs"
|
|
195
191
|
},
|
|
196
192
|
"./forms/input": {
|
|
197
193
|
"types": "./forms/input/index.d.ts",
|
|
198
194
|
"default": "./fesm2022/sd-angular-core-forms-input.mjs"
|
|
199
195
|
},
|
|
196
|
+
"./forms/input-number": {
|
|
197
|
+
"types": "./forms/input-number/index.d.ts",
|
|
198
|
+
"default": "./fesm2022/sd-angular-core-forms-input-number.mjs"
|
|
199
|
+
},
|
|
200
200
|
"./forms/label": {
|
|
201
201
|
"types": "./forms/label/index.d.ts",
|
|
202
202
|
"default": "./fesm2022/sd-angular-core-forms-label.mjs"
|
|
@@ -249,10 +249,6 @@
|
|
|
249
249
|
"types": "./services/confirm/index.d.ts",
|
|
250
250
|
"default": "./fesm2022/sd-angular-core-services-confirm.mjs"
|
|
251
251
|
},
|
|
252
|
-
"./services/excel": {
|
|
253
|
-
"types": "./services/excel/index.d.ts",
|
|
254
|
-
"default": "./fesm2022/sd-angular-core-services-excel.mjs"
|
|
255
|
-
},
|
|
256
252
|
"./services/docx": {
|
|
257
253
|
"types": "./services/docx/index.d.ts",
|
|
258
254
|
"default": "./fesm2022/sd-angular-core-services-docx.mjs"
|
|
@@ -261,14 +257,18 @@
|
|
|
261
257
|
"types": "./services/firebase/index.d.ts",
|
|
262
258
|
"default": "./fesm2022/sd-angular-core-services-firebase.mjs"
|
|
263
259
|
},
|
|
264
|
-
"./services/
|
|
265
|
-
"types": "./services/
|
|
266
|
-
"default": "./fesm2022/sd-angular-core-services-
|
|
260
|
+
"./services/excel": {
|
|
261
|
+
"types": "./services/excel/index.d.ts",
|
|
262
|
+
"default": "./fesm2022/sd-angular-core-services-excel.mjs"
|
|
267
263
|
},
|
|
268
264
|
"./services/license": {
|
|
269
265
|
"types": "./services/license/index.d.ts",
|
|
270
266
|
"default": "./fesm2022/sd-angular-core-services-license.mjs"
|
|
271
267
|
},
|
|
268
|
+
"./services/loading": {
|
|
269
|
+
"types": "./services/loading/index.d.ts",
|
|
270
|
+
"default": "./fesm2022/sd-angular-core-services-loading.mjs"
|
|
271
|
+
},
|
|
272
272
|
"./services/notify": {
|
|
273
273
|
"types": "./services/notify/index.d.ts",
|
|
274
274
|
"default": "./fesm2022/sd-angular-core-services-notify.mjs"
|
|
Binary file
|
|
Binary file
|