npm - @sd-angular/core - Versions diffs - 19.0.0-beta.10 → 19.0.0-beta.101 - Mend

@sd-angular/core 19.0.0-beta.10 → 19.0.0-beta.101

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

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

@@ -0,0 +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 /** 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 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 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 /**\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 };\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 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,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 const propName = this.toCamel(el.autoid);\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\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\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 [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 <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 <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\r\n \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 \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 ADDED Viewed

@@ -0,0 +1,103 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, signal, effect, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+class SdAvatar {
+    /**
+     * The source string to be used for the avatar.
+     * - If it matches a URL pattern, an image is displayed.
+     * - If it is a string representing a name, initials and a colored background are generated.
+     * - If undefined, it falls back to a neutral ? initial.
+     */
+    src = input.required();
+    size = input(32);
+    #imageError = signal(false);
+    constructor() {
+        // Reset image error state whenever src changes
+        effect(() => {
+            this.src();
+            this.#imageError.set(false);
+        });
+    }
+    isUrl = computed(() => {
+        // If image has failed to load, treat it as a non-url to fallback to initials using the literal URL text
+        if (this.#imageError()) {
+            return false;
+        }
+        const val = this.src() || '';
+        const urlPattern = /^(http|https|data:image|\/)/;
+        return urlPattern.test(val);
+    });
+    bgColor = computed(() => {
+        if (this.isUrl()) {
+            return 'transparent';
+        }
+        const val = this.src() || '';
+        if (!val) {
+            return '#bdc3c7';
+        }
+        return this.#generateColor(val);
+    });
+    initials = computed(() => {
+        if (this.isUrl()) {
+            return '';
+        }
+        const val = this.src() || '';
+        if (!val) {
+            return '?';
+        }
+        return this.#getInitials(val);
+    });
+    handleError() {
+        this.#imageError.set(true);
+    }
+    #getInitials = (name) => {
+        const words = name.trim().split(' ').filter(Boolean);
+        if (!words.length)
+            return '';
+        if (words.length === 1)
+            return words[0][0].toUpperCase();
+        return (words[0][0] + words[words.length - 1][0]).toUpperCase();
+    };
+    #generateColor = (name) => {
+        const colors = [
+            '#1abc9c',
+            '#2ecc71',
+            '#3498db',
+            '#9b59b6',
+            '#34495e',
+            '#16a085',
+            '#27ae60',
+            '#2980b9',
+            '#8e44ad',
+            '#2c3e50',
+            '#f1c40f',
+            '#e67e22',
+            '#e74c3c',
+            '#95a5a6',
+            '#f39c12',
+            '#d35400',
+            '#c0392b',
+            '#bdc3c7',
+            '#7f8c8d',
+        ];
+        let hash = 0;
+        for (let i = 0; i < name.length; i++) {
+            hash = name.charCodeAt(i) + ((hash << 5) - hash);
+        }
+        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 });
+}
+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"] }]
+        }], ctorParameters: () => [] });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { SdAvatar };
+//# sourceMappingURL=sd-angular-core-components-avatar.mjs.map

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

@@ -0,0 +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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"}