@sd-angular/core 19.0.50 → 19.0.51

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.
Files changed (8) hide show
  1. package/components/badge/src/badge.component.d.ts +9 -2
  2. package/directives/src/sd-scroll-pointer.service.d.ts +18 -0
  3. package/directives/src/sd-scroll.directive.d.ts +3 -1
  4. package/fesm2022/sd-angular-core-components-badge.mjs +40 -23
  5. package/fesm2022/sd-angular-core-components-badge.mjs.map +1 -1
  6. package/fesm2022/sd-angular-core-directives.mjs +111 -25
  7. package/fesm2022/sd-angular-core-directives.mjs.map +1 -1
  8. package/package.json +140 -140
package/components/badge/src/badge.component.d.ts CHANGED
@@ -4,6 +4,8 @@ import { MaterialIconFontSet } from '@sd-angular/core/utilities/models';
4
4
  import * as i0 from "@angular/core";
5
5
  export type SdBadgeType = 'tag' | 'round' | 'icon';
6
6
  export declare class SdBadge {
7
+ #private;
8
+ /** Glyph mặc định trước 19.0.51; type icon không có icon giờ vẽ chấm CSS. Giữ lại vì là property công khai. */
7
9
  defaultIcon: string;
8
10
  type: import("@angular/core").InputSignalWithTransform<SdBadgeType, SdBadgeType | null | undefined>;
9
11
  color: import("@angular/core").InputSignalWithTransform<Color, Color | null | undefined>;
@@ -21,6 +23,11 @@ export declare class SdBadge {
21
23
  size: import("@angular/core").InputSignalWithTransform<Size, Size | null | undefined>;
22
24
  click: EventEmitter<Event>;
23
25
  onClick: (event: Event) => void;
26
+ private readonly titleRef;
27
+ /** Đo lúc hover/focus xem title có bị cắt không; chỉ khi bị cắt (hoặc có `tooltip`) badge mới có tooltip. */
28
+ measureTruncation: () => void;
29
+ /** Chữ của tooltip: `tooltip` nếu có; nếu không thì title đầy đủ khi title đang bị cắt; ngược lại rỗng. */
30
+ tooltipText: import("@angular/core").Signal<string>;
24
31
  effectiveColor: import("@angular/core").Signal<Color>;
25
32
  baseColorClasses: import("@angular/core").Signal<{
26
33
  'c-primary': boolean;
@@ -32,7 +39,7 @@ export declare class SdBadge {
32
39
  }>;
33
40
  iconColorClasses: import("@angular/core").Signal<{
34
41
  'c-primary': boolean;
35
- 'c-black400': boolean;
42
+ 'c-secondary': boolean;
36
43
  'c-info': boolean;
37
44
  'c-success': boolean;
38
45
  'c-warning': boolean;
@@ -80,7 +87,7 @@ export declare class SdBadge {
80
87
  }>;
81
88
  iconCombinedClasses: import("@angular/core").Signal<{
82
89
  'c-primary': boolean;
83
- 'c-black400': boolean;
90
+ 'c-secondary': boolean;
84
91
  'c-info': boolean;
85
92
  'c-success': boolean;
86
93
  'c-warning': boolean;
package/directives/src/sd-scroll-pointer.service.d.ts ADDED
@@ -0,0 +1,18 @@
1
+ import { Signal } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ /** Thiết bị khớp media query này được coi là màn hình cảm ứng: cuộn ngang luôn bật, không phụ thuộc hover. */
4
+ export declare const SD_SCROLL_TOUCH_MEDIA_QUERY = "(hover: none), (any-pointer: coarse)";
5
+ /**
6
+ * Nội bộ của `SdScrollDirective` (không export khỏi entry point `directives`).
7
+ *
8
+ * why: mỗi `sdScroll` tự gọi `matchMedia` thì trang có N bảng sẽ có N listener `change`. Service root giữ đúng
9
+ * một `MediaQueryList` và một listener cho cả ứng dụng; directive chỉ đọc signal `touch`.
10
+ */
11
+ export declare class SdScrollPointerService {
12
+ #private;
13
+ /** `true` khi thiết bị khớp `SD_SCROLL_TOUCH_MEDIA_QUERY`; `false` khi không khớp hoặc không có `matchMedia` (SSR, test). */
14
+ readonly touch: Signal<boolean>;
15
+ constructor();
16
+ static ɵfac: i0.ɵɵFactoryDeclaration<SdScrollPointerService, never>;
17
+ static ɵprov: i0.ɵɵInjectableDeclaration<SdScrollPointerService>;
18
+ }
package/directives/src/sd-scroll.directive.d.ts CHANGED
@@ -4,9 +4,11 @@ export declare class SdScrollDirective implements OnInit {
4
4
  #private;
5
5
  private elementRef;
6
6
  private renderer;
7
+ constructor(elementRef: ElementRef, renderer: Renderer2);
8
+ /** Chế độ chuột: hiện thanh cuộn ngang khi con trỏ vào host (gọi từ `mouseenter`). Không làm gì trên thiết bị cảm ứng. */
7
9
  onMouseOver(): void;
10
+ /** Chế độ chuột: ẩn thanh cuộn ngang khi con trỏ rời host (gọi từ `mouseleave`). Không làm gì trên thiết bị cảm ứng. */
8
11
  onMouseOut(): void;
9
- constructor(elementRef: ElementRef, renderer: Renderer2);
10
12
  ngOnInit(): void;
11
13
  scrollTop: () => void;
12
14
  static ɵfac: i0.ɵɵFactoryDeclaration<SdScrollDirective, never>;
package/fesm2022/sd-angular-core-components-badge.mjs CHANGED
@@ -1,13 +1,12 @@
1
1
  import * as i1 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { input, booleanAttribute, EventEmitter, computed, Output, ChangeDetectionStrategy, Component } from '@angular/core';
5
- import { MatIconModule } from '@angular/material/icon';
6
- import * as i2 from '@angular/material/tooltip';
7
- import { MatTooltipModule } from '@angular/material/tooltip';
4
+ import { input, booleanAttribute, EventEmitter, viewChild, signal, computed, Output, ChangeDetectionStrategy, Component } from '@angular/core';
5
+ import { SdTooltipDirective } from '@sd-angular/core/directives';
8
6
 
9
7
  /* eslint-disable @angular-eslint/no-input-rename */
10
8
  class SdBadge {
9
+ /** Glyph mặc định trước 19.0.51; type icon không có icon giờ vẽ chấm CSS. Giữ lại vì là property công khai. */
11
10
  defaultIcon = 'fiber_manual_record';
12
11
  // ==========================================
13
12
  // 1. SIGNAL INPUTS
@@ -43,7 +42,29 @@ class SdBadge {
43
42
  this.click.emit(event);
44
43
  };
45
44
  // ==========================================
46
- // 3. COMPUTED STATE
45
+ // 3. TOOLTIP
46
+ // ==========================================
47
+ titleRef = viewChild('titleEl');
48
+ #truncated = signal(false);
49
+ /** Đo lúc hover/focus xem title có bị cắt không; chỉ khi bị cắt (hoặc có `tooltip`) badge mới có tooltip. */
50
+ // why: đo theo sự kiện thay vì ResizeObserver — bảng có hàng trăm badge, phần lớn không bao giờ được rê chuột.
51
+ // `[sdTooltip]` chờ một nhịp rồi mới đọc nội dung, nên giá trị đo ở đây đã có mặt ngay lần rê đầu.
52
+ measureTruncation = () => {
53
+ const el = this.titleRef()?.nativeElement;
54
+ this.#truncated.set(!!el && el.scrollWidth > el.clientWidth);
55
+ };
56
+ /** Chữ của tooltip: `tooltip` nếu có; nếu không thì title đầy đủ khi title đang bị cắt; ngược lại rỗng. */
57
+ tooltipText = computed(() => {
58
+ const tooltip = this.tooltip()?.trim();
59
+ if (tooltip)
60
+ return tooltip;
61
+ const title = this.title();
62
+ if (title === undefined || title === null)
63
+ return '';
64
+ return this.#truncated() ? String(title) : '';
65
+ });
66
+ // ==========================================
67
+ // 4. COMPUTED STATE
47
68
  // ==========================================
48
69
  effectiveColor = computed(() => {
49
70
  if (this.primary())
@@ -71,17 +92,8 @@ class SdBadge {
71
92
  'c-error': c === 'error',
72
93
  };
73
94
  });
74
- iconColorClasses = computed(() => {
75
- const c = this.effectiveColor();
76
- return {
77
- 'c-primary': c === 'primary',
78
- 'c-black400': c === 'secondary',
79
- 'c-info': c === 'info',
80
- 'c-success': c === 'success',
81
- 'c-warning': c === 'warning',
82
- 'c-error': c === 'error',
83
- };
84
- });
95
+ // why: icon của type icon dùng tông *-dark của màu hiệu lực như Core UI; secondary không còn rơi về black400.
96
+ iconColorClasses = computed(() => this.baseColorClasses());
85
97
  iconSizeAndFontClasses = computed(() => {
86
98
  const s = this.size();
87
99
  const f = this.fontSet();
@@ -95,8 +107,7 @@ class SdBadge {
95
107
  'material-icons-sharp': f === 'material-icons-sharp',
96
108
  };
97
109
  });
98
- // why: size modifier cho container .c-badge (round + tag). Tách prefix c-badge--<size>
99
- // để không đụng class .c-sm/.c-md/.c-lg đang dùng trên icon span.
110
+ // why: size modifier cho container. Tách prefix c-badge--<size> để không đụng class .c-sm/.c-md/.c-lg trên icon.
100
111
  containerSizeClasses = computed(() => {
101
112
  const s = this.size();
102
113
  return {
@@ -105,27 +116,33 @@ class SdBadge {
105
116
  'c-badge--lg': s === 'lg',
106
117
  };
107
118
  });
108
- // GỘP CLASS CHO BADGE TYPE = 'TAG' (cũng dùng lại cho 'ROUND' khi có icon)
119
+ // GỘP CLASS CHO ICON CỦA ROUND/TAG
109
120
  tagIconCombinedClasses = computed(() => ({
110
121
  ...this.iconSizeAndFontClasses(),
111
122
  ...this.baseColorClasses(),
112
123
  }));
113
- // GỘP CLASS CHO CONTAINER round/tag (color tint + size modifier)
124
+ // GỘP CLASS CHO CONTAINER (màu + size modifier), dùng cho cả ba type
114
125
  containerCombinedClasses = computed(() => ({
115
126
  ...this.baseColorClasses(),
116
127
  ...this.containerSizeClasses(),
117
128
  }));
118
- // GỘP CLASS CHO BADGE TYPE = 'ICON'
129
+ // GỘP CLASS CHO ICON CỦA TYPE 'ICON'
119
130
  iconCombinedClasses = computed(() => ({
120
131
  ...this.iconSizeAndFontClasses(),
121
132
  ...this.iconColorClasses(),
122
133
  }));
123
134
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
124
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdBadge, isStandalone: true, selector: "sd-badge", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, primary: { classPropertyName: "primary", publicName: "primary", isSignal: true, isRequired: false, transformFunction: null }, secondary: { classPropertyName: "secondary", publicName: "secondary", isSignal: true, isRequired: false, transformFunction: null }, success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: false, transformFunction: null }, info: { classPropertyName: "info", publicName: "info", isSignal: true, isRequired: false, transformFunction: null }, warning: { classPropertyName: "warning", publicName: "warning", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, fontSet: { classPropertyName: "fontSet", publicName: "fontSet", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, ngImport: i0, template: "@let _type = type();\n@let _tooltip = tooltip();\n@let _title = title();\n@let _description = description();\n@let iconName = icon() || defaultIcon;\n@let isPointer = click.observed;\n\n@if (_type === 'round') {\n <div\n class=\"c-badge\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-icon]=\"!!icon()\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (icon()) {\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">\n {{ iconName }}\n </span>\n }\n <span class=\"c-badge-title\">{{ _title }}</span>\n </div>\n} @else if (_type === 'tag') {\n <div\n class=\"c-badge c-badge--tag\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <div class=\"c-icon d-flex align-items-center\">\n @if (icon()) {\n <span class=\"c-material-icon mr-4\" [ngClass]=\"tagIconCombinedClasses()\">\n {{ iconName }}\n </span>\n }\n <div class=\"d-flex flex-column align-items-start\">\n <span class=\"T14R c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"T12R c-badge-description\">{{ _description }}</span>\n }\n </div>\n </div>\n </div>\n} @else {\n <div\n class=\"d-flex\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [class.c-badge-icon]=\"_type === 'icon'\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <div class=\"c-icon d-flex align-items-center\">\n <span class=\"c-material-icon\" [ngClass]=\"iconCombinedClasses()\">\n {{ iconName }}\n </span>\n <div class=\"c-badge-copy\">\n <span class=\"T14R c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"T10R c-badge-description\">{{ _description }}</span>\n }\n </div>\n </div>\n </div>\n}\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-badge{border-radius:20px;padding:2px 10px;display:inline-block;text-align:center;overflow-wrap:break-word}.c-badge.c-badge--has-icon{display:inline-flex;align-items:center;gap:4px}.c-badge .c-material-icon{padding:0}.c-badge .c-material-icon.c-sm{font-size:16px;width:16px;height:16px;line-height:16px}.c-badge .c-material-icon.c-md{font-size:18px;width:18px;height:18px;line-height:18px}.c-badge .c-material-icon.c-lg{font-size:24px;width:24px;height:24px;line-height:24px}.c-badge.c-badge--sm:not(.c-badge--tag){padding:2px 10px}.c-badge.c-badge--md:not(.c-badge--tag){padding:4px 12px}.c-badge.c-badge--lg:not(.c-badge--tag){padding:6px 16px}.c-badge.c-badge--sm .c-badge-title{font-size:14px}.c-badge.c-badge--md .c-badge-title{font-size:16px}.c-badge.c-badge--lg .c-badge-title{font-size:18px}.c-badge.c-badge--sm .c-badge-description{font-size:12px}.c-badge.c-badge--md .c-badge-description{font-size:13px}.c-badge.c-badge--lg .c-badge-description{font-size:14px}.c-badge.c-primary{background:var(--sd-primary-light);color:var(--sd-primary)}.c-badge.c-primary.c-badge--tag{border:1px solid var(--sd-primary)}.c-badge.c-secondary{background:var(--sd-secondary-light);color:var(--sd-secondary)}.c-badge.c-secondary.c-badge--tag{border:1px solid var(--sd-secondary)}.c-badge.c-info{background:var(--sd-info-light);color:var(--sd-info)}.c-badge.c-info.c-badge--tag{border:1px solid var(--sd-info)}.c-badge.c-warning{background:var(--sd-warning-light);color:var(--sd-warning)}.c-badge.c-warning.c-badge--tag{border:1px solid var(--sd-warning)}.c-badge.c-success{background:var(--sd-success-light);color:var(--sd-success)}.c-badge.c-success.c-badge--tag{border:1px solid var(--sd-success)}.c-badge.c-error{background:var(--sd-error-light);color:var(--sd-error)}.c-badge.c-error.c-badge--tag{border:1px solid var(--sd-error)}.c-badge.c-badge--tag{border-radius:4px;padding:1px 7px}.c-badge.c-badge--tag.c-badge--sm{padding:1px 7px}.c-badge.c-badge--tag.c-badge--md{padding:2px 10px}.c-badge.c-badge--tag.c-badge--lg{padding:4px 12px}.c-badge-icon{display:inline-flex;align-items:center;min-width:0;max-width:100%}.c-badge-icon .c-icon{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.c-badge-icon .c-material-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;line-height:1}.c-badge-icon .c-material-icon.c-sm{width:16px;height:16px;font-size:16px}.c-badge-icon .c-material-icon.c-md{width:18px;height:18px;font-size:18px}.c-badge-icon .c-material-icon.c-lg{width:24px;height:24px;font-size:24px}.c-badge-icon .c-material-icon.c-primary{color:var(--sd-primary)}.c-badge-icon .c-material-icon.c-secondary{color:var(--sd-secondary)}.c-badge-icon .c-material-icon.c-black400{color:var(--sd-black400)}.c-badge-icon .c-material-icon.c-info{color:var(--sd-info)}.c-badge-icon .c-material-icon.c-success{color:var(--sd-success)}.c-badge-icon .c-material-icon.c-error{color:var(--sd-error)}.c-badge-icon .c-material-icon.c-warning{color:var(--sd-warning)}.c-badge-icon .c-badge-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow-wrap:anywhere}.c-badge-icon .c-badge-title{line-height:20px}.c-badge-icon .c-badge-description{line-height:14px}.c-badge-description{color:var(--sd-black400)}::ng-deep .sd-multiline-tooltip{white-space:pre-line}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i2.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
135
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdBadge, isStandalone: true, selector: "sd-badge", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, primary: { classPropertyName: "primary", publicName: "primary", isSignal: true, isRequired: false, transformFunction: null }, secondary: { classPropertyName: "secondary", publicName: "secondary", isSignal: true, isRequired: false, transformFunction: null }, success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: false, transformFunction: null }, info: { classPropertyName: "info", publicName: "info", isSignal: true, isRequired: false, transformFunction: null }, warning: { classPropertyName: "warning", publicName: "warning", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, fontSet: { classPropertyName: "fontSet", publicName: "fontSet", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { click: "click" }, host: { listeners: { "mouseenter": "measureTruncation()", "focusin": "measureTruncation()" }, properties: { "attr.title": "null" } }, viewQueries: [{ propertyName: "titleRef", first: true, predicate: ["titleEl"], descendants: true, isSignal: true }], ngImport: i0, template: "@let _type = type();\n@let _title = title();\n@let _description = description();\n@let _icon = icon();\n@let _tooltipText = tooltipText();\n@let isPointer = click.observed;\n\n<!-- why: tooltip d\u00F9ng [sdTooltip] thay matTooltip \u2014 overlay ch\u1EC9 t\u1EA1o khi hi\u1EC7n, v\u00E0 ch\u1EC9 c\u00F3 n\u1ED9i dung khi c\u00F3 `tooltip`\n ho\u1EB7c khi title b\u1ECB c\u1EAFt (\u0111o l\u00FAc hover/focus tr\u00EAn host). -->\n@if (_type === 'round') {\n <div\n class=\"c-badge\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-icon]=\"!!_icon\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (_icon) {\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">{{ _icon }}</span>\n }\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n </div>\n} @else if (_type === 'tag') {\n <div\n class=\"c-badge c-badge--tag\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-desc]=\"!!_description\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (_icon) {\n <span class=\"c-badge-lead\">\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">{{ _icon }}</span>\n </span>\n }\n <span class=\"c-badge-copy\">\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"c-badge-description\">{{ _description }}</span>\n }\n </span>\n </div>\n} @else {\n <div\n class=\"c-badge-icon\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge-icon--has-desc]=\"!!_description\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <!-- why: \u00F4 d\u1EABn \u0111\u1EA7u cao b\u1EB1ng line-height c\u1EE7a title n\u00EAn icon (ho\u1EB7c ch\u1EA5m) lu\u00F4n n\u1EB1m gi\u1EEFa D\u00D2NG \u0110\u1EA6U, k\u1EC3 c\u1EA3 khi c\u00F3\n description. Kh\u00F4ng c\u00F3 icon th\u00EC v\u1EBD ch\u1EA5m b\u1EB1ng CSS thay cho glyph fiber_manual_record. -->\n <span class=\"c-badge-lead\">\n @if (_icon) {\n <span class=\"c-material-icon\" [ngClass]=\"iconCombinedClasses()\">{{ _icon }}</span>\n } @else {\n <span class=\"c-badge-dot\" [ngClass]=\"baseColorClasses()\"></span>\n }\n </span>\n <span class=\"c-badge-copy\">\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"c-badge-description\">{{ _description }}</span>\n }\n </span>\n </div>\n}\n\n<ng-template #tooltipContent>\n <span class=\"c-badge-tooltip\">{{ _tooltipText }}</span>\n</ng-template>\n", styles: [":host{display:inline-flex;vertical-align:middle;max-width:100%;min-width:0}.c-primary{--badge-tone: var(--sd-primary);--badge-tone-light: var(--sd-primary-light);--badge-tone-dark: var(--sd-primary-dark)}.c-secondary{--badge-tone: var(--sd-secondary);--badge-tone-light: var(--sd-secondary-light);--badge-tone-dark: var(--sd-secondary-dark)}.c-info{--badge-tone: var(--sd-info);--badge-tone-light: var(--sd-info-light);--badge-tone-dark: var(--sd-info-dark)}.c-success{--badge-tone: var(--sd-success);--badge-tone-light: var(--sd-success-light);--badge-tone-dark: var(--sd-success-dark)}.c-warning{--badge-tone: var(--sd-warning);--badge-tone-light: var(--sd-warning-light);--badge-tone-dark: var(--sd-warning-dark)}.c-error{--badge-tone: var(--sd-error);--badge-tone-light: var(--sd-error-light);--badge-tone-dark: var(--sd-error-dark)}.c-secondary{--badge-tone: var(--sd-badge-secondary, #5c6270);--badge-tone-dark: var(--sd-badge-secondary-dark, #4d525e)}.c-badge,.c-badge-icon{display:inline-flex;align-items:center;box-sizing:border-box;max-width:100%;min-width:0;vertical-align:middle}.c-badge-title,.c-badge-description{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.c-badge-copy{display:flex;flex-direction:column;min-width:0}.c-badge-lead{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.c-material-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;line-height:1;overflow:hidden}.c-badge-description{font-size:12px;line-height:16px;font-weight:400;color:var(--sd-text-secondary, var(--sd-black400))}.c-badge{height:var(--sd-badge-height-sm, 20px);gap:4px;padding:0 8px;border-radius:999px;background-color:var(--badge-tone-light);color:var(--badge-tone-dark);outline:1px solid transparent;outline-offset:-1px}.c-badge .c-badge-title{font-size:12px;line-height:16px;font-weight:var(--sd-badge-font-weight, 500)}.c-badge .c-material-icon{width:14px;height:14px;font-size:14px;color:var(--badge-tone-dark)}.c-badge.c-badge--has-icon{padding:0 8px 0 6px}.c-badge.c-badge--md{height:var(--sd-badge-height-md, 24px);padding:0 10px}.c-badge.c-badge--md .c-badge-title{font-size:13px;line-height:18px}.c-badge.c-badge--md .c-material-icon{width:16px;height:16px;font-size:16px}.c-badge.c-badge--lg{height:var(--sd-badge-height-lg, 28px);gap:6px;padding:0 12px}.c-badge.c-badge--lg .c-badge-title{font-size:14px;line-height:20px}.c-badge.c-badge--lg .c-material-icon{width:18px;height:18px;font-size:18px}.c-badge.c-badge--tag{padding:0 6px;border:1px solid color-mix(in srgb,var(--badge-tone-dark) 22%,var(--badge-tone-light));border-radius:var(--sd-badge-radius-tag, 4px);outline:none}.c-badge.c-badge--tag.c-badge--md{padding:0 8px;border-radius:calc(var(--sd-badge-radius-tag, 4px) + 2px)}.c-badge.c-badge--tag.c-badge--lg{padding:0 10px;border-radius:calc(var(--sd-badge-radius-tag, 4px) + 2px)}.c-badge.c-badge--tag.c-badge--has-desc{align-items:flex-start;height:auto;padding:4px 8px;border-radius:calc(var(--sd-badge-radius-tag, 4px) + 2px)}.c-badge.c-badge--tag.c-badge--has-desc .c-badge-title{font-size:13px;line-height:18px}.c-badge.c-badge--tag.c-badge--has-desc .c-badge-lead{height:18px}.c-badge.c-badge--md:not(.c-badge--has-desc) .c-badge-title{position:relative;top:1px}.c-badge-icon{gap:6px;min-height:var(--sd-badge-height-sm, 20px);color:var(--sd-text, var(--sd-black500));border-radius:4px}.c-badge-icon .c-badge-title{font-size:13px;line-height:18px;font-weight:400}.c-badge-icon .c-badge-lead{height:18px}.c-badge-icon .c-material-icon{width:16px;height:16px;font-size:16px;color:var(--badge-tone-dark)}.c-badge-icon.c-badge--md .c-badge-title,.c-badge-icon.c-badge--lg .c-badge-title{font-size:14px;line-height:20px}.c-badge-icon.c-badge--md .c-badge-lead,.c-badge-icon.c-badge--lg .c-badge-lead{height:20px}.c-badge-icon.c-badge--md .c-material-icon,.c-badge-icon.c-badge--lg .c-material-icon{width:18px;height:18px;font-size:18px}.c-badge-icon.c-badge--md{min-height:var(--sd-badge-height-md, 24px)}.c-badge-icon.c-badge--lg{min-height:var(--sd-badge-height-lg, 28px)}.c-badge-icon.c-badge-icon--has-desc{align-items:flex-start}.c-badge-dot{display:block;width:var(--sd-badge-dot-size, 8px);height:var(--sd-badge-dot-size, 8px);border-radius:50%;background-color:var(--badge-tone)}.c-badge-icon.c-badge--lg .c-badge-dot{width:var(--sd-badge-dot-size, 10px);height:var(--sd-badge-dot-size, 10px)}.c-badge.pointer{--badge-bg-hover: color-mix(in srgb, var(--badge-tone-dark) 6%, var(--badge-tone-light));--badge-bg-active: color-mix(in srgb, var(--badge-tone-dark) 10%, var(--badge-tone-light))}.c-badge-icon.pointer{--badge-bg-hover: color-mix(in srgb, var(--badge-tone-dark) 6%, transparent);--badge-bg-active: color-mix(in srgb, var(--badge-tone-dark) 10%, transparent)}.c-badge.pointer,.c-badge-icon.pointer{cursor:pointer;transition:background-color .12s ease}.c-badge.pointer:hover,.c-badge-icon.pointer:hover{background-color:var(--badge-bg-hover)}.c-badge.pointer:active,.c-badge-icon.pointer:active{background-color:var(--badge-bg-active)}@media(prefers-reduced-motion:reduce){.c-badge.pointer,.c-badge-icon.pointer{transition:none}}@media(forced-colors:active){.c-badge-dot{forced-color-adjust:none;background-color:CanvasText}}.c-badge-tooltip{white-space:pre-line}::ng-deep .sd-multiline-tooltip{white-space:pre-line}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SdTooltipDirective, selector: "[sdTooltip]", inputs: ["sdTooltip", "sdTooltipPosition", "sdTooltipDelay", "sdTooltipColor"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
125
136
  }
126
137
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdBadge, decorators: [{
127
138
  type: Component,
128
- args: [{ selector: 'sd-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, MatIconModule, MatTooltipModule], template: "@let _type = type();\n@let _tooltip = tooltip();\n@let _title = title();\n@let _description = description();\n@let iconName = icon() || defaultIcon;\n@let isPointer = click.observed;\n\n@if (_type === 'round') {\n <div\n class=\"c-badge\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-icon]=\"!!icon()\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (icon()) {\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">\n {{ iconName }}\n </span>\n }\n <span class=\"c-badge-title\">{{ _title }}</span>\n </div>\n} @else if (_type === 'tag') {\n <div\n class=\"c-badge c-badge--tag\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <div class=\"c-icon d-flex align-items-center\">\n @if (icon()) {\n <span class=\"c-material-icon mr-4\" [ngClass]=\"tagIconCombinedClasses()\">\n {{ iconName }}\n </span>\n }\n <div class=\"d-flex flex-column align-items-start\">\n <span class=\"T14R c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"T12R c-badge-description\">{{ _description }}</span>\n }\n </div>\n </div>\n </div>\n} @else {\n <div\n class=\"d-flex\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [class.c-badge-icon]=\"_type === 'icon'\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <div class=\"c-icon d-flex align-items-center\">\n <span class=\"c-material-icon\" [ngClass]=\"iconCombinedClasses()\">\n {{ iconName }}\n </span>\n <div class=\"c-badge-copy\">\n <span class=\"T14R c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"T10R c-badge-description\">{{ _description }}</span>\n }\n </div>\n </div>\n </div>\n}\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-badge{border-radius:20px;padding:2px 10px;display:inline-block;text-align:center;overflow-wrap:break-word}.c-badge.c-badge--has-icon{display:inline-flex;align-items:center;gap:4px}.c-badge .c-material-icon{padding:0}.c-badge .c-material-icon.c-sm{font-size:16px;width:16px;height:16px;line-height:16px}.c-badge .c-material-icon.c-md{font-size:18px;width:18px;height:18px;line-height:18px}.c-badge .c-material-icon.c-lg{font-size:24px;width:24px;height:24px;line-height:24px}.c-badge.c-badge--sm:not(.c-badge--tag){padding:2px 10px}.c-badge.c-badge--md:not(.c-badge--tag){padding:4px 12px}.c-badge.c-badge--lg:not(.c-badge--tag){padding:6px 16px}.c-badge.c-badge--sm .c-badge-title{font-size:14px}.c-badge.c-badge--md .c-badge-title{font-size:16px}.c-badge.c-badge--lg .c-badge-title{font-size:18px}.c-badge.c-badge--sm .c-badge-description{font-size:12px}.c-badge.c-badge--md .c-badge-description{font-size:13px}.c-badge.c-badge--lg .c-badge-description{font-size:14px}.c-badge.c-primary{background:var(--sd-primary-light);color:var(--sd-primary)}.c-badge.c-primary.c-badge--tag{border:1px solid var(--sd-primary)}.c-badge.c-secondary{background:var(--sd-secondary-light);color:var(--sd-secondary)}.c-badge.c-secondary.c-badge--tag{border:1px solid var(--sd-secondary)}.c-badge.c-info{background:var(--sd-info-light);color:var(--sd-info)}.c-badge.c-info.c-badge--tag{border:1px solid var(--sd-info)}.c-badge.c-warning{background:var(--sd-warning-light);color:var(--sd-warning)}.c-badge.c-warning.c-badge--tag{border:1px solid var(--sd-warning)}.c-badge.c-success{background:var(--sd-success-light);color:var(--sd-success)}.c-badge.c-success.c-badge--tag{border:1px solid var(--sd-success)}.c-badge.c-error{background:var(--sd-error-light);color:var(--sd-error)}.c-badge.c-error.c-badge--tag{border:1px solid var(--sd-error)}.c-badge.c-badge--tag{border-radius:4px;padding:1px 7px}.c-badge.c-badge--tag.c-badge--sm{padding:1px 7px}.c-badge.c-badge--tag.c-badge--md{padding:2px 10px}.c-badge.c-badge--tag.c-badge--lg{padding:4px 12px}.c-badge-icon{display:inline-flex;align-items:center;min-width:0;max-width:100%}.c-badge-icon .c-icon{display:flex;align-items:center;gap:4px;min-width:0;max-width:100%}.c-badge-icon .c-material-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;line-height:1}.c-badge-icon .c-material-icon.c-sm{width:16px;height:16px;font-size:16px}.c-badge-icon .c-material-icon.c-md{width:18px;height:18px;font-size:18px}.c-badge-icon .c-material-icon.c-lg{width:24px;height:24px;font-size:24px}.c-badge-icon .c-material-icon.c-primary{color:var(--sd-primary)}.c-badge-icon .c-material-icon.c-secondary{color:var(--sd-secondary)}.c-badge-icon .c-material-icon.c-black400{color:var(--sd-black400)}.c-badge-icon .c-material-icon.c-info{color:var(--sd-info)}.c-badge-icon .c-material-icon.c-success{color:var(--sd-success)}.c-badge-icon .c-material-icon.c-error{color:var(--sd-error)}.c-badge-icon .c-material-icon.c-warning{color:var(--sd-warning)}.c-badge-icon .c-badge-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;overflow-wrap:anywhere}.c-badge-icon .c-badge-title{line-height:20px}.c-badge-icon .c-badge-description{line-height:14px}.c-badge-description{color:var(--sd-black400)}::ng-deep .sd-multiline-tooltip{white-space:pre-line}\n"] }]
139
+ args: [{ selector: 'sd-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, SdTooltipDirective], host: {
140
+ // why: `<sd-badge title="…">` để lại attribute title trên host, trình duyệt hiện tooltip riêng chồng lên
141
+ // tooltip của badge. Giá trị vẫn tới input `title`.
142
+ '[attr.title]': 'null',
143
+ '(mouseenter)': 'measureTruncation()',
144
+ '(focusin)': 'measureTruncation()',
145
+ }, template: "@let _type = type();\n@let _title = title();\n@let _description = description();\n@let _icon = icon();\n@let _tooltipText = tooltipText();\n@let isPointer = click.observed;\n\n<!-- why: tooltip d\u00F9ng [sdTooltip] thay matTooltip \u2014 overlay ch\u1EC9 t\u1EA1o khi hi\u1EC7n, v\u00E0 ch\u1EC9 c\u00F3 n\u1ED9i dung khi c\u00F3 `tooltip`\n ho\u1EB7c khi title b\u1ECB c\u1EAFt (\u0111o l\u00FAc hover/focus tr\u00EAn host). -->\n@if (_type === 'round') {\n <div\n class=\"c-badge\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-icon]=\"!!_icon\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (_icon) {\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">{{ _icon }}</span>\n }\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n </div>\n} @else if (_type === 'tag') {\n <div\n class=\"c-badge c-badge--tag\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-desc]=\"!!_description\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (_icon) {\n <span class=\"c-badge-lead\">\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">{{ _icon }}</span>\n </span>\n }\n <span class=\"c-badge-copy\">\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"c-badge-description\">{{ _description }}</span>\n }\n </span>\n </div>\n} @else {\n <div\n class=\"c-badge-icon\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge-icon--has-desc]=\"!!_description\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <!-- why: \u00F4 d\u1EABn \u0111\u1EA7u cao b\u1EB1ng line-height c\u1EE7a title n\u00EAn icon (ho\u1EB7c ch\u1EA5m) lu\u00F4n n\u1EB1m gi\u1EEFa D\u00D2NG \u0110\u1EA6U, k\u1EC3 c\u1EA3 khi c\u00F3\n description. Kh\u00F4ng c\u00F3 icon th\u00EC v\u1EBD ch\u1EA5m b\u1EB1ng CSS thay cho glyph fiber_manual_record. -->\n <span class=\"c-badge-lead\">\n @if (_icon) {\n <span class=\"c-material-icon\" [ngClass]=\"iconCombinedClasses()\">{{ _icon }}</span>\n } @else {\n <span class=\"c-badge-dot\" [ngClass]=\"baseColorClasses()\"></span>\n }\n </span>\n <span class=\"c-badge-copy\">\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"c-badge-description\">{{ _description }}</span>\n }\n </span>\n </div>\n}\n\n<ng-template #tooltipContent>\n <span class=\"c-badge-tooltip\">{{ _tooltipText }}</span>\n</ng-template>\n", styles: [":host{display:inline-flex;vertical-align:middle;max-width:100%;min-width:0}.c-primary{--badge-tone: var(--sd-primary);--badge-tone-light: var(--sd-primary-light);--badge-tone-dark: var(--sd-primary-dark)}.c-secondary{--badge-tone: var(--sd-secondary);--badge-tone-light: var(--sd-secondary-light);--badge-tone-dark: var(--sd-secondary-dark)}.c-info{--badge-tone: var(--sd-info);--badge-tone-light: var(--sd-info-light);--badge-tone-dark: var(--sd-info-dark)}.c-success{--badge-tone: var(--sd-success);--badge-tone-light: var(--sd-success-light);--badge-tone-dark: var(--sd-success-dark)}.c-warning{--badge-tone: var(--sd-warning);--badge-tone-light: var(--sd-warning-light);--badge-tone-dark: var(--sd-warning-dark)}.c-error{--badge-tone: var(--sd-error);--badge-tone-light: var(--sd-error-light);--badge-tone-dark: var(--sd-error-dark)}.c-secondary{--badge-tone: var(--sd-badge-secondary, #5c6270);--badge-tone-dark: var(--sd-badge-secondary-dark, #4d525e)}.c-badge,.c-badge-icon{display:inline-flex;align-items:center;box-sizing:border-box;max-width:100%;min-width:0;vertical-align:middle}.c-badge-title,.c-badge-description{display:block;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.c-badge-copy{display:flex;flex-direction:column;min-width:0}.c-badge-lead{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.c-material-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;padding:0;line-height:1;overflow:hidden}.c-badge-description{font-size:12px;line-height:16px;font-weight:400;color:var(--sd-text-secondary, var(--sd-black400))}.c-badge{height:var(--sd-badge-height-sm, 20px);gap:4px;padding:0 8px;border-radius:999px;background-color:var(--badge-tone-light);color:var(--badge-tone-dark);outline:1px solid transparent;outline-offset:-1px}.c-badge .c-badge-title{font-size:12px;line-height:16px;font-weight:var(--sd-badge-font-weight, 500)}.c-badge .c-material-icon{width:14px;height:14px;font-size:14px;color:var(--badge-tone-dark)}.c-badge.c-badge--has-icon{padding:0 8px 0 6px}.c-badge.c-badge--md{height:var(--sd-badge-height-md, 24px);padding:0 10px}.c-badge.c-badge--md .c-badge-title{font-size:13px;line-height:18px}.c-badge.c-badge--md .c-material-icon{width:16px;height:16px;font-size:16px}.c-badge.c-badge--lg{height:var(--sd-badge-height-lg, 28px);gap:6px;padding:0 12px}.c-badge.c-badge--lg .c-badge-title{font-size:14px;line-height:20px}.c-badge.c-badge--lg .c-material-icon{width:18px;height:18px;font-size:18px}.c-badge.c-badge--tag{padding:0 6px;border:1px solid color-mix(in srgb,var(--badge-tone-dark) 22%,var(--badge-tone-light));border-radius:var(--sd-badge-radius-tag, 4px);outline:none}.c-badge.c-badge--tag.c-badge--md{padding:0 8px;border-radius:calc(var(--sd-badge-radius-tag, 4px) + 2px)}.c-badge.c-badge--tag.c-badge--lg{padding:0 10px;border-radius:calc(var(--sd-badge-radius-tag, 4px) + 2px)}.c-badge.c-badge--tag.c-badge--has-desc{align-items:flex-start;height:auto;padding:4px 8px;border-radius:calc(var(--sd-badge-radius-tag, 4px) + 2px)}.c-badge.c-badge--tag.c-badge--has-desc .c-badge-title{font-size:13px;line-height:18px}.c-badge.c-badge--tag.c-badge--has-desc .c-badge-lead{height:18px}.c-badge.c-badge--md:not(.c-badge--has-desc) .c-badge-title{position:relative;top:1px}.c-badge-icon{gap:6px;min-height:var(--sd-badge-height-sm, 20px);color:var(--sd-text, var(--sd-black500));border-radius:4px}.c-badge-icon .c-badge-title{font-size:13px;line-height:18px;font-weight:400}.c-badge-icon .c-badge-lead{height:18px}.c-badge-icon .c-material-icon{width:16px;height:16px;font-size:16px;color:var(--badge-tone-dark)}.c-badge-icon.c-badge--md .c-badge-title,.c-badge-icon.c-badge--lg .c-badge-title{font-size:14px;line-height:20px}.c-badge-icon.c-badge--md .c-badge-lead,.c-badge-icon.c-badge--lg .c-badge-lead{height:20px}.c-badge-icon.c-badge--md .c-material-icon,.c-badge-icon.c-badge--lg .c-material-icon{width:18px;height:18px;font-size:18px}.c-badge-icon.c-badge--md{min-height:var(--sd-badge-height-md, 24px)}.c-badge-icon.c-badge--lg{min-height:var(--sd-badge-height-lg, 28px)}.c-badge-icon.c-badge-icon--has-desc{align-items:flex-start}.c-badge-dot{display:block;width:var(--sd-badge-dot-size, 8px);height:var(--sd-badge-dot-size, 8px);border-radius:50%;background-color:var(--badge-tone)}.c-badge-icon.c-badge--lg .c-badge-dot{width:var(--sd-badge-dot-size, 10px);height:var(--sd-badge-dot-size, 10px)}.c-badge.pointer{--badge-bg-hover: color-mix(in srgb, var(--badge-tone-dark) 6%, var(--badge-tone-light));--badge-bg-active: color-mix(in srgb, var(--badge-tone-dark) 10%, var(--badge-tone-light))}.c-badge-icon.pointer{--badge-bg-hover: color-mix(in srgb, var(--badge-tone-dark) 6%, transparent);--badge-bg-active: color-mix(in srgb, var(--badge-tone-dark) 10%, transparent)}.c-badge.pointer,.c-badge-icon.pointer{cursor:pointer;transition:background-color .12s ease}.c-badge.pointer:hover,.c-badge-icon.pointer:hover{background-color:var(--badge-bg-hover)}.c-badge.pointer:active,.c-badge-icon.pointer:active{background-color:var(--badge-bg-active)}@media(prefers-reduced-motion:reduce){.c-badge.pointer,.c-badge-icon.pointer{transition:none}}@media(forced-colors:active){.c-badge-dot{forced-color-adjust:none;background-color:CanvasText}}.c-badge-tooltip{white-space:pre-line}::ng-deep .sd-multiline-tooltip{white-space:pre-line}\n"] }]
129
146
  }], propDecorators: { click: [{
130
147
  type: Output
131
148
  }] } });
package/fesm2022/sd-angular-core-components-badge.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sd-angular-core-components-badge.mjs","sources":["../../../projects/sd-angular/components/badge/src/badge.component.ts","../../../projects/sd-angular/components/badge/src/badge.component.html","../../../projects/sd-angular/components/badge/sd-angular-core-components-badge.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-input-rename */\nimport { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, booleanAttribute, computed, input } from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { Color, Size } from '@sdcorejs/utils/models';\nimport { MaterialIconFontSet, DefaultMaterialIconFontSet } from '@sd-angular/core/utilities/models';\n\n// Export các Type để dùng chung\nexport type SdBadgeType = 'tag' | 'round' | 'icon';\n\n@Component({\n selector: 'sd-badge',\n templateUrl: './badge.component.html',\n styleUrl: './badge.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [CommonModule, MatIconModule, MatTooltipModule],\n})\nexport class SdBadge {\n defaultIcon = 'fiber_manual_record';\n\n // ==========================================\n // 1. SIGNAL INPUTS\n // ==========================================\n type = input<SdBadgeType, SdBadgeType | undefined | null>('icon', {\n transform: value => value || 'icon',\n });\n\n color = input<Color, Color | undefined | null>('secondary', {\n transform: value => value || 'secondary',\n });\n\n primary = input(false, { transform: booleanAttribute });\n secondary = input(false, { transform: booleanAttribute });\n success = input(false, { transform: booleanAttribute });\n info = input(false, { transform: booleanAttribute });\n warning = input(false, { transform: booleanAttribute });\n error = input(false, { transform: booleanAttribute });\n\n fontSet = input<MaterialIconFontSet, MaterialIconFontSet | undefined | null>('material-icons', {\n transform: value => value || 'material-icons',\n });\n\n title = input<string | number | undefined | null>();\n description = input<string | undefined | null>();\n tooltip = input<string | undefined | null>();\n icon = input<string | undefined | null>();\n\n size = input<Size, Size | undefined | null>('sm', {\n transform: value => value || 'sm',\n });\n\n // ==========================================\n // 2. OUTPUT\n // ==========================================\n @Output() click = new EventEmitter<Event>();\n\n onClick = (event: Event) => {\n event.stopPropagation();\n this.click.emit(event);\n };\n\n // ==========================================\n // 3. COMPUTED STATE\n // ==========================================\n\n effectiveColor = computed(() => {\n if (this.primary()) return 'primary';\n if (this.secondary()) return 'secondary';\n if (this.success()) return 'success';\n if (this.info()) return 'info';\n if (this.warning()) return 'warning';\n if (this.error()) return 'error';\n return this.color();\n });\n\n baseColorClasses = computed(() => {\n const c = this.effectiveColor();\n return {\n 'c-primary': c === 'primary',\n 'c-secondary': c === 'secondary',\n 'c-info': c === 'info',\n 'c-success': c === 'success',\n 'c-warning': c === 'warning',\n 'c-error': c === 'error',\n };\n });\n\n iconColorClasses = computed(() => {\n const c = this.effectiveColor();\n return {\n 'c-primary': c === 'primary',\n 'c-black400': c === 'secondary',\n 'c-info': c === 'info',\n 'c-success': c === 'success',\n 'c-warning': c === 'warning',\n 'c-error': c === 'error',\n };\n });\n\n iconSizeAndFontClasses = computed(() => {\n const s = this.size();\n const f = this.fontSet();\n return {\n 'c-sm': s === 'sm',\n 'c-md': s === 'md',\n 'c-lg': s === 'lg',\n 'material-icons': f === 'material-icons',\n 'material-icons-outlined': f === 'material-icons-outlined',\n 'material-icons-round': f === 'material-icons-round',\n 'material-icons-sharp': f === 'material-icons-sharp',\n };\n });\n\n // why: size modifier cho container .c-badge (round + tag). Tách prefix c-badge--<size>\n // để không đụng class .c-sm/.c-md/.c-lg đang dùng trên icon span.\n containerSizeClasses = computed(() => {\n const s = this.size();\n return {\n 'c-badge--sm': s === 'sm',\n 'c-badge--md': s === 'md',\n 'c-badge--lg': s === 'lg',\n };\n });\n\n // GỘP CLASS CHO BADGE TYPE = 'TAG' (cũng dùng lại cho 'ROUND' khi có icon)\n tagIconCombinedClasses = computed(() => ({\n ...this.iconSizeAndFontClasses(),\n ...this.baseColorClasses(),\n }));\n\n // GỘP CLASS CHO CONTAINER round/tag (color tint + size modifier)\n containerCombinedClasses = computed(() => ({\n ...this.baseColorClasses(),\n ...this.containerSizeClasses(),\n }));\n\n // GỘP CLASS CHO BADGE TYPE = 'ICON'\n iconCombinedClasses = computed(() => ({\n ...this.iconSizeAndFontClasses(),\n ...this.iconColorClasses(),\n }));\n}\n","@let _type = type();\n@let _tooltip = tooltip();\n@let _title = title();\n@let _description = description();\n@let iconName = icon() || defaultIcon;\n@let isPointer = click.observed;\n\n@if (_type === 'round') {\n <div\n class=\"c-badge\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-icon]=\"!!icon()\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (icon()) {\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">\n {{ iconName }}\n </span>\n }\n <span class=\"c-badge-title\">{{ _title }}</span>\n </div>\n} @else if (_type === 'tag') {\n <div\n class=\"c-badge c-badge--tag\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <div class=\"c-icon d-flex align-items-center\">\n @if (icon()) {\n <span class=\"c-material-icon mr-4\" [ngClass]=\"tagIconCombinedClasses()\">\n {{ iconName }}\n </span>\n }\n <div class=\"d-flex flex-column align-items-start\">\n <span class=\"T14R c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"T12R c-badge-description\">{{ _description }}</span>\n }\n </div>\n </div>\n </div>\n} @else {\n <div\n class=\"d-flex\"\n matTooltipPosition=\"above\"\n [matTooltip]=\"_tooltip || ''\"\n matTooltipClass=\"sd-multiline-tooltip\"\n [class.c-badge-icon]=\"_type === 'icon'\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <div class=\"c-icon d-flex align-items-center\">\n <span class=\"c-material-icon\" [ngClass]=\"iconCombinedClasses()\">\n {{ iconName }}\n </span>\n <div class=\"c-badge-copy\">\n <span class=\"T14R c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"T10R c-badge-description\">{{ _description }}</span>\n }\n </div>\n </div>\n </div>\n}\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-badge.mjs","sources":["../../../projects/sd-angular/components/badge/src/badge.component.ts","../../../projects/sd-angular/components/badge/src/badge.component.html","../../../projects/sd-angular/components/badge/sd-angular-core-components-badge.ts"],"sourcesContent":["/* eslint-disable @angular-eslint/no-input-rename */\nimport { CommonModule } from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n Component,\n ElementRef,\n EventEmitter,\n Output,\n booleanAttribute,\n computed,\n input,\n signal,\n viewChild,\n} from '@angular/core';\nimport { Color, Size } from '@sdcorejs/utils/models';\nimport { SdTooltipDirective } from '@sd-angular/core/directives';\nimport { MaterialIconFontSet, DefaultMaterialIconFontSet } from '@sd-angular/core/utilities/models';\n\n// Export các Type để dùng chung\nexport type SdBadgeType = 'tag' | 'round' | 'icon';\n\n@Component({\n selector: 'sd-badge',\n templateUrl: './badge.component.html',\n styleUrl: './badge.component.scss',\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: true,\n imports: [CommonModule, SdTooltipDirective],\n host: {\n // why: `<sd-badge title=\"…\">` để lại attribute title trên host, trình duyệt hiện tooltip riêng chồng lên\n // tooltip của badge. Giá trị vẫn tới input `title`.\n '[attr.title]': 'null',\n '(mouseenter)': 'measureTruncation()',\n '(focusin)': 'measureTruncation()',\n },\n})\nexport class SdBadge {\n /** Glyph mặc định trước 19.0.51; type icon không có icon giờ vẽ chấm CSS. Giữ lại vì là property công khai. */\n defaultIcon = 'fiber_manual_record';\n\n // ==========================================\n // 1. SIGNAL INPUTS\n // ==========================================\n type = input<SdBadgeType, SdBadgeType | undefined | null>('icon', {\n transform: value => value || 'icon',\n });\n\n color = input<Color, Color | undefined | null>('secondary', {\n transform: value => value || 'secondary',\n });\n\n primary = input(false, { transform: booleanAttribute });\n secondary = input(false, { transform: booleanAttribute });\n success = input(false, { transform: booleanAttribute });\n info = input(false, { transform: booleanAttribute });\n warning = input(false, { transform: booleanAttribute });\n error = input(false, { transform: booleanAttribute });\n\n fontSet = input<MaterialIconFontSet, MaterialIconFontSet | undefined | null>('material-icons', {\n transform: value => value || 'material-icons',\n });\n\n title = input<string | number | undefined | null>();\n description = input<string | undefined | null>();\n tooltip = input<string | undefined | null>();\n icon = input<string | undefined | null>();\n\n size = input<Size, Size | undefined | null>('sm', {\n transform: value => value || 'sm',\n });\n\n // ==========================================\n // 2. OUTPUT\n // ==========================================\n @Output() click = new EventEmitter<Event>();\n\n onClick = (event: Event) => {\n event.stopPropagation();\n this.click.emit(event);\n };\n\n // ==========================================\n // 3. TOOLTIP\n // ==========================================\n private readonly titleRef = viewChild<ElementRef<HTMLElement>>('titleEl');\n readonly #truncated = signal(false);\n\n /** Đo lúc hover/focus xem title có bị cắt không; chỉ khi bị cắt (hoặc có `tooltip`) badge mới có tooltip. */\n // why: đo theo sự kiện thay vì ResizeObserver — bảng có hàng trăm badge, phần lớn không bao giờ được rê chuột.\n // `[sdTooltip]` chờ một nhịp rồi mới đọc nội dung, nên giá trị đo ở đây đã có mặt ngay lần rê đầu.\n measureTruncation = (): void => {\n const el = this.titleRef()?.nativeElement;\n this.#truncated.set(!!el && el.scrollWidth > el.clientWidth);\n };\n\n /** Chữ của tooltip: `tooltip` nếu có; nếu không thì title đầy đủ khi title đang bị cắt; ngược lại rỗng. */\n tooltipText = computed(() => {\n const tooltip = this.tooltip()?.trim();\n if (tooltip) return tooltip;\n const title = this.title();\n if (title === undefined || title === null) return '';\n return this.#truncated() ? String(title) : '';\n });\n\n // ==========================================\n // 4. COMPUTED STATE\n // ==========================================\n\n effectiveColor = computed(() => {\n if (this.primary()) return 'primary';\n if (this.secondary()) return 'secondary';\n if (this.success()) return 'success';\n if (this.info()) return 'info';\n if (this.warning()) return 'warning';\n if (this.error()) return 'error';\n return this.color();\n });\n\n baseColorClasses = computed(() => {\n const c = this.effectiveColor();\n return {\n 'c-primary': c === 'primary',\n 'c-secondary': c === 'secondary',\n 'c-info': c === 'info',\n 'c-success': c === 'success',\n 'c-warning': c === 'warning',\n 'c-error': c === 'error',\n };\n });\n\n // why: icon của type icon dùng tông *-dark của màu hiệu lực như Core UI; secondary không còn rơi về black400.\n iconColorClasses = computed(() => this.baseColorClasses());\n\n iconSizeAndFontClasses = computed(() => {\n const s = this.size();\n const f = this.fontSet();\n return {\n 'c-sm': s === 'sm',\n 'c-md': s === 'md',\n 'c-lg': s === 'lg',\n 'material-icons': f === 'material-icons',\n 'material-icons-outlined': f === 'material-icons-outlined',\n 'material-icons-round': f === 'material-icons-round',\n 'material-icons-sharp': f === 'material-icons-sharp',\n };\n });\n\n // why: size modifier cho container. Tách prefix c-badge--<size> để không đụng class .c-sm/.c-md/.c-lg trên icon.\n containerSizeClasses = computed(() => {\n const s = this.size();\n return {\n 'c-badge--sm': s === 'sm',\n 'c-badge--md': s === 'md',\n 'c-badge--lg': s === 'lg',\n };\n });\n\n // GỘP CLASS CHO ICON CỦA ROUND/TAG\n tagIconCombinedClasses = computed(() => ({\n ...this.iconSizeAndFontClasses(),\n ...this.baseColorClasses(),\n }));\n\n // GỘP CLASS CHO CONTAINER (màu + size modifier), dùng cho cả ba type\n containerCombinedClasses = computed(() => ({\n ...this.baseColorClasses(),\n ...this.containerSizeClasses(),\n }));\n\n // GỘP CLASS CHO ICON CỦA TYPE 'ICON'\n iconCombinedClasses = computed(() => ({\n ...this.iconSizeAndFontClasses(),\n ...this.iconColorClasses(),\n }));\n}\n","@let _type = type();\n@let _title = title();\n@let _description = description();\n@let _icon = icon();\n@let _tooltipText = tooltipText();\n@let isPointer = click.observed;\n\n<!-- why: tooltip dùng [sdTooltip] thay matTooltip — overlay chỉ tạo khi hiện, và chỉ có nội dung khi có `tooltip`\n hoặc khi title bị cắt (đo lúc hover/focus trên host). -->\n@if (_type === 'round') {\n <div\n class=\"c-badge\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-icon]=\"!!_icon\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (_icon) {\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">{{ _icon }}</span>\n }\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n </div>\n} @else if (_type === 'tag') {\n <div\n class=\"c-badge c-badge--tag\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge--has-desc]=\"!!_description\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n @if (_icon) {\n <span class=\"c-badge-lead\">\n <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">{{ _icon }}</span>\n </span>\n }\n <span class=\"c-badge-copy\">\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"c-badge-description\">{{ _description }}</span>\n }\n </span>\n </div>\n} @else {\n <div\n class=\"c-badge-icon\"\n sdTooltipPosition=\"top\"\n [sdTooltip]=\"_tooltipText ? tooltipContent : ''\"\n [ngClass]=\"containerCombinedClasses()\"\n [class.c-badge-icon--has-desc]=\"!!_description\"\n [class.pointer]=\"isPointer\"\n (click)=\"onClick($event)\"\n aria-hidden=\"true\">\n <!-- why: ô dẫn đầu cao bằng line-height của title nên icon (hoặc chấm) luôn nằm giữa DÒNG ĐẦU, kể cả khi có\n description. Không có icon thì vẽ chấm bằng CSS thay cho glyph fiber_manual_record. -->\n <span class=\"c-badge-lead\">\n @if (_icon) {\n <span class=\"c-material-icon\" [ngClass]=\"iconCombinedClasses()\">{{ _icon }}</span>\n } @else {\n <span class=\"c-badge-dot\" [ngClass]=\"baseColorClasses()\"></span>\n }\n </span>\n <span class=\"c-badge-copy\">\n <span #titleEl class=\"c-badge-title\">{{ _title }}</span>\n @if (_description) {\n <span class=\"c-badge-description\">{{ _description }}</span>\n }\n </span>\n </div>\n}\n\n<ng-template #tooltipContent>\n <span class=\"c-badge-tooltip\">{{ _tooltipText }}</span>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
package/fesm2022/sd-angular-core-directives.mjs CHANGED
@@ -1,45 +1,137 @@
1
1
  import * as i0 from '@angular/core';
2
- import { HostListener, Directive, inject, TemplateRef, ViewContainerRef, DestroyRef, Input, HostBinding, ChangeDetectorRef, input, computed, Component, ElementRef } from '@angular/core';
2
+ import { signal, inject, DestroyRef, Injectable, NgZone, effect, untracked, Directive, TemplateRef, ViewContainerRef, HostListener, Input, HostBinding, ChangeDetectorRef, input, computed, Component, ElementRef } from '@angular/core';
3
+ import { DOCUMENT, NgTemplateOutlet } from '@angular/common';
3
4
  import { BrowserUtilities } from '@sdcorejs/utils/fns';
4
5
  import { I18nService } from '@sd-angular/core/i18n';
5
6
  import { Router } from '@angular/router';
6
7
  import { Overlay } from '@angular/cdk/overlay';
7
8
  import { ComponentPortal } from '@angular/cdk/portal';
8
- import { NgTemplateOutlet } from '@angular/common';
9
+
10
+ /** Thiết bị khớp media query này được coi là màn hình cảm ứng: cuộn ngang luôn bật, không phụ thuộc hover. */
11
+ const SD_SCROLL_TOUCH_MEDIA_QUERY = '(hover: none), (any-pointer: coarse)';
12
+ /**
13
+ * Nội bộ của `SdScrollDirective` (không export khỏi entry point `directives`).
14
+ *
15
+ * why: mỗi `sdScroll` tự gọi `matchMedia` thì trang có N bảng sẽ có N listener `change`. Service root giữ đúng
16
+ * một `MediaQueryList` và một listener cho cả ứng dụng; directive chỉ đọc signal `touch`.
17
+ */
18
+ class SdScrollPointerService {
19
+ #touch = signal(false);
20
+ /** `true` khi thiết bị khớp `SD_SCROLL_TOUCH_MEDIA_QUERY`; `false` khi không khớp hoặc không có `matchMedia` (SSR, test). */
21
+ touch = this.#touch.asReadonly();
22
+ constructor() {
23
+ const view = inject(DOCUMENT).defaultView;
24
+ if (typeof view?.matchMedia !== 'function') {
25
+ return;
26
+ }
27
+ const query = view.matchMedia(SD_SCROLL_TOUCH_MEDIA_QUERY);
28
+ this.#touch.set(query.matches);
29
+ const onChange = (event) => this.#touch.set(event.matches);
30
+ query.addEventListener('change', onChange);
31
+ // why: gỡ listener khi root injector bị huỷ (đóng ứng dụng, hoặc sau mỗi test của TestBed).
32
+ inject(DestroyRef).onDestroy(() => query.removeEventListener('change', onChange));
33
+ }
34
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdScrollPointerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
35
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdScrollPointerService, providedIn: 'root' });
36
+ }
37
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdScrollPointerService, decorators: [{
38
+ type: Injectable,
39
+ args: [{ providedIn: 'root' }]
40
+ }], ctorParameters: () => [] });
9
41
 
10
42
  class SdScrollDirective {
11
43
  elementRef;
12
44
  renderer;
13
- #overflowX = 'hidden';
14
- #overflowY = 'auto';
15
- onMouseOver() {
16
- this.#overflowX = 'auto';
17
- // this.#overflowY = 'auto';
18
- this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-x', this.#overflowX);
19
- // this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-y', this.#overflowY);
20
- }
21
- onMouseOut() {
22
- this.#overflowX = 'hidden';
23
- this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-x', this.#overflowX);
24
- }
45
+ #zone = inject(NgZone);
46
+ #pointer = inject(SdScrollPointerService);
47
+ #touch = false;
48
+ #overflowX = null;
49
+ #mouseListeners = [];
50
+ #scrollTopTimer = null;
25
51
  constructor(elementRef, renderer) {
26
52
  this.elementRef = elementRef;
27
53
  this.renderer = renderer;
54
+ // why: theo dõi chế độ cảm ứng/chuột qua signal của service dùng chung; effect tự huỷ cùng directive.
55
+ effect(() => {
56
+ const touch = this.#pointer.touch();
57
+ untracked(() => this.#applyMode(touch));
58
+ });
59
+ inject(DestroyRef).onDestroy(() => {
60
+ this.#detachMouse();
61
+ this.#clearScrollTop();
62
+ });
63
+ }
64
+ /** Chế độ chuột: hiện thanh cuộn ngang khi con trỏ vào host (gọi từ `mouseenter`). Không làm gì trên thiết bị cảm ứng. */
65
+ onMouseOver() {
66
+ if (!this.#touch) {
67
+ this.#setOverflowX('auto');
68
+ }
69
+ }
70
+ /** Chế độ chuột: ẩn thanh cuộn ngang khi con trỏ rời host (gọi từ `mouseleave`). Không làm gì trên thiết bị cảm ứng. */
71
+ onMouseOut() {
72
+ if (!this.#touch) {
73
+ this.#setOverflowX('hidden');
74
+ }
28
75
  }
29
76
  ngOnInit() {
30
77
  this.renderer.setStyle(this.elementRef.nativeElement, '-webkit-transform', 'translate3d(0, 0, 0)');
31
- this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-x', this.#overflowX);
32
- this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-y', this.#overflowY);
78
+ this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-y', 'auto');
79
+ // why: đặt overflow-x ngay lần render đầu, không chờ effect, để lần vuốt đầu trên màn hình cảm ứng đã cuộn được.
80
+ this.#applyMode(this.#pointer.touch());
33
81
  }
34
82
  scrollTop = () => {
35
- setTimeout(() => {
83
+ this.#clearScrollTop();
84
+ this.#scrollTopTimer = setTimeout(() => {
85
+ this.#scrollTopTimer = null;
36
86
  if (this.elementRef?.nativeElement) {
37
87
  this.elementRef.nativeElement.scrollTop = 0;
38
88
  }
39
89
  }, 1);
40
90
  };
91
+ #applyMode(touch) {
92
+ this.#touch = touch;
93
+ if (touch) {
94
+ // why: trình duyệt chọn phần tử cuộn ngay khi cử chỉ chạm bắt đầu, nên overflow-x phải là auto từ trước.
95
+ this.#detachMouse();
96
+ this.#setOverflowX('auto');
97
+ return;
98
+ }
99
+ this.#setOverflowX('hidden');
100
+ this.#attachMouse();
101
+ }
102
+ #attachMouse() {
103
+ if (this.#mouseListeners.length > 0) {
104
+ return;
105
+ }
106
+ const host = this.elementRef.nativeElement;
107
+ // why: mouseenter/mouseleave không lan lên từ từng ô con như mouseover/mouseout, và gắn ngoài NgZone nên rê chuột
108
+ // qua bảng không kích hoạt change detection của cả ứng dụng; handler chỉ ghi style.
109
+ this.#zone.runOutsideAngular(() => {
110
+ this.#mouseListeners = [
111
+ this.renderer.listen(host, 'mouseenter', () => this.onMouseOver()),
112
+ this.renderer.listen(host, 'mouseleave', () => this.onMouseOut()),
113
+ ];
114
+ });
115
+ }
116
+ #detachMouse() {
117
+ this.#mouseListeners.forEach(unlisten => unlisten());
118
+ this.#mouseListeners = [];
119
+ }
120
+ #setOverflowX(value) {
121
+ if (this.#overflowX === value) {
122
+ return;
123
+ }
124
+ this.#overflowX = value;
125
+ this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-x', value);
126
+ }
127
+ #clearScrollTop() {
128
+ if (this.#scrollTopTimer !== null) {
129
+ clearTimeout(this.#scrollTopTimer);
130
+ this.#scrollTopTimer = null;
131
+ }
132
+ }
41
133
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdScrollDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
42
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: SdScrollDirective, isStandalone: true, selector: "[sdScroll]", host: { listeners: { "mouseover": "onMouseOver()", "mouseout": "onMouseOut()" } }, ngImport: i0 });
134
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: SdScrollDirective, isStandalone: true, selector: "[sdScroll]", ngImport: i0 });
43
135
  }
44
136
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdScrollDirective, decorators: [{
45
137
  type: Directive,
@@ -47,13 +139,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImpo
47
139
  selector: '[sdScroll]',
48
140
  standalone: true,
49
141
  }]
50
- }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { onMouseOver: [{
51
- type: HostListener,
52
- args: ['mouseover']
53
- }], onMouseOut: [{
54
- type: HostListener,
55
- args: ['mouseout']
56
- }] } });
142
+ }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }] });
57
143
 
58
144
  class SdDesktopDirective {
59
145
  #templateRef = inject(TemplateRef);
package/fesm2022/sd-angular-core-directives.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"sd-angular-core-directives.mjs","sources":["../../../projects/sd-angular/directives/src/sd-scroll.directive.ts","../../../projects/sd-angular/directives/src/sd-desktop.directive.ts","../../../projects/sd-angular/directives/src/sd-mobile.directive.ts","../../../projects/sd-angular/directives/src/sd-hover-copy.directive.ts","../../../projects/sd-angular/directives/src/sd-href.directive.ts","../../../projects/sd-angular/directives/src/sd-tooltip.directive.ts","../../../projects/sd-angular/directives/sd-angular-core-directives.ts"],"sourcesContent":["import { Directive, ElementRef, HostListener, OnInit, Renderer2 } from '@angular/core';\n\n@Directive({\n selector: '[sdScroll]',\n standalone: true,\n})\nexport class SdScrollDirective implements OnInit {\n #overflowX: 'hidden' | 'auto' | 'overlay' = 'hidden';\n #overflowY: 'hidden' | 'auto' | 'overlay' = 'auto';\n @HostListener('mouseover')\n onMouseOver() {\n this.#overflowX = 'auto';\n // this.#overflowY = 'auto';\n this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-x', this.#overflowX);\n // this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-y', this.#overflowY);\n }\n\n @HostListener('mouseout')\n onMouseOut() {\n this.#overflowX = 'hidden';\n this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-x', this.#overflowX);\n }\n constructor(\n private elementRef: ElementRef,\n private renderer: Renderer2\n ) {}\n\n ngOnInit(): void {\n this.renderer.setStyle(this.elementRef.nativeElement, '-webkit-transform', 'translate3d(0, 0, 0)');\n this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-x', this.#overflowX);\n this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-y', this.#overflowY);\n }\n\n scrollTop = () => {\n setTimeout(() => {\n if (this.elementRef?.nativeElement) {\n this.elementRef.nativeElement.scrollTop = 0;\n }\n }, 1);\n };\n}\n","import { Directive, TemplateRef, ViewContainerRef, inject } from '@angular/core';\nimport { BrowserUtilities } from '@sdcorejs/utils/fns';\n\n@Directive({\n selector: '[sdDesktop]',\n standalone: true,\n})\nexport class SdDesktopDirective {\n readonly #templateRef: TemplateRef<Record<string, never>> = inject(TemplateRef);\n readonly #viewContainerRef = inject(ViewContainerRef);\n\n constructor() {\n if (!BrowserUtilities.isMobile()) {\n this.#viewContainerRef.createEmbeddedView(this.#templateRef);\n }\n }\n}\n","import { Directive, TemplateRef, ViewContainerRef, inject } from '@angular/core';\nimport { BrowserUtilities } from '@sdcorejs/utils/fns';\n\n@Directive({\n selector: '[sdMobile]',\n standalone: true,\n})\nexport class SdMobileDirective {\n readonly #templateRef: TemplateRef<Record<string, never>> = inject(TemplateRef);\n readonly #viewContainerRef = inject(ViewContainerRef);\n\n constructor() {\n if (BrowserUtilities.isMobile()) {\n this.#viewContainerRef.createEmbeddedView(this.#templateRef);\n }\n }\n}\n","import { DestroyRef, Directive, ElementRef, inject, Input, Renderer2, HostListener, OnInit, OnChanges, SimpleChanges } from '@angular/core';\nimport { BrowserUtilities } from '@sdcorejs/utils/fns';\nimport { I18nService } from '@sd-angular/core/i18n';\n\n@Directive({\n selector: '[sdHoverCopy]',\n})\nexport class SdHoverCopyDirective implements OnInit, OnChanges {\n @Input({ alias: 'sdHoverCopy', required: true }) copyText!: string;\n @Input() sdHoverCopyDisabled = false;\n\n readonly #i18n = inject(I18nService);\n\n #copyButton: HTMLElement | null = null;\n #tooltip!: HTMLElement;\n #unlistenCopy?: () => void;\n #hideTooltipTimer?: ReturnType<typeof setTimeout>;\n get #defaultTooltip(): string {\n return this.#i18n.t('core.directive.hover-copy.tooltip');\n }\n\n constructor(\n private el: ElementRef,\n private renderer: Renderer2\n ) {\n inject(DestroyRef).onDestroy(() => this.#removeCopyButton());\n }\n\n // https://onemount.atlassian.net/browse/SM-2287\n // Hiện tại khi sdHoverCopyDisabled = true, directive chỉ dùng opacity: 0 và pointerEvents: 'none' để ẩn nút, nhưng điều này không hoàn toàn ngăn chặn được việc click trong một số trường hợp.\n // Giải pháp: Remove khỏi DOM nếu column không được enable\n ngOnInit(): void {\n if (!this.sdHoverCopyDisabled) {\n this.#createAndAppendCopyButton();\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['sdHoverCopyDisabled']) {\n if (!this.sdHoverCopyDisabled) {\n // Enable - create and show button if not exists\n if (!this.#copyButton) {\n this.#createAndAppendCopyButton();\n }\n } else {\n // Disable - remove button from DOM\n this.#removeCopyButton();\n }\n }\n }\n\n #createAndAppendCopyButton(): void {\n // why: ngOnChanges có thể tạo nút trước ngOnInit; mỗi host chỉ giữ một nút/listener.\n if (this.#copyButton) return;\n const parent = this.el.nativeElement;\n this.renderer.setStyle(parent, 'position', 'relative');\n\n // Create button\n this.#copyButton = this.renderer.createElement('button');\n this.renderer.setStyle(this.#copyButton, 'position', 'absolute');\n this.renderer.setStyle(this.#copyButton, 'top', '50%');\n this.renderer.setStyle(this.#copyButton, 'transform', 'translateY(-50%)');\n this.renderer.setStyle(this.#copyButton, 'right', '4px');\n this.renderer.setStyle(this.#copyButton, 'display', 'none');\n this.renderer.setStyle(this.#copyButton, 'z-index', '10');\n this.renderer.setStyle(this.#copyButton, 'background', 'transparent');\n this.renderer.setStyle(this.#copyButton, 'border', 'none');\n this.renderer.setStyle(this.#copyButton, 'cursor', 'pointer');\n this.renderer.setStyle(this.#copyButton, 'padding', '1px');\n this.renderer.setStyle(this.#copyButton, 'border-radius', '3px');\n this.renderer.setStyle(this.#copyButton, 'padding', '5px');\n this.renderer.setStyle(this.#copyButton, 'line-height', '1');\n this.renderer.setStyle(this.#copyButton, 'background-color', 'var(--sd-black100)');\n\n // Add inline SVG icon\n const svg = this.renderer.createElement('svg', 'svg');\n this.renderer.addClass(svg, 'text-secondary');\n this.renderer.setAttribute(svg, 'width', '14');\n this.renderer.setAttribute(svg, 'height', '14');\n this.renderer.setAttribute(svg, 'viewBox', '0 0 24 24');\n this.renderer.setAttribute(svg, 'fill', 'none');\n this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');\n\n const path = this.renderer.createElement('path', 'svg');\n this.renderer.setAttribute(\n path,\n 'd',\n 'M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM20 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H20C21.1 23 22 22.1 22 21V7C22 5.9 21.1 5 20 5ZM20 21H8V7H20V21Z'\n );\n this.renderer.setAttribute(path, 'fill', 'currentColor');\n this.renderer.appendChild(svg, path);\n this.renderer.appendChild(this.#copyButton, svg);\n\n // Tooltip\n this.#tooltip = this.renderer.createElement('span');\n this.renderer.setProperty(this.#tooltip, 'innerText', this.#defaultTooltip);\n this.renderer.setStyle(this.#tooltip, 'position', 'absolute');\n this.renderer.setStyle(this.#tooltip, 'bottom', '100%');\n this.renderer.setStyle(this.#tooltip, 'left', '50%');\n this.renderer.setStyle(this.#tooltip, 'transform', 'translateX(-50%)');\n this.renderer.setStyle(this.#tooltip, 'marginBottom', '4px');\n this.renderer.setStyle(this.#tooltip, 'background', '#333');\n this.renderer.setStyle(this.#tooltip, 'color', '#fff');\n this.renderer.setStyle(this.#tooltip, 'padding', '2px 6px');\n this.renderer.setStyle(this.#tooltip, 'borderRadius', '4px');\n this.renderer.setStyle(this.#tooltip, 'fontSize', '12px');\n this.renderer.setStyle(this.#tooltip, 'whiteSpace', 'nowrap');\n this.renderer.setStyle(this.#tooltip, 'opacity', '0');\n this.renderer.setStyle(this.#tooltip, 'transition', 'opacity 0.2s');\n this.renderer.setStyle(this.#tooltip, 'pointerEvents', 'none');\n this.renderer.setStyle(this.#tooltip, 'userSelect', 'none');\n\n this.renderer.appendChild(this.#copyButton, this.#tooltip);\n this.renderer.appendChild(parent, this.#copyButton);\n\n // Listen click\n this.#unlistenCopy = this.renderer.listen(this.#copyButton, 'click', () => {\n if (this.copyText && !this.sdHoverCopyDisabled) {\n BrowserUtilities.copyToClipboard(String(this.copyText));\n this.#showTooltip('Copied');\n this.#clearHideTooltipTimer();\n this.#hideTooltipTimer = setTimeout(() => this.#hideTooltip(), 1000);\n }\n });\n }\n\n #removeCopyButton(): void {\n this.#clearHideTooltipTimer();\n this.#unlistenCopy?.();\n this.#unlistenCopy = undefined;\n if (this.#copyButton) {\n this.renderer.removeChild(this.el.nativeElement, this.#copyButton);\n this.#copyButton = null;\n }\n }\n\n #showTooltip(message: string) {\n this.renderer.setProperty(this.#tooltip, 'innerText', message);\n this.renderer.setStyle(this.#tooltip, 'opacity', '1');\n }\n\n #hideTooltip() {\n this.#clearHideTooltipTimer();\n this.renderer.setProperty(this.#tooltip, 'innerText', this.#defaultTooltip);\n this.renderer.setStyle(this.#tooltip, 'opacity', '0');\n }\n\n #clearHideTooltipTimer(): void {\n if (this.#hideTooltipTimer === undefined) return;\n clearTimeout(this.#hideTooltipTimer);\n this.#hideTooltipTimer = undefined;\n }\n\n @HostListener('mouseenter')\n onMouseEnter() {\n if (!this.sdHoverCopyDisabled && this.#copyButton) {\n this.renderer.setStyle(this.#copyButton, 'display', 'block');\n }\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n if (this.#copyButton) {\n this.renderer.setStyle(this.#copyButton, 'display', 'none');\n this.#hideTooltip();\n }\n }\n}\n","import { Directive, HostBinding, HostListener, inject, Input } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Directive({\n selector: 'a[sdHref]',\n standalone: true,\n})\nexport class SdHrefDirective {\n readonly #router = inject(Router);\n // Nhận vào url đã được xử lý (từ Pipe của bạn)\n @Input('sdHref') url!: string;\n // Tự động bind giá trị url vào thuộc tính href của thẻ <a>\n @HostBinding('attr.href') get href() {\n return this.url || 'javascript:;';\n }\n\n @HostListener('click', ['$event'])\n onClick(event: Event) {\n if (!this.url) return;\n if (this.url.startsWith('http')) {\n // Nếu là link ngoài -> Mở tab mới và ngăn chặn hành vi mặc định của thẻ a (để không chuyển trang hiện tại)\n window.open(this.url, '_blank');\n event.preventDefault();\n } else {\n // Nếu là link nội bộ -> Ngăn chặn full-page reload, dùng Angular Router để điều hướng\n event.preventDefault();\n const [path, queryString] = this.url.split('?');\n // Bạn có thể dùng hàm SdUtilities.parseQueryParams của bạn ở đây,\n // hoặc dùng cách native URLSearchParams như sau:\n const params = new URLSearchParams(queryString || '');\n const queryParams: Record<string, string> = {};\n params.forEach((value, key) => (queryParams[key] = value));\n this.#router.navigate([path], { queryParams });\n }\n }\n}\n","import { Directive, ElementRef, HostListener, TemplateRef, ViewContainerRef, inject, input, DestroyRef, ComponentRef, Component, ChangeDetectorRef, computed } from '@angular/core';\nimport { Overlay, OverlayRef, ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\n\n// Component dùng để instance cho overlay\n@Component({\n selector: 'sd-tooltip-container',\n standalone: true,\n imports: [NgTemplateOutlet],\n template: `\n <div\n class=\"c-sd-tooltip-container\"\n [style.background-color]=\"color()\">\n @if (isTemplate()) {\n <ng-container [ngTemplateOutlet]=\"templateContent()\"></ng-container>\n } @else {\n <span class=\"c-sd-tooltip-text\">{{ textContent() }}</span>\n }\n </div>\n `,\n styles: [\n `\n .c-sd-tooltip-container {\n padding: 6px 8px;\n border-radius: 4px;\n color: white;\n font-size: 12px;\n font-family: Roboto, 'Helvetica Neue', sans-serif;\n box-shadow:\n 0 2px 4px -1px #0003,\n 0 4px 5px #00000024,\n 0 1px 10px #0000001f;\n max-width: 250px;\n word-wrap: break-word;\n pointer-events: auto;\n user-select: text;\n }\n `,\n ],\n host: {\n '(mouseenter)': 'onMouseEnter()',\n '(mouseleave)': 'onMouseLeave()',\n },\n})\nclass SdTooltipComponent {\n private cdr = inject(ChangeDetectorRef);\n\n content = input.required<string | TemplateRef<any>>();\n color = input<string>('#616161');\n\n isTemplate = computed(() => this.content() instanceof TemplateRef);\n templateContent = computed(() => (this.isTemplate() ? (this.content() as TemplateRef<any>) : null));\n textContent = computed(() => (!this.isTemplate() ? (this.content() as string) : ''));\n onMouseEnterCb?: () => void;\n onMouseLeaveCb?: () => void;\n\n onMouseEnter() {\n this.onMouseEnterCb?.();\n }\n\n onMouseLeave() {\n this.onMouseLeaveCb?.();\n }\n\n triggerChangeDetection() {\n this.cdr.detectChanges();\n }\n}\n// End\n\n// Directive\n@Directive({\n selector: '[sdTooltip]',\n standalone: true,\n})\nexport class SdTooltipDirective {\n content = input.required<string | TemplateRef<any>>({ alias: 'sdTooltip' });\n sdTooltipPosition = input<TooltipPosition>('bottom');\n sdTooltipDelay = input<number>(100);\n sdTooltipColor = input<string>('#616161');\n\n private static activeTooltip: SdTooltipDirective | null = null;\n\n private readonly elementRef = inject(ElementRef);\n private readonly overlay = inject(Overlay);\n private readonly viewContainerRef = inject(ViewContainerRef);\n private readonly destroyRef = inject(DestroyRef);\n\n private overlayRef: OverlayRef | null = null;\n private tooltipComponentRef: ComponentRef<SdTooltipComponent> | null = null;\n private tooltipInstance: SdTooltipComponent | null = null;\n\n private showTimeout: ReturnType<typeof setTimeout> | undefined;\n private hideTimeout: ReturnType<typeof setTimeout> | undefined;\n\n constructor() {\n this.destroyRef.onDestroy(() => {\n this.#cleanup();\n });\n }\n\n @HostListener('mouseenter')\n onMouseEnter() {\n if (SdTooltipDirective.activeTooltip && SdTooltipDirective.activeTooltip !== this) {\n SdTooltipDirective.activeTooltip.forceHide();\n }\n SdTooltipDirective.activeTooltip = this;\n\n this.#clearTimeouts();\n this.showTimeout = setTimeout(() => {\n this.#show();\n }, this.sdTooltipDelay());\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n this.#clearTimeouts();\n this.hideTimeout = setTimeout(() => {\n this.#hide();\n }, 300);\n }\n\n forceHide = (): void => {\n this.#clearTimeouts();\n this.#hide();\n };\n\n #show = (): void => {\n const currentContent = this.content();\n\n if (!currentContent) return;\n\n if (!this.overlayRef) {\n this.#createOverlay();\n }\n\n if (this.overlayRef && !this.overlayRef.hasAttached()) {\n const portal = new ComponentPortal(SdTooltipComponent, this.viewContainerRef);\n this.tooltipComponentRef = this.overlayRef.attach(portal);\n this.tooltipInstance = this.tooltipComponentRef.instance;\n\n this.#setupTooltipInstance();\n }\n\n if (this.tooltipComponentRef && this.tooltipInstance) {\n this.tooltipComponentRef.setInput('content', currentContent);\n this.tooltipComponentRef.setInput('color', this.sdTooltipColor());\n this.tooltipInstance.triggerChangeDetection();\n }\n };\n\n #hide = (): void => {\n if (this.tooltipInstance && this.overlayRef?.hasAttached()) {\n this.overlayRef.detach();\n this.tooltipInstance = null;\n this.tooltipComponentRef = null;\n }\n };\n\n #createOverlay = (): void => {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.elementRef)\n .withPositions(this.#getPositions())\n .withViewportMargin(8)\n .withPush(false);\n\n this.overlayRef = this.overlay.create({\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.close(),\n panelClass: 'c-sd-tooltip-panel',\n });\n };\n\n #setupTooltipInstance = (): void => {\n if (!this.tooltipInstance) return;\n\n this.tooltipInstance.onMouseEnterCb = () => {\n clearTimeout(this.hideTimeout);\n };\n\n this.tooltipInstance.onMouseLeaveCb = () => {\n this.hideTimeout = setTimeout(() => {\n this.#hide();\n }, 200);\n };\n };\n\n #clearTimeouts = (): void => {\n clearTimeout(this.showTimeout);\n clearTimeout(this.hideTimeout);\n };\n\n #cleanup = (): void => {\n this.#clearTimeouts();\n\n if (SdTooltipDirective.activeTooltip === this) {\n SdTooltipDirective.activeTooltip = null;\n }\n\n if (this.overlayRef) {\n this.overlayRef.dispose();\n this.overlayRef = null;\n }\n\n // Xóa mọi tham chiếu\n this.tooltipInstance = null;\n this.tooltipComponentRef = null;\n };\n\n #getPositions = (): ConnectionPositionPair[] => {\n const offset = 8;\n const topPos: ConnectionPositionPair = { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset };\n const bottomPos: ConnectionPositionPair = {\n originX: 'center',\n originY: 'bottom',\n overlayX: 'center',\n overlayY: 'top',\n offsetY: offset,\n };\n const leftPos: ConnectionPositionPair = { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset };\n const rightPos: ConnectionPositionPair = { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset };\n\n switch (this.sdTooltipPosition()) {\n case 'top':\n return [topPos, bottomPos, rightPos, leftPos];\n case 'bottom':\n return [bottomPos, topPos, rightPos, leftPos];\n case 'left':\n return [leftPos, rightPos, topPos, bottomPos];\n case 'right':\n return [rightPos, leftPos, topPos, bottomPos];\n default:\n return [bottomPos, topPos];\n }\n };\n}\n// End\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-directives.mjs","sources":["../../../projects/sd-angular/directives/src/sd-scroll-pointer.service.ts","../../../projects/sd-angular/directives/src/sd-scroll.directive.ts","../../../projects/sd-angular/directives/src/sd-desktop.directive.ts","../../../projects/sd-angular/directives/src/sd-mobile.directive.ts","../../../projects/sd-angular/directives/src/sd-hover-copy.directive.ts","../../../projects/sd-angular/directives/src/sd-href.directive.ts","../../../projects/sd-angular/directives/src/sd-tooltip.directive.ts","../../../projects/sd-angular/directives/sd-angular-core-directives.ts"],"sourcesContent":["import { DOCUMENT } from '@angular/common';\nimport { DestroyRef, Injectable, Signal, inject, signal } from '@angular/core';\n\n/** Thiết bị khớp media query này được coi là màn hình cảm ứng: cuộn ngang luôn bật, không phụ thuộc hover. */\nexport const SD_SCROLL_TOUCH_MEDIA_QUERY = '(hover: none), (any-pointer: coarse)';\n\n/**\n * Nội bộ của `SdScrollDirective` (không export khỏi entry point `directives`).\n *\n * why: mỗi `sdScroll` tự gọi `matchMedia` thì trang có N bảng sẽ có N listener `change`. Service root giữ đúng\n * một `MediaQueryList` và một listener cho cả ứng dụng; directive chỉ đọc signal `touch`.\n */\n@Injectable({ providedIn: 'root' })\nexport class SdScrollPointerService {\n readonly #touch = signal(false);\n\n /** `true` khi thiết bị khớp `SD_SCROLL_TOUCH_MEDIA_QUERY`; `false` khi không khớp hoặc không có `matchMedia` (SSR, test). */\n readonly touch: Signal<boolean> = this.#touch.asReadonly();\n\n constructor() {\n const view = inject(DOCUMENT).defaultView;\n if (typeof view?.matchMedia !== 'function') {\n return;\n }\n const query = view.matchMedia(SD_SCROLL_TOUCH_MEDIA_QUERY);\n this.#touch.set(query.matches);\n const onChange = (event: MediaQueryListEvent) => this.#touch.set(event.matches);\n query.addEventListener('change', onChange);\n // why: gỡ listener khi root injector bị huỷ (đóng ứng dụng, hoặc sau mỗi test của TestBed).\n inject(DestroyRef).onDestroy(() => query.removeEventListener('change', onChange));\n }\n}\n","import { DestroyRef, Directive, ElementRef, NgZone, OnInit, Renderer2, effect, inject, untracked } from '@angular/core';\nimport { SdScrollPointerService } from './sd-scroll-pointer.service';\n\ntype SdScrollOverflow = 'hidden' | 'auto';\n\n@Directive({\n selector: '[sdScroll]',\n standalone: true,\n})\nexport class SdScrollDirective implements OnInit {\n readonly #zone = inject(NgZone);\n readonly #pointer = inject(SdScrollPointerService);\n #touch = false;\n #overflowX: SdScrollOverflow | null = null;\n #mouseListeners: (() => void)[] = [];\n #scrollTopTimer: ReturnType<typeof setTimeout> | null = null;\n\n constructor(\n private elementRef: ElementRef,\n private renderer: Renderer2\n ) {\n // why: theo dõi chế độ cảm ứng/chuột qua signal của service dùng chung; effect tự huỷ cùng directive.\n effect(() => {\n const touch = this.#pointer.touch();\n untracked(() => this.#applyMode(touch));\n });\n inject(DestroyRef).onDestroy(() => {\n this.#detachMouse();\n this.#clearScrollTop();\n });\n }\n\n /** Chế độ chuột: hiện thanh cuộn ngang khi con trỏ vào host (gọi từ `mouseenter`). Không làm gì trên thiết bị cảm ứng. */\n onMouseOver() {\n if (!this.#touch) {\n this.#setOverflowX('auto');\n }\n }\n\n /** Chế độ chuột: ẩn thanh cuộn ngang khi con trỏ rời host (gọi từ `mouseleave`). Không làm gì trên thiết bị cảm ứng. */\n onMouseOut() {\n if (!this.#touch) {\n this.#setOverflowX('hidden');\n }\n }\n\n ngOnInit(): void {\n this.renderer.setStyle(this.elementRef.nativeElement, '-webkit-transform', 'translate3d(0, 0, 0)');\n this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-y', 'auto');\n // why: đặt overflow-x ngay lần render đầu, không chờ effect, để lần vuốt đầu trên màn hình cảm ứng đã cuộn được.\n this.#applyMode(this.#pointer.touch());\n }\n\n scrollTop = () => {\n this.#clearScrollTop();\n this.#scrollTopTimer = setTimeout(() => {\n this.#scrollTopTimer = null;\n if (this.elementRef?.nativeElement) {\n this.elementRef.nativeElement.scrollTop = 0;\n }\n }, 1);\n };\n\n #applyMode(touch: boolean) {\n this.#touch = touch;\n if (touch) {\n // why: trình duyệt chọn phần tử cuộn ngay khi cử chỉ chạm bắt đầu, nên overflow-x phải là auto từ trước.\n this.#detachMouse();\n this.#setOverflowX('auto');\n return;\n }\n this.#setOverflowX('hidden');\n this.#attachMouse();\n }\n\n #attachMouse() {\n if (this.#mouseListeners.length > 0) {\n return;\n }\n const host = this.elementRef.nativeElement;\n // why: mouseenter/mouseleave không lan lên từ từng ô con như mouseover/mouseout, và gắn ngoài NgZone nên rê chuột\n // qua bảng không kích hoạt change detection của cả ứng dụng; handler chỉ ghi style.\n this.#zone.runOutsideAngular(() => {\n this.#mouseListeners = [\n this.renderer.listen(host, 'mouseenter', () => this.onMouseOver()),\n this.renderer.listen(host, 'mouseleave', () => this.onMouseOut()),\n ];\n });\n }\n\n #detachMouse() {\n this.#mouseListeners.forEach(unlisten => unlisten());\n this.#mouseListeners = [];\n }\n\n #setOverflowX(value: SdScrollOverflow) {\n if (this.#overflowX === value) {\n return;\n }\n this.#overflowX = value;\n this.renderer.setStyle(this.elementRef.nativeElement, 'overflow-x', value);\n }\n\n #clearScrollTop() {\n if (this.#scrollTopTimer !== null) {\n clearTimeout(this.#scrollTopTimer);\n this.#scrollTopTimer = null;\n }\n }\n}\n","import { Directive, TemplateRef, ViewContainerRef, inject } from '@angular/core';\nimport { BrowserUtilities } from '@sdcorejs/utils/fns';\n\n@Directive({\n selector: '[sdDesktop]',\n standalone: true,\n})\nexport class SdDesktopDirective {\n readonly #templateRef: TemplateRef<Record<string, never>> = inject(TemplateRef);\n readonly #viewContainerRef = inject(ViewContainerRef);\n\n constructor() {\n if (!BrowserUtilities.isMobile()) {\n this.#viewContainerRef.createEmbeddedView(this.#templateRef);\n }\n }\n}\n","import { Directive, TemplateRef, ViewContainerRef, inject } from '@angular/core';\nimport { BrowserUtilities } from '@sdcorejs/utils/fns';\n\n@Directive({\n selector: '[sdMobile]',\n standalone: true,\n})\nexport class SdMobileDirective {\n readonly #templateRef: TemplateRef<Record<string, never>> = inject(TemplateRef);\n readonly #viewContainerRef = inject(ViewContainerRef);\n\n constructor() {\n if (BrowserUtilities.isMobile()) {\n this.#viewContainerRef.createEmbeddedView(this.#templateRef);\n }\n }\n}\n","import { DestroyRef, Directive, ElementRef, inject, Input, Renderer2, HostListener, OnInit, OnChanges, SimpleChanges } from '@angular/core';\nimport { BrowserUtilities } from '@sdcorejs/utils/fns';\nimport { I18nService } from '@sd-angular/core/i18n';\n\n@Directive({\n selector: '[sdHoverCopy]',\n})\nexport class SdHoverCopyDirective implements OnInit, OnChanges {\n @Input({ alias: 'sdHoverCopy', required: true }) copyText!: string;\n @Input() sdHoverCopyDisabled = false;\n\n readonly #i18n = inject(I18nService);\n\n #copyButton: HTMLElement | null = null;\n #tooltip!: HTMLElement;\n #unlistenCopy?: () => void;\n #hideTooltipTimer?: ReturnType<typeof setTimeout>;\n get #defaultTooltip(): string {\n return this.#i18n.t('core.directive.hover-copy.tooltip');\n }\n\n constructor(\n private el: ElementRef,\n private renderer: Renderer2\n ) {\n inject(DestroyRef).onDestroy(() => this.#removeCopyButton());\n }\n\n // https://onemount.atlassian.net/browse/SM-2287\n // Hiện tại khi sdHoverCopyDisabled = true, directive chỉ dùng opacity: 0 và pointerEvents: 'none' để ẩn nút, nhưng điều này không hoàn toàn ngăn chặn được việc click trong một số trường hợp.\n // Giải pháp: Remove khỏi DOM nếu column không được enable\n ngOnInit(): void {\n if (!this.sdHoverCopyDisabled) {\n this.#createAndAppendCopyButton();\n }\n }\n\n ngOnChanges(changes: SimpleChanges): void {\n if (changes['sdHoverCopyDisabled']) {\n if (!this.sdHoverCopyDisabled) {\n // Enable - create and show button if not exists\n if (!this.#copyButton) {\n this.#createAndAppendCopyButton();\n }\n } else {\n // Disable - remove button from DOM\n this.#removeCopyButton();\n }\n }\n }\n\n #createAndAppendCopyButton(): void {\n // why: ngOnChanges có thể tạo nút trước ngOnInit; mỗi host chỉ giữ một nút/listener.\n if (this.#copyButton) return;\n const parent = this.el.nativeElement;\n this.renderer.setStyle(parent, 'position', 'relative');\n\n // Create button\n this.#copyButton = this.renderer.createElement('button');\n this.renderer.setStyle(this.#copyButton, 'position', 'absolute');\n this.renderer.setStyle(this.#copyButton, 'top', '50%');\n this.renderer.setStyle(this.#copyButton, 'transform', 'translateY(-50%)');\n this.renderer.setStyle(this.#copyButton, 'right', '4px');\n this.renderer.setStyle(this.#copyButton, 'display', 'none');\n this.renderer.setStyle(this.#copyButton, 'z-index', '10');\n this.renderer.setStyle(this.#copyButton, 'background', 'transparent');\n this.renderer.setStyle(this.#copyButton, 'border', 'none');\n this.renderer.setStyle(this.#copyButton, 'cursor', 'pointer');\n this.renderer.setStyle(this.#copyButton, 'padding', '1px');\n this.renderer.setStyle(this.#copyButton, 'border-radius', '3px');\n this.renderer.setStyle(this.#copyButton, 'padding', '5px');\n this.renderer.setStyle(this.#copyButton, 'line-height', '1');\n this.renderer.setStyle(this.#copyButton, 'background-color', 'var(--sd-black100)');\n\n // Add inline SVG icon\n const svg = this.renderer.createElement('svg', 'svg');\n this.renderer.addClass(svg, 'text-secondary');\n this.renderer.setAttribute(svg, 'width', '14');\n this.renderer.setAttribute(svg, 'height', '14');\n this.renderer.setAttribute(svg, 'viewBox', '0 0 24 24');\n this.renderer.setAttribute(svg, 'fill', 'none');\n this.renderer.setAttribute(svg, 'xmlns', 'http://www.w3.org/2000/svg');\n\n const path = this.renderer.createElement('path', 'svg');\n this.renderer.setAttribute(\n path,\n 'd',\n 'M16 1H4C2.9 1 2 1.9 2 3V17H4V3H16V1ZM20 5H8C6.9 5 6 5.9 6 7V21C6 22.1 6.9 23 8 23H20C21.1 23 22 22.1 22 21V7C22 5.9 21.1 5 20 5ZM20 21H8V7H20V21Z'\n );\n this.renderer.setAttribute(path, 'fill', 'currentColor');\n this.renderer.appendChild(svg, path);\n this.renderer.appendChild(this.#copyButton, svg);\n\n // Tooltip\n this.#tooltip = this.renderer.createElement('span');\n this.renderer.setProperty(this.#tooltip, 'innerText', this.#defaultTooltip);\n this.renderer.setStyle(this.#tooltip, 'position', 'absolute');\n this.renderer.setStyle(this.#tooltip, 'bottom', '100%');\n this.renderer.setStyle(this.#tooltip, 'left', '50%');\n this.renderer.setStyle(this.#tooltip, 'transform', 'translateX(-50%)');\n this.renderer.setStyle(this.#tooltip, 'marginBottom', '4px');\n this.renderer.setStyle(this.#tooltip, 'background', '#333');\n this.renderer.setStyle(this.#tooltip, 'color', '#fff');\n this.renderer.setStyle(this.#tooltip, 'padding', '2px 6px');\n this.renderer.setStyle(this.#tooltip, 'borderRadius', '4px');\n this.renderer.setStyle(this.#tooltip, 'fontSize', '12px');\n this.renderer.setStyle(this.#tooltip, 'whiteSpace', 'nowrap');\n this.renderer.setStyle(this.#tooltip, 'opacity', '0');\n this.renderer.setStyle(this.#tooltip, 'transition', 'opacity 0.2s');\n this.renderer.setStyle(this.#tooltip, 'pointerEvents', 'none');\n this.renderer.setStyle(this.#tooltip, 'userSelect', 'none');\n\n this.renderer.appendChild(this.#copyButton, this.#tooltip);\n this.renderer.appendChild(parent, this.#copyButton);\n\n // Listen click\n this.#unlistenCopy = this.renderer.listen(this.#copyButton, 'click', () => {\n if (this.copyText && !this.sdHoverCopyDisabled) {\n BrowserUtilities.copyToClipboard(String(this.copyText));\n this.#showTooltip('Copied');\n this.#clearHideTooltipTimer();\n this.#hideTooltipTimer = setTimeout(() => this.#hideTooltip(), 1000);\n }\n });\n }\n\n #removeCopyButton(): void {\n this.#clearHideTooltipTimer();\n this.#unlistenCopy?.();\n this.#unlistenCopy = undefined;\n if (this.#copyButton) {\n this.renderer.removeChild(this.el.nativeElement, this.#copyButton);\n this.#copyButton = null;\n }\n }\n\n #showTooltip(message: string) {\n this.renderer.setProperty(this.#tooltip, 'innerText', message);\n this.renderer.setStyle(this.#tooltip, 'opacity', '1');\n }\n\n #hideTooltip() {\n this.#clearHideTooltipTimer();\n this.renderer.setProperty(this.#tooltip, 'innerText', this.#defaultTooltip);\n this.renderer.setStyle(this.#tooltip, 'opacity', '0');\n }\n\n #clearHideTooltipTimer(): void {\n if (this.#hideTooltipTimer === undefined) return;\n clearTimeout(this.#hideTooltipTimer);\n this.#hideTooltipTimer = undefined;\n }\n\n @HostListener('mouseenter')\n onMouseEnter() {\n if (!this.sdHoverCopyDisabled && this.#copyButton) {\n this.renderer.setStyle(this.#copyButton, 'display', 'block');\n }\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n if (this.#copyButton) {\n this.renderer.setStyle(this.#copyButton, 'display', 'none');\n this.#hideTooltip();\n }\n }\n}\n","import { Directive, HostBinding, HostListener, inject, Input } from '@angular/core';\nimport { Router } from '@angular/router';\n\n@Directive({\n selector: 'a[sdHref]',\n standalone: true,\n})\nexport class SdHrefDirective {\n readonly #router = inject(Router);\n // Nhận vào url đã được xử lý (từ Pipe của bạn)\n @Input('sdHref') url!: string;\n // Tự động bind giá trị url vào thuộc tính href của thẻ <a>\n @HostBinding('attr.href') get href() {\n return this.url || 'javascript:;';\n }\n\n @HostListener('click', ['$event'])\n onClick(event: Event) {\n if (!this.url) return;\n if (this.url.startsWith('http')) {\n // Nếu là link ngoài -> Mở tab mới và ngăn chặn hành vi mặc định của thẻ a (để không chuyển trang hiện tại)\n window.open(this.url, '_blank');\n event.preventDefault();\n } else {\n // Nếu là link nội bộ -> Ngăn chặn full-page reload, dùng Angular Router để điều hướng\n event.preventDefault();\n const [path, queryString] = this.url.split('?');\n // Bạn có thể dùng hàm SdUtilities.parseQueryParams của bạn ở đây,\n // hoặc dùng cách native URLSearchParams như sau:\n const params = new URLSearchParams(queryString || '');\n const queryParams: Record<string, string> = {};\n params.forEach((value, key) => (queryParams[key] = value));\n this.#router.navigate([path], { queryParams });\n }\n }\n}\n","import { Directive, ElementRef, HostListener, TemplateRef, ViewContainerRef, inject, input, DestroyRef, ComponentRef, Component, ChangeDetectorRef, computed } from '@angular/core';\nimport { Overlay, OverlayRef, ConnectionPositionPair } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { NgTemplateOutlet } from '@angular/common';\n\nexport type TooltipPosition = 'top' | 'bottom' | 'left' | 'right';\n\n// Component dùng để instance cho overlay\n@Component({\n selector: 'sd-tooltip-container',\n standalone: true,\n imports: [NgTemplateOutlet],\n template: `\n <div\n class=\"c-sd-tooltip-container\"\n [style.background-color]=\"color()\">\n @if (isTemplate()) {\n <ng-container [ngTemplateOutlet]=\"templateContent()\"></ng-container>\n } @else {\n <span class=\"c-sd-tooltip-text\">{{ textContent() }}</span>\n }\n </div>\n `,\n styles: [\n `\n .c-sd-tooltip-container {\n padding: 6px 8px;\n border-radius: 4px;\n color: white;\n font-size: 12px;\n font-family: Roboto, 'Helvetica Neue', sans-serif;\n box-shadow:\n 0 2px 4px -1px #0003,\n 0 4px 5px #00000024,\n 0 1px 10px #0000001f;\n max-width: 250px;\n word-wrap: break-word;\n pointer-events: auto;\n user-select: text;\n }\n `,\n ],\n host: {\n '(mouseenter)': 'onMouseEnter()',\n '(mouseleave)': 'onMouseLeave()',\n },\n})\nclass SdTooltipComponent {\n private cdr = inject(ChangeDetectorRef);\n\n content = input.required<string | TemplateRef<any>>();\n color = input<string>('#616161');\n\n isTemplate = computed(() => this.content() instanceof TemplateRef);\n templateContent = computed(() => (this.isTemplate() ? (this.content() as TemplateRef<any>) : null));\n textContent = computed(() => (!this.isTemplate() ? (this.content() as string) : ''));\n onMouseEnterCb?: () => void;\n onMouseLeaveCb?: () => void;\n\n onMouseEnter() {\n this.onMouseEnterCb?.();\n }\n\n onMouseLeave() {\n this.onMouseLeaveCb?.();\n }\n\n triggerChangeDetection() {\n this.cdr.detectChanges();\n }\n}\n// End\n\n// Directive\n@Directive({\n selector: '[sdTooltip]',\n standalone: true,\n})\nexport class SdTooltipDirective {\n content = input.required<string | TemplateRef<any>>({ alias: 'sdTooltip' });\n sdTooltipPosition = input<TooltipPosition>('bottom');\n sdTooltipDelay = input<number>(100);\n sdTooltipColor = input<string>('#616161');\n\n private static activeTooltip: SdTooltipDirective | null = null;\n\n private readonly elementRef = inject(ElementRef);\n private readonly overlay = inject(Overlay);\n private readonly viewContainerRef = inject(ViewContainerRef);\n private readonly destroyRef = inject(DestroyRef);\n\n private overlayRef: OverlayRef | null = null;\n private tooltipComponentRef: ComponentRef<SdTooltipComponent> | null = null;\n private tooltipInstance: SdTooltipComponent | null = null;\n\n private showTimeout: ReturnType<typeof setTimeout> | undefined;\n private hideTimeout: ReturnType<typeof setTimeout> | undefined;\n\n constructor() {\n this.destroyRef.onDestroy(() => {\n this.#cleanup();\n });\n }\n\n @HostListener('mouseenter')\n onMouseEnter() {\n if (SdTooltipDirective.activeTooltip && SdTooltipDirective.activeTooltip !== this) {\n SdTooltipDirective.activeTooltip.forceHide();\n }\n SdTooltipDirective.activeTooltip = this;\n\n this.#clearTimeouts();\n this.showTimeout = setTimeout(() => {\n this.#show();\n }, this.sdTooltipDelay());\n }\n\n @HostListener('mouseleave')\n onMouseLeave() {\n this.#clearTimeouts();\n this.hideTimeout = setTimeout(() => {\n this.#hide();\n }, 300);\n }\n\n forceHide = (): void => {\n this.#clearTimeouts();\n this.#hide();\n };\n\n #show = (): void => {\n const currentContent = this.content();\n\n if (!currentContent) return;\n\n if (!this.overlayRef) {\n this.#createOverlay();\n }\n\n if (this.overlayRef && !this.overlayRef.hasAttached()) {\n const portal = new ComponentPortal(SdTooltipComponent, this.viewContainerRef);\n this.tooltipComponentRef = this.overlayRef.attach(portal);\n this.tooltipInstance = this.tooltipComponentRef.instance;\n\n this.#setupTooltipInstance();\n }\n\n if (this.tooltipComponentRef && this.tooltipInstance) {\n this.tooltipComponentRef.setInput('content', currentContent);\n this.tooltipComponentRef.setInput('color', this.sdTooltipColor());\n this.tooltipInstance.triggerChangeDetection();\n }\n };\n\n #hide = (): void => {\n if (this.tooltipInstance && this.overlayRef?.hasAttached()) {\n this.overlayRef.detach();\n this.tooltipInstance = null;\n this.tooltipComponentRef = null;\n }\n };\n\n #createOverlay = (): void => {\n const positionStrategy = this.overlay\n .position()\n .flexibleConnectedTo(this.elementRef)\n .withPositions(this.#getPositions())\n .withViewportMargin(8)\n .withPush(false);\n\n this.overlayRef = this.overlay.create({\n positionStrategy,\n scrollStrategy: this.overlay.scrollStrategies.close(),\n panelClass: 'c-sd-tooltip-panel',\n });\n };\n\n #setupTooltipInstance = (): void => {\n if (!this.tooltipInstance) return;\n\n this.tooltipInstance.onMouseEnterCb = () => {\n clearTimeout(this.hideTimeout);\n };\n\n this.tooltipInstance.onMouseLeaveCb = () => {\n this.hideTimeout = setTimeout(() => {\n this.#hide();\n }, 200);\n };\n };\n\n #clearTimeouts = (): void => {\n clearTimeout(this.showTimeout);\n clearTimeout(this.hideTimeout);\n };\n\n #cleanup = (): void => {\n this.#clearTimeouts();\n\n if (SdTooltipDirective.activeTooltip === this) {\n SdTooltipDirective.activeTooltip = null;\n }\n\n if (this.overlayRef) {\n this.overlayRef.dispose();\n this.overlayRef = null;\n }\n\n // Xóa mọi tham chiếu\n this.tooltipInstance = null;\n this.tooltipComponentRef = null;\n };\n\n #getPositions = (): ConnectionPositionPair[] => {\n const offset = 8;\n const topPos: ConnectionPositionPair = { originX: 'center', originY: 'top', overlayX: 'center', overlayY: 'bottom', offsetY: -offset };\n const bottomPos: ConnectionPositionPair = {\n originX: 'center',\n originY: 'bottom',\n overlayX: 'center',\n overlayY: 'top',\n offsetY: offset,\n };\n const leftPos: ConnectionPositionPair = { originX: 'start', originY: 'center', overlayX: 'end', overlayY: 'center', offsetX: -offset };\n const rightPos: ConnectionPositionPair = { originX: 'end', originY: 'center', overlayX: 'start', overlayY: 'center', offsetX: offset };\n\n switch (this.sdTooltipPosition()) {\n case 'top':\n return [topPos, bottomPos, rightPos, leftPos];\n case 'bottom':\n return [bottomPos, topPos, rightPos, leftPos];\n case 'left':\n return [leftPos, rightPos, topPos, bottomPos];\n case 'right':\n return [rightPos, leftPos, topPos, bottomPos];\n default:\n return [bottomPos, topPos];\n }\n };\n}\n// End\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.50",
3
+ "version": "19.0.51",
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",
@@ -38,6 +38,10 @@
38
38
  "types": "./index.d.ts",
39
39
  "default": "./fesm2022/sd-angular-core.mjs"
40
40
  },
41
+ "./components": {
42
+ "types": "./components/index.d.ts",
43
+ "default": "./fesm2022/sd-angular-core-components.mjs"
44
+ },
41
45
  "./configurations": {
42
46
  "types": "./configurations/index.d.ts",
43
47
  "default": "./fesm2022/sd-angular-core-configurations.mjs"
@@ -82,9 +86,141 @@
82
86
  "types": "./utilities/index.d.ts",
83
87
  "default": "./fesm2022/sd-angular-core-utilities.mjs"
84
88
  },
85
- "./components": {
86
- "types": "./components/index.d.ts",
87
- "default": "./fesm2022/sd-angular-core-components.mjs"
89
+ "./components/anchor": {
90
+ "types": "./components/anchor/index.d.ts",
91
+ "default": "./fesm2022/sd-angular-core-components-anchor.mjs"
92
+ },
93
+ "./components/autoid-inspector": {
94
+ "types": "./components/autoid-inspector/index.d.ts",
95
+ "default": "./fesm2022/sd-angular-core-components-autoid-inspector.mjs"
96
+ },
97
+ "./components/avatar": {
98
+ "types": "./components/avatar/index.d.ts",
99
+ "default": "./fesm2022/sd-angular-core-components-avatar.mjs"
100
+ },
101
+ "./components/badge": {
102
+ "types": "./components/badge/index.d.ts",
103
+ "default": "./fesm2022/sd-angular-core-components-badge.mjs"
104
+ },
105
+ "./components/button": {
106
+ "types": "./components/button/index.d.ts",
107
+ "default": "./fesm2022/sd-angular-core-components-button.mjs"
108
+ },
109
+ "./components/chart": {
110
+ "types": "./components/chart/index.d.ts",
111
+ "default": "./fesm2022/sd-angular-core-components-chart.mjs"
112
+ },
113
+ "./components/ckeditor-styles": {
114
+ "types": "./components/ckeditor-styles/index.d.ts",
115
+ "default": "./fesm2022/sd-angular-core-components-ckeditor-styles.mjs"
116
+ },
117
+ "./components/code-editor": {
118
+ "types": "./components/code-editor/index.d.ts",
119
+ "default": "./fesm2022/sd-angular-core-components-code-editor.mjs"
120
+ },
121
+ "./components/data-state": {
122
+ "types": "./components/data-state/index.d.ts",
123
+ "default": "./fesm2022/sd-angular-core-components-data-state.mjs"
124
+ },
125
+ "./components/document-builder": {
126
+ "types": "./components/document-builder/index.d.ts",
127
+ "default": "./fesm2022/sd-angular-core-components-document-builder.mjs"
128
+ },
129
+ "./components/editor": {
130
+ "types": "./components/editor/index.d.ts",
131
+ "default": "./fesm2022/sd-angular-core-components-editor.mjs"
132
+ },
133
+ "./components/form-generic": {
134
+ "types": "./components/form-generic/index.d.ts",
135
+ "default": "./fesm2022/sd-angular-core-components-form-generic.mjs"
136
+ },
137
+ "./components/import-excel": {
138
+ "types": "./components/import-excel/index.d.ts",
139
+ "default": "./fesm2022/sd-angular-core-components-import-excel.mjs"
140
+ },
141
+ "./components/inform": {
142
+ "types": "./components/inform/index.d.ts",
143
+ "default": "./fesm2022/sd-angular-core-components-inform.mjs"
144
+ },
145
+ "./components/mini-editor": {
146
+ "types": "./components/mini-editor/index.d.ts",
147
+ "default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
148
+ },
149
+ "./components/modal": {
150
+ "types": "./components/modal/index.d.ts",
151
+ "default": "./fesm2022/sd-angular-core-components-modal.mjs"
152
+ },
153
+ "./components/modal-resizable": {
154
+ "types": "./components/modal-resizable/index.d.ts",
155
+ "default": "./fesm2022/sd-angular-core-components-modal-resizable.mjs"
156
+ },
157
+ "./components/operator": {
158
+ "types": "./components/operator/index.d.ts",
159
+ "default": "./fesm2022/sd-angular-core-components-operator.mjs"
160
+ },
161
+ "./components/org-chart": {
162
+ "types": "./components/org-chart/index.d.ts",
163
+ "default": "./fesm2022/sd-angular-core-components-org-chart.mjs"
164
+ },
165
+ "./components/preview": {
166
+ "types": "./components/preview/index.d.ts",
167
+ "default": "./fesm2022/sd-angular-core-components-preview.mjs"
168
+ },
169
+ "./components/query-bar": {
170
+ "types": "./components/query-bar/index.d.ts",
171
+ "default": "./fesm2022/sd-angular-core-components-query-bar.mjs"
172
+ },
173
+ "./components/query-builder": {
174
+ "types": "./components/query-builder/index.d.ts",
175
+ "default": "./fesm2022/sd-angular-core-components-query-builder.mjs"
176
+ },
177
+ "./components/quick-action": {
178
+ "types": "./components/quick-action/index.d.ts",
179
+ "default": "./fesm2022/sd-angular-core-components-quick-action.mjs"
180
+ },
181
+ "./components/section": {
182
+ "types": "./components/section/index.d.ts",
183
+ "default": "./fesm2022/sd-angular-core-components-section.mjs"
184
+ },
185
+ "./components/side-drawer": {
186
+ "types": "./components/side-drawer/index.d.ts",
187
+ "default": "./fesm2022/sd-angular-core-components-side-drawer.mjs"
188
+ },
189
+ "./components/splitter": {
190
+ "types": "./components/splitter/index.d.ts",
191
+ "default": "./fesm2022/sd-angular-core-components-splitter.mjs"
192
+ },
193
+ "./components/stepper": {
194
+ "types": "./components/stepper/index.d.ts",
195
+ "default": "./fesm2022/sd-angular-core-components-stepper.mjs"
196
+ },
197
+ "./components/tab": {
198
+ "types": "./components/tab/index.d.ts",
199
+ "default": "./fesm2022/sd-angular-core-components-tab.mjs"
200
+ },
201
+ "./components/tab-router": {
202
+ "types": "./components/tab-router/index.d.ts",
203
+ "default": "./fesm2022/sd-angular-core-components-tab-router.mjs"
204
+ },
205
+ "./components/table": {
206
+ "types": "./components/table/index.d.ts",
207
+ "default": "./fesm2022/sd-angular-core-components-table.mjs"
208
+ },
209
+ "./components/timeline": {
210
+ "types": "./components/timeline/index.d.ts",
211
+ "default": "./fesm2022/sd-angular-core-components-timeline.mjs"
212
+ },
213
+ "./components/tree": {
214
+ "types": "./components/tree/index.d.ts",
215
+ "default": "./fesm2022/sd-angular-core-components-tree.mjs"
216
+ },
217
+ "./components/upload-file": {
218
+ "types": "./components/upload-file/index.d.ts",
219
+ "default": "./fesm2022/sd-angular-core-components-upload-file.mjs"
220
+ },
221
+ "./components/view": {
222
+ "types": "./components/view/index.d.ts",
223
+ "default": "./fesm2022/sd-angular-core-components-view.mjs"
88
224
  },
89
225
  "./forms/autocomplete": {
90
226
  "types": "./forms/autocomplete/index.d.ts",
@@ -229,142 +365,6 @@
229
365
  "./utilities/read-state": {
230
366
  "types": "./utilities/read-state/index.d.ts",
231
367
  "default": "./fesm2022/sd-angular-core-utilities-read-state.mjs"
232
- },
233
- "./components/anchor": {
234
- "types": "./components/anchor/index.d.ts",
235
- "default": "./fesm2022/sd-angular-core-components-anchor.mjs"
236
- },
237
- "./components/autoid-inspector": {
238
- "types": "./components/autoid-inspector/index.d.ts",
239
- "default": "./fesm2022/sd-angular-core-components-autoid-inspector.mjs"
240
- },
241
- "./components/avatar": {
242
- "types": "./components/avatar/index.d.ts",
243
- "default": "./fesm2022/sd-angular-core-components-avatar.mjs"
244
- },
245
- "./components/badge": {
246
- "types": "./components/badge/index.d.ts",
247
- "default": "./fesm2022/sd-angular-core-components-badge.mjs"
248
- },
249
- "./components/button": {
250
- "types": "./components/button/index.d.ts",
251
- "default": "./fesm2022/sd-angular-core-components-button.mjs"
252
- },
253
- "./components/chart": {
254
- "types": "./components/chart/index.d.ts",
255
- "default": "./fesm2022/sd-angular-core-components-chart.mjs"
256
- },
257
- "./components/ckeditor-styles": {
258
- "types": "./components/ckeditor-styles/index.d.ts",
259
- "default": "./fesm2022/sd-angular-core-components-ckeditor-styles.mjs"
260
- },
261
- "./components/code-editor": {
262
- "types": "./components/code-editor/index.d.ts",
263
- "default": "./fesm2022/sd-angular-core-components-code-editor.mjs"
264
- },
265
- "./components/data-state": {
266
- "types": "./components/data-state/index.d.ts",
267
- "default": "./fesm2022/sd-angular-core-components-data-state.mjs"
268
- },
269
- "./components/document-builder": {
270
- "types": "./components/document-builder/index.d.ts",
271
- "default": "./fesm2022/sd-angular-core-components-document-builder.mjs"
272
- },
273
- "./components/editor": {
274
- "types": "./components/editor/index.d.ts",
275
- "default": "./fesm2022/sd-angular-core-components-editor.mjs"
276
- },
277
- "./components/form-generic": {
278
- "types": "./components/form-generic/index.d.ts",
279
- "default": "./fesm2022/sd-angular-core-components-form-generic.mjs"
280
- },
281
- "./components/import-excel": {
282
- "types": "./components/import-excel/index.d.ts",
283
- "default": "./fesm2022/sd-angular-core-components-import-excel.mjs"
284
- },
285
- "./components/inform": {
286
- "types": "./components/inform/index.d.ts",
287
- "default": "./fesm2022/sd-angular-core-components-inform.mjs"
288
- },
289
- "./components/mini-editor": {
290
- "types": "./components/mini-editor/index.d.ts",
291
- "default": "./fesm2022/sd-angular-core-components-mini-editor.mjs"
292
- },
293
- "./components/modal": {
294
- "types": "./components/modal/index.d.ts",
295
- "default": "./fesm2022/sd-angular-core-components-modal.mjs"
296
- },
297
- "./components/modal-resizable": {
298
- "types": "./components/modal-resizable/index.d.ts",
299
- "default": "./fesm2022/sd-angular-core-components-modal-resizable.mjs"
300
- },
301
- "./components/operator": {
302
- "types": "./components/operator/index.d.ts",
303
- "default": "./fesm2022/sd-angular-core-components-operator.mjs"
304
- },
305
- "./components/org-chart": {
306
- "types": "./components/org-chart/index.d.ts",
307
- "default": "./fesm2022/sd-angular-core-components-org-chart.mjs"
308
- },
309
- "./components/preview": {
310
- "types": "./components/preview/index.d.ts",
311
- "default": "./fesm2022/sd-angular-core-components-preview.mjs"
312
- },
313
- "./components/query-bar": {
314
- "types": "./components/query-bar/index.d.ts",
315
- "default": "./fesm2022/sd-angular-core-components-query-bar.mjs"
316
- },
317
- "./components/query-builder": {
318
- "types": "./components/query-builder/index.d.ts",
319
- "default": "./fesm2022/sd-angular-core-components-query-builder.mjs"
320
- },
321
- "./components/quick-action": {
322
- "types": "./components/quick-action/index.d.ts",
323
- "default": "./fesm2022/sd-angular-core-components-quick-action.mjs"
324
- },
325
- "./components/section": {
326
- "types": "./components/section/index.d.ts",
327
- "default": "./fesm2022/sd-angular-core-components-section.mjs"
328
- },
329
- "./components/side-drawer": {
330
- "types": "./components/side-drawer/index.d.ts",
331
- "default": "./fesm2022/sd-angular-core-components-side-drawer.mjs"
332
- },
333
- "./components/splitter": {
334
- "types": "./components/splitter/index.d.ts",
335
- "default": "./fesm2022/sd-angular-core-components-splitter.mjs"
336
- },
337
- "./components/stepper": {
338
- "types": "./components/stepper/index.d.ts",
339
- "default": "./fesm2022/sd-angular-core-components-stepper.mjs"
340
- },
341
- "./components/tab": {
342
- "types": "./components/tab/index.d.ts",
343
- "default": "./fesm2022/sd-angular-core-components-tab.mjs"
344
- },
345
- "./components/tab-router": {
346
- "types": "./components/tab-router/index.d.ts",
347
- "default": "./fesm2022/sd-angular-core-components-tab-router.mjs"
348
- },
349
- "./components/table": {
350
- "types": "./components/table/index.d.ts",
351
- "default": "./fesm2022/sd-angular-core-components-table.mjs"
352
- },
353
- "./components/timeline": {
354
- "types": "./components/timeline/index.d.ts",
355
- "default": "./fesm2022/sd-angular-core-components-timeline.mjs"
356
- },
357
- "./components/tree": {
358
- "types": "./components/tree/index.d.ts",
359
- "default": "./fesm2022/sd-angular-core-components-tree.mjs"
360
- },
361
- "./components/upload-file": {
362
- "types": "./components/upload-file/index.d.ts",
363
- "default": "./fesm2022/sd-angular-core-components-upload-file.mjs"
364
- },
365
- "./components/view": {
366
- "types": "./components/view/index.d.ts",
367
- "default": "./fesm2022/sd-angular-core-components-view.mjs"
368
368
  }
369
369
  }
370
370
  }