npm - @sd-angular/core - Versions diffs - 19.0.0-beta.99 → 19.0.3 - Mend

@sd-angular/core 19.0.0-beta.99 → 19.0.3

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 (400) hide show

package/fesm2022/sd-angular-core-components-autoid-inspector.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-angular-core-components-autoid-inspector.mjs","sources":["../../../projects/sd-angular/components/autoid-inspector/src/models/autoid-inspector-config.model.ts","../../../projects/sd-angular/components/autoid-inspector/src/services/autoid-scanner.service.ts","../../../projects/sd-angular/components/autoid-inspector/src/services/autoid-audit.service.ts","../../../projects/sd-angular/components/autoid-inspector/src/services/autoid-highlight.service.ts","../../../projects/sd-angular/components/autoid-inspector/src/services/autoid-export.service.ts","../../../projects/sd-angular/components/autoid-inspector/src/autoid-inspector.component.ts","../../../projects/sd-angular/components/autoid-inspector/src/autoid-inspector.component.html","../../../projects/sd-angular/components/autoid-inspector/sd-angular-core-components-autoid-inspector.ts"],"sourcesContent":["export interface SdAutoidInspectorConfig {\r\n /** Selector phụ thêm cần audit (mặc định component đã cover sd-* form + sd-button). /\r\n extraRequireSelectors?: string[];\r\n /* Root scan, mặc định document.body. /\r\n root?: HTMLElement;\r\n}\r\n\r\n/* Selector mặc định coi là phải có data-autoid. /\r\nexport const SD_AUTOID_DEFAULT_REQUIRE_SELECTORS: ReadonlyArray<string> = [\r\n 'sd-input',\r\n 'sd-input-number',\r\n 'sd-textarea',\r\n 'sd-select',\r\n 'sd-autocomplete',\r\n 'sd-checkbox',\r\n 'sd-radio',\r\n 'sd-switch',\r\n 'sd-date',\r\n 'sd-datetime',\r\n 'sd-date-range',\r\n 'sd-chip',\r\n 'sd-chip-calendar',\r\n 'sd-button',\r\n];\r\n","import { Injectable } from '@angular/core';\r\nimport { SdAutoidElement } from '../models/autoid-element.model';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class SdAutoidScannerService {\r\n /* Quét toàn bộ element có [data-autoid] trong root, gắn thông tin name/tag/value/xpath. /\r\n scan(root: HTMLElement = document.body): SdAutoidElement[] {\r\n const nodes = root.querySelectorAll<HTMLElement>('[data-autoid]');\r\n const dupCount: Record<string, number> = {};\r\n nodes.forEach(n => {\r\n const id = n.getAttribute('data-autoid');\r\n if (!id) return;\r\n dupCount[id] = (dupCount[id] ?? 0) + 1;\r\n });\r\n\r\n const result: SdAutoidElement[] = [];\r\n let stt = 1;\r\n nodes.forEach(node => {\r\n const autoid = node.getAttribute('data-autoid');\r\n if (!autoid) return;\r\n result.push({\r\n stt: stt++,\r\n name: this.resolveName(node),\r\n autoid,\r\n tag: this.resolveSdTag(node),\r\n value: this.resolveValue(node),\r\n xpath: `//[@data-autoid=\"${autoid}\"]`,\r\n duplicate: dupCount[autoid] > 1,\r\n });\r\n });\r\n return result;\r\n }\r\n\r\n /** Group element theo autoid để consumer lấy duplicate map. /\r\n groupByAutoid(elements: SdAutoidElement[]): Record<string, SdAutoidElement[]> {\r\n const map: Record<string, SdAutoidElement[]> = {};\r\n for (const el of elements) {\r\n (map[el.autoid] ??= []).push(el);\r\n }\r\n return map;\r\n }\r\n\r\n private resolveName(node: HTMLElement): string {\r\n if (node.id) {\r\n // CSS.escape phòng id chứa ký tự đặc biệt làm vỡ selector.\r\n const sel = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(node.id) : node.id;\r\n const label = document.querySelector(`label[for=\"${sel}\"]`);\r\n const text = label?.textContent?.trim();\r\n if (text) return text;\r\n }\r\n return node.getAttribute('aria-label')?.trim()\r\n ?? node.getAttribute('placeholder')?.trim()\r\n ?? node.getAttribute('title')?.trim()\r\n ?? '';\r\n }\r\n\r\n private resolveSdTag(node: HTMLElement): string {\r\n let cur: HTMLElement \| null = node;\r\n while (cur) {\r\n const tag = cur.tagName.toLowerCase();\r\n if (tag.startsWith('sd-')) return tag;\r\n cur = cur.parentElement;\r\n }\r\n return node.tagName.toLowerCase();\r\n }\r\n\r\n private resolveValue(node: HTMLElement): string {\r\n const input = node as HTMLInputElement;\r\n if (typeof input.value === 'string' && input.value) return input.value;\r\n return (node.textContent ?? '').trim().slice(0, 80);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { SdAutoidElement, SdAutoidAuditResult, SdAutoidMissing } from '../models/autoid-element.model';\r\nimport { SD_AUTOID_DEFAULT_REQUIRE_SELECTORS } from '../models/autoid-inspector-config.model';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class SdAutoidAuditService {\r\n /\r\n Audit kết quả scan + DOM:\r\n * - duplicates: map autoid → count khi count > 1\r\n * - missing: element khớp selector yêu cầu nhưng KHÔNG có [data-autoid]\r\n /\r\n audit(\r\n elements: SdAutoidElement[],\r\n options: { requireSelectors?: ReadonlyArray<string>; root?: HTMLElement } = {}\r\n ): SdAutoidAuditResult {\r\n const requireSelectors = options.requireSelectors ?? SD_AUTOID_DEFAULT_REQUIRE_SELECTORS;\r\n const root = options.root ?? document.body;\r\n\r\n const duplicates: Record<string, number> = {};\r\n for (const el of elements) {\r\n if (el.duplicate) {\r\n duplicates[el.autoid] = (duplicates[el.autoid] ?? 0) + 1;\r\n }\r\n }\r\n\r\n const missing = this.findMissing(root, requireSelectors);\r\n\r\n return {\r\n total: elements.length,\r\n duplicates,\r\n duplicateCount: Object.keys(duplicates).length,\r\n missing,\r\n missingCount: missing.length,\r\n };\r\n }\r\n\r\n private findMissing(root: HTMLElement, selectors: ReadonlyArray<string>): SdAutoidMissing[] {\r\n if (!selectors.length) return [];\r\n const joined = selectors.join(',');\r\n const nodes = root.querySelectorAll<HTMLElement>(joined);\r\n const missing: SdAutoidMissing[] = [];\r\n\r\n nodes.forEach(node => {\r\n // Coi là missing khi element + mọi descendant đều không có data-autoid.\r\n // Lý do: sd-button render thành <button data-autoid=\"...\"> bên trong host\r\n // <sd-button>. Nếu chỉ check chính host sẽ false-positive cho mọi sd-button.\r\n if (node.hasAttribute('data-autoid')) return;\r\n if (node.querySelector('[data-autoid]')) return;\r\n\r\n missing.push({\r\n tag: node.tagName.toLowerCase(),\r\n selector: this.buildSelectorPath(node),\r\n outerHtmlPreview: this.shortHtml(node),\r\n nameHint: this.resolveNameHint(node),\r\n });\r\n });\r\n\r\n return missing;\r\n }\r\n\r\n private buildSelectorPath(node: HTMLElement): string {\r\n const parts: string[] = [];\r\n let cur: HTMLElement \| null = node;\r\n let depth = 0;\r\n while (cur && depth < 4) {\r\n let part = cur.tagName.toLowerCase();\r\n if (cur.id) {\r\n part += `#${cur.id}`;\r\n parts.unshift(part);\r\n break;\r\n }\r\n const cls = (cur.getAttribute('class') ?? '').trim().split(/\\s+/).filter(Boolean).slice(0, 2);\r\n if (cls.length) part += `.${cls.join('.')}`;\r\n parts.unshift(part);\r\n cur = cur.parentElement;\r\n depth++;\r\n }\r\n return parts.join(' > ');\r\n }\r\n\r\n private shortHtml(node: HTMLElement): string {\r\n const html = node.outerHTML.replace(/\\s+/g, ' ');\r\n return html.length > 160 ? html.slice(0, 157) + '...' : html;\r\n }\r\n\r\n private resolveNameHint(node: HTMLElement): string {\r\n return node.getAttribute('label')\r\n ?? node.getAttribute('placeholder')\r\n ?? node.getAttribute('aria-label')\r\n ?? node.getAttribute('title')\r\n ?? '';\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\r\nconst ATTR = 'data-sd-autoid-highlight';\r\nconst SAVED_OUTLINE = 'data-sd-autoid-prev-outline';\r\nconst SAVED_OUTLINE_OFFSET = 'data-sd-autoid-prev-outline-offset';\r\nconst SAVED_BG = 'data-sd-autoid-prev-bg';\r\nconst SAVED_BORDER_RADIUS = 'data-sd-autoid-prev-radius';\r\n\r\n// Token màu lấy từ @sd-angular/core theme (--sd-). Fallback hex áp dụng khi\r\n// consumer chưa import sd-core.scss. Dùng cùng bộ var với scss component để\r\n// nhất quán visual giữa highlight ok / duplicate / missing.\r\nconst COLOR_OK = 'var(--sd-success, #4CAF50)';\r\nconst COLOR_OK_BG = 'var(--sd-success-light, rgba(76, 175, 80, 0.12))';\r\nconst COLOR_DUP = 'var(--sd-error, #F82C13)';\r\nconst COLOR_DUP_BG = 'var(--sd-error-light, rgba(248, 44, 19, 0.12))';\r\nconst COLOR_MISSING = 'var(--sd-warning, #FF9600)';\r\nconst COLOR_MISSING_BG = 'var(--sd-warning-light, rgba(255, 150, 0, 0.12))';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class SdAutoidHighlightService {\r\n /** Apply outline cho mọi [data-autoid]: xanh nếu unique, đỏ nếu duplicate. Idempotent. /\r\n apply(root: HTMLElement = document.body): void {\r\n this.clear(root);\r\n const nodes = root.querySelectorAll<HTMLElement>('[data-autoid]');\r\n const count: Record<string, number> = {};\r\n nodes.forEach(n => {\r\n const id = n.getAttribute('data-autoid');\r\n if (!id) return;\r\n count[id] = (count[id] ?? 0) + 1;\r\n });\r\n\r\n // Để tránh apply 2 lần lên cùng 1 target khi nhiều [data-autoid] cùng\r\n // chia sẻ 1 sd- host (vd 2 input lồng trong 1 sd-date-range).\r\n const visited = new Set<HTMLElement>();\r\n\r\n nodes.forEach(node => {\r\n const id = node.getAttribute('data-autoid');\r\n if (!id) return;\r\n\r\n // Highlight HOST sd-* (giống applyMissing) — outline ôm trọn card,\r\n // không hiển thị lệch trên input con / label fragment. Fallback về\r\n // chính node khi không tìm thấy sd-* ancestor (vd native button).\r\n const target = this.#resolveTarget(node);\r\n if (visited.has(target)) return;\r\n visited.add(target);\r\n\r\n const isDup = count[id] > 1;\r\n this.#paint(\r\n target,\r\n isDup ? COLOR_DUP : COLOR_OK,\r\n isDup ? COLOR_DUP_BG : COLOR_OK_BG,\r\n 'solid',\r\n isDup ? 'duplicate' : 'ok'\r\n );\r\n });\r\n }\r\n\r\n /** Highlight tập element không có autoid (missing) bằng outline cam dashed. /\r\n applyMissing(nodes: HTMLElement[]): void {\r\n nodes.forEach(node => {\r\n if (node.hasAttribute(ATTR)) return;\r\n this.#paint(node, COLOR_MISSING, COLOR_MISSING_BG, 'dashed', 'missing');\r\n });\r\n }\r\n\r\n /* Restore inline style như trước khi apply. /\r\n clear(root: HTMLElement = document.body): void {\r\n const nodes = root.querySelectorAll<HTMLElement>(`[${ATTR}]`);\r\n nodes.forEach(node => {\r\n node.style.outline = node.getAttribute(SAVED_OUTLINE) ?? '';\r\n node.style.outlineOffset = node.getAttribute(SAVED_OUTLINE_OFFSET) ?? '';\r\n node.style.backgroundColor = node.getAttribute(SAVED_BG) ?? '';\r\n node.style.borderRadius = node.getAttribute(SAVED_BORDER_RADIUS) ?? '';\r\n node.removeAttribute(SAVED_OUTLINE);\r\n node.removeAttribute(SAVED_OUTLINE_OFFSET);\r\n node.removeAttribute(SAVED_BG);\r\n node.removeAttribute(SAVED_BORDER_RADIUS);\r\n node.removeAttribute(ATTR);\r\n });\r\n }\r\n\r\n // ==========================================\r\n // HELPERS\r\n // ==========================================\r\n #resolveTarget(node: HTMLElement): HTMLElement {\r\n let cur: HTMLElement \| null = node;\r\n while (cur) {\r\n if (cur.tagName.toLowerCase().startsWith('sd-')) return cur;\r\n cur = cur.parentElement;\r\n }\r\n return node;\r\n }\r\n\r\n #paint(\r\n node: HTMLElement,\r\n color: string,\r\n bg: string,\r\n style: 'solid' \| 'dashed',\r\n marker: 'ok' \| 'duplicate' \| 'missing'\r\n ): void {\r\n // Backup full style cần restore để clear() đưa về nguyên trạng.\r\n node.setAttribute(SAVED_OUTLINE, node.style.outline ?? '');\r\n node.setAttribute(SAVED_OUTLINE_OFFSET, node.style.outlineOffset ?? '');\r\n node.setAttribute(SAVED_BG, node.style.backgroundColor ?? '');\r\n node.setAttribute(SAVED_BORDER_RADIUS, node.style.borderRadius ?? '');\r\n\r\n node.style.outline = `2px ${style} ${color}`;\r\n // outline-offset 2px tránh đè lên border của host (mat-form-field, button)\r\n // → highlight nằm gọn ngoài card thay vì cắt vào nội dung.\r\n node.style.outlineOffset = '2px';\r\n node.style.backgroundColor = bg;\r\n // Bo nhẹ để outline trông sạch trên host bo góc sẵn.\r\n if (!node.style.borderRadius) {\r\n node.style.borderRadius = '6px';\r\n }\r\n node.setAttribute(ATTR, marker);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { SdAutoidElement } from '../models/autoid-element.model';\r\nimport { SdAutoidExportMeta } from '../models/autoid-export-format.model';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class SdAutoidExportService {\r\n toJson(elements: SdAutoidElement[]): string {\r\n return JSON.stringify(elements, null, 2);\r\n }\r\n\r\n toCsv(elements: SdAutoidElement[]): string {\r\n const header = 'STT,name,autoid,tag,value,xpath';\r\n const rows = elements.map(el =>\r\n [el.stt, this.q(el.name), this.q(el.autoid), this.q(el.tag), this.q(el.value), this.q(el.xpath)].join(',')\r\n );\r\n return [header, ...rows].join('\\n') + '\\n';\r\n }\r\n\r\n /* POM TypeScript skeleton — copy ngay vào file Playwright/Cypress. /\r\n toMarkdownPom(elements: SdAutoidElement[], meta: SdAutoidExportMeta): string {\r\n const className = this.toPascal(meta.pageTitle \|\| 'AutoGenerated') + 'Page';\r\n const lines: string[] = [];\r\n lines.push(`# ${className}`);\r\n lines.push('');\r\n lines.push(`- Page: \\`${meta.pageUrl}\\``);\r\n lines.push(`- Generated: \\`${meta.timestamp}\\``);\r\n lines.push('');\r\n lines.push('```ts');\r\n lines.push(`export class ${className} {`);\r\n for (const el of elements) {\r\n const propName = this.toCamel(el.autoid);\r\n const nameHint = el.name ? ` ${el.name} —` : '';\r\n lines.push(` /* ${el.tag}${nameHint} /`);\r\n lines.push(` readonly ${propName} = '${el.xpath}';`);\r\n }\r\n lines.push('}');\r\n lines.push('```');\r\n lines.push('');\r\n return lines.join('\\n');\r\n }\r\n\r\n /* Markdown reference table, group theo tag sd-. /\r\n toMarkdownTable(elements: SdAutoidElement[], meta: SdAutoidExportMeta): string {\r\n const lines: string[] = [];\r\n lines.push('# AutoId Reference');\r\n lines.push('');\r\n lines.push(`- Page: \\`${meta.pageUrl}\\``);\r\n lines.push(`- Generated: \\`${meta.timestamp}\\``);\r\n lines.push('');\r\n\r\n const groups = new Map<string, SdAutoidElement[]>();\r\n for (const el of elements) {\r\n const key = el.tag \|\| '(no-tag)';\r\n if (!groups.has(key)) groups.set(key, []);\r\n groups.get(key)!.push(el);\r\n }\r\n\r\n const sortedTags = [...groups.keys()].sort();\r\n for (const tag of sortedTags) {\r\n lines.push(`## ${tag}`);\r\n lines.push('');\r\n lines.push('\| name \| autoid \| xpath \| duplicate \|');\r\n lines.push('\|------\|--------\|-------\|-----------\|');\r\n for (const el of groups.get(tag)!) {\r\n lines.push(`\| ${this.mdCell(el.name)} \| \\`${el.autoid}\\` \| \\`${el.xpath}\\` \| ${el.duplicate ? '⚠️' : ''} \|`);\r\n }\r\n lines.push('');\r\n }\r\n return lines.join('\\n');\r\n }\r\n\r\n download(content: string, filename: string, mime: string): void {\r\n const blob = new Blob([content], { type: mime });\r\n const url = URL.createObjectURL(blob);\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.download = filename;\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n URL.revokeObjectURL(url);\r\n }\r\n\r\n async copyToClipboard(content: string): Promise<void> {\r\n if (navigator.clipboard?.writeText) {\r\n await navigator.clipboard.writeText(content);\r\n return;\r\n }\r\n // Fallback cho browser cũ / context không có clipboard API.\r\n const ta = document.createElement('textarea');\r\n ta.value = content;\r\n ta.style.position = 'fixed';\r\n ta.style.opacity = '0';\r\n document.body.appendChild(ta);\r\n ta.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(ta);\r\n }\r\n\r\n private q(v: string \| number): string {\r\n const s = String(v ?? '').replace(/\"/g, '\"\"');\r\n return `\"${s}\"`;\r\n }\r\n\r\n private mdCell(s: string): string {\r\n return (s \|\| '').replace(/\\\|/g, '\\\\\|').replace(/\\n/g, ' ');\r\n }\r\n\r\n private toCamel(autoid: string): string {\r\n const parts = autoid.split(/[-_]/).filter(Boolean);\r\n return parts.map((p, i) => (i === 0 ? p : p[0].toUpperCase() + p.slice(1))).join('');\r\n }\r\n\r\n private toPascal(title: string): string {\r\n return title\r\n .split(/[^a-zA-Z0-9]+/)\r\n .filter(Boolean)\r\n .map(p => p[0].toUpperCase() + p.slice(1))\r\n .join('');\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport {\r\n booleanAttribute,\r\n ChangeDetectionStrategy,\r\n Component,\r\n computed,\r\n HostListener,\r\n inject,\r\n input,\r\n OnDestroy,\r\n signal,\r\n} from '@angular/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { FormsModule } from '@angular/forms';\r\n\r\nimport { SdAutoidElement, SdAutoidAuditResult } from './models/autoid-element.model';\r\nimport {\r\n SdAutoidInspectorConfig,\r\n SD_AUTOID_DEFAULT_REQUIRE_SELECTORS,\r\n} from './models/autoid-inspector-config.model';\r\nimport { SdAutoidExportMeta } from './models/autoid-export-format.model';\r\nimport { SdAutoidScannerService } from './services/autoid-scanner.service';\r\nimport { SdAutoidAuditService } from './services/autoid-audit.service';\r\nimport { SdAutoidHighlightService } from './services/autoid-highlight.service';\r\nimport { SdAutoidExportService } from './services/autoid-export.service';\r\n\r\ntype Segment = 'audit' \| 'elements' \| 'export';\r\n\r\n@Component({\r\n selector: 'sd-autoid-inspector',\r\n templateUrl: './autoid-inspector.component.html',\r\n styleUrls: ['./autoid-inspector.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n standalone: true,\r\n imports: [CommonModule, FormsModule, MatIconModule, MatTooltipModule],\r\n})\r\nexport class SdAutoidInspector implements OnDestroy {\r\n // ==========================================\r\n // INPUTS\r\n // ==========================================\r\n enabled = input(true, { transform: booleanAttribute });\r\n config = input<SdAutoidInspectorConfig \| undefined>(undefined);\r\n\r\n // ==========================================\r\n // STATE\r\n // ==========================================\r\n open = signal(false);\r\n segment = signal<Segment>('audit');\r\n filter = signal('');\r\n elements = signal<SdAutoidElement[]>([]);\r\n audit = signal<SdAutoidAuditResult \| null>(null);\r\n copyOk = signal(false);\r\n // Default true để mở panel lần đầu là có highlight ngay. Đóng panel KHÔNG\r\n // tự tắt — user toggle qua nút trong tab Audit khi muốn nhìn DOM gốc.\r\n highlightOn = signal(true);\r\n // Ẩn tạm FAB — chỉ in-memory, reload trang sẽ hiện lại (theo thiết kế).\r\n dismissed = signal(false);\r\n\r\n filteredElements = computed(() => {\r\n const q = this.filter().trim().toLowerCase();\r\n if (!q) return this.elements();\r\n return this.elements().filter(\r\n el =>\r\n el.autoid.toLowerCase().includes(q) \|\|\r\n el.name.toLowerCase().includes(q) \|\|\r\n el.tag.toLowerCase().includes(q)\r\n );\r\n });\r\n\r\n // ==========================================\r\n // SERVICES\r\n // ==========================================\r\n #scanner = inject(SdAutoidScannerService);\r\n #auditSvc = inject(SdAutoidAuditService);\r\n #highlight = inject(SdAutoidHighlightService);\r\n #export = inject(SdAutoidExportService);\r\n\r\n // ==========================================\r\n // LIFECYCLE\r\n // ==========================================\r\n ngOnDestroy(): void {\r\n this.#highlight.clear(this.#root());\r\n }\r\n\r\n // ==========================================\r\n // ACTIONS\r\n // ==========================================\r\n togglePanel = (): void => {\r\n if (this.open()) {\r\n this.closePanel();\r\n } else {\r\n this.openPanel();\r\n }\r\n };\r\n\r\n openPanel = (): void => {\r\n if (!this.enabled()) return;\r\n this.refresh();\r\n this.open.set(true);\r\n };\r\n\r\n closePanel = (): void => {\r\n this.open.set(false);\r\n // Highlight được giữ lại để user vẫn thấy outline khi panel ẩn —\r\n // toggleHighlight trong tab Audit là cách duy nhất để clear.\r\n };\r\n\r\n refresh = (): void => {\r\n const root = this.#root();\r\n const elements = this.#scanner.scan(root);\r\n const result = this.#auditSvc.audit(elements, {\r\n root,\r\n requireSelectors: this.#requireSelectors(),\r\n });\r\n this.elements.set(elements);\r\n this.audit.set(result);\r\n this.#applyHighlightIfOn(result);\r\n };\r\n\r\n dismissFab = (event: Event): void => {\r\n event.stopPropagation();\r\n this.dismissed.set(true);\r\n if (this.open()) this.closePanel();\r\n };\r\n\r\n toggleHighlight = (): void => {\r\n const next = !this.highlightOn();\r\n this.highlightOn.set(next);\r\n if (next) {\r\n this.#applyHighlightIfOn(this.audit());\r\n } else {\r\n this.#highlight.clear(this.#root());\r\n }\r\n };\r\n\r\n setSegment = (seg: Segment): void => this.segment.set(seg);\r\n\r\n copyJson = async (): Promise<void> => {\r\n await this.#export.copyToClipboard(this.#export.toJson(this.elements()));\r\n this.#flashCopyOk();\r\n };\r\n\r\n copyXpath = async (autoid: string): Promise<void> => {\r\n await this.#export.copyToClipboard(`//[@data-autoid=\"${autoid}\"]`);\r\n this.#flashCopyOk();\r\n };\r\n\r\n exportCsv = (): void => {\r\n this.#export.download(\r\n this.#export.toCsv(this.elements()),\r\n this.#filename('csv'),\r\n 'text/csv;charset=utf-8'\r\n );\r\n };\r\n\r\n exportJson = (): void => {\r\n this.#export.download(\r\n this.#export.toJson(this.elements()),\r\n this.#filename('json'),\r\n 'application/json'\r\n );\r\n };\r\n\r\n exportMdPom = (): void => {\r\n this.#export.download(\r\n this.#export.toMarkdownPom(this.elements(), this.#meta()),\r\n this.#filename('pom.md'),\r\n 'text/markdown'\r\n );\r\n };\r\n\r\n exportMdTable = (): void => {\r\n this.#export.download(\r\n this.#export.toMarkdownTable(this.elements(), this.#meta()),\r\n this.#filename('reference.md'),\r\n 'text/markdown'\r\n );\r\n };\r\n\r\n // ==========================================\r\n // KEYBOARD: Esc đóng panel\r\n // ==========================================\r\n @HostListener('document:keydown.escape')\r\n onEscape(): void {\r\n if (this.open()) this.closePanel();\r\n }\r\n\r\n // ==========================================\r\n // HELPERS\r\n // ==========================================\r\n #root(): HTMLElement {\r\n return this.config()?.root ?? document.body;\r\n }\r\n\r\n #requireSelectors(): ReadonlyArray<string> {\r\n const extra = this.config()?.extraRequireSelectors ?? [];\r\n return [...SD_AUTOID_DEFAULT_REQUIRE_SELECTORS, ...extra];\r\n }\r\n\r\n #highlightMissing(result: SdAutoidAuditResult): void {\r\n if (!result.missing.length) return;\r\n const root = this.#root();\r\n const selector = this.#requireSelectors().join(',');\r\n const all = Array.from(root.querySelectorAll<HTMLElement>(selector));\r\n const missingNodes = all.filter(\r\n n => !n.hasAttribute('data-autoid') && !n.querySelector('[data-autoid]')\r\n );\r\n this.#highlight.applyMissing(missingNodes);\r\n }\r\n\r\n #applyHighlightIfOn(result: SdAutoidAuditResult \| null): void {\r\n if (!this.highlightOn()) return;\r\n const root = this.#root();\r\n this.#highlight.apply(root);\r\n if (result) this.#highlightMissing(result);\r\n }\r\n\r\n #meta(): SdAutoidExportMeta {\r\n return {\r\n pageUrl: window.location.pathname + window.location.search,\r\n pageTitle: document.title \|\| 'Page',\r\n timestamp: new Date().toISOString(),\r\n };\r\n }\r\n\r\n #filename(ext: string): string {\r\n const slug = (document.title \|\| 'autoid')\r\n .toLowerCase()\r\n .replace(/[^a-z0-9]+/g, '-')\r\n .replace(/^-\|-$/g, '');\r\n return `${slug \|\| 'autoid'}-${Date.now()}.${ext}`;\r\n }\r\n\r\n #flashCopyOk(): void {\r\n this.copyOk.set(true);\r\n setTimeout(() => this.copyOk.set(false), 1200);\r\n }\r\n}\r\n","@if (enabled() && !dismissed()) {\r\n <div class=\"sd-autoid-inspector__fab-wrap\">\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__fab\"\r\n data-autoid=\"sd-autoid-inspector-fab\"\r\n [matTooltip]=\"open() ? 'Đóng AutoId Inspector' : 'Mở AutoId Inspector'\"\r\n matTooltipPosition=\"left\"\r\n (click)=\"togglePanel()\">\r\n <mat-icon>{{ open() ? 'close' : 'tag' }}</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__fab-dismiss\"\r\n matTooltip=\"Ẩn tạm — reload trang để hiện lại\"\r\n matTooltipPosition=\"left\"\r\n aria-label=\"Ẩn tạm FAB\"\r\n (click)=\"dismissFab($event)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n\r\n}\r\n\r\n@if (enabled() && open()) {\r\n <div class=\"sd-autoid-inspector__backdrop\" (click)=\"closePanel()\"></div>\r\n <section class=\"sd-autoid-inspector__panel\" role=\"dialog\" aria-label=\"AutoId Inspector\">\r\n <header class=\"sd-autoid-inspector__header\">\r\n <div class=\"sd-autoid-inspector__segments\">\r\n <button\r\n type=\"button\"\r\n [class.is-active]=\"segment() === 'audit'\"\r\n (click)=\"setSegment('audit')\">\r\n Audit\r\n @if (audit(); as a) {\r\n <span class=\"sd-autoid-inspector__badge\" [class.is-warn]=\"a.missingCount + a.duplicateCount > 0\">\r\n {{ a.missingCount + a.duplicateCount }}\r\n </span>\r\n }\r\n </button>\r\n <button\r\n type=\"button\"\r\n [class.is-active]=\"segment() === 'elements'\"\r\n (click)=\"setSegment('elements')\">\r\n Elements\r\n <span class=\"sd-autoid-inspector__badge\">{{ elements().length }}</span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n [class.is-active]=\"segment() === 'export'\"\r\n (click)=\"setSegment('export')\">\r\n Export\r\n </button>\r\n </div>\r\n <div class=\"sd-autoid-inspector__actions\">\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__icon-btn\"\r\n matTooltip=\"Quét lại\"\r\n (click)=\"refresh()\">\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__close-btn\"\r\n matTooltip=\"Đóng\"\r\n aria-label=\"Đóng panel\"\r\n (click)=\"closePanel()\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </header>\r\n\r\n @if (copyOk()) {\r\n <div class=\"sd-autoid-inspector__toast\">Đã copy ✓</div>\r\n }\r\n\r\n <div class=\"sd-autoid-inspector__body\">\r\n @switch (segment()) {\r\n @case ('audit') {\r\n <ng-container ngTemplateOutlet=\"auditTpl\"></ng-container>\r\n }\r\n @case ('elements') {\r\n <ng-container ngTemplateOutlet=\"elementsTpl\"></ng-container>\r\n }\r\n @case ('export') {\r\n <ng-container ngTemplateOutlet=\"exportTpl\"></ng-container>\r\n }\r\n }\r\n </div>\r\n </section>\r\n\r\n <ng-template #auditTpl>\r\n @if (audit(); as a) {\r\n <div class=\"sd-autoid-inspector__audit-toolbar\">\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__toggle\"\r\n [class.is-on]=\"highlightOn()\"\r\n (click)=\"toggleHighlight()\">\r\n <mat-icon>{{ highlightOn() ? 'visibility' : 'visibility_off' }}</mat-icon>\r\n <span>Highlight DOM</span>\r\n <span class=\"sd-autoid-inspector__toggle-state\">{{ highlightOn() ? 'ON' : 'OFF' }}</span>\r\n </button>\r\n </div>\r\n <div class=\"sd-autoid-inspector__summary\">\r\n <div class=\"sd-autoid-inspector__stat is-info\">\r\n <div class=\"sd-autoid-inspector__stat-value\">{{ a.total }}</div>\r\n <div class=\"sd-autoid-inspector__stat-label\">Tổng autoid</div>\r\n </div>\r\n <div class=\"sd-autoid-inspector__stat\" [class.is-error]=\"a.duplicateCount > 0\" [class.is-success]=\"a.duplicateCount === 0\">\r\n <div class=\"sd-autoid-inspector__stat-value\">{{ a.duplicateCount }}</div>\r\n <div class=\"sd-autoid-inspector__stat-label\">Trùng</div>\r\n </div>\r\n <div class=\"sd-autoid-inspector__stat\" [class.is-warning]=\"a.missingCount > 0\" [class.is-success]=\"a.missingCount === 0\">\r\n <div class=\"sd-autoid-inspector__stat-value\">{{ a.missingCount }}</div>\r\n <div class=\"sd-autoid-inspector__stat-label\">Thiếu</div>\r\n </div>\r\n </div>\r\n\r\n @if (a.duplicateCount > 0) {\r\n <h4 class=\"sd-autoid-inspector__section-title\">\r\n <mat-icon class=\"is-error\">error_outline</mat-icon>\r\n Autoid bị trùng\r\n </h4>\r\n <div class=\"sd-autoid-inspector__table-wrap\">\r\n <table class=\"sd-autoid-inspector__table\">\r\n <thead>\r\n <tr><th>Autoid</th><th>Số lần</th></tr>\r\n </thead>\r\n <tbody>\r\n @for (entry of a.duplicates \| keyvalue; track entry.key) {\r\n <tr class=\"is-error\">\r\n <td><code>{{ entry.key }}</code></td>\r\n <td>{{ entry.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n }\r\n\r\n @if (a.missingCount > 0) {\r\n <h4 class=\"sd-autoid-inspector__section-title\">\r\n <mat-icon class=\"is-warning\">warning_amber</mat-icon>\r\n Element thiếu autoid\r\n </h4>\r\n <div class=\"sd-autoid-inspector__table-wrap\">\r\n <table class=\"sd-autoid-inspector__table\">\r\n <thead>\r\n <tr><th>Tag</th><th>Name hint</th><th>Selector</th></tr>\r\n </thead>\r\n <tbody>\r\n @for (m of a.missing; track $index) {\r\n <tr class=\"is-warning\">\r\n <td><code>{{ m.tag }}</code></td>\r\n <td>{{ m.nameHint }}</td>\r\n <td><code>{{ m.selector }}</code></td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n }\r\n\r\n @if (a.duplicateCount === 0 && a.missingCount === 0) {\r\n <div class=\"sd-autoid-inspector__success-card\">\r\n <mat-icon>check_circle</mat-icon>\r\n <div>\r\n <strong>Không có element thiếu hoặc trùng autoid.</strong>\r\n <small>Trang đã đạt chuẩn convention autoid.</small>\r\n </div>\r\n </div>\r\n }\r\n }\r\n </ng-template>\r\n\r\n <ng-template #elementsTpl>\r\n <div class=\"sd-autoid-inspector__filter\">\r\n <mat-icon>search</mat-icon>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Lọc theo autoid / name / tag\"\r\n [ngModel]=\"filter()\"\r\n (ngModelChange)=\"filter.set($event)\"/>\r\n @if (filter()) {\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__icon-btn\"\r\n matTooltip=\"Xoá filter\"\r\n (click)=\"filter.set('')\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n <div class=\"sd-autoid-inspector__table-wrap\">\r\n <table class=\"sd-autoid-inspector__table\">\r\n <thead>\r\n <tr>\r\n <th class=\"is-num\">STT</th>\r\n <th>Name</th>\r\n <th>Autoid</th>\r\n <th>Tag</th>\r\n <th>Value</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (el of filteredElements(); track el.autoid + $index) {\r\n <tr [class.is-error]=\"el.duplicate\">\r\n <td class=\"is-num\">{{ el.stt }}</td>\r\n <td>{{ el.name \|\| '—' }}</td>\r\n <td>\r\n <div class=\"sd-autoid-inspector__autoid-cell\">\r\n <code>{{ el.autoid }}</code>\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__icon-btn is-primary\"\r\n matTooltip=\"Copy xpath\"\r\n (click)=\"copyXpath(el.autoid)\">\r\n <mat-icon>content_copy</mat-icon>\r\n </button>\r\n </div>\r\n </td>\r\n <td><span class=\"sd-autoid-inspector__tag-chip\">{{ el.tag }}</span></td>\r\n <td class=\"sd-autoid-inspector__value\" [matTooltip]=\"el.value \|\| ''\">\r\n {{ el.value \|\| '—' }}\r\n </td>\r\n </tr>\r\n } @empty {\r\n <tr><td colspan=\"5\" class=\"sd-autoid-inspector__empty\">Không có kết quả.</td></tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n </ng-template>\r\n\r\n <ng-template #exportTpl>\r\n <div class=\"sd-autoid-inspector__export-grid\">\r\n <button type=\"button\" matTooltip=\"Copy JSON vào clipboard\" (click)=\"copyJson()\">\r\n <mat-icon>content_copy</mat-icon>\r\n <span>Copy JSON</span>\r\n <small>clipboard</small>\r\n </button>\r\n <button type=\"button\" matTooltip=\"Tải file JSON\" (click)=\"exportJson()\">\r\n <mat-icon>download</mat-icon>\r\n <span>JSON</span>\r\n <small>.json</small>\r\n </button>\r\n <button type=\"button\" matTooltip=\"Tải file CSV\" (click)=\"exportCsv()\">\r\n <mat-icon>table_view</mat-icon>\r\n <span>CSV</span>\r\n <small>.csv</small>\r\n </button>\r\n <button type=\"button\" matTooltip=\"Tải MD POM skeleton — cho AI viết auto-test\" (click)=\"exportMdPom()\">\r\n <mat-icon>code</mat-icon>\r\n <span>MD POM</span>\r\n <small>AI test</small>\r\n </button>\r\n <button type=\"button\" matTooltip=\"Tải MD reference table — group theo tag sd-\" (click)=\"exportMdTable()\">\r\n <mat-icon>view_list</mat-icon>\r\n <span>MD Table</span>\r\n <small>reference</small>\r\n </button>\r\n </div>\r\n </ng-template>\r\n}\r\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"sd-angular-core-components-autoid-inspector.mjs","sources":["../../../projects/sd-angular/components/autoid-inspector/src/models/autoid-inspector-config.model.ts","../../../projects/sd-angular/components/autoid-inspector/src/services/autoid-scanner.service.ts","../../../projects/sd-angular/components/autoid-inspector/src/services/autoid-audit.service.ts","../../../projects/sd-angular/components/autoid-inspector/src/services/autoid-highlight.service.ts","../../../projects/sd-angular/components/autoid-inspector/src/services/autoid-export.service.ts","../../../projects/sd-angular/components/autoid-inspector/src/autoid-inspector.component.ts","../../../projects/sd-angular/components/autoid-inspector/src/autoid-inspector.component.html","../../../projects/sd-angular/components/autoid-inspector/sd-angular-core-components-autoid-inspector.ts"],"sourcesContent":["export interface SdAutoidInspectorConfig {\r\n /** Selector phụ thêm cần audit (mặc định component đã cover sd-* form + sd-button). /\r\n extraRequireSelectors?: string[];\r\n /* Root scan, mặc định document.body. /\r\n root?: HTMLElement;\r\n}\r\n\r\n/* Selector mặc định coi là phải có data-autoid. /\r\nexport const SD_AUTOID_DEFAULT_REQUIRE_SELECTORS: ReadonlyArray<string> = [\r\n 'sd-input',\r\n 'sd-input-number',\r\n 'sd-textarea',\r\n 'sd-select',\r\n 'sd-autocomplete',\r\n 'sd-checkbox',\r\n 'sd-radio',\r\n 'sd-switch',\r\n 'sd-date',\r\n 'sd-datetime',\r\n 'sd-date-range',\r\n 'sd-chip',\r\n 'sd-chip-calendar',\r\n 'sd-button',\r\n];\r\n","import { Injectable } from '@angular/core';\r\nimport { SdAutoidElement, SdAutoidElementState } from '../models/autoid-element.model';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class SdAutoidScannerService {\r\n /\r\n Quét element có [data-autoid] trong root, gắn name/tag/value/xpath.\r\n * Khi truyền `requireSelectors` (vd các sd-* form/button), những node khớp selector\r\n * mà KHÔNG có data-autoid (self lẫn con) sẽ được thêm vào dưới dạng phần tử fallback\r\n * (`autoid: ''`, xpath theo vị trí thẻ + cờ `missingAutoid` + warning) — để JSON xuất ra\r\n * vẫn dùng được và dev biết chỗ cần bổ sung autoid.\r\n /\r\n scan(\r\n root: HTMLElement = document.body,\r\n requireSelectors: ReadonlyArray<string> = []\r\n ): SdAutoidElement[] {\r\n const nodes = root.querySelectorAll<HTMLElement>('[data-autoid]');\r\n const dupCount: Record<string, number> = {};\r\n nodes.forEach(n => {\r\n const id = n.getAttribute('data-autoid');\r\n if (!id) return;\r\n dupCount[id] = (dupCount[id] ?? 0) + 1;\r\n });\r\n\r\n const result: SdAutoidElement[] = [];\r\n let stt = 1;\r\n nodes.forEach(node => {\r\n const autoid = node.getAttribute('data-autoid');\r\n if (!autoid) return;\r\n const state = this.readState(node);\r\n const tableScope = this.resolveTableScope(node);\r\n result.push({\r\n stt: stt++,\r\n name: this.resolveName(node),\r\n autoid,\r\n tag: this.resolveSdTag(node),\r\n text: this.resolveText(node),\r\n xpath: `//[@data-autoid=\"${autoid}\"]`,\r\n duplicate: dupCount[autoid] > 1,\r\n state,\r\n tableScope,\r\n });\r\n });\r\n\r\n if (requireSelectors.length) {\r\n stt = this.appendMissing(root, requireSelectors, result, stt);\r\n }\r\n return result;\r\n }\r\n\r\n /*\r\n Tìm các node khớp `requireSelectors` nhưng thiếu data-autoid (self + mọi descendant),\r\n * thêm vào `result` dưới dạng phần tử fallback. Trả về `stt` kế tiếp.\r\n /\r\n private appendMissing(\r\n root: HTMLElement,\r\n requireSelectors: ReadonlyArray<string>,\r\n result: SdAutoidElement[],\r\n startStt: number\r\n ): number {\r\n let stt = startStt;\r\n const joined = requireSelectors.join(',');\r\n root.querySelectorAll<HTMLElement>(joined).forEach(node => {\r\n // Cùng quy ước với audit: bỏ qua khi self hoặc con đã có data-autoid.\r\n if (node.hasAttribute('data-autoid')) return;\r\n if (node.querySelector('[data-autoid]')) return;\r\n const tag = node.tagName.toLowerCase();\r\n result.push({\r\n stt: stt++,\r\n name: this.resolveName(node),\r\n autoid: '',\r\n tag,\r\n text: this.resolveText(node),\r\n xpath: this.fallbackXpath(node, tag),\r\n duplicate: false,\r\n state: this.readState(node),\r\n tableScope: this.resolveTableScope(node),\r\n missingAutoid: true,\r\n warning: 'Thiếu data-autoid — dùng xpath fallback theo tag (dev nên bổ sung autoid)',\r\n });\r\n });\r\n return stt;\r\n }\r\n\r\n /* XPath theo vị trí thẻ trong document, vd `(//sd-button)[2]`, khi không có autoid. /\r\n private fallbackXpath(node: HTMLElement, tag: string): string {\r\n const all = Array.from(document.querySelectorAll(tag));\r\n const idx = all.indexOf(node);\r\n return `(//${tag})[${idx >= 0 ? idx + 1 : 1}]`;\r\n }\r\n\r\n /* Group element theo autoid để consumer lấy duplicate map. /\r\n groupByAutoid(elements: SdAutoidElement[]): Record<string, SdAutoidElement[]> {\r\n const map: Record<string, SdAutoidElement[]> = {};\r\n for (const el of elements) {\r\n (map[el.autoid] ??= []).push(el);\r\n }\r\n return map;\r\n }\r\n\r\n /\r\n Read the optional `data-` E2E state attributes off the same node.\r\n Only includes fields actually present on the DOM (skipped fields stay undefined).\r\n /\r\n private readState(node: HTMLElement): SdAutoidElementState {\r\n const get = (n: string): string \| undefined => {\r\n const v = node.getAttribute(n);\r\n return v === null ? undefined : v;\r\n };\r\n return {\r\n disabled: get('data-disabled'),\r\n loading: get('data-loading'),\r\n empty: get('data-empty'),\r\n invalid: get('data-invalid'),\r\n opened: get('data-opened'),\r\n count: get('data-count'),\r\n dataValue: get('data-value'),\r\n required: get('data-required'),\r\n maxlength: get('data-maxlength'),\r\n minlength: get('data-minlength'),\r\n pattern: get('data-pattern'),\r\n errorMessage: get('data-error-message'),\r\n type: get('data-type'),\r\n title: get('data-title'),\r\n message: get('data-message'),\r\n };\r\n }\r\n\r\n /\r\n If the node is inside an `<sd-table>` element, return that table's `data-autoid`.\r\n * Walks up via closest('sd-table') — skips the node itself if it IS the table.\r\n /\r\n private resolveTableScope(node: HTMLElement): string \| undefined {\r\n // Skip self if the node itself is the sd-table host.\r\n const start = node.tagName.toLowerCase() === 'sd-table' ? node.parentElement : node;\r\n const table = start?.closest('sd-table') as HTMLElement \| null;\r\n if (!table \|\| table === node) return undefined;\r\n const id = table.getAttribute('data-autoid');\r\n return id ?? undefined;\r\n }\r\n\r\n private resolveName(node: HTMLElement): string {\r\n if (node.id) {\r\n // CSS.escape phòng id chứa ký tự đặc biệt làm vỡ selector.\r\n const sel = typeof CSS !== 'undefined' && CSS.escape ? CSS.escape(node.id) : node.id;\r\n const label = document.querySelector(`label[for=\"${sel}\"]`);\r\n const text = label?.textContent?.trim();\r\n if (text) return text;\r\n }\r\n return node.getAttribute('aria-label')?.trim()\r\n ?? node.getAttribute('placeholder')?.trim()\r\n ?? node.getAttribute('title')?.trim()\r\n ?? '';\r\n }\r\n\r\n private resolveSdTag(node: HTMLElement): string {\r\n let cur: HTMLElement \| null = node;\r\n while (cur) {\r\n const tag = cur.tagName.toLowerCase();\r\n if (tag.startsWith('sd-')) return tag;\r\n cur = cur.parentElement;\r\n }\r\n return node.tagName.toLowerCase();\r\n }\r\n\r\n private resolveText(node: HTMLElement): string {\r\n const input = node as HTMLInputElement;\r\n if (typeof input.value === 'string' && input.value) return input.value;\r\n return (node.textContent ?? '').trim().slice(0, 80);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { SdAutoidElement, SdAutoidAuditResult, SdAutoidMissing } from '../models/autoid-element.model';\r\nimport { SD_AUTOID_DEFAULT_REQUIRE_SELECTORS } from '../models/autoid-inspector-config.model';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class SdAutoidAuditService {\r\n /\r\n Audit kết quả scan + DOM:\r\n * - duplicates: map autoid → count khi count > 1\r\n * - missing: element khớp selector yêu cầu nhưng KHÔNG có [data-autoid]\r\n /\r\n audit(\r\n elements: SdAutoidElement[],\r\n options: { requireSelectors?: ReadonlyArray<string>; root?: HTMLElement } = {}\r\n ): SdAutoidAuditResult {\r\n const requireSelectors = options.requireSelectors ?? SD_AUTOID_DEFAULT_REQUIRE_SELECTORS;\r\n const root = options.root ?? document.body;\r\n\r\n const duplicates: Record<string, number> = {};\r\n for (const el of elements) {\r\n if (el.duplicate) {\r\n duplicates[el.autoid] = (duplicates[el.autoid] ?? 0) + 1;\r\n }\r\n }\r\n\r\n const missing = this.findMissing(root, requireSelectors);\r\n\r\n return {\r\n total: elements.length,\r\n duplicates,\r\n duplicateCount: Object.keys(duplicates).length,\r\n missing,\r\n missingCount: missing.length,\r\n };\r\n }\r\n\r\n private findMissing(root: HTMLElement, selectors: ReadonlyArray<string>): SdAutoidMissing[] {\r\n if (!selectors.length) return [];\r\n const joined = selectors.join(',');\r\n const nodes = root.querySelectorAll<HTMLElement>(joined);\r\n const missing: SdAutoidMissing[] = [];\r\n\r\n nodes.forEach(node => {\r\n // Coi là missing khi element + mọi descendant đều không có data-autoid.\r\n // Lý do: sd-button render thành <button data-autoid=\"...\"> bên trong host\r\n // <sd-button>. Nếu chỉ check chính host sẽ false-positive cho mọi sd-button.\r\n if (node.hasAttribute('data-autoid')) return;\r\n if (node.querySelector('[data-autoid]')) return;\r\n\r\n missing.push({\r\n tag: node.tagName.toLowerCase(),\r\n selector: this.buildSelectorPath(node),\r\n outerHtmlPreview: this.shortHtml(node),\r\n nameHint: this.resolveNameHint(node),\r\n });\r\n });\r\n\r\n return missing;\r\n }\r\n\r\n private buildSelectorPath(node: HTMLElement): string {\r\n const parts: string[] = [];\r\n let cur: HTMLElement \| null = node;\r\n let depth = 0;\r\n while (cur && depth < 4) {\r\n let part = cur.tagName.toLowerCase();\r\n if (cur.id) {\r\n part += `#${cur.id}`;\r\n parts.unshift(part);\r\n break;\r\n }\r\n const cls = (cur.getAttribute('class') ?? '').trim().split(/\\s+/).filter(Boolean).slice(0, 2);\r\n if (cls.length) part += `.${cls.join('.')}`;\r\n parts.unshift(part);\r\n cur = cur.parentElement;\r\n depth++;\r\n }\r\n return parts.join(' > ');\r\n }\r\n\r\n private shortHtml(node: HTMLElement): string {\r\n const html = node.outerHTML.replace(/\\s+/g, ' ');\r\n return html.length > 160 ? html.slice(0, 157) + '...' : html;\r\n }\r\n\r\n private resolveNameHint(node: HTMLElement): string {\r\n return node.getAttribute('label')\r\n ?? node.getAttribute('placeholder')\r\n ?? node.getAttribute('aria-label')\r\n ?? node.getAttribute('title')\r\n ?? '';\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\n\r\nconst ATTR = 'data-sd-autoid-highlight';\r\nconst SAVED_OUTLINE = 'data-sd-autoid-prev-outline';\r\nconst SAVED_OUTLINE_OFFSET = 'data-sd-autoid-prev-outline-offset';\r\nconst SAVED_BG = 'data-sd-autoid-prev-bg';\r\nconst SAVED_BORDER_RADIUS = 'data-sd-autoid-prev-radius';\r\n\r\n// Token màu lấy từ @sd-angular/core theme (--sd-). Fallback hex áp dụng khi\r\n// consumer chưa import sd-core.scss. Dùng cùng bộ var với scss component để\r\n// nhất quán visual giữa highlight ok / duplicate / missing.\r\nconst COLOR_OK = 'var(--sd-success, #4CAF50)';\r\nconst COLOR_OK_BG = 'var(--sd-success-light, rgba(76, 175, 80, 0.12))';\r\nconst COLOR_DUP = 'var(--sd-error, #F82C13)';\r\nconst COLOR_DUP_BG = 'var(--sd-error-light, rgba(248, 44, 19, 0.12))';\r\nconst COLOR_MISSING = 'var(--sd-warning, #FF9600)';\r\nconst COLOR_MISSING_BG = 'var(--sd-warning-light, rgba(255, 150, 0, 0.12))';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class SdAutoidHighlightService {\r\n /** Apply outline cho mọi [data-autoid]: xanh nếu unique, đỏ nếu duplicate. Idempotent. /\r\n apply(root: HTMLElement = document.body): void {\r\n this.clear(root);\r\n const nodes = root.querySelectorAll<HTMLElement>('[data-autoid]');\r\n const count: Record<string, number> = {};\r\n nodes.forEach(n => {\r\n const id = n.getAttribute('data-autoid');\r\n if (!id) return;\r\n count[id] = (count[id] ?? 0) + 1;\r\n });\r\n\r\n // Để tránh apply 2 lần lên cùng 1 target khi nhiều [data-autoid] cùng\r\n // chia sẻ 1 sd- host (vd 2 input lồng trong 1 sd-date-range).\r\n const visited = new Set<HTMLElement>();\r\n\r\n nodes.forEach(node => {\r\n const id = node.getAttribute('data-autoid');\r\n if (!id) return;\r\n\r\n // Highlight HOST sd-* (giống applyMissing) — outline ôm trọn card,\r\n // không hiển thị lệch trên input con / label fragment. Fallback về\r\n // chính node khi không tìm thấy sd-* ancestor (vd native button).\r\n const target = this.#resolveTarget(node);\r\n if (visited.has(target)) return;\r\n visited.add(target);\r\n\r\n const isDup = count[id] > 1;\r\n this.#paint(\r\n target,\r\n isDup ? COLOR_DUP : COLOR_OK,\r\n isDup ? COLOR_DUP_BG : COLOR_OK_BG,\r\n 'solid',\r\n isDup ? 'duplicate' : 'ok'\r\n );\r\n });\r\n }\r\n\r\n /** Highlight tập element không có autoid (missing) bằng outline cam dashed. /\r\n applyMissing(nodes: HTMLElement[]): void {\r\n nodes.forEach(node => {\r\n if (node.hasAttribute(ATTR)) return;\r\n this.#paint(node, COLOR_MISSING, COLOR_MISSING_BG, 'dashed', 'missing');\r\n });\r\n }\r\n\r\n /* Restore inline style như trước khi apply. /\r\n clear(root: HTMLElement = document.body): void {\r\n const nodes = root.querySelectorAll<HTMLElement>(`[${ATTR}]`);\r\n nodes.forEach(node => {\r\n node.style.outline = node.getAttribute(SAVED_OUTLINE) ?? '';\r\n node.style.outlineOffset = node.getAttribute(SAVED_OUTLINE_OFFSET) ?? '';\r\n node.style.backgroundColor = node.getAttribute(SAVED_BG) ?? '';\r\n node.style.borderRadius = node.getAttribute(SAVED_BORDER_RADIUS) ?? '';\r\n node.removeAttribute(SAVED_OUTLINE);\r\n node.removeAttribute(SAVED_OUTLINE_OFFSET);\r\n node.removeAttribute(SAVED_BG);\r\n node.removeAttribute(SAVED_BORDER_RADIUS);\r\n node.removeAttribute(ATTR);\r\n });\r\n }\r\n\r\n // ==========================================\r\n // HELPERS\r\n // ==========================================\r\n #resolveTarget(node: HTMLElement): HTMLElement {\r\n let cur: HTMLElement \| null = node;\r\n while (cur) {\r\n if (cur.tagName.toLowerCase().startsWith('sd-')) return cur;\r\n cur = cur.parentElement;\r\n }\r\n return node;\r\n }\r\n\r\n #paint(\r\n node: HTMLElement,\r\n color: string,\r\n bg: string,\r\n style: 'solid' \| 'dashed',\r\n marker: 'ok' \| 'duplicate' \| 'missing'\r\n ): void {\r\n // Backup full style cần restore để clear() đưa về nguyên trạng.\r\n node.setAttribute(SAVED_OUTLINE, node.style.outline ?? '');\r\n node.setAttribute(SAVED_OUTLINE_OFFSET, node.style.outlineOffset ?? '');\r\n node.setAttribute(SAVED_BG, node.style.backgroundColor ?? '');\r\n node.setAttribute(SAVED_BORDER_RADIUS, node.style.borderRadius ?? '');\r\n\r\n node.style.outline = `2px ${style} ${color}`;\r\n // outline-offset 2px tránh đè lên border của host (mat-form-field, button)\r\n // → highlight nằm gọn ngoài card thay vì cắt vào nội dung.\r\n node.style.outlineOffset = '2px';\r\n node.style.backgroundColor = bg;\r\n // Bo nhẹ để outline trông sạch trên host bo góc sẵn.\r\n if (!node.style.borderRadius) {\r\n node.style.borderRadius = '6px';\r\n }\r\n node.setAttribute(ATTR, marker);\r\n }\r\n}\r\n","import { Injectable } from '@angular/core';\r\nimport { SdAutoidElement, SdAutoidElementState } from '../models/autoid-element.model';\r\nimport { SdAutoidExportMeta } from '../models/autoid-export-format.model';\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class SdAutoidExportService {\r\n /\r\n Có `meta` → bọc `{ meta, elements }` (kèm url/queryParams) để consumer biết trang/route.\r\n * Không `meta` → giữ mảng thuần (back-compat cho caller cũ chỉ cần elements).\r\n /\r\n toJson(elements: SdAutoidElement[], meta?: SdAutoidExportMeta): string {\r\n if (meta) return JSON.stringify({ meta, elements }, null, 2);\r\n return JSON.stringify(elements, null, 2);\r\n }\r\n\r\n /* Parse a `location.search` string into a flat key/value map (last value wins). /\r\n parseQueryParams(search: string): Record<string, string> {\r\n const out: Record<string, string> = {};\r\n new URLSearchParams(search \|\| '').forEach((v, k) => {\r\n out[k] = v;\r\n });\r\n return out;\r\n }\r\n\r\n toCsv(elements: SdAutoidElement[]): string {\r\n const header = 'STT,name,autoid,tag,table-scope,disabled,loading,empty,invalid,opened,count,data-value,text,xpath';\r\n const rows = elements.map(el =>\r\n [\r\n el.stt,\r\n this.q(el.name),\r\n this.q(el.autoid),\r\n this.q(el.tag),\r\n this.q(el.tableScope ?? ''),\r\n this.q(el.state.disabled ?? ''),\r\n this.q(el.state.loading ?? ''),\r\n this.q(el.state.empty ?? ''),\r\n this.q(el.state.invalid ?? ''),\r\n this.q(el.state.opened ?? ''),\r\n this.q(el.state.count ?? ''),\r\n this.q(el.state.dataValue ?? ''),\r\n this.q(el.text),\r\n this.q(el.xpath),\r\n ].join(',')\r\n );\r\n return [header, ...rows].join('\\n') + '\\n';\r\n }\r\n\r\n /* POM TypeScript skeleton — copy ngay vào file Playwright/Cypress. /\r\n toMarkdownPom(elements: SdAutoidElement[], meta: SdAutoidExportMeta): string {\r\n const className = this.toPascal(meta.pageTitle \|\| 'AutoGenerated') + 'Page';\r\n const lines: string[] = [];\r\n lines.push(`# ${className}`);\r\n lines.push('');\r\n lines.push(`- Page: \\`${meta.pageUrl}\\``);\r\n lines.push(`- Generated: \\`${meta.timestamp}\\``);\r\n lines.push('');\r\n lines.push('```ts');\r\n lines.push(`export class ${className} {`);\r\n for (const el of elements) {\r\n // autoid rỗng (phần tử fallback thiếu autoid) → đặt tên prop theo tag + stt.\r\n const propName = el.autoid ? this.toCamel(el.autoid) : this.toCamel(`${el.tag}-${el.stt}`);\r\n const nameHint = el.name ? ` ${el.name} —` : '';\r\n const stateSummary = this.buildStateSummary(el.state);\r\n const stateStr = stateSummary ? ` — ${stateSummary}` : '';\r\n lines.push(` /* ${el.tag}${nameHint}${stateStr} /`);\r\n lines.push(` readonly ${propName} = '${el.xpath}';`);\r\n }\r\n lines.push('}');\r\n lines.push('```');\r\n lines.push('');\r\n return lines.join('\\n');\r\n }\r\n\r\n /* Markdown reference table, group FIRST by tableScope (top-level first, then per table), then by tag. /\r\n toMarkdownTable(elements: SdAutoidElement[], meta: SdAutoidExportMeta): string {\r\n const lines: string[] = [];\r\n lines.push('# AutoId Reference');\r\n lines.push('');\r\n lines.push(`- Page: \\`${meta.pageUrl}\\``);\r\n lines.push(`- Generated: \\`${meta.timestamp}\\``);\r\n lines.push('');\r\n\r\n // Partition into top-level and per-table buckets.\r\n const topLevel = elements.filter(el => !el.tableScope);\r\n // Collect unique table scopes in insertion order (preserves DOM order).\r\n const tableScopes: string[] = [];\r\n for (const el of elements) {\r\n if (el.tableScope && !tableScopes.includes(el.tableScope)) {\r\n tableScopes.push(el.tableScope);\r\n }\r\n }\r\n tableScopes.sort();\r\n\r\n const renderTagGroup = (items: SdAutoidElement[]) => {\r\n const groups = new Map<string, SdAutoidElement[]>();\r\n for (const el of items) {\r\n const key = el.tag \|\| '(no-tag)';\r\n if (!groups.has(key)) groups.set(key, []);\r\n groups.get(key)!.push(el);\r\n }\r\n const sortedTags = [...groups.keys()].sort();\r\n for (const tag of sortedTags) {\r\n lines.push(`### ${tag}`);\r\n lines.push('');\r\n lines.push('\| name \| autoid \| xpath \| state \| duplicate \|');\r\n lines.push('\|------\|--------\|-------\|-------\|-----------\|');\r\n for (const el of groups.get(tag)!) {\r\n const stateSummary = this.buildStateSummary(el.state);\r\n lines.push(`\| ${this.mdCell(el.name)} \| \\`${el.autoid}\\` \| \\`${el.xpath}\\` \| ${this.mdCell(stateSummary)} \| ${el.duplicate ? '⚠️' : ''} \|`);\r\n }\r\n lines.push('');\r\n }\r\n };\r\n\r\n // Top-level section.\r\n lines.push('## Top-level');\r\n lines.push('');\r\n if (topLevel.length > 0) {\r\n renderTagGroup(topLevel);\r\n } else {\r\n lines.push('_(no top-level elements)_');\r\n lines.push('');\r\n }\r\n\r\n // Per-table sections.\r\n for (const scope of tableScopes) {\r\n lines.push(`## Inside table \\`${scope}\\``);\r\n lines.push('');\r\n const scopeItems = elements.filter(el => el.tableScope === scope);\r\n renderTagGroup(scopeItems);\r\n }\r\n\r\n return lines.join('\\n');\r\n }\r\n\r\n download(content: string, filename: string, mime: string): void {\r\n const blob = new Blob([content], { type: mime });\r\n const url = URL.createObjectURL(blob);\r\n const link = document.createElement('a');\r\n link.href = url;\r\n link.download = filename;\r\n document.body.appendChild(link);\r\n link.click();\r\n document.body.removeChild(link);\r\n URL.revokeObjectURL(url);\r\n }\r\n\r\n async copyToClipboard(content: string): Promise<void> {\r\n if (navigator.clipboard?.writeText) {\r\n await navigator.clipboard.writeText(content);\r\n return;\r\n }\r\n // Fallback cho browser cũ / context không có clipboard API.\r\n const ta = document.createElement('textarea');\r\n ta.value = content;\r\n ta.style.position = 'fixed';\r\n ta.style.opacity = '0';\r\n document.body.appendChild(ta);\r\n ta.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(ta);\r\n }\r\n\r\n /* Build a compact state summary string from defined state keys, e.g. \"disabled=false; empty=true\". /\r\n private buildStateSummary(state: SdAutoidElementState): string {\r\n const parts: string[] = [];\r\n if (state.disabled !== undefined) parts.push(`disabled=${state.disabled}`);\r\n if (state.loading !== undefined) parts.push(`loading=${state.loading}`);\r\n if (state.empty !== undefined) parts.push(`empty=${state.empty}`);\r\n if (state.invalid !== undefined) parts.push(`invalid=${state.invalid}`);\r\n if (state.opened !== undefined) parts.push(`opened=${state.opened}`);\r\n if (state.count !== undefined) parts.push(`count=${state.count}`);\r\n if (state.dataValue !== undefined) parts.push(`data-value=${state.dataValue}`);\r\n return parts.join('; ');\r\n }\r\n\r\n private q(v: string \| number): string {\r\n const s = String(v ?? '').replace(/\"/g, '\"\"');\r\n return `\"${s}\"`;\r\n }\r\n\r\n private mdCell(s: string): string {\r\n return (s \|\| '').replace(/\\\|/g, '\\\\\|').replace(/\\n/g, ' ');\r\n }\r\n\r\n private toCamel(autoid: string): string {\r\n const parts = autoid.split(/[-_]/).filter(Boolean);\r\n return parts.map((p, i) => (i === 0 ? p : p[0].toUpperCase() + p.slice(1))).join('');\r\n }\r\n\r\n private toPascal(title: string): string {\r\n return title\r\n .split(/[^a-zA-Z0-9]+/)\r\n .filter(Boolean)\r\n .map(p => p[0].toUpperCase() + p.slice(1))\r\n .join('');\r\n }\r\n}\r\n","import { CommonModule } from '@angular/common';\r\nimport {\r\n booleanAttribute,\r\n ChangeDetectionStrategy,\r\n Component,\r\n computed,\r\n HostListener,\r\n inject,\r\n input,\r\n OnDestroy,\r\n signal,\r\n} from '@angular/core';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { ActivatedRouteSnapshot, Router } from '@angular/router';\r\n\r\nimport { SdAutoidElement, SdAutoidAuditResult } from './models/autoid-element.model';\r\nimport {\r\n SdAutoidInspectorConfig,\r\n SD_AUTOID_DEFAULT_REQUIRE_SELECTORS,\r\n} from './models/autoid-inspector-config.model';\r\nimport { SdAutoidExportMeta } from './models/autoid-export-format.model';\r\nimport { SdAutoidScannerService } from './services/autoid-scanner.service';\r\nimport { SdAutoidAuditService } from './services/autoid-audit.service';\r\nimport { SdAutoidHighlightService } from './services/autoid-highlight.service';\r\nimport { SdAutoidExportService } from './services/autoid-export.service';\r\n\r\ntype Segment = 'audit' \| 'elements' \| 'export';\r\n\r\n@Component({\r\n selector: 'sd-autoid-inspector',\r\n templateUrl: './autoid-inspector.component.html',\r\n styleUrls: ['./autoid-inspector.component.scss'],\r\n changeDetection: ChangeDetectionStrategy.OnPush,\r\n standalone: true,\r\n imports: [CommonModule, FormsModule, MatIconModule, MatTooltipModule],\r\n})\r\nexport class SdAutoidInspector implements OnDestroy {\r\n // ==========================================\r\n // INPUTS\r\n // ==========================================\r\n enabled = input(true, { transform: booleanAttribute });\r\n config = input<SdAutoidInspectorConfig \| undefined>(undefined);\r\n\r\n // ==========================================\r\n // STATE\r\n // ==========================================\r\n open = signal(false);\r\n segment = signal<Segment>('audit');\r\n filter = signal('');\r\n elements = signal<SdAutoidElement[]>([]);\r\n audit = signal<SdAutoidAuditResult \| null>(null);\r\n copyOk = signal(false);\r\n // Default true để mở panel lần đầu là có highlight ngay. Đóng panel KHÔNG\r\n // tự tắt — user toggle qua nút trong tab Audit khi muốn nhìn DOM gốc.\r\n highlightOn = signal(true);\r\n // Ẩn tạm FAB — chỉ in-memory, reload trang sẽ hiện lại (theo thiết kế).\r\n dismissed = signal(false);\r\n\r\n filteredElements = computed(() => {\r\n const q = this.filter().trim().toLowerCase();\r\n if (!q) return this.elements();\r\n return this.elements().filter(\r\n el =>\r\n el.autoid.toLowerCase().includes(q) \|\|\r\n el.name.toLowerCase().includes(q) \|\|\r\n el.tag.toLowerCase().includes(q)\r\n );\r\n });\r\n\r\n /\r\n Elements not inside any sd-table — rendered in the main \"Top-level\" section.\r\n /\r\n readonly topLevelElements = computed(() =>\r\n this.filteredElements().filter(el => !el.tableScope)\r\n );\r\n\r\n /\r\n Map of `sd-table` autoid → its inner autoid elements. Tables themselves\r\n * stay in `topLevelElements` (the table's own autoid is top-level).\r\n /\r\n readonly tableGroups = computed(() => {\r\n const groups = new Map<string, SdAutoidElement[]>();\r\n for (const el of this.filteredElements()) {\r\n if (!el.tableScope) continue;\r\n if (!groups.has(el.tableScope)) groups.set(el.tableScope, []);\r\n groups.get(el.tableScope)!.push(el);\r\n }\r\n // Return a sorted array for stable rendering.\r\n return [...groups.entries()]\r\n .sort(([a], [b]) => a.localeCompare(b))\r\n .map(([scope, items]) => ({ scope, items }));\r\n });\r\n\r\n // ==========================================\r\n // DATA- ATTRIBUTE COMPUTEDS (for E2E selectors)\r\n // ==========================================\r\n readonly dataOpened = computed(() => (this.open() ? 'true' : 'false'));\r\n readonly dataHighlightOn = computed(() => (this.highlightOn() ? 'true' : 'false'));\r\n readonly dataSegment = computed(() => this.segment());\r\n readonly dataElementCount = computed(() => String(this.elements().length));\r\n readonly dataMissingCount = computed(() => String(this.audit()?.missingCount ?? 0));\r\n readonly dataDuplicateCount = computed(() => String(this.audit()?.duplicateCount ?? 0));\r\n\r\n // ==========================================\r\n // SERVICES\r\n // ==========================================\r\n #scanner = inject(SdAutoidScannerService);\r\n #auditSvc = inject(SdAutoidAuditService);\r\n #highlight = inject(SdAutoidHighlightService);\r\n #export = inject(SdAutoidExportService);\r\n // Optional — chỉ có khi app dùng RouterModule; dùng để lấy route params cho meta.\r\n #router = inject(Router, { optional: true });\r\n\r\n // ==========================================\r\n // LIFECYCLE\r\n // ==========================================\r\n ngOnDestroy(): void {\r\n this.#highlight.clear(this.#root());\r\n }\r\n\r\n // ==========================================\r\n // ACTIONS\r\n // ==========================================\r\n togglePanel = (): void => {\r\n if (this.open()) {\r\n this.closePanel();\r\n } else {\r\n this.openPanel();\r\n }\r\n };\r\n\r\n openPanel = (): void => {\r\n if (!this.enabled()) return;\r\n this.refresh();\r\n this.open.set(true);\r\n };\r\n\r\n closePanel = (): void => {\r\n this.open.set(false);\r\n // Highlight được giữ lại để user vẫn thấy outline khi panel ẩn —\r\n // toggleHighlight trong tab Audit là cách duy nhất để clear.\r\n };\r\n\r\n refresh = (): void => {\r\n const root = this.#root();\r\n const elements = this.#scanner.scan(root, this.#requireSelectors());\r\n const result = this.#auditSvc.audit(elements, {\r\n root,\r\n requireSelectors: this.#requireSelectors(),\r\n });\r\n this.elements.set(elements);\r\n this.audit.set(result);\r\n this.#applyHighlightIfOn(result);\r\n };\r\n\r\n dismissFab = (event: Event): void => {\r\n event.stopPropagation();\r\n this.dismissed.set(true);\r\n if (this.open()) this.closePanel();\r\n };\r\n\r\n toggleHighlight = (): void => {\r\n const next = !this.highlightOn();\r\n this.highlightOn.set(next);\r\n if (next) {\r\n this.#applyHighlightIfOn(this.audit());\r\n } else {\r\n this.#highlight.clear(this.#root());\r\n }\r\n };\r\n\r\n setSegment = (seg: Segment): void => this.segment.set(seg);\r\n\r\n copyJson = async (): Promise<void> => {\r\n await this.#export.copyToClipboard(this.#export.toJson(this.elements(), this.#meta()));\r\n this.#flashCopyOk();\r\n };\r\n\r\n copyXpath = async (autoid: string): Promise<void> => {\r\n await this.#export.copyToClipboard(`//[@data-autoid=\"${autoid}\"]`);\r\n this.#flashCopyOk();\r\n };\r\n\r\n exportCsv = (): void => {\r\n this.#export.download(\r\n this.#export.toCsv(this.elements()),\r\n this.#filename('csv'),\r\n 'text/csv;charset=utf-8'\r\n );\r\n };\r\n\r\n exportJson = (): void => {\r\n this.#export.download(\r\n this.#export.toJson(this.elements(), this.#meta()),\r\n this.#filename('json'),\r\n 'application/json'\r\n );\r\n };\r\n\r\n exportMdPom = (): void => {\r\n this.#export.download(\r\n this.#export.toMarkdownPom(this.elements(), this.#meta()),\r\n this.#filename('pom.md'),\r\n 'text/markdown'\r\n );\r\n };\r\n\r\n exportMdTable = (): void => {\r\n this.#export.download(\r\n this.#export.toMarkdownTable(this.elements(), this.#meta()),\r\n this.#filename('reference.md'),\r\n 'text/markdown'\r\n );\r\n };\r\n\r\n // ==========================================\r\n // KEYBOARD: Esc đóng panel\r\n // ==========================================\r\n @HostListener('document:keydown.escape')\r\n onEscape(): void {\r\n if (this.open()) this.closePanel();\r\n }\r\n\r\n // ==========================================\r\n // HELPERS\r\n // ==========================================\r\n #root(): HTMLElement {\r\n return this.config()?.root ?? document.body;\r\n }\r\n\r\n #requireSelectors(): ReadonlyArray<string> {\r\n const extra = this.config()?.extraRequireSelectors ?? [];\r\n return [...SD_AUTOID_DEFAULT_REQUIRE_SELECTORS, ...extra];\r\n }\r\n\r\n #highlightMissing(result: SdAutoidAuditResult): void {\r\n if (!result.missing.length) return;\r\n const root = this.#root();\r\n const selector = this.#requireSelectors().join(',');\r\n const all = Array.from(root.querySelectorAll<HTMLElement>(selector));\r\n const missingNodes = all.filter(\r\n n => !n.hasAttribute('data-autoid') && !n.querySelector('[data-autoid]')\r\n );\r\n this.#highlight.applyMissing(missingNodes);\r\n }\r\n\r\n #applyHighlightIfOn(result: SdAutoidAuditResult \| null): void {\r\n if (!this.highlightOn()) return;\r\n const root = this.#root();\r\n this.#highlight.apply(root);\r\n if (result) this.#highlightMissing(result);\r\n }\r\n\r\n #meta(): SdAutoidExportMeta {\r\n const loc = window.location;\r\n return {\r\n pageUrl: loc.pathname + loc.search,\r\n pageTitle: document.title \|\| 'Page',\r\n timestamp: new Date().toISOString(),\r\n url: loc.href,\r\n pathname: loc.pathname,\r\n search: loc.search,\r\n queryParams: this.#export.parseQueryParams(loc.search),\r\n params: this.#routeParams(),\r\n };\r\n }\r\n\r\n /\r\n Route path params gộp dọc cây ActivatedRoute (nếu có Router). Trả về undefined khi\r\n * không có Router hoặc không có param nào — để `meta.params` được bỏ qua khỏi JSON.\r\n /\r\n #routeParams(): Record<string, string> \| undefined {\r\n if (!this.#router) return undefined;\r\n const params: Record<string, string> = {};\r\n let route: ActivatedRouteSnapshot \| null = this.#router.routerState.snapshot.root;\r\n while (route) {\r\n Object.assign(params, route.params);\r\n route = route.firstChild;\r\n }\r\n return Object.keys(params).length ? params : undefined;\r\n }\r\n\r\n #filename(ext: string): string {\r\n const slug = (document.title \|\| 'autoid')\r\n .toLowerCase()\r\n .replace(/[^a-z0-9]+/g, '-')\r\n .replace(/^-\|-$/g, '');\r\n return `${slug \|\| 'autoid'}-${Date.now()}.${ext}`;\r\n }\r\n\r\n #flashCopyOk(): void {\r\n this.copyOk.set(true);\r\n setTimeout(() => this.copyOk.set(false), 1200);\r\n }\r\n}\r\n","@let _enabled = enabled();\r\n@let _open = open();\r\n@if (_enabled && !dismissed()) {\r\n <div class=\"sd-autoid-inspector__fab-wrap\">\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__fab\"\r\n data-autoid=\"sd-autoid-inspector-fab\"\r\n [attr.data-opened]=\"dataOpened()\"\r\n [matTooltip]=\"_open ? 'Đóng AutoId Inspector' : 'Mở AutoId Inspector'\"\r\n matTooltipPosition=\"left\"\r\n (click)=\"togglePanel()\">\r\n <mat-icon>{{ _open ? 'close' : 'tag' }}</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__fab-dismiss\"\r\n matTooltip=\"Ẩn tạm — reload trang để hiện lại\"\r\n matTooltipPosition=\"left\"\r\n aria-label=\"Ẩn tạm FAB\"\r\n (click)=\"dismissFab($event)\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n\r\n}\r\n\r\n@if (_enabled && _open) {\r\n @let _segment = segment();\r\n <div class=\"sd-autoid-inspector__backdrop\" (click)=\"closePanel()\"></div>\r\n <section class=\"sd-autoid-inspector__panel\"\r\n role=\"dialog\"\r\n aria-label=\"AutoId Inspector\"\r\n data-autoid=\"sd-autoid-inspector-panel\"\r\n [attr.data-segment]=\"dataSegment()\"\r\n [attr.data-highlight-on]=\"dataHighlightOn()\"\r\n [attr.data-element-count]=\"dataElementCount()\"\r\n [attr.data-missing-count]=\"dataMissingCount()\"\r\n [attr.data-duplicate-count]=\"dataDuplicateCount()\">\r\n <header class=\"sd-autoid-inspector__header\">\r\n <div class=\"sd-autoid-inspector__segments\">\r\n <button\r\n type=\"button\"\r\n [class.is-active]=\"_segment === 'audit'\"\r\n (click)=\"setSegment('audit')\">\r\n Audit\r\n @if (audit(); as a) {\r\n <span class=\"sd-autoid-inspector__badge\" [class.is-warn]=\"a.missingCount + a.duplicateCount > 0\">\r\n {{ a.missingCount + a.duplicateCount }}\r\n </span>\r\n }\r\n </button>\r\n <button\r\n type=\"button\"\r\n [class.is-active]=\"_segment === 'elements'\"\r\n (click)=\"setSegment('elements')\">\r\n Elements\r\n <span class=\"sd-autoid-inspector__badge\">{{ elements().length }}</span>\r\n </button>\r\n <button\r\n type=\"button\"\r\n [class.is-active]=\"_segment === 'export'\"\r\n (click)=\"setSegment('export')\">\r\n Export\r\n </button>\r\n </div>\r\n <div class=\"sd-autoid-inspector__actions\">\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__icon-btn\"\r\n matTooltip=\"Quét lại\"\r\n (click)=\"refresh()\">\r\n <mat-icon>refresh</mat-icon>\r\n </button>\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__close-btn\"\r\n matTooltip=\"Đóng\"\r\n aria-label=\"Đóng panel\"\r\n (click)=\"closePanel()\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n </div>\r\n </header>\r\n\r\n @if (copyOk()) {\r\n <div class=\"sd-autoid-inspector__toast\">Đã copy ✓</div>\r\n }\r\n\r\n <div class=\"sd-autoid-inspector__body\">\r\n @switch (_segment) {\r\n @case ('audit') {\r\n <ng-container ngTemplateOutlet=\"auditTpl\"></ng-container>\r\n }\r\n @case ('elements') {\r\n <ng-container ngTemplateOutlet=\"elementsTpl\"></ng-container>\r\n }\r\n @case ('export') {\r\n <ng-container ngTemplateOutlet=\"exportTpl\"></ng-container>\r\n }\r\n }\r\n </div>\r\n </section>\r\n\r\n <ng-template #auditTpl>\r\n @if (audit(); as a) {\r\n @let _highlightOn = highlightOn();\r\n <div class=\"sd-autoid-inspector__audit-toolbar\">\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__toggle\"\r\n [class.is-on]=\"_highlightOn\"\r\n (click)=\"toggleHighlight()\">\r\n <mat-icon>{{ _highlightOn ? 'visibility' : 'visibility_off' }}</mat-icon>\r\n <span>Highlight DOM</span>\r\n <span class=\"sd-autoid-inspector__toggle-state\">{{ _highlightOn ? 'ON' : 'OFF' }}</span>\r\n </button>\r\n </div>\r\n <div class=\"sd-autoid-inspector__summary\">\r\n <div class=\"sd-autoid-inspector__stat is-info\">\r\n <div class=\"sd-autoid-inspector__stat-value\">{{ a.total }}</div>\r\n <div class=\"sd-autoid-inspector__stat-label\">Tổng autoid</div>\r\n </div>\r\n <div class=\"sd-autoid-inspector__stat\" [class.is-error]=\"a.duplicateCount > 0\" [class.is-success]=\"a.duplicateCount === 0\">\r\n <div class=\"sd-autoid-inspector__stat-value\">{{ a.duplicateCount }}</div>\r\n <div class=\"sd-autoid-inspector__stat-label\">Trùng</div>\r\n </div>\r\n <div class=\"sd-autoid-inspector__stat\" [class.is-warning]=\"a.missingCount > 0\" [class.is-success]=\"a.missingCount === 0\">\r\n <div class=\"sd-autoid-inspector__stat-value\">{{ a.missingCount }}</div>\r\n <div class=\"sd-autoid-inspector__stat-label\">Thiếu</div>\r\n </div>\r\n </div>\r\n\r\n @if (a.duplicateCount > 0) {\r\n <h4 class=\"sd-autoid-inspector__section-title\">\r\n <mat-icon class=\"is-error\">error_outline</mat-icon>\r\n Autoid bị trùng\r\n </h4>\r\n <div class=\"sd-autoid-inspector__table-wrap\">\r\n <table class=\"sd-autoid-inspector__table\">\r\n <thead>\r\n <tr><th>Autoid</th><th>Số lần</th></tr>\r\n </thead>\r\n <tbody>\r\n @for (entry of a.duplicates \| keyvalue; track entry.key) {\r\n <tr class=\"is-error\">\r\n <td><code>{{ entry.key }}</code></td>\r\n <td>{{ entry.value }}</td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n }\r\n\r\n @if (a.missingCount > 0) {\r\n <h4 class=\"sd-autoid-inspector__section-title\">\r\n <mat-icon class=\"is-warning\">warning_amber</mat-icon>\r\n Element thiếu autoid\r\n </h4>\r\n <div class=\"sd-autoid-inspector__table-wrap\">\r\n <table class=\"sd-autoid-inspector__table\">\r\n <thead>\r\n <tr><th>Tag</th><th>Name hint</th><th>Selector</th></tr>\r\n </thead>\r\n <tbody>\r\n @for (m of a.missing; track $index) {\r\n <tr class=\"is-warning\">\r\n <td><code>{{ m.tag }}</code></td>\r\n <td>{{ m.nameHint }}</td>\r\n <td><code>{{ m.selector }}</code></td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n }\r\n\r\n @if (a.duplicateCount === 0 && a.missingCount === 0) {\r\n <div class=\"sd-autoid-inspector__success-card\">\r\n <mat-icon>check_circle</mat-icon>\r\n <div>\r\n <strong>Không có element thiếu hoặc trùng autoid.</strong>\r\n <small>Trang đã đạt chuẩn convention autoid.</small>\r\n </div>\r\n </div>\r\n }\r\n }\r\n </ng-template>\r\n\r\n <ng-template #elementsTpl>\r\n @let _filter = filter();\r\n <div class=\"sd-autoid-inspector__filter\">\r\n <mat-icon>search</mat-icon>\r\n <input\r\n type=\"text\"\r\n placeholder=\"Lọc theo autoid / name / tag\"\r\n [ngModel]=\"_filter\"\r\n (ngModelChange)=\"filter.set($event)\"/>\r\n @if (_filter) {\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__icon-btn\"\r\n matTooltip=\"Xoá filter\"\r\n (click)=\"filter.set('')\">\r\n <mat-icon>close</mat-icon>\r\n </button>\r\n }\r\n </div>\r\n\r\n <!-- Top-level elements (not inside any sd-table) -->\r\n <h4 class=\"sd-autoid-inspector__section-title\">\r\n Top-level elements\r\n <span class=\"sd-autoid-inspector__badge\">{{ topLevelElements().length }}</span>\r\n </h4>\r\n <div class=\"sd-autoid-inspector__table-wrap\">\r\n <table class=\"sd-autoid-inspector__table\">\r\n <thead>\r\n <tr>\r\n <th class=\"is-num\">STT</th>\r\n <th>Name</th>\r\n <th>Autoid</th>\r\n <th>Tag</th>\r\n <th>State</th>\r\n <th>Value</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (el of topLevelElements(); track el.autoid + $index) {\r\n <tr [class.is-error]=\"el.duplicate\">\r\n <td class=\"is-num\">{{ el.stt }}</td>\r\n <td>{{ el.name \|\| '—' }}</td>\r\n <td>\r\n <div class=\"sd-autoid-inspector__autoid-cell\">\r\n <code>{{ el.autoid }}</code>\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__icon-btn is-primary\"\r\n matTooltip=\"Copy xpath\"\r\n (click)=\"copyXpath(el.autoid)\">\r\n <mat-icon>content_copy</mat-icon>\r\n </button>\r\n </div>\r\n </td>\r\n <td><span class=\"sd-autoid-inspector__tag-chip\">{{ el.tag }}</span></td>\r\n <td class=\"sd-autoid-inspector__state-cell\">\r\n @if (el.state.disabled !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-error]=\"el.state.disabled === 'true'\">\r\n disabled={{ el.state.disabled }}\r\n </span>\r\n }\r\n @if (el.state.loading !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-warning]=\"el.state.loading === 'true'\">\r\n loading={{ el.state.loading }}\r\n </span>\r\n }\r\n @if (el.state.empty !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-info]=\"el.state.empty === 'true'\">\r\n empty={{ el.state.empty }}\r\n </span>\r\n }\r\n @if (el.state.invalid !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-error]=\"el.state.invalid === 'true'\">\r\n invalid={{ el.state.invalid }}\r\n </span>\r\n }\r\n @if (el.state.opened !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-info]=\"el.state.opened === 'true'\">\r\n opened={{ el.state.opened }}\r\n </span>\r\n }\r\n @if (el.state.count !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-info\">\r\n count={{ el.state.count }}\r\n </span>\r\n }\r\n @if (el.state.required !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-warning]=\"el.state.required === 'true'\">\r\n required={{ el.state.required }}\r\n </span>\r\n }\r\n @if (el.state.maxlength !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-info\">\r\n maxlength={{ el.state.maxlength }}\r\n </span>\r\n }\r\n @if (el.state.minlength !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-info\">\r\n minlength={{ el.state.minlength }}\r\n </span>\r\n }\r\n @if (el.state.pattern !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-info\">\r\n pattern={{ el.state.pattern }}\r\n </span>\r\n }\r\n @if (el.state.errorMessage !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-error\">\r\n error: {{ el.state.errorMessage }}\r\n </span>\r\n }\r\n </td>\r\n <td class=\"sd-autoid-inspector__value\" [matTooltip]=\"el.state.dataValue \|\| el.text \|\| ''\">\r\n {{ el.state.dataValue \|\| el.text \|\| '—' }}\r\n </td>\r\n </tr>\r\n } @empty {\r\n <tr><td colspan=\"6\" class=\"sd-autoid-inspector__empty\">Không có kết quả.</td></tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n\r\n <!-- One section per sd-table group -->\r\n @for (group of tableGroups(); track group.scope) {\r\n <h4 class=\"sd-autoid-inspector__section-title\">\r\n <mat-icon class=\"is-info\">table_chart</mat-icon>\r\n Inside <code>{{ group.scope }}</code>\r\n <span class=\"sd-autoid-inspector__badge\">{{ group.items.length }}</span>\r\n </h4>\r\n <div class=\"sd-autoid-inspector__table-wrap\">\r\n <table class=\"sd-autoid-inspector__table\">\r\n <thead>\r\n <tr>\r\n <th class=\"is-num\">STT</th>\r\n <th>Name</th>\r\n <th>Autoid</th>\r\n <th>Tag</th>\r\n <th>State</th>\r\n <th>Value</th>\r\n </tr>\r\n </thead>\r\n <tbody>\r\n @for (el of group.items; track el.autoid + $index) {\r\n <tr [class.is-error]=\"el.duplicate\">\r\n <td class=\"is-num\">{{ el.stt }}</td>\r\n <td>{{ el.name \|\| '—' }}</td>\r\n <td>\r\n <div class=\"sd-autoid-inspector__autoid-cell\">\r\n <code>{{ el.autoid }}</code>\r\n <button\r\n type=\"button\"\r\n class=\"sd-autoid-inspector__icon-btn is-primary\"\r\n matTooltip=\"Copy xpath\"\r\n (click)=\"copyXpath(el.autoid)\">\r\n <mat-icon>content_copy</mat-icon>\r\n </button>\r\n </div>\r\n </td>\r\n <td><span class=\"sd-autoid-inspector__tag-chip\">{{ el.tag }}</span></td>\r\n <td class=\"sd-autoid-inspector__state-cell\">\r\n @if (el.state.disabled !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-error]=\"el.state.disabled === 'true'\">\r\n disabled={{ el.state.disabled }}\r\n </span>\r\n }\r\n @if (el.state.loading !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-warning]=\"el.state.loading === 'true'\">\r\n loading={{ el.state.loading }}\r\n </span>\r\n }\r\n @if (el.state.empty !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-info]=\"el.state.empty === 'true'\">\r\n empty={{ el.state.empty }}\r\n </span>\r\n }\r\n @if (el.state.invalid !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-error]=\"el.state.invalid === 'true'\">\r\n invalid={{ el.state.invalid }}\r\n </span>\r\n }\r\n @if (el.state.opened !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-info]=\"el.state.opened === 'true'\">\r\n opened={{ el.state.opened }}\r\n </span>\r\n }\r\n @if (el.state.count !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-info\">\r\n count={{ el.state.count }}\r\n </span>\r\n }\r\n @if (el.state.required !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip\"\r\n [class.is-warning]=\"el.state.required === 'true'\">\r\n required={{ el.state.required }}\r\n </span>\r\n }\r\n @if (el.state.maxlength !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-info\">\r\n maxlength={{ el.state.maxlength }}\r\n </span>\r\n }\r\n @if (el.state.minlength !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-info\">\r\n minlength={{ el.state.minlength }}\r\n </span>\r\n }\r\n @if (el.state.pattern !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-info\">\r\n pattern={{ el.state.pattern }}\r\n </span>\r\n }\r\n @if (el.state.errorMessage !== undefined) {\r\n <span class=\"sd-autoid-inspector__state-chip is-error\">\r\n error: {{ el.state.errorMessage }}\r\n </span>\r\n }\r\n </td>\r\n <td class=\"sd-autoid-inspector__value\" [matTooltip]=\"el.state.dataValue \|\| el.text \|\| ''\">\r\n {{ el.state.dataValue \|\| el.text \|\| '—' }}\r\n </td>\r\n </tr>\r\n }\r\n </tbody>\r\n </table>\r\n </div>\r\n }\r\n </ng-template>\r\n\r\n <ng-template #exportTpl>\r\n <div class=\"sd-autoid-inspector__export-grid\">\r\n <button type=\"button\" matTooltip=\"Copy JSON vào clipboard\" (click)=\"copyJson()\">\r\n <mat-icon>content_copy</mat-icon>\r\n <span>Copy JSON</span>\r\n <small>clipboard</small>\r\n </button>\r\n <button type=\"button\" matTooltip=\"Tải file JSON\" (click)=\"exportJson()\">\r\n <mat-icon>download</mat-icon>\r\n <span>JSON</span>\r\n <small>.json</small>\r\n </button>\r\n <button type=\"button\" matTooltip=\"Tải file CSV\" (click)=\"exportCsv()\">\r\n <mat-icon>table_view</mat-icon>\r\n <span>CSV</span>\r\n <small>.csv</small>\r\n </button>\r\n <button type=\"button\" matTooltip=\"Tải MD POM skeleton — cho AI viết auto-test\" (click)=\"exportMdPom()\">\r\n <mat-icon>code</mat-icon>\r\n <span>MD POM</span>\r\n <small>AI test</small>\r\n </button>\r\n <button type=\"button\" matTooltip=\"Tải MD reference table — group theo tag sd-\" (click)=\"exportMdTable()\">\r\n <mat-icon>view_list</mat-icon>\r\n <span>MD Table</span>\r\n <small>reference</small>\r\n </button>\r\n </div>\r\n </ng-template>\r\n}\r\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-components-avatar.mjs CHANGED Viewed

@@ -88,11 +88,11 @@ class SdAvatar {
         return colors[Math.abs(hash) % colors.length];
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdAvatar, isStandalone: true, selector: "sd-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"sd-avatar\" [style.width.px]=\"size()\" [style.height.px]=\"size()\" [style.line-height.px]=\"size()\" [style.backgroundColor]=\"bgColor()\">\n  @if (isUrl()) {\n    <img [src]=\"src()\" (error)=\"handleError()\" alt=\"avatar\" />\n  } @else {\n    <span class=\"sd-avatar-text\" [style.fontSize.px]=\"size() / 2.5\">\n      {{ initials() }}\n    </span>\n  }\n</div>\n", styles: [".sd-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:500;-webkit-user-select:none;user-select:none;background-size:cover}.sd-avatar img{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdAvatar, isStandalone: true, selector: "sd-avatar", inputs: { src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let _size = size();\n<div class=\"sd-avatar\" [style.width.px]=\"_size\" [style.height.px]=\"_size\" [style.line-height.px]=\"_size\" [style.backgroundColor]=\"bgColor()\">\n  @if (isUrl()) {\n    <img [src]=\"src()\" (error)=\"handleError()\" alt=\"avatar\" />\n  } @else {\n    <span class=\"sd-avatar-text\" [style.fontSize.px]=\"_size / 2.5\">\n      {{ initials() }}\n    </span>\n  }\n</div>\n", styles: [".sd-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:500;-webkit-user-select:none;user-select:none;background-size:cover}.sd-avatar img{width:100%;height:100%;object-fit:cover}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAvatar, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-avatar', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sd-avatar\" [style.width.px]=\"size()\" [style.height.px]=\"size()\" [style.line-height.px]=\"size()\" [style.backgroundColor]=\"bgColor()\">\n  @if (isUrl()) {\n    <img [src]=\"src()\" (error)=\"handleError()\" alt=\"avatar\" />\n  } @else {\n    <span class=\"sd-avatar-text\" [style.fontSize.px]=\"size() / 2.5\">\n      {{ initials() }}\n    </span>\n  }\n</div>\n", styles: [".sd-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:500;-webkit-user-select:none;user-select:none;background-size:cover}.sd-avatar img{width:100%;height:100%;object-fit:cover}\n"] }]
+            args: [{ selector: 'sd-avatar', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let _size = size();\n<div class=\"sd-avatar\" [style.width.px]=\"_size\" [style.height.px]=\"_size\" [style.line-height.px]=\"_size\" [style.backgroundColor]=\"bgColor()\">\n  @if (isUrl()) {\n    <img [src]=\"src()\" (error)=\"handleError()\" alt=\"avatar\" />\n  } @else {\n    <span class=\"sd-avatar-text\" [style.fontSize.px]=\"_size / 2.5\">\n      {{ initials() }}\n    </span>\n  }\n</div>\n", styles: [".sd-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;color:#fff;font-weight:500;-webkit-user-select:none;user-select:none;background-size:cover}.sd-avatar img{width:100%;height:100%;object-fit:cover}\n"] }]
         }], ctorParameters: () => [] });
 /**

package/fesm2022/sd-angular-core-components-avatar.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sd-angular-core-components-avatar.mjs","sources":["../../../projects/sd-angular/components/avatar/src/avatar.component.ts","../../../projects/sd-angular/components/avatar/src/avatar.component.html","../../../projects/sd-angular/components/avatar/sd-angular-core-components-avatar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, effect, input, signal } from '@angular/core';\n\n@Component({\n selector: 'sd-avatar',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SdAvatar {\n /*\n The source string to be used for the avatar.\n * - If it matches a URL pattern, an image is displayed.\n * - If it is a string representing a name, initials and a colored background are generated.\n * - If undefined, it falls back to a neutral ? initial.\n /\n readonly src = input.required<string \| undefined \| null>();\n readonly size = input<number>(32);\n\n readonly #imageError = signal<boolean>(false);\n\n constructor() {\n // Reset image error state whenever src changes\n effect(() => {\n this.src();\n this.#imageError.set(false);\n });\n }\n\n readonly isUrl = computed(() => {\n // If image has failed to load, treat it as a non-url to fallback to initials using the literal URL text\n if (this.#imageError()) {\n return false;\n }\n const val = this.src() \|\| '';\n const urlPattern = /^(http\|https\|data:image\|\\/)/;\n return urlPattern.test(val);\n });\n\n readonly bgColor = computed(() => {\n if (this.isUrl()) {\n return 'transparent';\n }\n const val = this.src() \|\| '';\n if (!val) {\n return '#bdc3c7';\n }\n return this.#generateColor(val);\n });\n\n readonly initials = computed(() => {\n if (this.isUrl()) {\n return '';\n }\n const val = this.src() \|\| '';\n if (!val) {\n return '?';\n }\n return this.#getInitials(val);\n });\n\n handleError() {\n this.#imageError.set(true);\n }\n\n #getInitials = (name: string): string => {\n const words = name.trim().split(' ').filter(Boolean);\n if (!words.length) return '';\n if (words.length === 1) return words[0][0].toUpperCase();\n return (words[0][0] + words[words.length - 1][0]).toUpperCase();\n };\n\n #generateColor = (name: string): string => {\n const colors = [\n '#1abc9c',\n '#2ecc71',\n '#3498db',\n '#9b59b6',\n '#34495e',\n '#16a085',\n '#27ae60',\n '#2980b9',\n '#8e44ad',\n '#2c3e50',\n '#f1c40f',\n '#e67e22',\n '#e74c3c',\n '#95a5a6',\n '#f39c12',\n '#d35400',\n '#c0392b',\n '#bdc3c7',\n '#7f8c8d',\n ];\n let hash = 0;\n for (let i = 0; i < name.length; i++) {\n hash = name.charCodeAt(i) + ((hash << 5) - hash);\n }\n return colors[Math.abs(hash) % colors.length];\n };\n}\n","<div class=\"sd-avatar\" [style.width.px]=\"~~size()~~\" [style.height.px]=\"~~size()~~\" [style.line-height.px]=\"~~size()~~\" [style.backgroundColor]=\"bgColor()\">\n @if (isUrl()) {\n <img [src]=\"src()\" (error)=\"handleError()\" alt=\"avatar\" />\n } @else {\n <span class=\"sd-avatar-text\" [style.fontSize.px]=\"~~size()~~ / 2.5\">\n {{ initials() }}\n </span>\n }\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":"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~~gYASA~~,EAAA,MAAA,EAAA,CAAA,iQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,~~EDHY~~,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKX,QAAQ,EAAA,UAAA,EAAA,CAAA;kBARpB,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,~~gYAAA~~,EAAA,MAAA,EAAA,CAAA,iQAAA,CAAA,EAAA;;;AETjD;;AAEG;;;;"}
1	+ {"version":3,"file":"sd-angular-core-components-avatar.mjs","sources":["../../../projects/sd-angular/components/avatar/src/avatar.component.ts","../../../projects/sd-angular/components/avatar/src/avatar.component.html","../../../projects/sd-angular/components/avatar/sd-angular-core-components-avatar.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, computed, effect, input, signal } from '@angular/core';\n\n@Component({\n selector: 'sd-avatar',\n standalone: true,\n imports: [CommonModule],\n templateUrl: './avatar.component.html',\n styleUrls: ['./avatar.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SdAvatar {\n /*\n The source string to be used for the avatar.\n * - If it matches a URL pattern, an image is displayed.\n * - If it is a string representing a name, initials and a colored background are generated.\n * - If undefined, it falls back to a neutral ? initial.\n /\n readonly src = input.required<string \| undefined \| null>();\n readonly size = input<number>(32);\n\n readonly #imageError = signal<boolean>(false);\n\n constructor() {\n // Reset image error state whenever src changes\n effect(() => {\n this.src();\n this.#imageError.set(false);\n });\n }\n\n readonly isUrl = computed(() => {\n // If image has failed to load, treat it as a non-url to fallback to initials using the literal URL text\n if (this.#imageError()) {\n return false;\n }\n const val = this.src() \|\| '';\n const urlPattern = /^(http\|https\|data:image\|\\/)/;\n return urlPattern.test(val);\n });\n\n readonly bgColor = computed(() => {\n if (this.isUrl()) {\n return 'transparent';\n }\n const val = this.src() \|\| '';\n if (!val) {\n return '#bdc3c7';\n }\n return this.#generateColor(val);\n });\n\n readonly initials = computed(() => {\n if (this.isUrl()) {\n return '';\n }\n const val = this.src() \|\| '';\n if (!val) {\n return '?';\n }\n return this.#getInitials(val);\n });\n\n handleError() {\n this.#imageError.set(true);\n }\n\n #getInitials = (name: string): string => {\n const words = name.trim().split(' ').filter(Boolean);\n if (!words.length) return '';\n if (words.length === 1) return words[0][0].toUpperCase();\n return (words[0][0] + words[words.length - 1][0]).toUpperCase();\n };\n\n #generateColor = (name: string): string => {\n const colors = [\n '#1abc9c',\n '#2ecc71',\n '#3498db',\n '#9b59b6',\n '#34495e',\n '#16a085',\n '#27ae60',\n '#2980b9',\n '#8e44ad',\n '#2c3e50',\n '#f1c40f',\n '#e67e22',\n '#e74c3c',\n '#95a5a6',\n '#f39c12',\n '#d35400',\n '#c0392b',\n '#bdc3c7',\n '#7f8c8d',\n ];\n let hash = 0;\n for (let i = 0; i < name.length; i++) {\n hash = name.charCodeAt(i) + ((hash << 5) - hash);\n }\n return colors[Math.abs(hash) % colors.length];\n };\n}\n","@let _size = size();\n<div class=\"sd-avatar\" [style.width.px]=\"_size\" [style.height.px]=\"_size\" [style.line-height.px]=\"_size\" [style.backgroundColor]=\"bgColor()\">\n @if (isUrl()) {\n <img [src]=\"src()\" (error)=\"handleError()\" alt=\"avatar\" />\n } @else {\n <span class=\"sd-avatar-text\" [style.fontSize.px]=\"_size / 2.5\">\n {{ initials() }}\n </span>\n }\n</div>\n","/\n Generated bundle index. Do not edit.\n /\n\nexport from './index';\n"],"names":[],"mappings":";;;;MAWa,QAAQ,CAAA;AACnB;;;;;AAKG;AACM,IAAA,GAAG,GAAG,KAAK,CAAC,QAAQ,EAA6B;AACjD,IAAA,IAAI,GAAG,KAAK,CAAS,EAAE,CAAC;AAExB,IAAA,WAAW,GAAG,MAAM,CAAU,KAAK,CAAC;AAE7C,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;YACV,IAAI,CAAC,GAAG,EAAE;AACV,YAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,KAAK,CAAC;AAC7B,QAAA,CAAC,CAAC;IACJ;AAES,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAK;;AAE7B,QAAA,IAAI,IAAI,CAAC,WAAW,EAAE,EAAE;AACtB,YAAA,OAAO,KAAK;QACd;QACA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE;QAC5B,MAAM,UAAU,GAAG,6BAA6B;AAChD,QAAA,OAAO,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC;AAC7B,IAAA,CAAC,CAAC;AAEO,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;AAC/B,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;AAChB,YAAA,OAAO,aAAa;QACtB;QACA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE;QAC5B,IAAI,CAAC,GAAG,EAAE;AACR,YAAA,OAAO,SAAS;QAClB;AACA,QAAA,OAAO,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC;AACjC,IAAA,CAAC,CAAC;AAEO,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AAChC,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;AAChB,YAAA,OAAO,EAAE;QACX;QACA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,IAAI,EAAE;QAC5B,IAAI,CAAC,GAAG,EAAE;AACR,YAAA,OAAO,GAAG;QACZ;AACA,QAAA,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC;AAC/B,IAAA,CAAC,CAAC;IAEF,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;IAC5B;AAEA,IAAA,YAAY,GAAG,CAAC,IAAY,KAAY;AACtC,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,MAAM;AAAE,YAAA,OAAO,EAAE;AAC5B,QAAA,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE;QACxD,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE;AACjE,IAAA,CAAC;AAED,IAAA,cAAc,GAAG,CAAC,IAAY,KAAY;AACxC,QAAA,MAAM,MAAM,GAAG;YACb,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;YACT,SAAS;SACV;QACD,IAAI,IAAI,GAAG,CAAC;AACZ,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AACpC,YAAA,IAAI,GAAG,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,IAAI,CAAC;QAClD;AACA,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC;AAC/C,IAAA,CAAC;wGA1FU,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAR,QAAQ,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECXrB,kZAUA,EAAA,MAAA,EAAA,CAAA,iQAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDJY,YAAY,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAKX,QAAQ,EAAA,UAAA,EAAA,CAAA;kBARpB,SAAS;+BACE,WAAW,EAAA,UAAA,EACT,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,eAAA,EAGN,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,kZAAA,EAAA,MAAA,EAAA,CAAA,iQAAA,CAAA,EAAA;;;AETjD;;AAEG;;;;"}

package/fesm2022/sd-angular-core-components-badge.mjs CHANGED Viewed

@@ -95,22 +95,37 @@ class SdBadge {
             'material-icons-sharp': f === 'material-icons-sharp',
         };
     });
-    // GỘP CLASS CHO BADGE TYPE = 'TAG'
+    // why: size modifier cho container .c-badge (round + tag). Tách prefix c-badge--<size>
+    // để không đụng class .c-sm/.c-md/.c-lg đang dùng trên icon span.
+    containerSizeClasses = computed(() => {
+        const s = this.size();
+        return {
+            'c-badge--sm': s === 'sm',
+            'c-badge--md': s === 'md',
+            'c-badge--lg': s === 'lg',
+        };
+    });
+    // GỘP CLASS CHO BADGE TYPE = 'TAG' (cũng dùng lại cho 'ROUND' khi có icon)
     tagIconCombinedClasses = computed(() => ({
         ...this.iconSizeAndFontClasses(),
         ...this.baseColorClasses(),
     }));
+    // GỘP CLASS CHO CONTAINER round/tag (color tint + size modifier)
+    containerCombinedClasses = computed(() => ({
+        ...this.baseColorClasses(),
+        ...this.containerSizeClasses(),
+    }));
     // GỘP CLASS CHO BADGE TYPE = 'ICON'
     iconCombinedClasses = computed(() => ({
         ...this.iconSizeAndFontClasses(),
         ...this.iconColorClasses(),
     }));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdBadge, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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 badgeType = type();\r\n@let tt = tooltip();\r\n@let titleText = title();\r\n@let descText = description();\r\n@let iconName = icon() || defaultIcon;\r\n@let isPointer = click.observed;\r\n\r\n@if (badgeType === 'round') {\r\n  <div\r\n    class=\"c-badge\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [ngClass]=\"baseColorClasses()\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    {{ titleText }}\r\n  </div>\r\n} @else if (badgeType === 'tag') {\r\n  <div\r\n    class=\"c-badge c-badge--tag\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [ngClass]=\"baseColorClasses()\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"c-icon d-flex align-items-center\">\r\n      @if (icon()) {\r\n        <span class=\"c-material-icon mr-4\" [ngClass]=\"tagIconCombinedClasses()\">\r\n          {{ iconName }}\r\n        </span>\r\n      }\r\n      <div class=\"d-flex flex-column align-items-start\">\r\n        <span class=\"T14R c-badge-title\">{{ titleText }}</span>\r\n        @if (descText) {\r\n          <span class=\"T12R c-badge-description\">{{ descText }}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div\r\n    class=\"d-flex\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [class.c-badge-icon]=\"badgeType === 'icon'\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"c-icon d-flex align-items-center\">\r\n      <span class=\"c-material-icon mr-4\" [ngClass]=\"iconCombinedClasses()\">\r\n        {{ iconName }}\r\n      </span>\r\n      <div class=\"d-flex flex-column\">\r\n        <span class=\"T14R c-badge-title\">{{ titleText }}</span>\r\n        @if (descText) {\r\n          <span class=\"T10R c-badge-description\">{{ descText }}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-badge{border-radius:20px;padding:2px 10px;display:inline-block;text-align:center;overflow-wrap:break-word}.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-material-icon{padding:0}.c-badge.c-badge--tag .c-material-icon.c-xs,.c-badge.c-badge--tag .c-material-icon.c-sm,.c-badge.c-badge--tag .c-material-icon.c-md,.c-badge.c-badge--tag .c-material-icon.c-lg{line-height:20px}.c-badge-icon{min-width:50px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px 2px 2px 0}.c-badge-icon .c-material-icon.c-xs{width:18px;height:18px;font-size:14px}.c-badge-icon .c-material-icon.c-sm{width:20px;height:20px;font-size:16px}.c-badge-icon .c-material-icon.c-md{width:22px;height:22px;font-size:18px}.c-badge-icon .c-material-icon.c-lg{width:28px;height:28px;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-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 });
+    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 badgeType = type();\r\n@let tt = tooltip();\r\n@let titleText = title();\r\n@let descText = description();\r\n@let iconName = icon() || defaultIcon;\r\n@let isPointer = click.observed;\r\n\r\n@if (badgeType === 'round') {\r\n  <div\r\n    class=\"c-badge\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [ngClass]=\"containerCombinedClasses()\"\r\n    [class.c-badge--has-icon]=\"!!icon()\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    @if (icon()) {\r\n      <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">\r\n        {{ iconName }}\r\n      </span>\r\n    }\r\n    <span class=\"c-badge-title\">{{ titleText }}</span>\r\n  </div>\r\n} @else if (badgeType === 'tag') {\r\n  <div\r\n    class=\"c-badge c-badge--tag\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [ngClass]=\"containerCombinedClasses()\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"c-icon d-flex align-items-center\">\r\n      @if (icon()) {\r\n        <span class=\"c-material-icon mr-4\" [ngClass]=\"tagIconCombinedClasses()\">\r\n          {{ iconName }}\r\n        </span>\r\n      }\r\n      <div class=\"d-flex flex-column align-items-start\">\r\n        <span class=\"T14R c-badge-title\">{{ titleText }}</span>\r\n        @if (descText) {\r\n          <span class=\"T12R c-badge-description\">{{ descText }}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div\r\n    class=\"d-flex\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [class.c-badge-icon]=\"badgeType === 'icon'\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"c-icon d-flex align-items-center\">\r\n      <span class=\"c-material-icon mr-4\" [ngClass]=\"iconCombinedClasses()\">\r\n        {{ iconName }}\r\n      </span>\r\n      <div class=\"d-flex flex-column\">\r\n        <span class=\"T14R c-badge-title\">{{ titleText }}</span>\r\n        @if (descText) {\r\n          <span class=\"T10R c-badge-description\">{{ descText }}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-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{min-width:50px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px 2px 2px 0}.c-badge-icon .c-material-icon.c-sm{width:20px;height:20px;font-size:16px}.c-badge-icon .c-material-icon.c-md{width:22px;height:22px;font-size:18px}.c-badge-icon .c-material-icon.c-lg{width:28px;height:28px;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-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 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdBadge, decorators: [{
             type: Component,
-            args: [{ selector: 'sd-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, MatIconModule, MatTooltipModule], template: "@let badgeType = type();\r\n@let tt = tooltip();\r\n@let titleText = title();\r\n@let descText = description();\r\n@let iconName = icon() || defaultIcon;\r\n@let isPointer = click.observed;\r\n\r\n@if (badgeType === 'round') {\r\n  <div\r\n    class=\"c-badge\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [ngClass]=\"baseColorClasses()\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    {{ titleText }}\r\n  </div>\r\n} @else if (badgeType === 'tag') {\r\n  <div\r\n    class=\"c-badge c-badge--tag\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [ngClass]=\"baseColorClasses()\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"c-icon d-flex align-items-center\">\r\n      @if (icon()) {\r\n        <span class=\"c-material-icon mr-4\" [ngClass]=\"tagIconCombinedClasses()\">\r\n          {{ iconName }}\r\n        </span>\r\n      }\r\n      <div class=\"d-flex flex-column align-items-start\">\r\n        <span class=\"T14R c-badge-title\">{{ titleText }}</span>\r\n        @if (descText) {\r\n          <span class=\"T12R c-badge-description\">{{ descText }}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div\r\n    class=\"d-flex\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [class.c-badge-icon]=\"badgeType === 'icon'\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"c-icon d-flex align-items-center\">\r\n      <span class=\"c-material-icon mr-4\" [ngClass]=\"iconCombinedClasses()\">\r\n        {{ iconName }}\r\n      </span>\r\n      <div class=\"d-flex flex-column\">\r\n        <span class=\"T14R c-badge-title\">{{ titleText }}</span>\r\n        @if (descText) {\r\n          <span class=\"T10R c-badge-description\">{{ descText }}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-badge{border-radius:20px;padding:2px 10px;display:inline-block;text-align:center;overflow-wrap:break-word}.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-material-icon{padding:0}.c-badge.c-badge--tag .c-material-icon.c-xs,.c-badge.c-badge--tag .c-material-icon.c-sm,.c-badge.c-badge--tag .c-material-icon.c-md,.c-badge.c-badge--tag .c-material-icon.c-lg{line-height:20px}.c-badge-icon{min-width:50px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px 2px 2px 0}.c-badge-icon .c-material-icon.c-xs{width:18px;height:18px;font-size:14px}.c-badge-icon .c-material-icon.c-sm{width:20px;height:20px;font-size:16px}.c-badge-icon .c-material-icon.c-md{width:22px;height:22px;font-size:18px}.c-badge-icon .c-material-icon.c-lg{width:28px;height:28px;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-description{color:var(--sd-black400)}::ng-deep .sd-multiline-tooltip{white-space:pre-line}\n"] }]
+            args: [{ selector: 'sd-badge', changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, MatIconModule, MatTooltipModule], template: "@let badgeType = type();\r\n@let tt = tooltip();\r\n@let titleText = title();\r\n@let descText = description();\r\n@let iconName = icon() || defaultIcon;\r\n@let isPointer = click.observed;\r\n\r\n@if (badgeType === 'round') {\r\n  <div\r\n    class=\"c-badge\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [ngClass]=\"containerCombinedClasses()\"\r\n    [class.c-badge--has-icon]=\"!!icon()\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    @if (icon()) {\r\n      <span class=\"c-material-icon\" [ngClass]=\"tagIconCombinedClasses()\">\r\n        {{ iconName }}\r\n      </span>\r\n    }\r\n    <span class=\"c-badge-title\">{{ titleText }}</span>\r\n  </div>\r\n} @else if (badgeType === 'tag') {\r\n  <div\r\n    class=\"c-badge c-badge--tag\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [ngClass]=\"containerCombinedClasses()\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"c-icon d-flex align-items-center\">\r\n      @if (icon()) {\r\n        <span class=\"c-material-icon mr-4\" [ngClass]=\"tagIconCombinedClasses()\">\r\n          {{ iconName }}\r\n        </span>\r\n      }\r\n      <div class=\"d-flex flex-column align-items-start\">\r\n        <span class=\"T14R c-badge-title\">{{ titleText }}</span>\r\n        @if (descText) {\r\n          <span class=\"T12R c-badge-description\">{{ descText }}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n} @else {\r\n  <div\r\n    class=\"d-flex\"\r\n    matTooltipPosition=\"above\"\r\n    [matTooltip]=\"tt || ''\"\r\n    matTooltipClass=\"sd-multiline-tooltip\"\r\n    [class.c-badge-icon]=\"badgeType === 'icon'\"\r\n    [class.pointer]=\"isPointer\"\r\n    (click)=\"onClick($event)\"\r\n    aria-hidden=\"true\">\r\n    <div class=\"c-icon d-flex align-items-center\">\r\n      <span class=\"c-material-icon mr-4\" [ngClass]=\"iconCombinedClasses()\">\r\n        {{ iconName }}\r\n      </span>\r\n      <div class=\"d-flex flex-column\">\r\n        <span class=\"T14R c-badge-title\">{{ titleText }}</span>\r\n        @if (descText) {\r\n          <span class=\"T10R c-badge-description\">{{ descText }}</span>\r\n        }\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".text-primary{color:var(--sd-primary)!important}.bg-primary{background:var(--sd-primary)!important}.border-primary{border-color:var(--sd-primary)!important}.text-primary-light{color:var(--sd-primary-light)!important}.bg-primary-light{background:var(--sd-primary-light)!important}.border-primary-light{border-color:var(--sd-primary-light)!important}.text-primary-dark{color:var(--sd-primary-dark)!important}.bg-primary-dark{background:var(--sd-primary-dark)!important}.border-primary-dark{border-color:var(--sd-primary-dark)!important}.text-info{color:var(--sd-info)!important}.bg-info{background:var(--sd-info)!important}.border-info{border-color:var(--sd-info)!important}.text-info-light{color:var(--sd-info-light)!important}.bg-info-light{background:var(--sd-info-light)!important}.border-info-light{border-color:var(--sd-info-light)!important}.text-info-dark{color:var(--sd-info-dark)!important}.bg-info-dark{background:var(--sd-info-dark)!important}.border-info-dark{border-color:var(--sd-info-dark)!important}.text-success{color:var(--sd-success)!important}.bg-success{background:var(--sd-success)!important}.border-success{border-color:var(--sd-success)!important}.text-success-light{color:var(--sd-success-light)!important}.bg-success-light{background:var(--sd-success-light)!important}.border-success-light{border-color:var(--sd-success-light)!important}.text-success-dark{color:var(--sd-success-dark)!important}.bg-success-dark{background:var(--sd-success-dark)!important}.border-success-dark{border-color:var(--sd-success-dark)!important}.text-warning{color:var(--sd-warning)!important}.bg-warning{background:var(--sd-warning)!important}.border-warning{border-color:var(--sd-warning)!important}.text-warning-light{color:var(--sd-warning-light)!important}.bg-warning-light{background:var(--sd-warning-light)!important}.border-warning-light{border-color:var(--sd-warning-light)!important}.text-warning-dark{color:var(--sd-warning-dark)!important}.bg-warning-dark{background:var(--sd-warning-dark)!important}.border-warning-dark{border-color:var(--sd-warning-dark)!important}.text-error{color:var(--sd-error)!important}.bg-error{background:var(--sd-error)!important}.border-error{border-color:var(--sd-error)!important}.text-error-light{color:var(--sd-error-light)!important}.bg-error-light{background:var(--sd-error-light)!important}.border-error-light{border-color:var(--sd-error-light)!important}.text-error-dark{color:var(--sd-error-dark)!important}.bg-error-dark{background:var(--sd-error-dark)!important}.border-error-dark{border-color:var(--sd-error-dark)!important}.text-secondary{color:var(--sd-secondary)!important}.bg-secondary{background:var(--sd-secondary)!important}.border-secondary{border-color:var(--sd-secondary)!important}.text-secondary-light{color:var(--sd-secondary-light)!important}.bg-secondary-light{background:var(--sd-secondary-light)!important}.border-secondary-light{border-color:var(--sd-secondary-light)!important}.text-secondary-dark{color:var(--sd-secondary-dark)!important}.bg-secondary-dark{background:var(--sd-secondary-dark)!important}.border-secondary-dark{border-color:var(--sd-secondary-dark)!important}.text-light{color:var(--sd-light)!important}.bg-light{background:var(--sd-light)!important}.border-light{border-color:var(--sd-light)!important}.text-dark{color:var(--sd-dark)!important}.bg-dark{background:var(--sd-dark)!important}.border-dark{border-color:var(--sd-dark)!important}.text-black500{color:var(--sd-black500)!important}.bg-black500{background:var(--sd-black500)!important}.border-black500{border-color:var(--sd-black500)!important}.text-black400{color:var(--sd-black400)!important}.bg-black400{background:var(--sd-black400)!important}.border-black400{border-color:var(--sd-black400)!important}.text-black300{color:var(--sd-black300)!important}.bg-black300{background:var(--sd-black300)!important}.border-black300{border-color:var(--sd-black300)!important}.text-black200{color:var(--sd-black200)!important}.bg-black200{background:var(--sd-black200)!important}.border-black200{border-color:var(--sd-black200)!important}.text-black100{color:var(--sd-black100)!important}.bg-black100{background:var(--sd-black100)!important}.border-black100{border-color:var(--sd-black100)!important}.text-white{color:#fff!important}.bg-white{background:#fff!important}.border-white{border-color:#fff!important}.text-black{color:#000!important}.bg-black{background:#000!important}.border-black{border-color:#000!important}.c-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{min-width:50px}.c-badge-icon .c-material-icon{border-radius:50%;padding:2px 2px 2px 0}.c-badge-icon .c-material-icon.c-sm{width:20px;height:20px;font-size:16px}.c-badge-icon .c-material-icon.c-md{width:22px;height:22px;font-size:18px}.c-badge-icon .c-material-icon.c-lg{width:28px;height:28px;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-description{color:var(--sd-black400)}::ng-deep .sd-multiline-tooltip{white-space:pre-line}\n"] }]
         }], propDecorators: { click: [{
                 type: Output
             }] } });