@sdcorejs/angular 19.1.3 → 19.1.4

package/fesm2022/sdcorejs-angular-components-audit-diff.mjs

@@ -0,0 +1,332 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, Directive, input, computed, contentChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { I18nService } from '@sdcorejs/angular/i18n';
+
+const DEFAULT_REDACTED_VALUE = '••••••';
+function sdBuildAuditDiff(before, after, options = {}) {
+    const context = {
+        options,
+        fields: options.fields ?? [],
+        rows: [],
+        activeBefore: new WeakSet(),
+        activeAfter: new WeakSet(),
+    };
+    walkValue(context, before, after, true, true, '$', '$');
+    return context.rows.sort((left, right) => compareRows(left, right, context.fields));
+}
+function walkValue(context, before, after, beforePresent, afterPresent, path, configPath) {
+    if (isConfigured(context.fields, configPath, 'hidden'))
+        return;
+    if (isConfigured(context.fields, configPath, 'redacted')) {
+        addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, true);
+        return;
+    }
+    const field = findExactField(context.fields, configPath);
+    if (field?.format || field?.enumMap) {
+        addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, false);
+        return;
+    }
+    const beforeArray = Array.isArray(before);
+    const afterArray = Array.isArray(after);
+    if (beforeArray || afterArray) {
+        if ((!beforePresent && afterArray) || (beforeArray && !afterPresent) || (beforeArray && afterArray)) {
+            const arrayKey = field?.arrayKey;
+            if (arrayKey && walkStableArray(context, beforeArray ? before : [], afterArray ? after : [], path, configPath, arrayKey))
+                return;
+        }
+        addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, false);
+        return;
+    }
+    const beforeObject = isPlainObject(before);
+    const afterObject = isPlainObject(after);
+    const canRecurse = (beforeObject && afterObject) || (beforeObject && !afterPresent) || (afterObject && !beforePresent);
+    if (canRecurse) {
+        if ((beforeObject && context.activeBefore.has(before)) || (afterObject && context.activeAfter.has(after)))
+            return;
+        if (beforeObject)
+            context.activeBefore.add(before);
+        if (afterObject)
+            context.activeAfter.add(after);
+        const beforeRecord = beforeObject ? before : {};
+        const afterRecord = afterObject ? after : {};
+        const keys = [...new Set([...Object.keys(beforeRecord), ...Object.keys(afterRecord)])].sort(compareText);
+        if (keys.length === 0) {
+            addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, false);
+            if (beforeObject)
+                context.activeBefore.delete(before);
+            if (afterObject)
+                context.activeAfter.delete(after);
+            return;
+        }
+        for (const key of keys) {
+            const childBeforePresent = beforeObject && hasOwn(beforeRecord, key);
+            const childAfterPresent = afterObject && hasOwn(afterRecord, key);
+            walkValue(context, childBeforePresent ? beforeRecord[key] : undefined, childAfterPresent ? afterRecord[key] : undefined, childBeforePresent, childAfterPresent, path === '$' ? key : `${path}.${key}`, configPath === '$' ? key : `${configPath}.${key}`);
+        }
+        if (beforeObject)
+            context.activeBefore.delete(before);
+        if (afterObject)
+            context.activeAfter.delete(after);
+        return;
+    }
+    addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, false);
+}
+function walkStableArray(context, before, after, path, configPath, keySelector) {
+    const beforeItems = indexStableArray(before, keySelector);
+    const afterItems = indexStableArray(after, keySelector);
+    if (!beforeItems || !afterItems)
+        return false;
+    const keys = [...new Set([...beforeItems.keys(), ...afterItems.keys()])].sort(compareText);
+    const keyName = typeof keySelector === 'string' ? keySelector : 'key';
+    for (const key of keys) {
+        const beforeItem = beforeItems.get(key);
+        const afterItem = afterItems.get(key);
+        const itemPath = `${path}[${keyName}=${encodeURIComponent(key)}]`;
+        const itemConfigPath = `${configPath}[]`;
+        if (!beforeItem || !afterItem) {
+            walkValue(context, beforeItem?.value, afterItem?.value, Boolean(beforeItem), Boolean(afterItem), itemPath, itemConfigPath);
+            continue;
+        }
+        walkValue(context, beforeItem.value, afterItem.value, true, true, itemPath, itemConfigPath);
+    }
+    return true;
+}
+function indexStableArray(items, keySelector) {
+    const result = new Map();
+    for (const item of items) {
+        let key;
+        try {
+            key = typeof keySelector === 'function' ? keySelector(item) : isObject(item) ? item[keySelector] : undefined;
+        }
+        catch {
+            return null;
+        }
+        const serialized = serializeStableKey(key);
+        if (serialized === null || result.has(serialized))
+            return null;
+        result.set(serialized, { key, value: item });
+    }
+    return result;
+}
+function serializeStableKey(key) {
+    if (key === null)
+        return 'null:null';
+    switch (typeof key) {
+        case 'string':
+        case 'number':
+        case 'bigint':
+        case 'boolean':
+            return `${typeof key}:${String(key)}`;
+        default:
+            return null;
+    }
+}
+function addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, redacted) {
+    const kind = classifyChange(before, after, beforePresent, afterPresent);
+    if (kind === 'unchanged' && !context.options.includeUnchanged)
+        return;
+    const field = findExactField(context.fields, configPath);
+    const redactedValue = context.options.redactedValue ?? DEFAULT_REDACTED_VALUE;
+    const normalizedBefore = redacted
+        ? beforePresent
+            ? redactedValue
+            : undefined
+        : normalizeValue(before, beforePresent, 'before', kind, path, configPath, field, after);
+    const normalizedAfter = redacted
+        ? afterPresent
+            ? redactedValue
+            : undefined
+        : normalizeValue(after, afterPresent, 'after', kind, path, configPath, field, before);
+    context.rows.push({
+        id: path,
+        path,
+        configPath,
+        label: field?.label ?? (path === '$' ? (context.options.rootLabel ?? 'Value') : path),
+        kind,
+        before: normalizedBefore,
+        after: normalizedAfter,
+        beforePresent,
+        afterPresent,
+        redacted,
+    });
+}
+function normalizeValue(value, present, side, kind, path, configPath, field, otherValue) {
+    if (!present)
+        return undefined;
+    const mapped = field?.enumMap && hasOwn(field.enumMap, String(value)) ? field.enumMap[String(value)] : value;
+    if (!field?.format)
+        return mapped;
+    try {
+        return field.format(mapped, {
+            path,
+            configPath,
+            side,
+            kind,
+            before: side === 'before' ? value : otherValue,
+            after: side === 'after' ? value : otherValue,
+        });
+    }
+    catch {
+        return mapped;
+    }
+}
+function classifyChange(before, after, beforePresent, afterPresent) {
+    if (!beforePresent && afterPresent)
+        return 'added';
+    if (beforePresent && !afterPresent)
+        return 'removed';
+    return deepEqual(before, after) ? 'unchanged' : 'changed';
+}
+function deepEqual(left, right, seen = new WeakMap()) {
+    if (Object.is(left, right))
+        return true;
+    if (left instanceof Date && right instanceof Date)
+        return left.getTime() === right.getTime();
+    if (!isObject(left) || !isObject(right))
+        return false;
+    let rightSet = seen.get(left);
+    if (rightSet?.has(right))
+        return true;
+    if (!rightSet) {
+        rightSet = new WeakSet();
+        seen.set(left, rightSet);
+    }
+    rightSet.add(right);
+    if (Array.isArray(left) && Array.isArray(right)) {
+        if (left.length !== right.length)
+            return false;
+        return left.every((value, index) => deepEqual(value, right[index], seen));
+    }
+    if (!isPlainObject(left) || !isPlainObject(right))
+        return false;
+    const leftKeys = Object.keys(left).sort(compareText);
+    const rightKeys = Object.keys(right).sort(compareText);
+    if (leftKeys.length !== rightKeys.length || leftKeys.some((key, index) => key !== rightKeys[index]))
+        return false;
+    return leftKeys.every(key => deepEqual(left[key], right[key], seen));
+}
+function compareRows(left, right, fields) {
+    const leftOrder = explicitOrder(left.configPath, fields);
+    const rightOrder = explicitOrder(right.configPath, fields);
+    if (leftOrder !== rightOrder)
+        return leftOrder - rightOrder;
+    return compareText(left.path, right.path);
+}
+function explicitOrder(path, fields) {
+    const field = fields
+        .filter(candidate => Number.isFinite(candidate.order) && isPathOrDescendant(path, candidate.path))
+        .sort((left, right) => right.path.length - left.path.length)[0];
+    return field?.order ?? Number.POSITIVE_INFINITY;
+}
+function findExactField(fields, path) {
+    return fields.find(field => field.path === path);
+}
+function isConfigured(fields, path, property) {
+    return fields.some(field => Boolean(field[property]) && isPathOrDescendant(path, field.path));
+}
+function isPathOrDescendant(path, ancestor) {
+    return path === ancestor || path.startsWith(`${ancestor}.`) || path.startsWith(`${ancestor}[]`);
+}
+function isObject(value) {
+    return typeof value === 'object' && value !== null;
+}
+function isPlainObject(value) {
+    if (!isObject(value))
+        return false;
+    const prototype = Object.getPrototypeOf(value);
+    return prototype === Object.prototype || prototype === null;
+}
+function hasOwn(object, key) {
+    return Object.prototype.hasOwnProperty.call(object, key);
+}
+function compareText(left, right) {
+    return left < right ? -1 : left > right ? 1 : 0;
+}
+
+class SdAuditDiffValueTemplateDirective {
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(_directive, _context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAuditDiffValueTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "19.2.21", type: SdAuditDiffValueTemplateDirective, isStandalone: true, selector: "ng-template[sdAuditDiffValue]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAuditDiffValueTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[sdAuditDiffValue]',
+                    standalone: true,
+                }]
+        }] });
+class SdAuditDiff {
+    before = input(undefined);
+    after = input(undefined);
+    options = input({});
+    mode = input('table');
+    ariaLabel = input(undefined);
+    #i18n = inject(I18nService);
+    rows = computed(() => {
+        const options = this.options();
+        return sdBuildAuditDiff(this.before(), this.after(), {
+            ...options,
+            rootLabel: options.rootLabel ?? this.text('value.label'),
+        });
+    });
+    valueTemplate = contentChild(SdAuditDiffValueTemplateDirective);
+    text(key) {
+        return this.#i18n.t(`core.component.audit-diff.${key}`);
+    }
+    valueContext(row, side) {
+        return { $implicit: row[side], row, side };
+    }
+    displayValue(row, side) {
+        const present = side === 'before' ? row.beforePresent : row.afterPresent;
+        if (!present)
+            return this.text('value.not-set');
+        const value = row[side];
+        if (value === undefined)
+            return this.text('value.undefined');
+        if (value === null)
+            return this.text('value.null');
+        if (value instanceof Date)
+            return value.toISOString();
+        if (typeof value === 'boolean')
+            return this.text(`value.${value ? 'true' : 'false'}`);
+        if (typeof value === 'string')
+            return value;
+        if (typeof value === 'number' || typeof value === 'bigint')
+            return String(value);
+        return safeStringify(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAuditDiff, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.21", type: SdAuditDiff, isStandalone: true, selector: "sd-audit-diff", inputs: { before: { classPropertyName: "before", publicName: "before", isSignal: true, isRequired: false, transformFunction: null }, after: { classPropertyName: "after", publicName: "after", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "valueTemplate", first: true, predicate: SdAuditDiffValueTemplateDirective, descendants: true, isSignal: true }], ngImport: i0, template: "@let currentRows = rows();\n@let customValue = valueTemplate();\n\n@if (currentRows.length === 0) {\n  <p class=\"sd-audit-diff__empty\" data-audit-empty role=\"status\">{{ text('empty') }}</p>\n} @else if (mode() === 'table') {\n  <div class=\"sd-audit-diff__table-scroll\">\n    <table class=\"sd-audit-diff__table\" [attr.aria-label]=\"ariaLabel() || text('label')\">\n      <thead>\n        <tr>\n          <th scope=\"col\">{{ text('field') }}</th>\n          <th scope=\"col\">{{ text('before') }}</th>\n          <th scope=\"col\">{{ text('after') }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of currentRows; track row.id) {\n          <tr data-audit-row [attr.data-change-kind]=\"row.kind\">\n            <th scope=\"row\">\n              <span class=\"sd-audit-diff__field\">{{ row.label }}</span>\n              <span class=\"sd-audit-diff__kind\">{{ text('kind.' + row.kind) }}</span>\n            </th>\n            <td data-audit-before>\n              @if (customValue) {\n                <ng-container\n                  [ngTemplateOutlet]=\"customValue.template\"\n                  [ngTemplateOutletContext]=\"valueContext(row, 'before')\"></ng-container>\n              } @else {\n                {{ displayValue(row, 'before') }}\n              }\n            </td>\n            <td data-audit-after>\n              @if (customValue) {\n                <ng-container\n                  [ngTemplateOutlet]=\"customValue.template\"\n                  [ngTemplateOutletContext]=\"valueContext(row, 'after')\"></ng-container>\n              } @else {\n                {{ displayValue(row, 'after') }}\n              }\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n} @else {\n  <dl class=\"sd-audit-diff__details\" [attr.aria-label]=\"ariaLabel() || text('label')\">\n    @for (row of currentRows; track row.id) {\n      <div class=\"sd-audit-diff__detail\" data-audit-row [attr.data-change-kind]=\"row.kind\">\n        <dt>\n          <span class=\"sd-audit-diff__field\">{{ row.label }}</span>\n          <span class=\"sd-audit-diff__kind\">{{ text('kind.' + row.kind) }}</span>\n        </dt>\n        <dd data-audit-before>\n          <span class=\"sd-audit-diff__side-label\">{{ text('before') }}</span>\n          @if (customValue) {\n            <ng-container [ngTemplateOutlet]=\"customValue.template\" [ngTemplateOutletContext]=\"valueContext(row, 'before')\"></ng-container>\n          } @else {\n            <span>{{ displayValue(row, 'before') }}</span>\n          }\n        </dd>\n        <dd data-audit-after>\n          <span class=\"sd-audit-diff__side-label\">{{ text('after') }}</span>\n          @if (customValue) {\n            <ng-container [ngTemplateOutlet]=\"customValue.template\" [ngTemplateOutletContext]=\"valueContext(row, 'after')\"></ng-container>\n          } @else {\n            <span>{{ displayValue(row, 'after') }}</span>\n          }\n        </dd>\n      </div>\n    }\n  </dl>\n}\n", styles: [":host{display:block}.sd-audit-diff__table-scroll{overflow-x:auto;border:1px solid var(--sd-border-color, #dfe3e8);border-radius:8px}.sd-audit-diff__table{width:100%;border-collapse:collapse;background:var(--sd-surface, #fff)}.sd-audit-diff__table th,.sd-audit-diff__table td{min-width:160px;padding:10px 12px;border-bottom:1px solid var(--sd-border-color, #dfe3e8);text-align:left;vertical-align:top;overflow-wrap:anywhere}.sd-audit-diff__table th:first-child{min-width:180px}.sd-audit-diff__table tbody tr:last-child>*{border-bottom:0}.sd-audit-diff__field,.sd-audit-diff__kind,.sd-audit-diff__side-label{display:block}.sd-audit-diff__kind,.sd-audit-diff__side-label{margin-top:2px;color:var(--sd-text-muted, #5f6772);font-size:.75rem;font-weight:400}.sd-audit-diff__details{display:grid;gap:12px;margin:0}.sd-audit-diff__detail{display:grid;grid-template-columns:minmax(140px,.8fr) repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid var(--sd-border-color, #dfe3e8);border-radius:8px;background:var(--sd-surface, #fff)}.sd-audit-diff__detail dt,.sd-audit-diff__detail dd{min-width:0;margin:0;overflow-wrap:anywhere}.sd-audit-diff__empty{margin:0;padding:16px;border:1px dashed var(--sd-border-color, #dfe3e8);border-radius:8px;color:var(--sd-text-muted, #5f6772);text-align:center}@media(max-width:640px){.sd-audit-diff__detail{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.21", ngImport: i0, type: SdAuditDiff, decorators: [{
+            type: Component,
+            args: [{ selector: 'sd-audit-diff', standalone: true, imports: [NgTemplateOutlet], changeDetection: ChangeDetectionStrategy.OnPush, template: "@let currentRows = rows();\n@let customValue = valueTemplate();\n\n@if (currentRows.length === 0) {\n  <p class=\"sd-audit-diff__empty\" data-audit-empty role=\"status\">{{ text('empty') }}</p>\n} @else if (mode() === 'table') {\n  <div class=\"sd-audit-diff__table-scroll\">\n    <table class=\"sd-audit-diff__table\" [attr.aria-label]=\"ariaLabel() || text('label')\">\n      <thead>\n        <tr>\n          <th scope=\"col\">{{ text('field') }}</th>\n          <th scope=\"col\">{{ text('before') }}</th>\n          <th scope=\"col\">{{ text('after') }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of currentRows; track row.id) {\n          <tr data-audit-row [attr.data-change-kind]=\"row.kind\">\n            <th scope=\"row\">\n              <span class=\"sd-audit-diff__field\">{{ row.label }}</span>\n              <span class=\"sd-audit-diff__kind\">{{ text('kind.' + row.kind) }}</span>\n            </th>\n            <td data-audit-before>\n              @if (customValue) {\n                <ng-container\n                  [ngTemplateOutlet]=\"customValue.template\"\n                  [ngTemplateOutletContext]=\"valueContext(row, 'before')\"></ng-container>\n              } @else {\n                {{ displayValue(row, 'before') }}\n              }\n            </td>\n            <td data-audit-after>\n              @if (customValue) {\n                <ng-container\n                  [ngTemplateOutlet]=\"customValue.template\"\n                  [ngTemplateOutletContext]=\"valueContext(row, 'after')\"></ng-container>\n              } @else {\n                {{ displayValue(row, 'after') }}\n              }\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n} @else {\n  <dl class=\"sd-audit-diff__details\" [attr.aria-label]=\"ariaLabel() || text('label')\">\n    @for (row of currentRows; track row.id) {\n      <div class=\"sd-audit-diff__detail\" data-audit-row [attr.data-change-kind]=\"row.kind\">\n        <dt>\n          <span class=\"sd-audit-diff__field\">{{ row.label }}</span>\n          <span class=\"sd-audit-diff__kind\">{{ text('kind.' + row.kind) }}</span>\n        </dt>\n        <dd data-audit-before>\n          <span class=\"sd-audit-diff__side-label\">{{ text('before') }}</span>\n          @if (customValue) {\n            <ng-container [ngTemplateOutlet]=\"customValue.template\" [ngTemplateOutletContext]=\"valueContext(row, 'before')\"></ng-container>\n          } @else {\n            <span>{{ displayValue(row, 'before') }}</span>\n          }\n        </dd>\n        <dd data-audit-after>\n          <span class=\"sd-audit-diff__side-label\">{{ text('after') }}</span>\n          @if (customValue) {\n            <ng-container [ngTemplateOutlet]=\"customValue.template\" [ngTemplateOutletContext]=\"valueContext(row, 'after')\"></ng-container>\n          } @else {\n            <span>{{ displayValue(row, 'after') }}</span>\n          }\n        </dd>\n      </div>\n    }\n  </dl>\n}\n", styles: [":host{display:block}.sd-audit-diff__table-scroll{overflow-x:auto;border:1px solid var(--sd-border-color, #dfe3e8);border-radius:8px}.sd-audit-diff__table{width:100%;border-collapse:collapse;background:var(--sd-surface, #fff)}.sd-audit-diff__table th,.sd-audit-diff__table td{min-width:160px;padding:10px 12px;border-bottom:1px solid var(--sd-border-color, #dfe3e8);text-align:left;vertical-align:top;overflow-wrap:anywhere}.sd-audit-diff__table th:first-child{min-width:180px}.sd-audit-diff__table tbody tr:last-child>*{border-bottom:0}.sd-audit-diff__field,.sd-audit-diff__kind,.sd-audit-diff__side-label{display:block}.sd-audit-diff__kind,.sd-audit-diff__side-label{margin-top:2px;color:var(--sd-text-muted, #5f6772);font-size:.75rem;font-weight:400}.sd-audit-diff__details{display:grid;gap:12px;margin:0}.sd-audit-diff__detail{display:grid;grid-template-columns:minmax(140px,.8fr) repeat(2,minmax(0,1fr));gap:12px;padding:12px;border:1px solid var(--sd-border-color, #dfe3e8);border-radius:8px;background:var(--sd-surface, #fff)}.sd-audit-diff__detail dt,.sd-audit-diff__detail dd{min-width:0;margin:0;overflow-wrap:anywhere}.sd-audit-diff__empty{margin:0;padding:16px;border:1px dashed var(--sd-border-color, #dfe3e8);border-radius:8px;color:var(--sd-text-muted, #5f6772);text-align:center}@media(max-width:640px){.sd-audit-diff__detail{grid-template-columns:1fr}}\n"] }]
+        }] });
+function safeStringify(value) {
+    const seen = new WeakSet();
+    try {
+        const result = JSON.stringify(value, (_key, current) => {
+            if (typeof current !== 'object' || current === null)
+                return current;
+            if (seen.has(current))
+                return '[Circular]';
+            seen.add(current);
+            return current;
+        });
+        return result ?? String(value);
+    }
+    catch {
+        return String(value);
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SdAuditDiff, SdAuditDiffValueTemplateDirective, sdBuildAuditDiff };
+//# sourceMappingURL=sdcorejs-angular-components-audit-diff.mjs.map

package/fesm2022/sdcorejs-angular-components-audit-diff.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdcorejs-angular-components-audit-diff.mjs","sources":["../../../projects/sdcorejs-angular/components/audit-diff/src/audit-diff.engine.ts","../../../projects/sdcorejs-angular/components/audit-diff/src/audit-diff.component.ts","../../../projects/sdcorejs-angular/components/audit-diff/src/audit-diff.component.html","../../../projects/sdcorejs-angular/components/audit-diff/sdcorejs-angular-components-audit-diff.ts"],"sourcesContent":["export type SdAuditDiffKind = 'added' | 'removed' | 'changed' | 'unchanged';\nexport type SdAuditDiffSide = 'before' | 'after';\nexport type SdAuditDiffArrayKey = string | ((item: unknown) => unknown);\n\nexport interface SdAuditDiffFormatContext {\n  readonly path: string;\n  readonly configPath: string;\n  readonly side: SdAuditDiffSide;\n  readonly kind: SdAuditDiffKind;\n  readonly before: unknown;\n  readonly after: unknown;\n}\n\nexport interface SdAuditDiffField {\n  readonly path: string;\n  readonly label?: string;\n  readonly order?: number;\n  readonly hidden?: boolean;\n  readonly redacted?: boolean;\n  readonly arrayKey?: SdAuditDiffArrayKey;\n  readonly enumMap?: Readonly<Record<string, unknown>>;\n  readonly format?: (value: unknown, context: SdAuditDiffFormatContext) => unknown;\n}\n\nexport interface SdAuditDiffOptions {\n  readonly fields?: readonly SdAuditDiffField[];\n  readonly includeUnchanged?: boolean;\n  readonly redactedValue?: unknown;\n  readonly rootLabel?: string;\n}\n\nexport interface SdAuditDiffRow {\n  readonly id: string;\n  readonly path: string;\n  readonly configPath: string;\n  readonly label: string;\n  readonly kind: SdAuditDiffKind;\n  readonly before: unknown;\n  readonly after: unknown;\n  readonly beforePresent: boolean;\n  readonly afterPresent: boolean;\n  readonly redacted: boolean;\n}\n\ninterface WalkContext {\n  readonly options: SdAuditDiffOptions;\n  readonly fields: readonly SdAuditDiffField[];\n  readonly rows: SdAuditDiffRow[];\n  readonly activeBefore: WeakSet<object>;\n  readonly activeAfter: WeakSet<object>;\n}\n\ninterface StableArrayItem {\n  readonly key: unknown;\n  readonly value: unknown;\n}\n\nconst DEFAULT_REDACTED_VALUE = '••••••';\n\nexport function sdBuildAuditDiff(before: unknown, after: unknown, options: SdAuditDiffOptions = {}): SdAuditDiffRow[] {\n  const context: WalkContext = {\n    options,\n    fields: options.fields ?? [],\n    rows: [],\n    activeBefore: new WeakSet<object>(),\n    activeAfter: new WeakSet<object>(),\n  };\n  walkValue(context, before, after, true, true, '$', '$');\n  return context.rows.sort((left, right) => compareRows(left, right, context.fields));\n}\n\nfunction walkValue(\n  context: WalkContext,\n  before: unknown,\n  after: unknown,\n  beforePresent: boolean,\n  afterPresent: boolean,\n  path: string,\n  configPath: string\n): void {\n  if (isConfigured(context.fields, configPath, 'hidden')) return;\n  if (isConfigured(context.fields, configPath, 'redacted')) {\n    addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, true);\n    return;\n  }\n\n  const field = findExactField(context.fields, configPath);\n  if (field?.format || field?.enumMap) {\n    addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, false);\n    return;\n  }\n\n  const beforeArray = Array.isArray(before);\n  const afterArray = Array.isArray(after);\n  if (beforeArray || afterArray) {\n    if ((!beforePresent && afterArray) || (beforeArray && !afterPresent) || (beforeArray && afterArray)) {\n      const arrayKey = field?.arrayKey;\n      if (arrayKey && walkStableArray(context, beforeArray ? before : [], afterArray ? after : [], path, configPath, arrayKey)) return;\n    }\n    addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, false);\n    return;\n  }\n\n  const beforeObject = isPlainObject(before);\n  const afterObject = isPlainObject(after);\n  const canRecurse = (beforeObject && afterObject) || (beforeObject && !afterPresent) || (afterObject && !beforePresent);\n  if (canRecurse) {\n    if ((beforeObject && context.activeBefore.has(before)) || (afterObject && context.activeAfter.has(after))) return;\n    if (beforeObject) context.activeBefore.add(before);\n    if (afterObject) context.activeAfter.add(after);\n    const beforeRecord = beforeObject ? before : {};\n    const afterRecord = afterObject ? after : {};\n    const keys = [...new Set([...Object.keys(beforeRecord), ...Object.keys(afterRecord)])].sort(compareText);\n    if (keys.length === 0) {\n      addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, false);\n      if (beforeObject) context.activeBefore.delete(before);\n      if (afterObject) context.activeAfter.delete(after);\n      return;\n    }\n    for (const key of keys) {\n      const childBeforePresent = beforeObject && hasOwn(beforeRecord, key);\n      const childAfterPresent = afterObject && hasOwn(afterRecord, key);\n      walkValue(\n        context,\n        childBeforePresent ? beforeRecord[key] : undefined,\n        childAfterPresent ? afterRecord[key] : undefined,\n        childBeforePresent,\n        childAfterPresent,\n        path === '$' ? key : `${path}.${key}`,\n        configPath === '$' ? key : `${configPath}.${key}`\n      );\n    }\n    if (beforeObject) context.activeBefore.delete(before);\n    if (afterObject) context.activeAfter.delete(after);\n    return;\n  }\n\n  addAtomicRow(context, before, after, beforePresent, afterPresent, path, configPath, false);\n}\n\nfunction walkStableArray(\n  context: WalkContext,\n  before: readonly unknown[],\n  after: readonly unknown[],\n  path: string,\n  configPath: string,\n  keySelector: SdAuditDiffArrayKey\n): boolean {\n  const beforeItems = indexStableArray(before, keySelector);\n  const afterItems = indexStableArray(after, keySelector);\n  if (!beforeItems || !afterItems) return false;\n\n  const keys = [...new Set([...beforeItems.keys(), ...afterItems.keys()])].sort(compareText);\n  const keyName = typeof keySelector === 'string' ? keySelector : 'key';\n  for (const key of keys) {\n    const beforeItem = beforeItems.get(key);\n    const afterItem = afterItems.get(key);\n    const itemPath = `${path}[${keyName}=${encodeURIComponent(key)}]`;\n    const itemConfigPath = `${configPath}[]`;\n    if (!beforeItem || !afterItem) {\n      walkValue(context, beforeItem?.value, afterItem?.value, Boolean(beforeItem), Boolean(afterItem), itemPath, itemConfigPath);\n      continue;\n    }\n    walkValue(context, beforeItem.value, afterItem.value, true, true, itemPath, itemConfigPath);\n  }\n  return true;\n}\n\nfunction indexStableArray(items: readonly unknown[], keySelector: SdAuditDiffArrayKey): Map<string, StableArrayItem> | null {\n  const result = new Map<string, StableArrayItem>();\n  for (const item of items) {\n    let key: unknown;\n    try {\n      key = typeof keySelector === 'function' ? keySelector(item) : isObject(item) ? item[keySelector] : undefined;\n    } catch {\n      return null;\n    }\n    const serialized = serializeStableKey(key);\n    if (serialized === null || result.has(serialized)) return null;\n    result.set(serialized, { key, value: item });\n  }\n  return result;\n}\n\nfunction serializeStableKey(key: unknown): string | null {\n  if (key === null) return 'null:null';\n  switch (typeof key) {\n    case 'string':\n    case 'number':\n    case 'bigint':\n    case 'boolean':\n      return `${typeof key}:${String(key)}`;\n    default:\n      return null;\n  }\n}\n\nfunction addAtomicRow(\n  context: WalkContext,\n  before: unknown,\n  after: unknown,\n  beforePresent: boolean,\n  afterPresent: boolean,\n  path: string,\n  configPath: string,\n  redacted: boolean\n): void {\n  const kind = classifyChange(before, after, beforePresent, afterPresent);\n  if (kind === 'unchanged' && !context.options.includeUnchanged) return;\n\n  const field = findExactField(context.fields, configPath);\n  const redactedValue = context.options.redactedValue ?? DEFAULT_REDACTED_VALUE;\n  const normalizedBefore = redacted\n    ? beforePresent\n      ? redactedValue\n      : undefined\n    : normalizeValue(before, beforePresent, 'before', kind, path, configPath, field, after);\n  const normalizedAfter = redacted\n    ? afterPresent\n      ? redactedValue\n      : undefined\n    : normalizeValue(after, afterPresent, 'after', kind, path, configPath, field, before);\n\n  context.rows.push({\n    id: path,\n    path,\n    configPath,\n    label: field?.label ?? (path === '$' ? (context.options.rootLabel ?? 'Value') : path),\n    kind,\n    before: normalizedBefore,\n    after: normalizedAfter,\n    beforePresent,\n    afterPresent,\n    redacted,\n  });\n}\n\nfunction normalizeValue(\n  value: unknown,\n  present: boolean,\n  side: SdAuditDiffSide,\n  kind: SdAuditDiffKind,\n  path: string,\n  configPath: string,\n  field: SdAuditDiffField | undefined,\n  otherValue: unknown\n): unknown {\n  if (!present) return undefined;\n  const mapped = field?.enumMap && hasOwn(field.enumMap, String(value)) ? field.enumMap[String(value)] : value;\n  if (!field?.format) return mapped;\n  try {\n    return field.format(mapped, {\n      path,\n      configPath,\n      side,\n      kind,\n      before: side === 'before' ? value : otherValue,\n      after: side === 'after' ? value : otherValue,\n    });\n  } catch {\n    return mapped;\n  }\n}\n\nfunction classifyChange(before: unknown, after: unknown, beforePresent: boolean, afterPresent: boolean): SdAuditDiffKind {\n  if (!beforePresent && afterPresent) return 'added';\n  if (beforePresent && !afterPresent) return 'removed';\n  return deepEqual(before, after) ? 'unchanged' : 'changed';\n}\n\nfunction deepEqual(left: unknown, right: unknown, seen = new WeakMap<object, WeakSet<object>>()): boolean {\n  if (Object.is(left, right)) return true;\n  if (left instanceof Date && right instanceof Date) return left.getTime() === right.getTime();\n  if (!isObject(left) || !isObject(right)) return false;\n  let rightSet = seen.get(left);\n  if (rightSet?.has(right)) return true;\n  if (!rightSet) {\n    rightSet = new WeakSet<object>();\n    seen.set(left, rightSet);\n  }\n  rightSet.add(right);\n  if (Array.isArray(left) && Array.isArray(right)) {\n    if (left.length !== right.length) return false;\n    return left.every((value, index) => deepEqual(value, right[index], seen));\n  }\n  if (!isPlainObject(left) || !isPlainObject(right)) return false;\n  const leftKeys = Object.keys(left).sort(compareText);\n  const rightKeys = Object.keys(right).sort(compareText);\n  if (leftKeys.length !== rightKeys.length || leftKeys.some((key, index) => key !== rightKeys[index])) return false;\n  return leftKeys.every(key => deepEqual(left[key], right[key], seen));\n}\n\nfunction compareRows(left: SdAuditDiffRow, right: SdAuditDiffRow, fields: readonly SdAuditDiffField[]): number {\n  const leftOrder = explicitOrder(left.configPath, fields);\n  const rightOrder = explicitOrder(right.configPath, fields);\n  if (leftOrder !== rightOrder) return leftOrder - rightOrder;\n  return compareText(left.path, right.path);\n}\n\nfunction explicitOrder(path: string, fields: readonly SdAuditDiffField[]): number {\n  const field = fields\n    .filter(candidate => Number.isFinite(candidate.order) && isPathOrDescendant(path, candidate.path))\n    .sort((left, right) => right.path.length - left.path.length)[0];\n  return field?.order ?? Number.POSITIVE_INFINITY;\n}\n\nfunction findExactField(fields: readonly SdAuditDiffField[], path: string): SdAuditDiffField | undefined {\n  return fields.find(field => field.path === path);\n}\n\nfunction isConfigured(fields: readonly SdAuditDiffField[], path: string, property: 'hidden' | 'redacted'): boolean {\n  return fields.some(field => Boolean(field[property]) && isPathOrDescendant(path, field.path));\n}\n\nfunction isPathOrDescendant(path: string, ancestor: string): boolean {\n  return path === ancestor || path.startsWith(`${ancestor}.`) || path.startsWith(`${ancestor}[]`);\n}\n\nfunction isObject(value: unknown): value is Record<string, unknown> {\n  return typeof value === 'object' && value !== null;\n}\n\nfunction isPlainObject(value: unknown): value is Record<string, unknown> {\n  if (!isObject(value)) return false;\n  const prototype = Object.getPrototypeOf(value);\n  return prototype === Object.prototype || prototype === null;\n}\n\nfunction hasOwn(object: object, key: PropertyKey): boolean {\n  return Object.prototype.hasOwnProperty.call(object, key);\n}\n\nfunction compareText(left: string, right: string): number {\n  return left < right ? -1 : left > right ? 1 : 0;\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, Directive, TemplateRef, computed, contentChild, inject, input } from '@angular/core';\nimport { I18nService } from '@sdcorejs/angular/i18n';\nimport { SdAuditDiffOptions, SdAuditDiffRow, SdAuditDiffSide, sdBuildAuditDiff } from './audit-diff.engine';\n\nexport type SdAuditDiffMode = 'table' | 'detail-list';\n\nexport interface SdAuditDiffValueTemplateContext {\n  readonly $implicit: unknown;\n  readonly row: SdAuditDiffRow;\n  readonly side: SdAuditDiffSide;\n}\n\n@Directive({\n  selector: 'ng-template[sdAuditDiffValue]',\n  standalone: true,\n})\nexport class SdAuditDiffValueTemplateDirective {\n  readonly template = inject<TemplateRef<SdAuditDiffValueTemplateContext>>(TemplateRef);\n\n  static ngTemplateContextGuard(\n    _directive: SdAuditDiffValueTemplateDirective,\n    _context: unknown\n  ): _context is SdAuditDiffValueTemplateContext {\n    return true;\n  }\n}\n\n@Component({\n  selector: 'sd-audit-diff',\n  standalone: true,\n  imports: [NgTemplateOutlet],\n  templateUrl: './audit-diff.component.html',\n  styleUrl: './audit-diff.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class SdAuditDiff {\n  readonly before = input<unknown>(undefined);\n  readonly after = input<unknown>(undefined);\n  readonly options = input<SdAuditDiffOptions>({});\n  readonly mode = input<SdAuditDiffMode>('table');\n  readonly ariaLabel = input<string | undefined>(undefined);\n\n  readonly #i18n = inject(I18nService);\n  readonly rows = computed(() => {\n    const options = this.options();\n    return sdBuildAuditDiff(this.before(), this.after(), {\n      ...options,\n      rootLabel: options.rootLabel ?? this.text('value.label'),\n    });\n  });\n  protected readonly valueTemplate = contentChild(SdAuditDiffValueTemplateDirective);\n\n  protected text(key: string): string {\n    return this.#i18n.t(`core.component.audit-diff.${key}`);\n  }\n\n  protected valueContext(row: SdAuditDiffRow, side: SdAuditDiffSide): SdAuditDiffValueTemplateContext {\n    return { $implicit: row[side], row, side };\n  }\n\n  protected displayValue(row: SdAuditDiffRow, side: SdAuditDiffSide): string {\n    const present = side === 'before' ? row.beforePresent : row.afterPresent;\n    if (!present) return this.text('value.not-set');\n    const value = row[side];\n    if (value === undefined) return this.text('value.undefined');\n    if (value === null) return this.text('value.null');\n    if (value instanceof Date) return value.toISOString();\n    if (typeof value === 'boolean') return this.text(`value.${value ? 'true' : 'false'}`);\n    if (typeof value === 'string') return value;\n    if (typeof value === 'number' || typeof value === 'bigint') return String(value);\n    return safeStringify(value);\n  }\n}\n\nfunction safeStringify(value: unknown): string {\n  const seen = new WeakSet<object>();\n  try {\n    const result = JSON.stringify(value, (_key, current: unknown) => {\n      if (typeof current !== 'object' || current === null) return current;\n      if (seen.has(current)) return '[Circular]';\n      seen.add(current);\n      return current;\n    });\n    return result ?? String(value);\n  } catch {\n    return String(value);\n  }\n}\n","@let currentRows = rows();\n@let customValue = valueTemplate();\n\n@if (currentRows.length === 0) {\n  <p class=\"sd-audit-diff__empty\" data-audit-empty role=\"status\">{{ text('empty') }}</p>\n} @else if (mode() === 'table') {\n  <div class=\"sd-audit-diff__table-scroll\">\n    <table class=\"sd-audit-diff__table\" [attr.aria-label]=\"ariaLabel() || text('label')\">\n      <thead>\n        <tr>\n          <th scope=\"col\">{{ text('field') }}</th>\n          <th scope=\"col\">{{ text('before') }}</th>\n          <th scope=\"col\">{{ text('after') }}</th>\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of currentRows; track row.id) {\n          <tr data-audit-row [attr.data-change-kind]=\"row.kind\">\n            <th scope=\"row\">\n              <span class=\"sd-audit-diff__field\">{{ row.label }}</span>\n              <span class=\"sd-audit-diff__kind\">{{ text('kind.' + row.kind) }}</span>\n            </th>\n            <td data-audit-before>\n              @if (customValue) {\n                <ng-container\n                  [ngTemplateOutlet]=\"customValue.template\"\n                  [ngTemplateOutletContext]=\"valueContext(row, 'before')\"></ng-container>\n              } @else {\n                {{ displayValue(row, 'before') }}\n              }\n            </td>\n            <td data-audit-after>\n              @if (customValue) {\n                <ng-container\n                  [ngTemplateOutlet]=\"customValue.template\"\n                  [ngTemplateOutletContext]=\"valueContext(row, 'after')\"></ng-container>\n              } @else {\n                {{ displayValue(row, 'after') }}\n              }\n            </td>\n          </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n} @else {\n  <dl class=\"sd-audit-diff__details\" [attr.aria-label]=\"ariaLabel() || text('label')\">\n    @for (row of currentRows; track row.id) {\n      <div class=\"sd-audit-diff__detail\" data-audit-row [attr.data-change-kind]=\"row.kind\">\n        <dt>\n          <span class=\"sd-audit-diff__field\">{{ row.label }}</span>\n          <span class=\"sd-audit-diff__kind\">{{ text('kind.' + row.kind) }}</span>\n        </dt>\n        <dd data-audit-before>\n          <span class=\"sd-audit-diff__side-label\">{{ text('before') }}</span>\n          @if (customValue) {\n            <ng-container [ngTemplateOutlet]=\"customValue.template\" [ngTemplateOutletContext]=\"valueContext(row, 'before')\"></ng-container>\n          } @else {\n            <span>{{ displayValue(row, 'before') }}</span>\n          }\n        </dd>\n        <dd data-audit-after>\n          <span class=\"sd-audit-diff__side-label\">{{ text('after') }}</span>\n          @if (customValue) {\n            <ng-container [ngTemplateOutlet]=\"customValue.template\" [ngTemplateOutletContext]=\"valueContext(row, 'after')\"></ng-container>\n          } @else {\n            <span>{{ displayValue(row, 'after') }}</span>\n          }\n        </dd>\n      </div>\n    }\n  </dl>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/sdcorejs-angular-components-badge.mjs

@@ -36,6 +36,7 @@ class SdBadge {
     // ==========================================
     // 2. OUTPUT
     // ==========================================
+    // why: the template reads EventEmitter.observed to expose pointer styling only when a click listener exists.
     click = new EventEmitter();
     onClick = (event) => {
         event.stopPropagation();

package/fesm2022/sdcorejs-angular-components-badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sdcorejs-angular-components-badge.mjs","sources":["../../../projects/sdcorejs-angular/components/badge/src/badge.component.ts","../../../projects/sdcorejs-angular/components/badge/src/badge.component.html","../../../projects/sdcorejs-angular/components/badge/sdcorejs-angular-components-badge.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, booleanAttribute, computed, input } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SdIcon, type SdIconSet } from '@sdcorejs/angular/modules/icon';\nimport { Color, Size } from '@sdcorejs/utils/models';\n\n// Export các Type để dùng chung\nexport type SdBadgeType = 'tag' | 'round' | 'icon';\n\n@Component({\n  selector: 'sd-badge',\n  templateUrl: './badge.component.html',\n  styleUrl: './badge.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule, SdIcon, MatTooltipModule],\n})\nexport class SdBadge {\n  defaultIcon = 'fiber_manual_record';\n\n  // ==========================================\n  // 1. SIGNAL INPUTS\n  // ==========================================\n  type = input<SdBadgeType, SdBadgeType | undefined | null>('icon', {\n    transform: value => value || 'icon',\n  });\n\n  color = input<Color, Color | undefined | null>('secondary', {\n    transform: value => value || 'secondary',\n  });\n\n  primary = input(false, { transform: booleanAttribute });\n  secondary = input(false, { transform: booleanAttribute });\n  success = input(false, { transform: booleanAttribute });\n  info = input(false, { transform: booleanAttribute });\n  warning = input(false, { transform: booleanAttribute });\n  error = input(false, { transform: booleanAttribute });\n\n  fontSet = input<SdIconSet | undefined, SdIconSet | undefined | null>(undefined, {\n    transform: value => value ?? undefined,\n  });\n\n  title = input<string | number | undefined | null>();\n  description = input<string | undefined | null>();\n  tooltip = input<string | undefined | null>();\n  icon = input<string | undefined | null>();\n\n  size = input<Size, Size | undefined | null>('sm', {\n    transform: value => value || 'sm',\n  });\n\n  // ==========================================\n  // 2. OUTPUT\n  // ==========================================\n  @Output() click = new EventEmitter<Event>();\n\n  onClick = (event: Event) => {\n    event.stopPropagation();\n    this.click.emit(event);\n  };\n\n  // ==========================================\n  // 3. COMPUTED STATE\n  // ==========================================\n\n  effectiveColor = computed(() => {\n    if (this.primary()) return 'primary';\n    if (this.secondary()) return 'secondary';\n    if (this.success()) return 'success';\n    if (this.info()) return 'info';\n    if (this.warning()) return 'warning';\n    if (this.error()) return 'error';\n    return this.color();\n  });\n\n  baseColorClasses = computed(() => {\n    const c = this.effectiveColor();\n    return {\n      'c-primary': c === 'primary',\n      'c-secondary': c === 'secondary',\n      'c-info': c === 'info',\n      'c-success': c === 'success',\n      'c-warning': c === 'warning',\n      'c-error': c === 'error',\n    };\n  });\n\n  iconColorClasses = computed(() => {\n    const c = this.effectiveColor();\n    return {\n      'c-primary': c === 'primary',\n      'c-secondary': c === 'secondary',\n      'c-info': c === 'info',\n      'c-success': c === 'success',\n      'c-warning': c === 'warning',\n      'c-error': c === 'error',\n    };\n  });\n\n  iconSizeAndFontClasses = computed(() => {\n    const s = this.size();\n    return {\n      'c-sm': s === 'sm',\n      'c-md': s === 'md',\n      'c-lg': s === 'lg',\n    };\n  });\n\n  iconCssSize = computed(() => {\n    const s = this.size();\n    if (s === 'md') return '18px';\n    if (s === 'lg') return '24px';\n    return '16px';\n  });\n\n  // why: keep container size classes separate from icon element size classes.\n  containerSizeClasses = computed(() => {\n    const s = this.size();\n    return {\n      'c-badge--sm': s === 'sm',\n      'c-badge--md': s === 'md',\n      'c-badge--lg': s === 'lg',\n    };\n  });\n\n  // GỘP CLASS CHO BADGE TYPE = 'TAG' (cũng dùng lại cho 'ROUND' khi có icon)\n  tagIconCombinedClasses = computed(() => ({\n    ...this.iconSizeAndFontClasses(),\n    ...this.baseColorClasses(),\n  }));\n\n  // GỘP CLASS CHO CONTAINER round/tag (color tint + size modifier)\n  containerCombinedClasses = computed(() => ({\n    ...this.baseColorClasses(),\n    ...this.containerSizeClasses(),\n  }));\n\n  // GỘP CLASS CHO BADGE TYPE = 'ICON'\n  iconCombinedClasses = computed(() => ({\n    ...this.iconSizeAndFontClasses(),\n    ...this.iconColorClasses(),\n  }));\n}\n","@let _type = type();\n@let _tooltip = tooltip();\n@let _title = title();\n@let _description = description();\n@let _fontSet = fontSet();\n@let _iconCssSize = iconCssSize();\n@let iconName = icon() || defaultIcon;\n@let isPointer = click.observed;\n\n@if (_type === 'round') {\n  <div\n    class=\"c-badge\"\n    matTooltipPosition=\"above\"\n    [matTooltip]=\"_tooltip || ''\"\n    matTooltipClass=\"sd-multiline-tooltip\"\n    [ngClass]=\"containerCombinedClasses()\"\n    [class.c-badge--has-icon]=\"!!icon()\"\n    [class.pointer]=\"isPointer\"\n    (click)=\"onClick($event)\"\n    aria-hidden=\"true\">\n    @if (icon()) {\n      <sd-icon\n        class=\"c-material-icon\"\n        [name]=\"iconName\"\n        [fontSet]=\"_fontSet\"\n        [size]=\"_iconCssSize\"\n        [ngClass]=\"tagIconCombinedClasses()\"></sd-icon>\n    }\n    <span class=\"c-badge-title\">{{ _title }}</span>\n  </div>\n} @else if (_type === 'tag') {\n  <div\n    class=\"c-badge c-badge--tag\"\n    matTooltipPosition=\"above\"\n    [matTooltip]=\"_tooltip || ''\"\n    matTooltipClass=\"sd-multiline-tooltip\"\n    [ngClass]=\"containerCombinedClasses()\"\n    [class.pointer]=\"isPointer\"\n    (click)=\"onClick($event)\"\n    aria-hidden=\"true\">\n    <div class=\"c-icon d-flex align-items-center\">\n      @if (icon()) {\n        <sd-icon\n          class=\"c-material-icon mr-4\"\n          [name]=\"iconName\"\n          [fontSet]=\"_fontSet\"\n          [size]=\"_iconCssSize\"\n          [ngClass]=\"tagIconCombinedClasses()\"></sd-icon>\n      }\n      <div class=\"d-flex flex-column align-items-start\">\n        <span class=\"T14R c-badge-title\">{{ _title }}</span>\n        @if (_description) {\n          <span class=\"T12R c-badge-description\">{{ _description }}</span>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div\n    class=\"d-flex\"\n    matTooltipPosition=\"above\"\n    [matTooltip]=\"_tooltip || ''\"\n    matTooltipClass=\"sd-multiline-tooltip\"\n    [class.c-badge-icon]=\"_type === 'icon'\"\n    [class.pointer]=\"isPointer\"\n    (click)=\"onClick($event)\"\n    aria-hidden=\"true\">\n    <div class=\"c-icon d-flex align-items-center\">\n      <sd-icon\n        class=\"c-material-icon mr-4\"\n        [name]=\"iconName\"\n        [fontSet]=\"_fontSet\"\n        [size]=\"_iconCssSize\"\n        [ngClass]=\"iconCombinedClasses()\"></sd-icon>\n      <div class=\"d-flex flex-column\">\n        <span class=\"T14R c-badge-title\">{{ _title }}</span>\n        @if (_description) {\n          <span class=\"T10R c-badge-description\">{{ _description }}</span>\n        }\n      </div>\n    </div>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"sdcorejs-angular-components-badge.mjs","sources":["../../../projects/sdcorejs-angular/components/badge/src/badge.component.ts","../../../projects/sdcorejs-angular/components/badge/src/badge.component.html","../../../projects/sdcorejs-angular/components/badge/sdcorejs-angular-components-badge.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, EventEmitter, Output, booleanAttribute, computed, input } from '@angular/core';\nimport { MatTooltipModule } from '@angular/material/tooltip';\nimport { SdIcon, type SdIconSet } from '@sdcorejs/angular/modules/icon';\nimport { Color, Size } from '@sdcorejs/utils/models';\n\n// Export các Type để dùng chung\nexport type SdBadgeType = 'tag' | 'round' | 'icon';\n\n@Component({\n  selector: 'sd-badge',\n  templateUrl: './badge.component.html',\n  styleUrl: './badge.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true,\n  imports: [CommonModule, SdIcon, MatTooltipModule],\n})\nexport class SdBadge {\n  defaultIcon = 'fiber_manual_record';\n\n  // ==========================================\n  // 1. SIGNAL INPUTS\n  // ==========================================\n  type = input<SdBadgeType, SdBadgeType | undefined | null>('icon', {\n    transform: value => value || 'icon',\n  });\n\n  color = input<Color, Color | undefined | null>('secondary', {\n    transform: value => value || 'secondary',\n  });\n\n  primary = input(false, { transform: booleanAttribute });\n  secondary = input(false, { transform: booleanAttribute });\n  success = input(false, { transform: booleanAttribute });\n  info = input(false, { transform: booleanAttribute });\n  warning = input(false, { transform: booleanAttribute });\n  error = input(false, { transform: booleanAttribute });\n\n  fontSet = input<SdIconSet | undefined, SdIconSet | undefined | null>(undefined, {\n    transform: value => value ?? undefined,\n  });\n\n  title = input<string | number | undefined | null>();\n  description = input<string | undefined | null>();\n  tooltip = input<string | undefined | null>();\n  icon = input<string | undefined | null>();\n\n  size = input<Size, Size | undefined | null>('sm', {\n    transform: value => value || 'sm',\n  });\n\n  // ==========================================\n  // 2. OUTPUT\n  // ==========================================\n  // why: the template reads EventEmitter.observed to expose pointer styling only when a click listener exists.\n  @Output() readonly click = new EventEmitter<Event>();\n\n  onClick = (event: Event) => {\n    event.stopPropagation();\n    this.click.emit(event);\n  };\n\n  // ==========================================\n  // 3. COMPUTED STATE\n  // ==========================================\n\n  effectiveColor = computed(() => {\n    if (this.primary()) return 'primary';\n    if (this.secondary()) return 'secondary';\n    if (this.success()) return 'success';\n    if (this.info()) return 'info';\n    if (this.warning()) return 'warning';\n    if (this.error()) return 'error';\n    return this.color();\n  });\n\n  baseColorClasses = computed(() => {\n    const c = this.effectiveColor();\n    return {\n      'c-primary': c === 'primary',\n      'c-secondary': c === 'secondary',\n      'c-info': c === 'info',\n      'c-success': c === 'success',\n      'c-warning': c === 'warning',\n      'c-error': c === 'error',\n    };\n  });\n\n  iconColorClasses = computed(() => {\n    const c = this.effectiveColor();\n    return {\n      'c-primary': c === 'primary',\n      'c-secondary': c === 'secondary',\n      'c-info': c === 'info',\n      'c-success': c === 'success',\n      'c-warning': c === 'warning',\n      'c-error': c === 'error',\n    };\n  });\n\n  iconSizeAndFontClasses = computed(() => {\n    const s = this.size();\n    return {\n      'c-sm': s === 'sm',\n      'c-md': s === 'md',\n      'c-lg': s === 'lg',\n    };\n  });\n\n  iconCssSize = computed(() => {\n    const s = this.size();\n    if (s === 'md') return '18px';\n    if (s === 'lg') return '24px';\n    return '16px';\n  });\n\n  // why: keep container size classes separate from icon element size classes.\n  containerSizeClasses = computed(() => {\n    const s = this.size();\n    return {\n      'c-badge--sm': s === 'sm',\n      'c-badge--md': s === 'md',\n      'c-badge--lg': s === 'lg',\n    };\n  });\n\n  // GỘP CLASS CHO BADGE TYPE = 'TAG' (cũng dùng lại cho 'ROUND' khi có icon)\n  tagIconCombinedClasses = computed(() => ({\n    ...this.iconSizeAndFontClasses(),\n    ...this.baseColorClasses(),\n  }));\n\n  // GỘP CLASS CHO CONTAINER round/tag (color tint + size modifier)\n  containerCombinedClasses = computed(() => ({\n    ...this.baseColorClasses(),\n    ...this.containerSizeClasses(),\n  }));\n\n  // GỘP CLASS CHO BADGE TYPE = 'ICON'\n  iconCombinedClasses = computed(() => ({\n    ...this.iconSizeAndFontClasses(),\n    ...this.iconColorClasses(),\n  }));\n}\n","@let _type = type();\n@let _tooltip = tooltip();\n@let _title = title();\n@let _description = description();\n@let _fontSet = fontSet();\n@let _iconCssSize = iconCssSize();\n@let iconName = icon() || defaultIcon;\n@let isPointer = click.observed;\n\n@if (_type === 'round') {\n  <div\n    class=\"c-badge\"\n    matTooltipPosition=\"above\"\n    [matTooltip]=\"_tooltip || ''\"\n    matTooltipClass=\"sd-multiline-tooltip\"\n    [ngClass]=\"containerCombinedClasses()\"\n    [class.c-badge--has-icon]=\"!!icon()\"\n    [class.pointer]=\"isPointer\"\n    (click)=\"onClick($event)\"\n    aria-hidden=\"true\">\n    @if (icon()) {\n      <sd-icon\n        class=\"c-material-icon\"\n        [name]=\"iconName\"\n        [fontSet]=\"_fontSet\"\n        [size]=\"_iconCssSize\"\n        [ngClass]=\"tagIconCombinedClasses()\"></sd-icon>\n    }\n    <span class=\"c-badge-title\">{{ _title }}</span>\n  </div>\n} @else if (_type === 'tag') {\n  <div\n    class=\"c-badge c-badge--tag\"\n    matTooltipPosition=\"above\"\n    [matTooltip]=\"_tooltip || ''\"\n    matTooltipClass=\"sd-multiline-tooltip\"\n    [ngClass]=\"containerCombinedClasses()\"\n    [class.pointer]=\"isPointer\"\n    (click)=\"onClick($event)\"\n    aria-hidden=\"true\">\n    <div class=\"c-icon d-flex align-items-center\">\n      @if (icon()) {\n        <sd-icon\n          class=\"c-material-icon mr-4\"\n          [name]=\"iconName\"\n          [fontSet]=\"_fontSet\"\n          [size]=\"_iconCssSize\"\n          [ngClass]=\"tagIconCombinedClasses()\"></sd-icon>\n      }\n      <div class=\"d-flex flex-column align-items-start\">\n        <span class=\"T14R c-badge-title\">{{ _title }}</span>\n        @if (_description) {\n          <span class=\"T12R c-badge-description\">{{ _description }}</span>\n        }\n      </div>\n    </div>\n  </div>\n} @else {\n  <div\n    class=\"d-flex\"\n    matTooltipPosition=\"above\"\n    [matTooltip]=\"_tooltip || ''\"\n    matTooltipClass=\"sd-multiline-tooltip\"\n    [class.c-badge-icon]=\"_type === 'icon'\"\n    [class.pointer]=\"isPointer\"\n    (click)=\"onClick($event)\"\n    aria-hidden=\"true\">\n    <div class=\"c-icon d-flex align-items-center\">\n      <sd-icon\n        class=\"c-material-icon mr-4\"\n        [name]=\"iconName\"\n        [fontSet]=\"_fontSet\"\n        [size]=\"_iconCssSize\"\n        [ngClass]=\"iconCombinedClasses()\"></sd-icon>\n      <div class=\"d-flex flex-column\">\n        <span class=\"T14R c-badge-title\">{{ _title }}</span>\n        @if (_description) {\n          <span class=\"T10R c-badge-description\">{{ _description }}</span>\n        }\n      </div>\n    </div>\n  </div>\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}