b2b-tools 0.1.0 → 0.1.2

package/fesm2022/b2b-tools.mjs

@@ -0,0 +1,1091 @@
+import * as i0 from '@angular/core';
+import { input, output, ChangeDetectionStrategy, Component, inject, computed, signal, effect, Directive, contentChildren, HostListener } from '@angular/core';
+import { CommonModule, NgTemplateOutlet } from '@angular/common';
+import { DomSanitizer } from '@angular/platform-browser';
+
+class TableModalImageComponent {
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : []));
+    src = input('', ...(ngDevMode ? [{ debugName: "src" }] : []));
+    alt = input('', ...(ngDevMode ? [{ debugName: "alt" }] : []));
+    close = output();
+    onClose() {
+        this.close.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TableModalImageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: TableModalImageComponent, isStandalone: true, selector: "table-modal-image", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, src: { classPropertyName: "src", publicName: "src", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, ngImport: i0, template: "@if (open()) {\r\n  <div class=\"dt-modal-backdrop\" (click)=\"onClose()\">\r\n    <div class=\"dt-modal\" (click)=\"$event.stopPropagation()\">\r\n      <div class=\"dt-modal-header\">\r\n        <span class=\"dt-modal-title\">{{ alt() }}</span>\r\n        <button type=\"button\" class=\"dt-btn\" (click)=\"onClose()\">Cerrar</button>\r\n      </div>\r\n\r\n      <div class=\"dt-modal-body\">\r\n        <img class=\"dt-modal-img\" [src]=\"src()\" [alt]=\"alt()\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".dt-modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;padding:18px;z-index:9999}.dt-modal{width:min(900px,95vw);max-height:90vh;background:var(--white);border-radius:var(--radius-md);border:var(--border);overflow:hidden;display:flex;flex-direction:column}.dt-modal-header{padding:12px;border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--gray-white)}.dt-modal-title{font-weight:600;color:var(--black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-modal-body{padding:12px;overflow:auto}.dt-modal-img{width:100%;height:auto;border-radius:var(--radius-sm)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TableModalImageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'table-modal-image', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (open()) {\r\n  <div class=\"dt-modal-backdrop\" (click)=\"onClose()\">\r\n    <div class=\"dt-modal\" (click)=\"$event.stopPropagation()\">\r\n      <div class=\"dt-modal-header\">\r\n        <span class=\"dt-modal-title\">{{ alt() }}</span>\r\n        <button type=\"button\" class=\"dt-btn\" (click)=\"onClose()\">Cerrar</button>\r\n      </div>\r\n\r\n      <div class=\"dt-modal-body\">\r\n        <img class=\"dt-modal-img\" [src]=\"src()\" [alt]=\"alt()\" />\r\n      </div>\r\n    </div>\r\n  </div>\r\n}\r\n", styles: [".dt-modal-backdrop{position:fixed;inset:0;background:#0000008c;display:flex;justify-content:center;align-items:center;padding:18px;z-index:9999}.dt-modal{width:min(900px,95vw);max-height:90vh;background:var(--white);border-radius:var(--radius-md);border:var(--border);overflow:hidden;display:flex;flex-direction:column}.dt-modal-header{padding:12px;border-bottom:var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--gray-white)}.dt-modal-title{font-weight:600;color:var(--black);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-modal-body{padding:12px;overflow:auto}.dt-modal-img{width:100%;height:auto;border-radius:var(--radius-sm)}\n"] }]
+        }], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], src: [{ type: i0.Input, args: [{ isSignal: true, alias: "src", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], close: [{ type: i0.Output, args: ["close"] }] } });
+
+const SVG_ICONS = {
+    edit: '<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h8.925l-2 2H5v14h14v-6.95l2-2V19q0 .825-.587 1.413T19 21zm4-6v-4.25l9.175-9.175q.3-.3.675-.45t.75-.15q.4 0 .763.15t.662.45L22.425 3q.275.3.425.663T23 4.4t-.137.738t-.438.662L13.25 15zM21.025 4.4l-1.4-1.4zM11 13h1.4l5.8-5.8l-.7-.7l-.725-.7L11 11.575zm6.5-6.5l-.725-.7zl.7.7z"/></svg>',
+    delete: '<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><path fill="currentColor" d="M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z"/></svg>',
+    open: '<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path d="M7 3.625c-4.187 0-5.945 3.766-5.945 3.844S2.813 11.312 7 11.312s5.945-3.765 5.945-3.843S11.187 3.625 7 3.625M2.169 5.813L.61 4.252m4.525-.354L4.5 1.843m7.331 3.97l1.559-1.56m-4.525-.355L9.5 1.843"/><path d="M5.306 7.081a1.738 1.738 0 1 0 3.388.776a1.738 1.738 0 1 0-3.388-.776"/></g></svg>',
+    copy: '<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><path fill="currentColor" d="M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm-4 4q-.825 0-1.412-.587T3 20V6h2v14h11v2z"/></svg>'
+};
+
+const TIME_ZONES = {
+    // AFRICA
+    CAIRO: { city: 'Cairo', timeZone: 'Africa/Cairo', name: 'Egypt', currency: 'EGP', locale: 'ar-EG', utcOffset: +2 },
+    CASABLANCA: { city: 'Casablanca', timeZone: 'Africa/Casablanca', name: 'Morocco', currency: 'MAD', locale: 'ar-MA', utcOffset: 0 },
+    JOHANNESBURG: { city: 'Johannesburg', timeZone: 'Africa/Johannesburg', name: 'South Africa', currency: 'ZAR', locale: 'en-ZA', utcOffset: +2 },
+    // AMERICA
+    BUENOS_AIRES: { city: 'Buenos Aires', timeZone: 'America/Argentina/Buenos_Aires', name: 'Argentina', currency: 'ARS', locale: 'es-AR', utcOffset: -3 },
+    SAO_PAULO: { city: 'Sao Paulo', timeZone: 'America/Sao_Paulo', name: 'Brazil', currency: 'BRL', locale: 'pt-BR', utcOffset: -3 },
+    TORONTO: { city: 'Toronto', timeZone: 'America/Toronto', name: 'Canada', currency: 'CAD', locale: 'en-CA', utcOffset: -5 },
+    VANCOUVER: { city: 'Vancouver', timeZone: 'America/Vancouver', name: 'Canada (Pacific)', currency: 'CAD', locale: 'en-CA', utcOffset: -8 },
+    BOGOTA: { city: 'Bogota', timeZone: 'America/Bogota', name: 'Colombia', currency: 'COP', locale: 'es-CO', utcOffset: -5 },
+    CANCUN: { city: 'Cancun', timeZone: 'America/Cancun', name: 'Mexico (Quintana Roo)', currency: 'MXN', locale: 'es-MX', utcOffset: -5 },
+    MEXICO_CITY: { city: 'Mexico City', timeZone: 'America/Mexico_City', name: 'Mexico', currency: 'MXN', locale: 'es-MX', utcOffset: -6 },
+    TIJUANA: { city: 'Tijuana', timeZone: 'America/Tijuana', name: 'Mexico (Pacific)', currency: 'MXN', locale: 'es-MX', utcOffset: -8 },
+    LIMA: { city: 'Lima', timeZone: 'America/Lima', name: 'Peru', currency: 'PEN', locale: 'es-PE', utcOffset: -5 },
+    SANTIAGO: { city: 'Santiago', timeZone: 'America/Santiago', name: 'Chile', currency: 'CLP', locale: 'es-CL', utcOffset: -4 },
+    CHICAGO: { city: 'Chicago', timeZone: 'America/Chicago', name: 'United States (Central)', currency: 'USD', locale: 'en-US', utcOffset: -6 },
+    DENVER: { city: 'Denver', timeZone: 'America/Denver', name: 'United States (Mountain)', currency: 'USD', locale: 'en-US', utcOffset: -7 },
+    LOS_ANGELES: { city: 'Los Angeles', timeZone: 'America/Los_Angeles', name: 'United States (Pacific)', currency: 'USD', locale: 'en-US', utcOffset: -8 },
+    NEW_YORK: { city: 'New York', timeZone: 'America/New_York', name: 'United States (Eastern)', currency: 'USD', locale: 'en-US', utcOffset: -5 },
+    // ASIA
+    SHANGHAI: { city: 'Shanghai', timeZone: 'Asia/Shanghai', name: 'China', currency: 'CNY', locale: 'zh-CN', utcOffset: +8 },
+    KOLKATA: { city: 'Kolkata', timeZone: 'Asia/Kolkata', name: 'India', currency: 'INR', locale: 'en-IN', utcOffset: +5.5 },
+    TOKYO: { city: 'Tokyo', timeZone: 'Asia/Tokyo', name: 'Japan', currency: 'JPY', locale: 'ja-JP', utcOffset: +9 },
+    SEOUL: { city: 'Seoul', timeZone: 'Asia/Seoul', name: 'South Korea', currency: 'KRW', locale: 'ko-KR', utcOffset: +9 },
+    DUBAI: { city: 'Dubai', timeZone: 'Asia/Dubai', name: 'United Arab Emirates', currency: 'AED', locale: 'ar-AE', utcOffset: +4 },
+    // EUROPE
+    BERLIN: { city: 'Berlin', timeZone: 'Europe/Berlin', name: 'Germany', currency: 'EUR', locale: 'de-DE', utcOffset: +1 },
+    PARIS: { city: 'Paris', timeZone: 'Europe/Paris', name: 'France', currency: 'EUR', locale: 'fr-FR', utcOffset: +1 },
+    ROME: { city: 'Rome', timeZone: 'Europe/Rome', name: 'Italy', currency: 'EUR', locale: 'it-IT', utcOffset: +1 },
+    MADRID: { city: 'Madrid', timeZone: 'Europe/Madrid', name: 'Spain', currency: 'EUR', locale: 'es-ES', utcOffset: +1 },
+    ZURICH: { city: 'Zurich', timeZone: 'Europe/Zurich', name: 'Switzerland', currency: 'CHF', locale: 'de-CH', utcOffset: +1 },
+    LONDON: { city: 'London', timeZone: 'Europe/London', name: 'United Kingdom', currency: 'GBP', locale: 'en-GB', utcOffset: 0 },
+    // OCEANIA
+    SYDNEY: { city: 'Sydney', timeZone: 'Australia/Sydney', name: 'Australia', currency: 'AUD', locale: 'en-AU', utcOffset: +10 },
+    AUCKLAND: { city: 'Auckland', timeZone: 'Pacific/Auckland', name: 'New Zealand', currency: 'NZD', locale: 'en-NZ', utcOffset: +12 },
+};
+
+class TableGridComponent {
+    sanitizer = inject(DomSanitizer);
+    // Inputs
+    config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    rows = input([], ...(ngDevMode ? [{ debugName: "rows" }] : []));
+    gridTemplateColumns = input('', ...(ngDevMode ? [{ debugName: "gridTemplateColumns" }] : []));
+    columnQueries = input({}, ...(ngDevMode ? [{ debugName: "columnQueries" }] : []));
+    sortState = input(null, ...(ngDevMode ? [{ debugName: "sortState" }] : []));
+    selectedIdsSet = input(new Set(), ...(ngDevMode ? [{ debugName: "selectedIdsSet" }] : []));
+    timeZone = input(TIME_ZONES.MEXICO_CITY, ...(ngDevMode ? [{ debugName: "timeZone" }] : []));
+    // Outputs
+    headerSort = output();
+    columnQueryChange = output();
+    rowClick = output();
+    toggleRow = output();
+    toggleAllOnPage = output();
+    openImage = output();
+    actionClick = output();
+    bodyScroll = output();
+    // Derived
+    showSelectionColumn = computed(() => !!this.config().selectable, ...(ngDevMode ? [{ debugName: "showSelectionColumn" }] : []));
+    // Helpers
+    getRowIdKey() {
+        return this.config().rowIdKey ?? 'id';
+    }
+    getRowId(row) {
+        const getter = this.config().rowIdGetter;
+        if (getter)
+            return getter(row);
+        const key = this.getRowIdKey();
+        return row?.[key];
+    }
+    isSelected(row) {
+        return this.selectedIdsSet().has(this.getRowId(row));
+    }
+    isAllSelectedOnPage() {
+        const rows = this.rows();
+        if (!rows.length)
+            return false;
+        const set = this.selectedIdsSet();
+        return rows.every((r) => set.has(this.getRowId(r)));
+    }
+    getSortIcon(colKey) {
+        const sorted = this.sortState();
+        if (!sorted || sorted.key !== colKey)
+            return '↕';
+        return sorted.dir === 'asc' ? '↑' : '↓';
+    }
+    getDisplayText(row, column) {
+        const value = this.getCellValue(row, column);
+        if (column.formatter) {
+            try {
+                return column.formatter(value, row);
+            }
+            catch {
+                return '';
+            }
+        }
+        switch (column.type) {
+            case 'string':
+                return value == null ? '' : String(value);
+            case 'integer':
+            case 'decimal':
+            case 'currency': {
+                const currencyValue = Number(value);
+                if (!Number.isFinite(currencyValue))
+                    return value == null ? '' : String(value);
+                if (column.type === 'currency') {
+                    try {
+                        return new Intl.NumberFormat(this.timeZone().locale, {
+                            style: 'currency',
+                            currency: column.options?.currency ?? this.timeZone().currency,
+                            maximumFractionDigits: 2,
+                        }).format(currencyValue);
+                    }
+                    catch {
+                        return String(currencyValue);
+                    }
+                }
+                return String(currencyValue);
+            }
+            case 'date':
+            case 'datetime': {
+                const dateTime = value instanceof Date ? value : new Date(String(value));
+                if (Number.isNaN(dateTime.getTime()))
+                    return value == null ? '' : String(value);
+                const locale = this.timeZone().locale;
+                return column.type === 'datetime'
+                    ? dateTime.toLocaleString(locale)
+                    : dateTime.toLocaleDateString(locale);
+            }
+            case 'boolean':
+                return value ? 'Sí' : 'No';
+            default:
+                return value == null ? '' : String(value);
+        }
+    }
+    getImageSrc(row, col) {
+        return this.getCellString(row, col);
+    }
+    getImageAlt(row, col) {
+        const altFn = col.options?.image?.alt;
+        return altFn ? altFn(row) : col.label;
+    }
+    getStatusClass(row, col) {
+        const raw = this.getCellString(row, col);
+        return col.options?.status?.classMap?.[raw] ?? '';
+    }
+    getLinkHref(row, col) {
+        const getter = col.options?.link?.hrefGetter;
+        return getter ? getter(row) : this.getCellString(row, col);
+    }
+    getLinkLabel(row, col) {
+        const getter = col.options?.link?.labelGetter;
+        if (getter)
+            return getter(row);
+        const cellValue = this.getCellValue(row, col);
+        return cellValue == null ? '' : String(cellValue);
+    }
+    getColumnActions(col) {
+        return col.actions ?? [];
+    }
+    isActionVisible(action, row) {
+        return action.visible ? action.visible(row) : true;
+    }
+    isActionDisabled(action, row) {
+        return action.disabled ? action.disabled(row) : false;
+    }
+    emitAction(action, row, event) {
+        event.stopPropagation();
+        this.actionClick.emit({ actionId: action.id, row });
+    }
+    getActionSvg(action) {
+        const key = (action.icon ?? action.id).toLowerCase();
+        return this.sanitizer.bypassSecurityTrustHtml(SVG_ICONS[key] ?? '*');
+    }
+    onHeaderClickSort(column) {
+        if (!column.sortable)
+            return;
+        this.headerSort.emit(column);
+    }
+    onColumnQueryInput(key, value) {
+        this.columnQueryChange.emit({ key, value });
+    }
+    onRowClick(row) {
+        this.rowClick.emit(row);
+    }
+    onToggleRow(row) {
+        this.toggleRow.emit(row);
+    }
+    onToggleAllOnPage() {
+        this.toggleAllOnPage.emit();
+    }
+    onOpenImage(src, alt, event) {
+        event.stopPropagation();
+        this.openImage.emit({ src, alt });
+    }
+    onBodyScroll(event) {
+        this.bodyScroll.emit(event);
+    }
+    getCellValue(row, col) {
+        if (col.valueGetter) {
+            try {
+                return col.valueGetter(row);
+            }
+            catch {
+                return null;
+            }
+        }
+        return row?.[col.key];
+    }
+    getCellString(row, col) {
+        const value = this.getCellValue(row, col);
+        return value == null ? '' : String(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TableGridComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: TableGridComponent, isStandalone: true, selector: "table-grid", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, gridTemplateColumns: { classPropertyName: "gridTemplateColumns", publicName: "gridTemplateColumns", isSignal: true, isRequired: false, transformFunction: null }, columnQueries: { classPropertyName: "columnQueries", publicName: "columnQueries", isSignal: true, isRequired: false, transformFunction: null }, sortState: { classPropertyName: "sortState", publicName: "sortState", isSignal: true, isRequired: false, transformFunction: null }, selectedIdsSet: { classPropertyName: "selectedIdsSet", publicName: "selectedIdsSet", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { headerSort: "headerSort", columnQueryChange: "columnQueryChange", rowClick: "rowClick", toggleRow: "toggleRow", toggleAllOnPage: "toggleAllOnPage", openImage: "openImage", actionClick: "actionClick", bodyScroll: "bodyScroll" }, ngImport: i0, template: "<div class=\"dt-grid\">\r\n  <div class=\"dt-xscroll\">\r\n    <!-- Header -->\r\n    <div class=\"dt-row dt-header\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\r\n      @if (showSelectionColumn()) {\r\n        <div class=\"dt-cell dt-cell--header dt-cell--center dt-select-col\">\r\n          @if ((config().selectionMode ?? 'multiple') === 'multiple') {\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isAllSelectedOnPage()\"\r\n              (change)=\"onToggleAllOnPage()\"\r\n              aria-label=\"Seleccionar todo\"\r\n            />\r\n          }\r\n        </div>\r\n      }\r\n\r\n      @for (col of columns(); track col.key) {\r\n        <div\r\n          class=\"dt-cell dt-cell--header\"\r\n          [class.dt-cell--sortable]=\"!!col.sortable\"\r\n          [attr.data-align]=\"col.align ?? 'left'\"\r\n          (click)=\"onHeaderClickSort(col)\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n        >\r\n          <span class=\"dt-header-label\">{{ col.label }}</span>\r\n          @if (col.sortable) {\r\n            <span class=\"dt-sort\">{{ getSortIcon(col.key) }}</span>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <!-- Filters row (under header) -->\r\n    @if (config().columnFilters) {\r\n      <div class=\"dt-row dt-filters\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\r\n        @if (showSelectionColumn()) {\r\n          <div class=\"dt-cell dt-cell--filter dt-select-col\"></div>\r\n        }\r\n\r\n        @for (col of columns(); track col.key) {\r\n          <div class=\"dt-cell dt-cell--filter\" [attr.data-align]=\"col.align ?? 'left'\">\r\n            @if (col.filterable) {\r\n              <input\r\n                type=\"text\"\r\n                [value]=\"columnQueries()[col.key] ?? null\"\r\n                (input)=\"onColumnQueryInput(col.key, $any($event.target).value)\"\r\n                [placeholder]=\"'Filtrar ' + col.label\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <!-- Body -->\r\n    <div\r\n      class=\"dt-body\"\r\n      [style.maxHeight.px]=\"config().scroll?.heightPx ?? null\"\r\n      (scroll)=\"onBodyScroll($event)\"\r\n    >\r\n      @if (rows().length === 0) {\r\n        <div class=\"dt-empty\">\r\n          {{ config().emptyText ?? 'Sin resultados' }}\r\n        </div>\r\n      } @else {\r\n        @for (row of rows(); track getRowId(row)) {\r\n          <div class=\"dt-row dt-data\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\r\n            @if (showSelectionColumn()) {\r\n              <div class=\"dt-cell dt-cell--center dt-select-col\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  [checked]=\"isSelected(row)\"\r\n                  (change)=\"onToggleRow(row)\"\r\n                  aria-label=\"Seleccionar fila\"\r\n                />\r\n              </div>\r\n            }\r\n\r\n            @for (col of columns(); track col.key) {\r\n              <div\r\n                class=\"dt-cell\"\r\n                [attr.data-align]=\"col.align ?? 'left'\"\r\n                (click)=\"onRowClick(row)\"\r\n              >\r\n                @switch (col.type) {\r\n                  @case ('image') {\r\n                    @if ((col.options?.image?.hidden ?? false) === true) {\r\n                      <button\r\n                        type=\"button\"\r\n                        class=\"dt-link\"\r\n                        (click)=\"onOpenImage(getImageSrc(row, col), getImageAlt(row, col), $event)\"\r\n                      >\r\n                        Ver imagen\r\n                      </button>\r\n                    } @else {\r\n                      <img\r\n                        class=\"dt-img\"\r\n                        [class.dt-img--full]=\"!!col.options?.image?.showFull\"\r\n                        [src]=\"getImageSrc(row, col)\"\r\n                        [alt]=\"getImageAlt(row, col)\"\r\n                        (click)=\"\r\n                          (col.options?.image?.openInModal ?? true) &&\r\n                            onOpenImage(getImageSrc(row, col), getImageAlt(row, col), $event)\r\n                        \"\r\n                      />\r\n                    }\r\n                  }\r\n\r\n                  @case ('status') {\r\n                    <span class=\"dt-badge\" [attr.data-variant]=\"getStatusClass(row, col)\">\r\n                      {{ getDisplayText(row, col) }}\r\n                    </span>\r\n                  }\r\n\r\n                  @case ('link') {\r\n                    <a\r\n                      class=\"dt-link\"\r\n                      [href]=\"getLinkHref(row, col)\"\r\n                      [target]=\"col.options?.link?.target ?? '_blank'\"\r\n                      (click)=\"$event.stopPropagation()\"\r\n                    >\r\n                      {{ getLinkLabel(row, col) }}\r\n                    </a>\r\n                  }\r\n\r\n                  @case ('actions') {\r\n                    <div class=\"dt-actions\">\r\n                      @for (action of getColumnActions(col); track action.id) {\r\n                        @if (isActionVisible(action, row)) {\r\n                          <button\r\n                            type=\"button\"\r\n                            class=\"dt-action-btn\"\r\n                            [class.dt-action--edit]=\"action.id === 'edit'\"\r\n                            [class.dt-action--delete]=\"action.id === 'delete'\"\r\n                            [class.dt-action--open]=\"action.id === 'open'\"\r\n                            [class.dt-action--copy]=\"action.id === 'copy'\"\r\n                            [disabled]=\"isActionDisabled(action, row)\"\r\n                            [title]=\"action.tooltip ?? action.label\"\r\n                            (click)=\"emitAction(action, row, $event)\"\r\n                          >\r\n                            @if ((action.render ?? 'icon') === 'text') {\r\n                              <span class=\"dt-action-text\">{{ action.label }}</span>\r\n                            } @else {\r\n                              <span\r\n                                class=\"dt-action-svg\"\r\n                                [innerHTML]=\"getActionSvg(action)\"\r\n                              ></span>\r\n                            }\r\n                          </button>\r\n                        }\r\n                      }\r\n                    </div>\r\n                  }\r\n\r\n                  @default {\r\n                    <span class=\"dt-text\">{{ getDisplayText(row, col) }}</span>\r\n                  }\r\n                }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dt-grid{width:100%}.dt-row{display:grid;align-items:stretch;min-width:max-content}.dt-xscroll{overflow-x:auto;overflow-y:hidden}.dt-header{background:var(--gray-white);border-bottom:var(--border);font-weight:600;color:var(--black)}.dt-cell--header{-webkit-user-select:none;user-select:none}.dt-cell--sortable{cursor:pointer}.dt-filters{background:var(--xxs-light-gray);border-bottom:var(--border)}.dt-cell--filter{padding:8px 12px}input{width:100%;padding:7px 8px;border:1px solid var(--light-gray);border-radius:var(--radius-sm);background:var(--white);color:var(--black);outline:none}input::placeholder{color:var(--xs-dark-gray)}input:focus{border-color:var(--blue);box-shadow:var(--focus-ring)}.dt-body{overflow-y:auto;overflow-x:hidden;min-width:max-content}@media(max-heicg:900px){.dt-body{max-height:none!important;overflow-y:visible!important;overflow-x:auto!important}}.dt-cell{padding:10px 12px;min-height:30px;border-bottom:1px solid var(--xxs-light-gray);display:flex;align-items:center;gap:8px;color:var(--black)}.dt-cell[data-align=left]{justify-content:flex-start;text-align:left}.dt-cell[data-align=center]{justify-content:center;text-align:center}.dt-cell[data-align=right]{justify-content:flex-end;text-align:right}.dt-cell--center,.dt-select-col{justify-content:center}.dt-header-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dt-sort{margin-left:auto;font-size:12px;opacity:.7;color:var(--xs-dark-gray)}.dt-data:hover{background:var(--gray)}.dt-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dt-img{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--xs-light-gray);cursor:pointer}.dt-img--full{width:100%;height:auto}.dt-link{color:var(--blue);text-decoration:none;background:transparent;border:none;cursor:pointer;padding:0;font:inherit}.dt-link:hover{text-decoration:underline}.dt-badge{padding:4px 10px;border-radius:999px;border:1px solid var(--xs-light-gray);font-size:12px;background:var(--xxs-light-gray)}.dt-badge[data-variant=success]{background:#208b6a1f;border-color:#208b6a59}.dt-badge[data-variant=warn]{background:#ffbc5733;border-color:#ffbc5773}.dt-badge[data-variant=error]{background:#e600181f;border-color:#e6001859}.dt-badge[data-variant=info]{background:#7390ec24;border-color:#7390ec59}.dt-empty{padding:18px 12px;color:var(--xs-dark-gray)}.dt-actions{display:inline-flex;align-items:center;gap:6px}.dt-action-svg{width:24px;height:24px;display:inline-flex}.dt-action-svg svg{width:24px;height:24px;color:inherit}.dt-action-btn{width:32px;height:32px;border:1px solid var(--xs-light-gray);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--xs-dark-gray)}.dt-action-btn:hover:not(:disabled){background:var(--gray-white);border-color:var(--dark-gray)}.dt-action-btn.dt-action--edit{color:var(--blue)}.dt-action-btn.dt-action--edit:hover:not(:disabled){color:var(--white);background-color:var(--blue)}.dt-action-btn.dt-action--open{color:var(--blue-medium)}.dt-action-btn.dt-action--open:hover:not(:disabled){color:var(--blue-dark)}.dt-action-btn.dt-action--copy{color:var(--xs-dark-gray)}.dt-action-btn.dt-action--copy:hover:not(:disabled){color:var(--white);background-color:var(--xs-dark-gray)}.dt-action-btn.dt-action--delete{color:var(--red)}.dt-action-btn.dt-action--delete:hover:not(:disabled){color:var(--white);background-color:var(--red)}.dt-action-btn:disabled{color:var(--disabled-text);background:var(--soft-white);cursor:not-allowed}.dt-action-text{font-size:24px;padding:0 8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TableGridComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'table-grid', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dt-grid\">\r\n  <div class=\"dt-xscroll\">\r\n    <!-- Header -->\r\n    <div class=\"dt-row dt-header\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\r\n      @if (showSelectionColumn()) {\r\n        <div class=\"dt-cell dt-cell--header dt-cell--center dt-select-col\">\r\n          @if ((config().selectionMode ?? 'multiple') === 'multiple') {\r\n            <input\r\n              type=\"checkbox\"\r\n              [checked]=\"isAllSelectedOnPage()\"\r\n              (change)=\"onToggleAllOnPage()\"\r\n              aria-label=\"Seleccionar todo\"\r\n            />\r\n          }\r\n        </div>\r\n      }\r\n\r\n      @for (col of columns(); track col.key) {\r\n        <div\r\n          class=\"dt-cell dt-cell--header\"\r\n          [class.dt-cell--sortable]=\"!!col.sortable\"\r\n          [attr.data-align]=\"col.align ?? 'left'\"\r\n          (click)=\"onHeaderClickSort(col)\"\r\n          role=\"button\"\r\n          tabindex=\"0\"\r\n        >\r\n          <span class=\"dt-header-label\">{{ col.label }}</span>\r\n          @if (col.sortable) {\r\n            <span class=\"dt-sort\">{{ getSortIcon(col.key) }}</span>\r\n          }\r\n        </div>\r\n      }\r\n    </div>\r\n\r\n    <!-- Filters row (under header) -->\r\n    @if (config().columnFilters) {\r\n      <div class=\"dt-row dt-filters\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\r\n        @if (showSelectionColumn()) {\r\n          <div class=\"dt-cell dt-cell--filter dt-select-col\"></div>\r\n        }\r\n\r\n        @for (col of columns(); track col.key) {\r\n          <div class=\"dt-cell dt-cell--filter\" [attr.data-align]=\"col.align ?? 'left'\">\r\n            @if (col.filterable) {\r\n              <input\r\n                type=\"text\"\r\n                [value]=\"columnQueries()[col.key] ?? null\"\r\n                (input)=\"onColumnQueryInput(col.key, $any($event.target).value)\"\r\n                [placeholder]=\"'Filtrar ' + col.label\"\r\n              />\r\n            }\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n\r\n    <!-- Body -->\r\n    <div\r\n      class=\"dt-body\"\r\n      [style.maxHeight.px]=\"config().scroll?.heightPx ?? null\"\r\n      (scroll)=\"onBodyScroll($event)\"\r\n    >\r\n      @if (rows().length === 0) {\r\n        <div class=\"dt-empty\">\r\n          {{ config().emptyText ?? 'Sin resultados' }}\r\n        </div>\r\n      } @else {\r\n        @for (row of rows(); track getRowId(row)) {\r\n          <div class=\"dt-row dt-data\" [style.gridTemplateColumns]=\"gridTemplateColumns()\">\r\n            @if (showSelectionColumn()) {\r\n              <div class=\"dt-cell dt-cell--center dt-select-col\">\r\n                <input\r\n                  type=\"checkbox\"\r\n                  [checked]=\"isSelected(row)\"\r\n                  (change)=\"onToggleRow(row)\"\r\n                  aria-label=\"Seleccionar fila\"\r\n                />\r\n              </div>\r\n            }\r\n\r\n            @for (col of columns(); track col.key) {\r\n              <div\r\n                class=\"dt-cell\"\r\n                [attr.data-align]=\"col.align ?? 'left'\"\r\n                (click)=\"onRowClick(row)\"\r\n              >\r\n                @switch (col.type) {\r\n                  @case ('image') {\r\n                    @if ((col.options?.image?.hidden ?? false) === true) {\r\n                      <button\r\n                        type=\"button\"\r\n                        class=\"dt-link\"\r\n                        (click)=\"onOpenImage(getImageSrc(row, col), getImageAlt(row, col), $event)\"\r\n                      >\r\n                        Ver imagen\r\n                      </button>\r\n                    } @else {\r\n                      <img\r\n                        class=\"dt-img\"\r\n                        [class.dt-img--full]=\"!!col.options?.image?.showFull\"\r\n                        [src]=\"getImageSrc(row, col)\"\r\n                        [alt]=\"getImageAlt(row, col)\"\r\n                        (click)=\"\r\n                          (col.options?.image?.openInModal ?? true) &&\r\n                            onOpenImage(getImageSrc(row, col), getImageAlt(row, col), $event)\r\n                        \"\r\n                      />\r\n                    }\r\n                  }\r\n\r\n                  @case ('status') {\r\n                    <span class=\"dt-badge\" [attr.data-variant]=\"getStatusClass(row, col)\">\r\n                      {{ getDisplayText(row, col) }}\r\n                    </span>\r\n                  }\r\n\r\n                  @case ('link') {\r\n                    <a\r\n                      class=\"dt-link\"\r\n                      [href]=\"getLinkHref(row, col)\"\r\n                      [target]=\"col.options?.link?.target ?? '_blank'\"\r\n                      (click)=\"$event.stopPropagation()\"\r\n                    >\r\n                      {{ getLinkLabel(row, col) }}\r\n                    </a>\r\n                  }\r\n\r\n                  @case ('actions') {\r\n                    <div class=\"dt-actions\">\r\n                      @for (action of getColumnActions(col); track action.id) {\r\n                        @if (isActionVisible(action, row)) {\r\n                          <button\r\n                            type=\"button\"\r\n                            class=\"dt-action-btn\"\r\n                            [class.dt-action--edit]=\"action.id === 'edit'\"\r\n                            [class.dt-action--delete]=\"action.id === 'delete'\"\r\n                            [class.dt-action--open]=\"action.id === 'open'\"\r\n                            [class.dt-action--copy]=\"action.id === 'copy'\"\r\n                            [disabled]=\"isActionDisabled(action, row)\"\r\n                            [title]=\"action.tooltip ?? action.label\"\r\n                            (click)=\"emitAction(action, row, $event)\"\r\n                          >\r\n                            @if ((action.render ?? 'icon') === 'text') {\r\n                              <span class=\"dt-action-text\">{{ action.label }}</span>\r\n                            } @else {\r\n                              <span\r\n                                class=\"dt-action-svg\"\r\n                                [innerHTML]=\"getActionSvg(action)\"\r\n                              ></span>\r\n                            }\r\n                          </button>\r\n                        }\r\n                      }\r\n                    </div>\r\n                  }\r\n\r\n                  @default {\r\n                    <span class=\"dt-text\">{{ getDisplayText(row, col) }}</span>\r\n                  }\r\n                }\r\n              </div>\r\n            }\r\n          </div>\r\n        }\r\n      }\r\n    </div>\r\n  </div>\r\n</div>\r\n", styles: [".dt-grid{width:100%}.dt-row{display:grid;align-items:stretch;min-width:max-content}.dt-xscroll{overflow-x:auto;overflow-y:hidden}.dt-header{background:var(--gray-white);border-bottom:var(--border);font-weight:600;color:var(--black)}.dt-cell--header{-webkit-user-select:none;user-select:none}.dt-cell--sortable{cursor:pointer}.dt-filters{background:var(--xxs-light-gray);border-bottom:var(--border)}.dt-cell--filter{padding:8px 12px}input{width:100%;padding:7px 8px;border:1px solid var(--light-gray);border-radius:var(--radius-sm);background:var(--white);color:var(--black);outline:none}input::placeholder{color:var(--xs-dark-gray)}input:focus{border-color:var(--blue);box-shadow:var(--focus-ring)}.dt-body{overflow-y:auto;overflow-x:hidden;min-width:max-content}@media(max-heicg:900px){.dt-body{max-height:none!important;overflow-y:visible!important;overflow-x:auto!important}}.dt-cell{padding:10px 12px;min-height:30px;border-bottom:1px solid var(--xxs-light-gray);display:flex;align-items:center;gap:8px;color:var(--black)}.dt-cell[data-align=left]{justify-content:flex-start;text-align:left}.dt-cell[data-align=center]{justify-content:center;text-align:center}.dt-cell[data-align=right]{justify-content:flex-end;text-align:right}.dt-cell--center,.dt-select-col{justify-content:center}.dt-header-label{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dt-sort{margin-left:auto;font-size:12px;opacity:.7;color:var(--xs-dark-gray)}.dt-data:hover{background:var(--gray)}.dt-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dt-img{width:40px;height:40px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--xs-light-gray);cursor:pointer}.dt-img--full{width:100%;height:auto}.dt-link{color:var(--blue);text-decoration:none;background:transparent;border:none;cursor:pointer;padding:0;font:inherit}.dt-link:hover{text-decoration:underline}.dt-badge{padding:4px 10px;border-radius:999px;border:1px solid var(--xs-light-gray);font-size:12px;background:var(--xxs-light-gray)}.dt-badge[data-variant=success]{background:#208b6a1f;border-color:#208b6a59}.dt-badge[data-variant=warn]{background:#ffbc5733;border-color:#ffbc5773}.dt-badge[data-variant=error]{background:#e600181f;border-color:#e6001859}.dt-badge[data-variant=info]{background:#7390ec24;border-color:#7390ec59}.dt-empty{padding:18px 12px;color:var(--xs-dark-gray)}.dt-actions{display:inline-flex;align-items:center;gap:6px}.dt-action-svg{width:24px;height:24px;display:inline-flex}.dt-action-svg svg{width:24px;height:24px;color:inherit}.dt-action-btn{width:32px;height:32px;border:1px solid var(--xs-light-gray);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;color:var(--xs-dark-gray)}.dt-action-btn:hover:not(:disabled){background:var(--gray-white);border-color:var(--dark-gray)}.dt-action-btn.dt-action--edit{color:var(--blue)}.dt-action-btn.dt-action--edit:hover:not(:disabled){color:var(--white);background-color:var(--blue)}.dt-action-btn.dt-action--open{color:var(--blue-medium)}.dt-action-btn.dt-action--open:hover:not(:disabled){color:var(--blue-dark)}.dt-action-btn.dt-action--copy{color:var(--xs-dark-gray)}.dt-action-btn.dt-action--copy:hover:not(:disabled){color:var(--white);background-color:var(--xs-dark-gray)}.dt-action-btn.dt-action--delete{color:var(--red)}.dt-action-btn.dt-action--delete:hover:not(:disabled){color:var(--white);background-color:var(--red)}.dt-action-btn:disabled{color:var(--disabled-text);background:var(--soft-white);cursor:not-allowed}.dt-action-text{font-size:24px;padding:0 8px}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }], gridTemplateColumns: [{ type: i0.Input, args: [{ isSignal: true, alias: "gridTemplateColumns", required: false }] }], columnQueries: [{ type: i0.Input, args: [{ isSignal: true, alias: "columnQueries", required: false }] }], sortState: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortState", required: false }] }], selectedIdsSet: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedIdsSet", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], headerSort: [{ type: i0.Output, args: ["headerSort"] }], columnQueryChange: [{ type: i0.Output, args: ["columnQueryChange"] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], toggleRow: [{ type: i0.Output, args: ["toggleRow"] }], toggleAllOnPage: [{ type: i0.Output, args: ["toggleAllOnPage"] }], openImage: [{ type: i0.Output, args: ["openImage"] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], bodyScroll: [{ type: i0.Output, args: ["bodyScroll"] }] } });
+
+class TablePaginationComponent {
+    Math = Math;
+    // Inputs
+    page = input(1, ...(ngDevMode ? [{ debugName: "page" }] : []));
+    pageSize = input(10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    pageCount = input(1, ...(ngDevMode ? [{ debugName: "pageCount" }] : []));
+    totalCount = input(0, ...(ngDevMode ? [{ debugName: "totalCount" }] : []));
+    pageSizeOptions = input([10, 25, 50], ...(ngDevMode ? [{ debugName: "pageSizeOptions" }] : []));
+    pagerItems = input([], ...(ngDevMode ? [{ debugName: "pagerItems" }] : []));
+    // Outputs
+    pageChange = output();
+    pageSizeChange = output();
+    startItem = computed(() => {
+        if (this.totalCount() <= 0)
+            return 0;
+        return (this.page() - 1) * this.pageSize() + 1;
+    }, ...(ngDevMode ? [{ debugName: "startItem" }] : []));
+    endItem = computed(() => {
+        if (this.totalCount() <= 0)
+            return 0;
+        return Math.min(this.page() * this.pageSize(), this.totalCount());
+    }, ...(ngDevMode ? [{ debugName: "endItem" }] : []));
+    goToPage(page) {
+        const clamped = Math.max(1, Math.min(this.pageCount(), page));
+        this.pageChange.emit(clamped);
+    }
+    prevPage() {
+        this.goToPage(this.page() - 1);
+    }
+    nextPage() {
+        this.goToPage(this.page() + 1);
+    }
+    onPageSizeSelect(size) {
+        if (!Number.isFinite(size) || size <= 0)
+            return;
+        this.pageSizeChange.emit(size);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TablePaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: TablePaginationComponent, isStandalone: true, selector: "table-pagination", inputs: { page: { classPropertyName: "page", publicName: "page", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, pageCount: { classPropertyName: "pageCount", publicName: "pageCount", isSignal: true, isRequired: false, transformFunction: null }, totalCount: { classPropertyName: "totalCount", publicName: "totalCount", isSignal: true, isRequired: false, transformFunction: null }, pageSizeOptions: { classPropertyName: "pageSizeOptions", publicName: "pageSizeOptions", isSignal: true, isRequired: false, transformFunction: null }, pagerItems: { classPropertyName: "pagerItems", publicName: "pagerItems", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { pageChange: "pageChange", pageSizeChange: "pageSizeChange" }, ngImport: i0, template: "<div class=\"dt-pagination dt-pagination--classic\">\r\n  <!-- Info -->\r\n  <span class=\"dt-page-info dt-hide-sm\">\r\n    Mostrando {{ startItem() }} \u2013 {{ endItem() }} de {{ totalCount() }}\r\n  </span>\r\n\r\n  <!-- Compact info (mobile) -->\r\n  <span class=\"dt-page-compact dt-show-xs\">\r\n    {{ page() }} / {{ pageCount() }}\r\n  </span>\r\n\r\n  <!-- Rows per page -->\r\n  <div class=\"dt-rows dt-hide-md\">\r\n    <span>Filas:</span>\r\n    <select [value]=\"pageSize()\" (change)=\"onPageSizeSelect(+$any($event.target).value)\">\r\n      @for (size of pageSizeOptions(); track size) {\r\n        <option [value]=\"size\">{{ size }}</option>\r\n      }\r\n    </select>\r\n  </div>\r\n\r\n  <!-- Pager -->\r\n  <div class=\"dt-pager\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"dt-pager-btn dt-hide-sm\"\r\n      (click)=\"goToPage(1)\"\r\n      [disabled]=\"page() === 1\"\r\n      aria-label=\"Primera p\u00E1gina\"\r\n    >\r\n      <!-- svg -->\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <path\r\n          fill=\"currentColor\"\r\n          d=\"m11 18l-6-6l6-6l1.4 1.4L7.825 12l4.575 4.6zm6.6 0l-6-6l6-6L19 7.4L14.425 12L19 16.6z\"\r\n        />\r\n      </svg>\r\n    </button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dt-pager-btn\"\r\n      (click)=\"prevPage()\"\r\n      [disabled]=\"page() === 1\"\r\n      aria-label=\"P\u00E1gina anterior\"\r\n    >\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <path fill=\"currentColor\" d=\"m14 18l-6-6l6-6l1.4 1.4l-4.6 4.6l4.6 4.6z\" />\r\n      </svg>\r\n    </button>\r\n\r\n    <!-- n\u00FAmeros/ellipsis: se ocultar\u00E1n en XS por CSS -->\r\n    @for (item of pagerItems(); track $index) {\r\n      @if (item === '\u2026') {\r\n        <span class=\"dt-pager-ellipsis dt-hide-xs\">\u2026</span>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          class=\"dt-pager-chip dt-hide-xs\"\r\n          [class.dt-pager-chip--active]=\"item === page()\"\r\n          (click)=\"goToPage(item)\"\r\n        >\r\n          {{ item }}\r\n        </button>\r\n      }\r\n    }\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dt-pager-btn\"\r\n      (click)=\"nextPage()\"\r\n      [disabled]=\"page() === pageCount()\"\r\n      aria-label=\"P\u00E1gina siguiente\"\r\n    >\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <path fill=\"currentColor\" d=\"M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z\" />\r\n      </svg>\r\n    </button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dt-pager-btn dt-hide-sm\"\r\n      (click)=\"goToPage(pageCount())\"\r\n      [disabled]=\"page() === pageCount()\"\r\n      aria-label=\"\u00DAltima p\u00E1gina\"\r\n    >\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <path\r\n          fill=\"currentColor\"\r\n          d=\"M9.575 12L5 7.4L6.4 6l6 6l-6 6L5 16.6zm6.6 0L11.6 7.4L13 6l6 6l-6 6l-1.4-1.4z\"\r\n        />\r\n      </svg>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".dt-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;font-size:13px}.dt-page-info{white-space:nowrap;color:var(--xs-dark-gray)}.dt-rows{display:flex;align-items:center;gap:6px;color:var(--xs-dark-gray)}.dt-rows select{padding:6px 28px 6px 8px;border-radius:var(--radius-sm);border:1px solid var(--light-gray);background:var(--white);font-size:13px;color:var(--black)}.dt-pager{display:flex;align-items:center;gap:4px}.dt-pager-btn,.dt-pager-chip{min-width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--xs-light-gray);background:var(--white);cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0}.dt-pager-btn:hover:not(:disabled),.dt-pager-chip:hover:not(:disabled){border-color:var(--dark-gray);background:var(--gray-white);color:var(--xs-dark-gray)}.dt-pager-chip--active{background:#3361fa;color:var(--white);border-color:var(--blue);font-weight:600}.dt-pager-chip--active:hover:not(:disabled){background:#3361fa;color:var(--white);border-color:var(--blue)}.dt-pager-btn:disabled,.dt-pager-chip:disabled{opacity:1;color:var(--disabled-text);background:var(--soft-white);border-color:var(--disabled);cursor:not-allowed}.dt-pager-ellipsis{padding:0 6px;color:var(--xs-dark-gray)}.dt-hide-xs,.dt-hide-sm,.dt-hide-md{display:inline-flex}.dt-show-xs{display:none}.dt-page-compact{white-space:nowrap;color:var(--xs-dark-gray)}@media(max-width:1200px){.dt-hide-md{display:none!important}}@media(max-width:900px){.dt-hide-sm{display:none!important}.dt-pagination{justify-content:center}}@media(max-width:640px){.dt-hide-xs{display:none!important}.dt-show-xs{display:inline-flex!important}.dt-pagination{gap:10px}.dt-pager{gap:8px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TablePaginationComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'table-pagination', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"dt-pagination dt-pagination--classic\">\r\n  <!-- Info -->\r\n  <span class=\"dt-page-info dt-hide-sm\">\r\n    Mostrando {{ startItem() }} \u2013 {{ endItem() }} de {{ totalCount() }}\r\n  </span>\r\n\r\n  <!-- Compact info (mobile) -->\r\n  <span class=\"dt-page-compact dt-show-xs\">\r\n    {{ page() }} / {{ pageCount() }}\r\n  </span>\r\n\r\n  <!-- Rows per page -->\r\n  <div class=\"dt-rows dt-hide-md\">\r\n    <span>Filas:</span>\r\n    <select [value]=\"pageSize()\" (change)=\"onPageSizeSelect(+$any($event.target).value)\">\r\n      @for (size of pageSizeOptions(); track size) {\r\n        <option [value]=\"size\">{{ size }}</option>\r\n      }\r\n    </select>\r\n  </div>\r\n\r\n  <!-- Pager -->\r\n  <div class=\"dt-pager\">\r\n    <button\r\n      type=\"button\"\r\n      class=\"dt-pager-btn dt-hide-sm\"\r\n      (click)=\"goToPage(1)\"\r\n      [disabled]=\"page() === 1\"\r\n      aria-label=\"Primera p\u00E1gina\"\r\n    >\r\n      <!-- svg -->\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <path\r\n          fill=\"currentColor\"\r\n          d=\"m11 18l-6-6l6-6l1.4 1.4L7.825 12l4.575 4.6zm6.6 0l-6-6l6-6L19 7.4L14.425 12L19 16.6z\"\r\n        />\r\n      </svg>\r\n    </button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dt-pager-btn\"\r\n      (click)=\"prevPage()\"\r\n      [disabled]=\"page() === 1\"\r\n      aria-label=\"P\u00E1gina anterior\"\r\n    >\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <path fill=\"currentColor\" d=\"m14 18l-6-6l6-6l1.4 1.4l-4.6 4.6l4.6 4.6z\" />\r\n      </svg>\r\n    </button>\r\n\r\n    <!-- n\u00FAmeros/ellipsis: se ocultar\u00E1n en XS por CSS -->\r\n    @for (item of pagerItems(); track $index) {\r\n      @if (item === '\u2026') {\r\n        <span class=\"dt-pager-ellipsis dt-hide-xs\">\u2026</span>\r\n      } @else {\r\n        <button\r\n          type=\"button\"\r\n          class=\"dt-pager-chip dt-hide-xs\"\r\n          [class.dt-pager-chip--active]=\"item === page()\"\r\n          (click)=\"goToPage(item)\"\r\n        >\r\n          {{ item }}\r\n        </button>\r\n      }\r\n    }\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dt-pager-btn\"\r\n      (click)=\"nextPage()\"\r\n      [disabled]=\"page() === pageCount()\"\r\n      aria-label=\"P\u00E1gina siguiente\"\r\n    >\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <path fill=\"currentColor\" d=\"M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z\" />\r\n      </svg>\r\n    </button>\r\n\r\n    <button\r\n      type=\"button\"\r\n      class=\"dt-pager-btn dt-hide-sm\"\r\n      (click)=\"goToPage(pageCount())\"\r\n      [disabled]=\"page() === pageCount()\"\r\n      aria-label=\"\u00DAltima p\u00E1gina\"\r\n    >\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <path\r\n          fill=\"currentColor\"\r\n          d=\"M9.575 12L5 7.4L6.4 6l6 6l-6 6L5 16.6zm6.6 0L11.6 7.4L13 6l6 6l-6 6l-1.4-1.4z\"\r\n        />\r\n      </svg>\r\n    </button>\r\n  </div>\r\n</div>\r\n", styles: [".dt-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;font-size:13px}.dt-page-info{white-space:nowrap;color:var(--xs-dark-gray)}.dt-rows{display:flex;align-items:center;gap:6px;color:var(--xs-dark-gray)}.dt-rows select{padding:6px 28px 6px 8px;border-radius:var(--radius-sm);border:1px solid var(--light-gray);background:var(--white);font-size:13px;color:var(--black)}.dt-pager{display:flex;align-items:center;gap:4px}.dt-pager-btn,.dt-pager-chip{min-width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--xs-light-gray);background:var(--white);cursor:pointer;font-size:13px;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:0}.dt-pager-btn:hover:not(:disabled),.dt-pager-chip:hover:not(:disabled){border-color:var(--dark-gray);background:var(--gray-white);color:var(--xs-dark-gray)}.dt-pager-chip--active{background:#3361fa;color:var(--white);border-color:var(--blue);font-weight:600}.dt-pager-chip--active:hover:not(:disabled){background:#3361fa;color:var(--white);border-color:var(--blue)}.dt-pager-btn:disabled,.dt-pager-chip:disabled{opacity:1;color:var(--disabled-text);background:var(--soft-white);border-color:var(--disabled);cursor:not-allowed}.dt-pager-ellipsis{padding:0 6px;color:var(--xs-dark-gray)}.dt-hide-xs,.dt-hide-sm,.dt-hide-md{display:inline-flex}.dt-show-xs{display:none}.dt-page-compact{white-space:nowrap;color:var(--xs-dark-gray)}@media(max-width:1200px){.dt-hide-md{display:none!important}}@media(max-width:900px){.dt-hide-sm{display:none!important}.dt-pagination{justify-content:center}}@media(max-width:640px){.dt-hide-xs{display:none!important}.dt-show-xs{display:inline-flex!important}.dt-pagination{gap:10px}.dt-pager{gap:8px}}\n"] }]
+        }], propDecorators: { page: [{ type: i0.Input, args: [{ isSignal: true, alias: "page", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], pageCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageCount", required: false }] }], totalCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "totalCount", required: false }] }], pageSizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSizeOptions", required: false }] }], pagerItems: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagerItems", required: false }] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], pageSizeChange: [{ type: i0.Output, args: ["pageSizeChange"] }] } });
+
+class TableToolbarComponent {
+    // Inputs
+    enabled = input(true, ...(ngDevMode ? [{ debugName: "enabled" }] : []));
+    query = input('', ...(ngDevMode ? [{ debugName: "query" }] : []));
+    placeholder = input('Buscar...', ...(ngDevMode ? [{ debugName: "placeholder" }] : []));
+    showClear = input(true, ...(ngDevMode ? [{ debugName: "showClear" }] : []));
+    // Outputs
+    queryChange = output();
+    clear = output();
+    onInput(value) {
+        this.queryChange.emit(value);
+    }
+    onClear() {
+        this.clear.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TableToolbarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: TableToolbarComponent, isStandalone: true, selector: "table-toolbar", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, query: { classPropertyName: "query", publicName: "query", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, showClear: { classPropertyName: "showClear", publicName: "showClear", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { queryChange: "queryChange", clear: "clear" }, ngImport: i0, template: "@if (enabled()) {\r\n  <div class=\"dt-toolbar\">\r\n    <input\r\n      class=\"dt-input\"\r\n      type=\"text\"\r\n      [placeholder]=\"placeholder()\"\r\n      [value]=\"query()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n    />\r\n\r\n    @if (showClear()) {\r\n      <button type=\"button\" class=\"dt-btn\" (click)=\"onClear()\">\r\n        Limpiar\r\n      </button>\r\n    }\r\n  </div>\r\n}\r\n", styles: [".dt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.dt-input{width:100%;max-width:360px;padding:8px 10px;border-radius:var(--radius-sm);border:var(--border);outline:none}.dt-input:focus{box-shadow:0 0 0 3px #2563eb26}.dt-btn{padding:8px 10px;border-radius:var(--radius-sm);border:var(--border);background:var(--white);cursor:pointer}.dt-btn:hover{filter:brightness(.98)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: TableToolbarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'table-toolbar', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (enabled()) {\r\n  <div class=\"dt-toolbar\">\r\n    <input\r\n      class=\"dt-input\"\r\n      type=\"text\"\r\n      [placeholder]=\"placeholder()\"\r\n      [value]=\"query()\"\r\n      (input)=\"onInput($any($event.target).value)\"\r\n    />\r\n\r\n    @if (showClear()) {\r\n      <button type=\"button\" class=\"dt-btn\" (click)=\"onClear()\">\r\n        Limpiar\r\n      </button>\r\n    }\r\n  </div>\r\n}\r\n", styles: [".dt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px}.dt-input{width:100%;max-width:360px;padding:8px 10px;border-radius:var(--radius-sm);border:var(--border);outline:none}.dt-input:focus{box-shadow:0 0 0 3px #2563eb26}.dt-btn{padding:8px 10px;border-radius:var(--radius-sm);border:var(--border);background:var(--white);cursor:pointer}.dt-btn:hover{filter:brightness(.98)}\n"] }]
+        }], propDecorators: { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "enabled", required: false }] }], query: [{ type: i0.Input, args: [{ isSignal: true, alias: "query", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], showClear: [{ type: i0.Input, args: [{ isSignal: true, alias: "showClear", required: false }] }], queryChange: [{ type: i0.Output, args: ["queryChange"] }], clear: [{ type: i0.Output, args: ["clear"] }] } });
+
+class AdvancedTable {
+    // Inputs
+    columns = input([], ...(ngDevMode ? [{ debugName: "columns" }] : []));
+    data = input([], ...(ngDevMode ? [{ debugName: "data" }] : []));
+    config = input({
+        globalSearch: true,
+        columnFilters: false,
+        selectable: false,
+        selectionMode: 'multiple',
+        pagination: { enabled: false, pageSize: 10, pageSizeOptions: [10, 25, 50] },
+        scroll: { mode: 'none' },
+        emptyText: 'Sin resultados',
+        rowIdKey: 'id',
+        globalSearchVisibleOnly: true,
+    }, ...(ngDevMode ? [{ debugName: "config" }] : []));
+    // Outputs
+    rowClick = output();
+    selectionChange = output();
+    actionClick = output();
+    // Signals
+    globalQuery = signal('', ...(ngDevMode ? [{ debugName: "globalQuery" }] : []));
+    columnQueries = signal({}, ...(ngDevMode ? [{ debugName: "columnQueries" }] : []));
+    sortState = signal(null, ...(ngDevMode ? [{ debugName: "sortState" }] : []));
+    page = signal(1, ...(ngDevMode ? [{ debugName: "page" }] : []));
+    visibleCount = signal(0, ...(ngDevMode ? [{ debugName: "visibleCount" }] : []));
+    modalOpen = signal(false, ...(ngDevMode ? [{ debugName: "modalOpen" }] : []));
+    modalImageSrc = signal('', ...(ngDevMode ? [{ debugName: "modalImageSrc" }] : []));
+    modalImageAlt = signal('', ...(ngDevMode ? [{ debugName: "modalImageAlt" }] : []));
+    selectedIdsSet = signal(new Set(), ...(ngDevMode ? [{ debugName: "selectedIdsSet" }] : []));
+    pageSize = signal(this.config().pagination?.pageSize ?? 10, ...(ngDevMode ? [{ debugName: "pageSize" }] : []));
+    // Computed Data
+    selectedIds = computed(() => Array.from(this.selectedIdsSet()), ...(ngDevMode ? [{ debugName: "selectedIds" }] : []));
+    visibleColumns = computed(() => (this.columns() ?? []).filter((c) => !c.hidden), ...(ngDevMode ? [{ debugName: "visibleColumns" }] : []));
+    showSelectionColumn = computed(() => !!this.config().selectable, ...(ngDevMode ? [{ debugName: "showSelectionColumn" }] : []));
+    gridTemplateColumns = computed(() => {
+        const cols = [];
+        if (this.showSelectionColumn())
+            cols.push('48px'); // selección
+        for (const c of this.visibleColumns()) {
+            cols.push(this.sizeToCss(c.size));
+        }
+        return cols.join(' ');
+    }, ...(ngDevMode ? [{ debugName: "gridTemplateColumns" }] : []));
+    filteredData = computed(() => {
+        const rows = this.data() ?? [];
+        const colsAll = this.columns() ?? [];
+        const colsVisible = this.visibleColumns();
+        const config = this.config();
+        const globalQuery = this.globalQuery().trim().toLowerCase();
+        const columnQueries = this.columnQueries();
+        const colsForGlobal = (config.globalSearchVisibleOnly ?? true) ? colsVisible : colsAll.filter((c) => !c.hidden);
+        return rows.filter((row) => {
+            // column filters (AND)
+            for (const [key, q] of Object.entries(columnQueries)) {
+                const query = (q ?? '').trim().toLowerCase();
+                if (!query)
+                    continue;
+                const col = colsAll.find((c) => c.key === key);
+                if (!col)
+                    continue;
+                const value = this.getCellValue(row, col);
+                const text = this.valueToSearchableText(value, col.type, row).toLowerCase();
+                if (!text.includes(query))
+                    return false;
+            }
+            // global search (OR across columns)
+            if (config.globalSearch && globalQuery) {
+                let any = false;
+                for (const col of colsForGlobal) {
+                    const value = this.getCellValue(row, col);
+                    const text = this.valueToSearchableText(value, col.type, row).toLowerCase();
+                    if (text.includes(globalQuery)) {
+                        any = true;
+                        break;
+                    }
+                }
+                if (!any)
+                    return false;
+            }
+            return true;
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredData" }] : []));
+    sortedData = computed(() => {
+        const data = [...this.filteredData()];
+        const sort = this.sortState();
+        if (!sort)
+            return data;
+        const col = (this.columns() ?? []).find((c) => c.key === sort.key);
+        if (!col)
+            return data;
+        const dir = sort.dir === 'asc' ? 1 : -1;
+        data.sort((a, b) => {
+            const va = this.getCellValue(a, col);
+            const vb = this.getCellValue(b, col);
+            return dir * this.compareValues(va, vb, col.type);
+        });
+        return data;
+    }, ...(ngDevMode ? [{ debugName: "sortedData" }] : []));
+    pagedData = computed(() => {
+        const config = this.config();
+        const rows = this.sortedData();
+        const fixedN = config.fixedRowCount;
+        const cappedRows = typeof fixedN === 'number' && fixedN > 0 ? rows.slice(0, fixedN) : rows;
+        const mode = config.scroll?.mode ?? 'none';
+        if (mode === 'infinite') {
+            return cappedRows.slice(0, this.visibleCount());
+        }
+        // pagination
+        if (config.pagination?.enabled) {
+            const size = this.pageSize();
+            const page = this.page();
+            const start = (page - 1) * size;
+            return cappedRows.slice(start, start + size);
+        }
+        return cappedRows;
+    }, ...(ngDevMode ? [{ debugName: "pagedData" }] : []));
+    pagerItems = computed(() => {
+        const config = this.config();
+        if (!config.pagination?.enabled)
+            return [];
+        const totalPages = this.pageCount();
+        const current = this.page();
+        if (totalPages <= 1)
+            return [];
+        if (totalPages <= 7) {
+            return Array.from({ length: totalPages }, (_, i) => i + 1);
+        }
+        const items = [];
+        const first = 1;
+        const last = totalPages;
+        const around = 1;
+        const start = Math.max(2, current - around);
+        const end = Math.min(last - 1, current + around);
+        items.push(first);
+        if (start > 2)
+            items.push('…');
+        for (let p = start; p <= end; p++) {
+            items.push(p);
+        }
+        if (end < last - 1)
+            items.push('…');
+        items.push(last);
+        return items;
+    }, ...(ngDevMode ? [{ debugName: "pagerItems" }] : []));
+    totalCount = computed(() => this.sortedData().length, ...(ngDevMode ? [{ debugName: "totalCount" }] : []));
+    pageCount = computed(() => {
+        const config = this.config();
+        if (!config.pagination?.enabled)
+            return 1;
+        return Math.max(1, Math.ceil(this.totalCount() / this.pageSize()));
+    }, ...(ngDevMode ? [{ debugName: "pageCount" }] : []));
+    isAllSelectedOnPage = computed(() => {
+        if (!this.showSelectionColumn())
+            return false;
+        const ids = this.pagedData().map((r) => this.getRowId(r));
+        if (ids.length === 0)
+            return false;
+        const set = this.selectedIdsSet();
+        return ids.every((id) => set.has(id));
+    }, ...(ngDevMode ? [{ debugName: "isAllSelectedOnPage" }] : []));
+    // Effects
+    infiniteScrollEffect = effect(() => {
+        const config = this.config();
+        const mode = config.scroll?.mode ?? 'none';
+        const batch = config.scroll?.batchSize ?? 50;
+        if (mode === 'infinite') {
+            this.visibleCount.set(batch);
+        }
+        else {
+            this.visibleCount.set(Number.MAX_SAFE_INTEGER);
+        }
+    }, ...(ngDevMode ? [{ debugName: "infiniteScrollEffect" }] : []));
+    selectionDataEffect = effect(() => {
+        this.selectionChange.emit(this.selectedIds());
+    }, ...(ngDevMode ? [{ debugName: "selectionDataEffect" }] : []));
+    pagesCountEffect = effect(() => {
+        const totalPages = this.pageCount();
+        if (this.page() > totalPages) {
+            this.page.set(totalPages);
+        }
+    }, ...(ngDevMode ? [{ debugName: "pagesCountEffect" }] : []));
+    // UI Actions
+    onHeaderClickSort(col) {
+        if (!col.sortable)
+            return;
+        const current = this.sortState();
+        if (!current || current.key !== col.key) {
+            this.sortState.set({ key: col.key, dir: 'asc' });
+        }
+        else if (current.dir === 'asc') {
+            this.sortState.set({ key: col.key, dir: 'desc' });
+        }
+        else {
+            this.sortState.set(null);
+        }
+        this.page.set(1);
+    }
+    onBodyScroll(event) {
+        const config = this.config();
+        if ((config.scroll?.mode ?? 'none') !== 'infinite')
+            return;
+        const el = event.target;
+        const thresholdPx = 120;
+        const nearBottom = el.scrollTop + el.clientHeight >= el.scrollHeight - thresholdPx;
+        if (!nearBottom)
+            return;
+        const batch = config.scroll?.batchSize ?? 50;
+        const next = Math.min(this.sortedData().length, this.visibleCount() + batch);
+        this.visibleCount.set(next);
+    }
+    onPageSizeChange(size) {
+        if (!Number.isFinite(size) || size <= 0)
+            return;
+        this.pageSize.set(size);
+        this.page.set(1);
+    }
+    getCellValue(row, col) {
+        try {
+            return col.valueGetter ? col.valueGetter(row) : row?.[col.key];
+        }
+        catch {
+            return undefined;
+        }
+    }
+    getRowId(row) {
+        const config = this.config();
+        if (config.rowIdGetter)
+            return config.rowIdGetter(row);
+        const key = config.rowIdKey ?? 'id';
+        const value = row?.[key];
+        return (value ?? JSON.stringify(row));
+    }
+    setGlobalQuery(query) {
+        this.globalQuery.set(query ?? '');
+        this.page.set(1);
+        this.resetInfiniteIfNeeded();
+    }
+    setColumnQuery(key, query) {
+        const next = { ...this.columnQueries() };
+        next[key] = query ?? '';
+        this.columnQueries.set(next);
+        this.page.set(1);
+        this.resetInfiniteIfNeeded();
+    }
+    clearFilters() {
+        this.globalQuery.set('');
+        this.columnQueries.set({});
+        this.page.set(1);
+        this.resetInfiniteIfNeeded();
+    }
+    onRowClick(row) {
+        this.rowClick.emit(row);
+    }
+    toggleRowSelection(row) {
+        const config = this.config();
+        if (!config.selectable)
+            return;
+        const id = this.getRowId(row);
+        const mode = config.selectionMode ?? 'multiple';
+        const set = new Set(this.selectedIdsSet());
+        if (mode === 'single') {
+            if (set.has(id))
+                set.clear();
+            else {
+                set.clear();
+                set.add(id);
+            }
+        }
+        else {
+            if (set.has(id))
+                set.delete(id);
+            else
+                set.add(id);
+        }
+        this.selectedIdsSet.set(set);
+    }
+    toggleSelectAllOnPage() {
+        const config = this.config();
+        if (!config.selectable)
+            return;
+        if ((config.selectionMode ?? 'multiple') === 'single')
+            return;
+        const ids = this.pagedData().map((r) => this.getRowId(r));
+        const set = new Set(this.selectedIdsSet());
+        const allSelected = ids.every((id) => set.has(id));
+        if (allSelected)
+            ids.forEach((id) => set.delete(id));
+        else
+            ids.forEach((id) => set.add(id));
+        this.selectedIdsSet.set(set);
+    }
+    prevPage() {
+        this.page.set(Math.max(1, this.page() - 1));
+    }
+    nextPage() {
+        this.page.set(Math.min(this.pageCount(), this.page() + 1));
+    }
+    goToPage(p) {
+        const clamped = Math.max(1, Math.min(this.pageCount(), p));
+        this.page.set(clamped);
+    }
+    openImageModal(src, alt) {
+        this.modalImageSrc.set(src);
+        this.modalImageAlt.set(alt);
+        this.modalOpen.set(true);
+    }
+    closeModal() {
+        this.modalOpen.set(false);
+        this.modalImageSrc.set('');
+        this.modalImageAlt.set('');
+    }
+    // Private functions
+    resetInfiniteIfNeeded() {
+        const config = this.config();
+        if ((config.scroll?.mode ?? 'none') !== 'infinite')
+            return;
+        const batch = config.scroll?.batchSize ?? 50;
+        this.visibleCount.set(batch);
+    }
+    sizeToCss(size) {
+        switch (size) {
+            case 'XS':
+                return '80px';
+            case 'SM':
+                return '120px';
+            case 'MD':
+                return '180px';
+            case 'LG':
+                return '260px';
+            case 'XL':
+                return '360px';
+            case 'AUTO':
+            default:
+                return '1fr';
+        }
+    }
+    toNumber(value) {
+        if (typeof value === 'number')
+            return value;
+        if (typeof value === 'string') {
+            return Number(value.replace(/,/g, '').trim());
+        }
+        return Number.NaN;
+    }
+    toDate(value) {
+        if (value instanceof Date && !Number.isNaN(value.getTime()))
+            return value;
+        if (typeof value === 'string' || typeof value === 'number') {
+            const date = new Date(value);
+            return Number.isNaN(date.getTime()) ? null : date;
+        }
+        return null;
+    }
+    compareValues(firstValue, secondValue, type) {
+        const firstNull = firstValue == null || firstValue === '';
+        const secondNull = secondValue == null || secondValue === '';
+        if (firstNull && secondNull)
+            return 0;
+        if (firstNull)
+            return 1;
+        if (secondNull)
+            return -1;
+        let response = null;
+        switch (type) {
+            case 'integer':
+            case 'decimal':
+            case 'currency': {
+                const firstNumber = this.toNumber(firstValue);
+                const secondNumber = this.toNumber(secondValue);
+                if (!Number.isFinite(firstNumber) && !Number.isFinite(secondNumber))
+                    response = 0;
+                else if (!Number.isFinite(firstNumber))
+                    response = 1;
+                else if (!Number.isFinite(secondNumber))
+                    response = -1;
+                else
+                    response = firstNumber === secondNumber ? 0 : firstNumber < secondNumber ? -1 : 1;
+                break;
+            }
+            case 'date':
+            case 'datetime': {
+                const firstDate = this.toDate(firstValue);
+                const toCompareDate = this.toDate(secondValue);
+                if (!firstDate && !toCompareDate)
+                    response = 0;
+                else if (!firstDate)
+                    response = 1;
+                else if (!toCompareDate)
+                    response = -1;
+                else {
+                    const ta = firstDate.getTime();
+                    const tb = toCompareDate.getTime();
+                    response = ta === tb ? 0 : ta < tb ? -1 : 1;
+                }
+                break;
+            }
+            case 'boolean': {
+                const firstBool = firstValue === true ? 1 : 0;
+                const secondBool = secondValue === true ? 1 : 0;
+                response = firstBool - secondBool;
+                break;
+            }
+            default: {
+                const firstString = String(firstValue).toLowerCase();
+                const secondString = String(secondValue).toLowerCase();
+                response = firstString.localeCompare(secondString, 'es');
+                break;
+            }
+        }
+        return response;
+    }
+    valueToSearchableText(value, type, row) {
+        if (value == null)
+            return '';
+        if (type === 'image')
+            return '';
+        if (type === 'boolean')
+            return value === true ? 'si true yes 1' : 'no false 0';
+        return String(value);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedTable, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: AdvancedTable, isStandalone: true, selector: "advanced-table", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowClick: "rowClick", selectionChange: "selectionChange", actionClick: "actionClick" }, ngImport: i0, template: "<div class=\"dt-container\">\r\n  <div class=\"dt-toolbar\">\r\n    <!-- Search and Clean -->\r\n    <table-toolbar\r\n      [enabled]=\"config().globalSearch ?? true\"\r\n      [query]=\"globalQuery()\"\r\n      placeholder=\"Buscar...\"\r\n      [showClear]=\"true\"\r\n      (queryChange)=\"setGlobalQuery($event)\"\r\n      (clear)=\"clearFilters()\"\r\n    />\r\n\r\n    <!-- Pagination -->\r\n    @if (config().pagination?.enabled) {\r\n      <table-pagination\r\n        [page]=\"page()\"\r\n        [pageSize]=\"pageSize()\"\r\n        [pageCount]=\"pageCount()\"\r\n        [totalCount]=\"totalCount()\"\r\n        [pagerItems]=\"pagerItems()\"\r\n        [pageSizeOptions]=\"config().pagination!.pageSizeOptions ?? [10, 25, 50]\"\r\n        (pageChange)=\"goToPage($event)\"\r\n        (pageSizeChange)=\"onPageSizeChange($event)\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  <div class=\"dt-grid\">\r\n    <!-- Data Table -->\r\n    <table-grid\r\n      [config]=\"config()\"\r\n      [columns]=\"visibleColumns()\"\r\n      [rows]=\"pagedData()\"\r\n      [gridTemplateColumns]=\"gridTemplateColumns()\"\r\n      [columnQueries]=\"columnQueries()\"\r\n      [sortState]=\"sortState()\"\r\n      [selectedIdsSet]=\"selectedIdsSet()\"\r\n      (headerSort)=\"onHeaderClickSort($event)\"\r\n      (columnQueryChange)=\"setColumnQuery($event.key, $event.value)\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n      (toggleRow)=\"toggleRowSelection($event)\"\r\n      (toggleAllOnPage)=\"toggleSelectAllOnPage()\"\r\n      (openImage)=\"openImageModal($event.src, $event.alt)\"\r\n      (actionClick)=\"actionClick.emit($event)\"\r\n      (bodyScroll)=\"onBodyScroll($event)\"\r\n    />\r\n  </div>\r\n\r\n  <!-- Image Modal -->\r\n  <table-modal-image\r\n    [open]=\"modalOpen()\"\r\n    [src]=\"modalImageSrc()\"\r\n    [alt]=\"modalImageAlt()\"\r\n    (close)=\"closeModal()\"\r\n  />\r\n</div>\r\n", styles: [":host{display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--black: #171717;--black-light: #343434;--black-dark: #000000;--black-navy: #191a21;--xs-dark-gray: #5A5A5A;--dark-gray: #9E9E9E;--medium-gray: #D5D5D5;--gray: #F8F8F8;--light-gray: #C6C6C6;--xs-light-gray: #DFDFDF;--gray-white: #F5F4F4;--xxs-light-gray: #F2F2F2;--soft-white: #EEEEEE;--green-success: #208B6A;--blue: #3360fa;--blue-info: #7390EC;--orange: #F77C00;--yellow-warning: #FFBC57;--red: #E60018;--white: #FFFFFF;--disabled: #C6C6C6;--disabled-text: #9E9E9E;--radius-sm: 4px;--radius-md: 6px;--border: 1px solid var(--xs-light-gray);--focus-ring: 0 0 0 3px rgba(51, 96, 250, .18)}.dt-container{border:var(--border);border-radius:var(--radius-md);background:var(--white);overflow:hidden}.dt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:var(--border);background:var(--xxs-light-gray)}.dt-empty{padding:18px 12px;color:var(--xs-dark-gray)}@media(max-width:900px){.dt-toolbar{flex-wrap:wrap;align-items:flex-start;row-gap:10px;padding:10px 12px}.dt-toolbar>b2b-table-toolbar{flex:1 1 100%}.dt-toolbar>b2b-table-pagination{flex:1 1 100%;display:flex;justify-content:center}}\n"], dependencies: [{ kind: "component", type: TableModalImageComponent, selector: "table-modal-image", inputs: ["open", "src", "alt"], outputs: ["close"] }, { kind: "component", type: TableGridComponent, selector: "table-grid", inputs: ["config", "columns", "rows", "gridTemplateColumns", "columnQueries", "sortState", "selectedIdsSet", "timeZone"], outputs: ["headerSort", "columnQueryChange", "rowClick", "toggleRow", "toggleAllOnPage", "openImage", "actionClick", "bodyScroll"] }, { kind: "component", type: TablePaginationComponent, selector: "table-pagination", inputs: ["page", "pageSize", "pageCount", "totalCount", "pageSizeOptions", "pagerItems"], outputs: ["pageChange", "pageSizeChange"] }, { kind: "component", type: TableToolbarComponent, selector: "table-toolbar", inputs: ["enabled", "query", "placeholder", "showClear"], outputs: ["queryChange", "clear"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedTable, decorators: [{
+            type: Component,
+            args: [{ selector: 'advanced-table', imports: [
+                        TableModalImageComponent,
+                        TableGridComponent,
+                        TablePaginationComponent,
+                        TableToolbarComponent,
+                    ], template: "<div class=\"dt-container\">\r\n  <div class=\"dt-toolbar\">\r\n    <!-- Search and Clean -->\r\n    <table-toolbar\r\n      [enabled]=\"config().globalSearch ?? true\"\r\n      [query]=\"globalQuery()\"\r\n      placeholder=\"Buscar...\"\r\n      [showClear]=\"true\"\r\n      (queryChange)=\"setGlobalQuery($event)\"\r\n      (clear)=\"clearFilters()\"\r\n    />\r\n\r\n    <!-- Pagination -->\r\n    @if (config().pagination?.enabled) {\r\n      <table-pagination\r\n        [page]=\"page()\"\r\n        [pageSize]=\"pageSize()\"\r\n        [pageCount]=\"pageCount()\"\r\n        [totalCount]=\"totalCount()\"\r\n        [pagerItems]=\"pagerItems()\"\r\n        [pageSizeOptions]=\"config().pagination!.pageSizeOptions ?? [10, 25, 50]\"\r\n        (pageChange)=\"goToPage($event)\"\r\n        (pageSizeChange)=\"onPageSizeChange($event)\"\r\n      />\r\n    }\r\n  </div>\r\n\r\n  <div class=\"dt-grid\">\r\n    <!-- Data Table -->\r\n    <table-grid\r\n      [config]=\"config()\"\r\n      [columns]=\"visibleColumns()\"\r\n      [rows]=\"pagedData()\"\r\n      [gridTemplateColumns]=\"gridTemplateColumns()\"\r\n      [columnQueries]=\"columnQueries()\"\r\n      [sortState]=\"sortState()\"\r\n      [selectedIdsSet]=\"selectedIdsSet()\"\r\n      (headerSort)=\"onHeaderClickSort($event)\"\r\n      (columnQueryChange)=\"setColumnQuery($event.key, $event.value)\"\r\n      (rowClick)=\"onRowClick($event)\"\r\n      (toggleRow)=\"toggleRowSelection($event)\"\r\n      (toggleAllOnPage)=\"toggleSelectAllOnPage()\"\r\n      (openImage)=\"openImageModal($event.src, $event.alt)\"\r\n      (actionClick)=\"actionClick.emit($event)\"\r\n      (bodyScroll)=\"onBodyScroll($event)\"\r\n    />\r\n  </div>\r\n\r\n  <!-- Image Modal -->\r\n  <table-modal-image\r\n    [open]=\"modalOpen()\"\r\n    [src]=\"modalImageSrc()\"\r\n    [alt]=\"modalImageAlt()\"\r\n    (close)=\"closeModal()\"\r\n  />\r\n</div>\r\n", styles: [":host{display:block;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;--black: #171717;--black-light: #343434;--black-dark: #000000;--black-navy: #191a21;--xs-dark-gray: #5A5A5A;--dark-gray: #9E9E9E;--medium-gray: #D5D5D5;--gray: #F8F8F8;--light-gray: #C6C6C6;--xs-light-gray: #DFDFDF;--gray-white: #F5F4F4;--xxs-light-gray: #F2F2F2;--soft-white: #EEEEEE;--green-success: #208B6A;--blue: #3360fa;--blue-info: #7390EC;--orange: #F77C00;--yellow-warning: #FFBC57;--red: #E60018;--white: #FFFFFF;--disabled: #C6C6C6;--disabled-text: #9E9E9E;--radius-sm: 4px;--radius-md: 6px;--border: 1px solid var(--xs-light-gray);--focus-ring: 0 0 0 3px rgba(51, 96, 250, .18)}.dt-container{border:var(--border);border-radius:var(--radius-md);background:var(--white);overflow:hidden}.dt-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:var(--border);background:var(--xxs-light-gray)}.dt-empty{padding:18px 12px;color:var(--xs-dark-gray)}@media(max-width:900px){.dt-toolbar{flex-wrap:wrap;align-items:flex-start;row-gap:10px;padding:10px 12px}.dt-toolbar>b2b-table-toolbar{flex:1 1 100%}.dt-toolbar>b2b-table-pagination{flex:1 1 100%;display:flex;justify-content:center}}\n"] }]
+        }], propDecorators: { columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], rowClick: [{ type: i0.Output, args: ["rowClick"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }] } });
+
+class AdvancedCardTemplateDirective {
+    templateRef;
+    templateId = input.required({ ...(ngDevMode ? { debugName: "templateId" } : {}), alias: 'advancedCardTemplate' });
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCardTemplateDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.4", type: AdvancedCardTemplateDirective, isStandalone: true, selector: "[advancedCardTemplate]", inputs: { templateId: { classPropertyName: "templateId", publicName: "advancedCardTemplate", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCardTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[advancedCardTemplate]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }], propDecorators: { templateId: [{ type: i0.Input, args: [{ isSignal: true, alias: "advancedCardTemplate", required: true }] }] } });
+
+class CardCompactComponent {
+    configuration = input.required(...(ngDevMode ? [{ debugName: "configuration" }] : []));
+    expanded = input.required(...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    badgeClass = input.required(...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
+    expand = output();
+    hasHighlights = computed(() => (this.configuration().highlights?.length ?? 0) > 0, ...(ngDevMode ? [{ debugName: "hasHighlights" }] : []));
+    onExpand() {
+        this.expand.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardCompactComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: CardCompactComponent, isStandalone: true, selector: "lib-card-compact", inputs: { configuration: { classPropertyName: "configuration", publicName: "configuration", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: true, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { expand: "expand" }, ngImport: i0, template: "@let config = configuration();\r\n\r\n<section\r\n  class=\"ac ac--compact\"\r\n  [class.ac--hidden]=\"expanded()\"\r\n  tabindex=\"0\"\r\n  role=\"button\"\r\n  (click)=\"onExpand()\"\r\n  (keydown.enter)=\"onExpand()\"\r\n>\r\n  <header class=\"ac__header\">\r\n    <div class=\"ac__title-wrap\">\r\n      <h3 class=\"ac__title\">{{ config.title }}</h3>\r\n\r\n      @if (config.subtitle) {\r\n        <p class=\"ac__subtitle\">{{ config.subtitle }}</p>\r\n      }\r\n    </div>\r\n\r\n    @if (config.badge) {\r\n      <span [class]=\"badgeClass()(config.badge.tone)\">\r\n        {{ config.badge.label }}\r\n      </span>\r\n    }\r\n  </header>\r\n\r\n  @if (hasHighlights()) {\r\n    @let highlightList = config.highlights;\r\n\r\n    <div class=\"ac__highlights\">\r\n      @for (highlight of highlightList; track highlight.label) {\r\n        <div class=\"ac__hl\">\r\n          <div class=\"ac__hl-value\">{{ highlight.value }}</div>\r\n          <div class=\"ac__hl-label\">\r\n            {{ highlight.label }}\r\n            @if (highlight.hint) {\r\n              <span class=\"ac__hl-hint\">\u00B7 {{ highlight.hint }}</span>\r\n            }\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <footer class=\"ac__footer\">\r\n    <button type=\"button\" class=\"btn btn--primary\" (click)=\"onExpand(); $event.stopPropagation()\">\r\n      {{ config.primaryCta?.label ?? 'Ver detalle' }}\r\n      <span class=\"btn__chev\">\u203A</span>\r\n    </button>\r\n  </footer>\r\n</section>\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardCompactComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-card-compact', imports: [], template: "@let config = configuration();\r\n\r\n<section\r\n  class=\"ac ac--compact\"\r\n  [class.ac--hidden]=\"expanded()\"\r\n  tabindex=\"0\"\r\n  role=\"button\"\r\n  (click)=\"onExpand()\"\r\n  (keydown.enter)=\"onExpand()\"\r\n>\r\n  <header class=\"ac__header\">\r\n    <div class=\"ac__title-wrap\">\r\n      <h3 class=\"ac__title\">{{ config.title }}</h3>\r\n\r\n      @if (config.subtitle) {\r\n        <p class=\"ac__subtitle\">{{ config.subtitle }}</p>\r\n      }\r\n    </div>\r\n\r\n    @if (config.badge) {\r\n      <span [class]=\"badgeClass()(config.badge.tone)\">\r\n        {{ config.badge.label }}\r\n      </span>\r\n    }\r\n  </header>\r\n\r\n  @if (hasHighlights()) {\r\n    @let highlightList = config.highlights;\r\n\r\n    <div class=\"ac__highlights\">\r\n      @for (highlight of highlightList; track highlight.label) {\r\n        <div class=\"ac__hl\">\r\n          <div class=\"ac__hl-value\">{{ highlight.value }}</div>\r\n          <div class=\"ac__hl-label\">\r\n            {{ highlight.label }}\r\n            @if (highlight.hint) {\r\n              <span class=\"ac__hl-hint\">\u00B7 {{ highlight.hint }}</span>\r\n            }\r\n          </div>\r\n        </div>\r\n      }\r\n    </div>\r\n  }\r\n\r\n  <footer class=\"ac__footer\">\r\n    <button type=\"button\" class=\"btn btn--primary\" (click)=\"onExpand(); $event.stopPropagation()\">\r\n      {{ config.primaryCta?.label ?? 'Ver detalle' }}\r\n      <span class=\"btn__chev\">\u203A</span>\r\n    </button>\r\n  </footer>\r\n</section>\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { configuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "configuration", required: true }] }], expanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "expanded", required: true }] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: true }] }], expand: [{ type: i0.Output, args: ["expand"] }] } });
+
+class CardHeaderComponent {
+    variant = input('inline', ...(ngDevMode ? [{ debugName: "variant" }] : []));
+    title = input.required(...(ngDevMode ? [{ debugName: "title" }] : []));
+    badge = input(undefined, ...(ngDevMode ? [{ debugName: "badge" }] : []));
+    actions = input(undefined, ...(ngDevMode ? [{ debugName: "actions" }] : []));
+    sticky = input(false, ...(ngDevMode ? [{ debugName: "sticky" }] : []));
+    badgeClass = input.required(...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
+    actionClick = output();
+    close = output();
+    onAction(advancedAction) {
+        if (advancedAction.disabled)
+            return;
+        this.actionClick.emit(advancedAction);
+    }
+    onClose() {
+        this.close.emit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: CardHeaderComponent, isStandalone: true, selector: "ac-card-header", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: true, transformFunction: null }, badge: { classPropertyName: "badge", publicName: "badge", isSignal: true, isRequired: false, transformFunction: null }, actions: { classPropertyName: "actions", publicName: "actions", isSignal: true, isRequired: false, transformFunction: null }, sticky: { classPropertyName: "sticky", publicName: "sticky", isSignal: true, isRequired: false, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionClick: "actionClick", close: "close" }, ngImport: i0, template: "<header\r\n  [class.acx__header]=\"variant() === 'inline'\"\r\n  [class.acx__header--sticky]=\"variant() === 'inline' && sticky()\"\r\n  [class.panel__header]=\"variant() === 'panel'\"\r\n>\r\n  <div [class.acx__title]=\"variant() === 'inline'\" [class.panel__title]=\"variant() === 'panel'\">\r\n    <h3\r\n      [class.acx__title-text]=\"variant() === 'inline'\"\r\n      [class.panel__title-text]=\"variant() === 'panel'\"\r\n    >\r\n      {{ title() }}\r\n    </h3>\r\n\r\n    @if (badge()) {\r\n      <span [class]=\"badgeClass()(badge()?.tone)\">\r\n        {{ badge()?.label }}\r\n      </span>\r\n    }\r\n  </div>\r\n\r\n  <div [class.acx__actions]=\"variant() === 'inline'\" [class.panel__actions]=\"variant() === 'panel'\">\r\n    @let headerActions = actions();\r\n    @if (headerActions?.length) {\r\n      @for (headerAction of headerActions; track headerAction.id) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn\"\r\n          [class.btn--primary]=\"headerAction.tone === 'primary'\"\r\n          [class.btn--danger]=\"headerAction.tone === 'danger'\"\r\n          [class.btn--secondary]=\"!headerAction.tone || headerAction.tone === 'secondary'\"\r\n          [disabled]=\"headerAction.disabled\"\r\n          (click)=\"onAction(headerAction)\"\r\n        >\r\n          {{ headerAction.label }}\r\n        </button>\r\n      }\r\n    }\r\n\r\n    <button type=\"button\" class=\"icon-btn\" (click)=\"onClose()\">\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <rect width=\"24\" height=\"24\" fill=\"none\" />\r\n        <path\r\n          fill=\"currentColor\"\r\n          d=\"M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z\"\r\n        />\r\n      </svg>\r\n    </button>\r\n  </div>\r\n</header>\r\n", styles: [":host{display:block}.panel__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardHeaderComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-card-header', imports: [], template: "<header\r\n  [class.acx__header]=\"variant() === 'inline'\"\r\n  [class.acx__header--sticky]=\"variant() === 'inline' && sticky()\"\r\n  [class.panel__header]=\"variant() === 'panel'\"\r\n>\r\n  <div [class.acx__title]=\"variant() === 'inline'\" [class.panel__title]=\"variant() === 'panel'\">\r\n    <h3\r\n      [class.acx__title-text]=\"variant() === 'inline'\"\r\n      [class.panel__title-text]=\"variant() === 'panel'\"\r\n    >\r\n      {{ title() }}\r\n    </h3>\r\n\r\n    @if (badge()) {\r\n      <span [class]=\"badgeClass()(badge()?.tone)\">\r\n        {{ badge()?.label }}\r\n      </span>\r\n    }\r\n  </div>\r\n\r\n  <div [class.acx__actions]=\"variant() === 'inline'\" [class.panel__actions]=\"variant() === 'panel'\">\r\n    @let headerActions = actions();\r\n    @if (headerActions?.length) {\r\n      @for (headerAction of headerActions; track headerAction.id) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn\"\r\n          [class.btn--primary]=\"headerAction.tone === 'primary'\"\r\n          [class.btn--danger]=\"headerAction.tone === 'danger'\"\r\n          [class.btn--secondary]=\"!headerAction.tone || headerAction.tone === 'secondary'\"\r\n          [disabled]=\"headerAction.disabled\"\r\n          (click)=\"onAction(headerAction)\"\r\n        >\r\n          {{ headerAction.label }}\r\n        </button>\r\n      }\r\n    }\r\n\r\n    <button type=\"button\" class=\"icon-btn\" (click)=\"onClose()\">\r\n      <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\">\r\n        <rect width=\"24\" height=\"24\" fill=\"none\" />\r\n        <path\r\n          fill=\"currentColor\"\r\n          d=\"M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z\"\r\n        />\r\n      </svg>\r\n    </button>\r\n  </div>\r\n</header>\r\n", styles: [":host{display:block}.panel__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: true }] }], badge: [{ type: i0.Input, args: [{ isSignal: true, alias: "badge", required: false }] }], actions: [{ type: i0.Input, args: [{ isSignal: true, alias: "actions", required: false }] }], sticky: [{ type: i0.Input, args: [{ isSignal: true, alias: "sticky", required: false }] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: true }] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], close: [{ type: i0.Output, args: ["close"] }] } });
+
+class CardSummaryComponent {
+    blocks = input(undefined, ...(ngDevMode ? [{ debugName: "blocks" }] : []));
+    hasBlocks = computed(() => (this.blocks()?.length ?? 0) > 0, ...(ngDevMode ? [{ debugName: "hasBlocks" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardSummaryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: CardSummaryComponent, isStandalone: true, selector: "ac-card-summary", inputs: { blocks: { classPropertyName: "blocks", publicName: "blocks", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if (hasBlocks()) {\r\n  @let list = blocks();\r\n\r\n  <div class=\"acx__summary\">\r\n    @for (block of list; track block.title) {\r\n      <div class=\"block\">\r\n        <div class=\"block__title\">{{ block.title }}</div>\r\n\r\n        @for (row of block.rows; track row.label) {\r\n          <div class=\"block__row\">\r\n            <span class=\"block__label\">{{ row.label }}</span>\r\n            <span class=\"block__value\">{{ row.value }}</span>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardSummaryComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-card-summary', imports: [], template: "@if (hasBlocks()) {\r\n  @let list = blocks();\r\n\r\n  <div class=\"acx__summary\">\r\n    @for (block of list; track block.title) {\r\n      <div class=\"block\">\r\n        <div class=\"block__title\">{{ block.title }}</div>\r\n\r\n        @for (row of block.rows; track row.label) {\r\n          <div class=\"block__row\">\r\n            <span class=\"block__label\">{{ row.label }}</span>\r\n            <span class=\"block__value\">{{ row.value }}</span>\r\n          </div>\r\n        }\r\n      </div>\r\n    }\r\n  </div>\r\n}\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { blocks: [{ type: i0.Input, args: [{ isSignal: true, alias: "blocks", required: false }] }] } });
+
+class CardTabContentComponent {
+    activeTab = input.required(...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    cardId = input.required(...(ngDevMode ? [{ debugName: "cardId" }] : []));
+    /**
+     * Función que resuelve el TemplateRef para el tab actual.
+     * (La lógica real sigue en el root: getActiveTemplate())
+     */
+    templateRef = input(null, ...(ngDevMode ? [{ debugName: "templateRef" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardTabContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: CardTabContentComponent, isStandalone: true, selector: "ac-card-tab-content", inputs: { activeTab: { classPropertyName: "activeTab", publicName: "activeTab", isSignal: true, isRequired: true, transformFunction: null }, cardId: { classPropertyName: "cardId", publicName: "cardId", isSignal: true, isRequired: true, transformFunction: null }, templateRef: { classPropertyName: "templateRef", publicName: "templateRef", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@let tab = activeTab();\r\n@let template = templateRef();\r\n\r\n<div class=\"tabs__content\">\r\n  @if (tab) {\r\n    @switch (tab.kind) {\r\n      @case ('text') {\r\n        <div class=\"tab-text\">\r\n          {{ tab.text ?? '' }}\r\n        </div>\r\n      }\r\n\r\n      @case ('empty') {\r\n        <div class=\"empty\">Sin contenido.</div>\r\n      }\r\n\r\n      @case ('template') {\r\n        @if (template) {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"template\"\r\n            [ngTemplateOutletContext]=\"{\r\n              cardId: cardId(),\r\n              tabId: tab.id,\r\n            }\"\r\n          />\r\n        } @else {\r\n          <div class=\"empty\">Template no encontrado para \"{{ tab.templateId }}\"</div>\r\n        }\r\n      }\r\n    }\r\n  } @else {\r\n    <div class=\"empty\">Sin tabs configurados.</div>\r\n  }\r\n</div>\r\n", styles: ["", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardTabContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-card-tab-content', imports: [NgTemplateOutlet], template: "@let tab = activeTab();\r\n@let template = templateRef();\r\n\r\n<div class=\"tabs__content\">\r\n  @if (tab) {\r\n    @switch (tab.kind) {\r\n      @case ('text') {\r\n        <div class=\"tab-text\">\r\n          {{ tab.text ?? '' }}\r\n        </div>\r\n      }\r\n\r\n      @case ('empty') {\r\n        <div class=\"empty\">Sin contenido.</div>\r\n      }\r\n\r\n      @case ('template') {\r\n        @if (template) {\r\n          <ng-container\r\n            [ngTemplateOutlet]=\"template\"\r\n            [ngTemplateOutletContext]=\"{\r\n              cardId: cardId(),\r\n              tabId: tab.id,\r\n            }\"\r\n          />\r\n        } @else {\r\n          <div class=\"empty\">Template no encontrado para \"{{ tab.templateId }}\"</div>\r\n        }\r\n      }\r\n    }\r\n  } @else {\r\n    <div class=\"empty\">Sin tabs configurados.</div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { activeTab: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTab", required: true }] }], cardId: [{ type: i0.Input, args: [{ isSignal: true, alias: "cardId", required: true }] }], templateRef: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateRef", required: false }] }] } });
+
+class CardTabsBarComponent {
+    tabs = input.required(...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    activeTabId = input.required(...(ngDevMode ? [{ debugName: "activeTabId" }] : []));
+    badgeClass = input.required(...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
+    tabSelected = output();
+    tabAction = output();
+    activeTab = computed(() => {
+        const id = this.activeTabId();
+        if (!id)
+            return null;
+        return this.tabs().find((tab) => tab.id === id) ?? null;
+    }, ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    selectTab(id) {
+        this.tabSelected.emit(id);
+    }
+    clickAction(advancedTabAction) {
+        if (advancedTabAction.disabled)
+            return;
+        this.tabAction.emit(advancedTabAction);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardTabsBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: CardTabsBarComponent, isStandalone: true, selector: "ac-card-tabs-bar", inputs: { tabs: { classPropertyName: "tabs", publicName: "tabs", isSignal: true, isRequired: true, transformFunction: null }, activeTabId: { classPropertyName: "activeTabId", publicName: "activeTabId", isSignal: true, isRequired: true, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { tabSelected: "tabSelected", tabAction: "tabAction" }, ngImport: i0, template: "@let tabList = tabs();\r\n@let currentId = activeTabId();\r\n@let current = activeTab();\r\n\r\n<div class=\"tabs__bar\">\r\n  @for (tab of tabList; track tab.id) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"tab\"\r\n      [class.tab--active]=\"currentId === tab.id\"\r\n      (click)=\"selectTab(tab.id)\"\r\n    >\r\n      <span>{{ tab.label }}</span>\r\n      @if (tab.pill) {\r\n        <span class=\"pill\" [class]=\"badgeClass()(tab.pill.tone)\">\r\n          {{ tab.pill.label }}\r\n        </span>\r\n      }\r\n    </button>\r\n  }\r\n\r\n  <div class=\"tabs__spacer\"></div>\r\n\r\n  @if (current?.actions?.length) {\r\n    <div class=\"tabs__actions\">\r\n      @for (actions of current?.actions ?? []; track actions.id) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn btn--sm\"\r\n          [class.btn--primary]=\"actions.tone === 'primary'\"\r\n          [class.btn--danger]=\"actions.tone === 'danger'\"\r\n          [class.btn--secondary]=\"!actions.tone || actions.tone === 'secondary'\"\r\n          [disabled]=\"actions.disabled\"\r\n          (click)=\"clickAction(actions)\"\r\n        >\r\n          {{ actions.label }}\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: CardTabsBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-card-tabs-bar', imports: [], template: "@let tabList = tabs();\r\n@let currentId = activeTabId();\r\n@let current = activeTab();\r\n\r\n<div class=\"tabs__bar\">\r\n  @for (tab of tabList; track tab.id) {\r\n    <button\r\n      type=\"button\"\r\n      class=\"tab\"\r\n      [class.tab--active]=\"currentId === tab.id\"\r\n      (click)=\"selectTab(tab.id)\"\r\n    >\r\n      <span>{{ tab.label }}</span>\r\n      @if (tab.pill) {\r\n        <span class=\"pill\" [class]=\"badgeClass()(tab.pill.tone)\">\r\n          {{ tab.pill.label }}\r\n        </span>\r\n      }\r\n    </button>\r\n  }\r\n\r\n  <div class=\"tabs__spacer\"></div>\r\n\r\n  @if (current?.actions?.length) {\r\n    <div class=\"tabs__actions\">\r\n      @for (actions of current?.actions ?? []; track actions.id) {\r\n        <button\r\n          type=\"button\"\r\n          class=\"btn btn--sm\"\r\n          [class.btn--primary]=\"actions.tone === 'primary'\"\r\n          [class.btn--danger]=\"actions.tone === 'danger'\"\r\n          [class.btn--secondary]=\"!actions.tone || actions.tone === 'secondary'\"\r\n          [disabled]=\"actions.disabled\"\r\n          (click)=\"clickAction(actions)\"\r\n        >\r\n          {{ actions.label }}\r\n        </button>\r\n      }\r\n    </div>\r\n  }\r\n</div>\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { tabs: [{ type: i0.Input, args: [{ isSignal: true, alias: "tabs", required: true }] }], activeTabId: [{ type: i0.Input, args: [{ isSignal: true, alias: "activeTabId", required: true }] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: true }] }], tabSelected: [{ type: i0.Output, args: ["tabSelected"] }], tabAction: [{ type: i0.Output, args: ["tabAction"] }] } });
+
+class AdvancedCardContentComponent {
+    viewModel = input.required(...(ngDevMode ? [{ debugName: "viewModel" }] : []));
+    badgeClass = input.required(...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
+    tabSelected = output();
+    tabAction = output();
+    onSelect(id) {
+        this.tabSelected.emit(id);
+    }
+    onAction(a) {
+        this.tabAction.emit(a);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCardContentComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: AdvancedCardContentComponent, isStandalone: true, selector: "ac-advanced-card-content", inputs: { viewModel: { classPropertyName: "viewModel", publicName: "viewModel", isSignal: true, isRequired: true, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { tabSelected: "tabSelected", tabAction: "tabAction" }, ngImport: i0, template: "@let vm = viewModel();\r\n\r\n<ac-card-summary [blocks]=\"vm.summaryBlocks\" />\r\n\r\n@if (vm.tabs.length) {\r\n  <div class=\"tabs\">\r\n    <ac-card-tabs-bar\r\n      [tabs]=\"vm.tabs\"\r\n      [activeTabId]=\"vm.activeTabId\"\r\n      [badgeClass]=\"badgeClass()\"\r\n      (tabSelected)=\"onSelect($event)\"\r\n      (tabAction)=\"onAction($event)\"\r\n    />\r\n\r\n    <ac-card-tab-content\r\n      [activeTab]=\"vm.activeTab\"\r\n      [cardId]=\"vm.cardId\"\r\n      [templateRef]=\"vm.templateRef\"\r\n    />\r\n  </div>\r\n} @else {\r\n  <div class=\"acx__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"], dependencies: [{ kind: "component", type: CardSummaryComponent, selector: "ac-card-summary", inputs: ["blocks"] }, { kind: "component", type: CardTabsBarComponent, selector: "ac-card-tabs-bar", inputs: ["tabs", "activeTabId", "badgeClass"], outputs: ["tabSelected", "tabAction"] }, { kind: "component", type: CardTabContentComponent, selector: "ac-card-tab-content", inputs: ["activeTab", "cardId", "templateRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCardContentComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-advanced-card-content', imports: [CardSummaryComponent, CardTabsBarComponent, CardTabContentComponent], template: "@let vm = viewModel();\r\n\r\n<ac-card-summary [blocks]=\"vm.summaryBlocks\" />\r\n\r\n@if (vm.tabs.length) {\r\n  <div class=\"tabs\">\r\n    <ac-card-tabs-bar\r\n      [tabs]=\"vm.tabs\"\r\n      [activeTabId]=\"vm.activeTabId\"\r\n      [badgeClass]=\"badgeClass()\"\r\n      (tabSelected)=\"onSelect($event)\"\r\n      (tabAction)=\"onAction($event)\"\r\n    />\r\n\r\n    <ac-card-tab-content\r\n      [activeTab]=\"vm.activeTab\"\r\n      [cardId]=\"vm.cardId\"\r\n      [templateRef]=\"vm.templateRef\"\r\n    />\r\n  </div>\r\n} @else {\r\n  <div class=\"acx__content\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n}\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { viewModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModel", required: true }] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: true }] }], tabSelected: [{ type: i0.Output, args: ["tabSelected"] }], tabAction: [{ type: i0.Output, args: ["tabAction"] }] } });
+
+class AdvancedCardOverlayComponent {
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    mode = input.required(...(ngDevMode ? [{ debugName: "mode" }] : []));
+    closeOnBackdrop = input(true, ...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : []));
+    badgeClass = input.required(...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
+    viewModel = input.required(...(ngDevMode ? [{ debugName: "viewModel" }] : []));
+    actionClick = output();
+    close = output();
+    tabSelected = output();
+    tabAction = output();
+    onBackdrop() {
+        if (this.closeOnBackdrop())
+            this.close.emit();
+    }
+    onAction(a) {
+        this.actionClick.emit(a);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCardOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: AdvancedCardOverlayComponent, isStandalone: true, selector: "ac-advanced-card-overlay", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: true, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: true, transformFunction: null }, viewModel: { classPropertyName: "viewModel", publicName: "viewModel", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionClick: "actionClick", close: "close", tabSelected: "tabSelected", tabAction: "tabAction" }, ngImport: i0, template: "@let isModal = mode() === 'modal';\r\n\r\n<div class=\"overlay\" [class.modal-center]=\"isModal\" (click)=\"onBackdrop()\">\r\n  <section\r\n    class=\"panel\"\r\n    [class.panel--drawer]=\"!isModal\"\r\n    [class.panel--modal]=\"isModal\"\r\n    (click)=\"$event.stopPropagation()\"\r\n  >\r\n    <ac-card-header\r\n      variant=\"panel\"\r\n      [title]=\"config().title\"\r\n      [badge]=\"config().badge\"\r\n      [actions]=\"config().actions\"\r\n      [badgeClass]=\"badgeClass()\"\r\n      (actionClick)=\"onAction($event)\"\r\n      (close)=\"close.emit()\"\r\n    />\r\n\r\n    <div class=\"panel__body min-croll\">\r\n      <ac-advanced-card-content\r\n        [viewModel]=\"viewModel()\"\r\n        [badgeClass]=\"badgeClass()\"\r\n        (tabSelected)=\"tabSelected.emit($event)\"\r\n        (tabAction)=\"tabAction.emit($event)\"\r\n      >\r\n        <ng-content></ng-content>\r\n      </ac-advanced-card-content>\r\n    </div>\r\n  </section>\r\n</div>\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"], dependencies: [{ kind: "component", type: CardHeaderComponent, selector: "ac-card-header", inputs: ["variant", "title", "badge", "actions", "sticky", "badgeClass"], outputs: ["actionClick", "close"] }, { kind: "component", type: AdvancedCardContentComponent, selector: "ac-advanced-card-content", inputs: ["viewModel", "badgeClass"], outputs: ["tabSelected", "tabAction"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCardOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-advanced-card-overlay', imports: [CardHeaderComponent, AdvancedCardContentComponent], template: "@let isModal = mode() === 'modal';\r\n\r\n<div class=\"overlay\" [class.modal-center]=\"isModal\" (click)=\"onBackdrop()\">\r\n  <section\r\n    class=\"panel\"\r\n    [class.panel--drawer]=\"!isModal\"\r\n    [class.panel--modal]=\"isModal\"\r\n    (click)=\"$event.stopPropagation()\"\r\n  >\r\n    <ac-card-header\r\n      variant=\"panel\"\r\n      [title]=\"config().title\"\r\n      [badge]=\"config().badge\"\r\n      [actions]=\"config().actions\"\r\n      [badgeClass]=\"badgeClass()\"\r\n      (actionClick)=\"onAction($event)\"\r\n      (close)=\"close.emit()\"\r\n    />\r\n\r\n    <div class=\"panel__body min-croll\">\r\n      <ac-advanced-card-content\r\n        [viewModel]=\"viewModel()\"\r\n        [badgeClass]=\"badgeClass()\"\r\n        (tabSelected)=\"tabSelected.emit($event)\"\r\n        (tabAction)=\"tabAction.emit($event)\"\r\n      >\r\n        <ng-content></ng-content>\r\n      </ac-advanced-card-content>\r\n    </div>\r\n  </section>\r\n</div>\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: true }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: true }] }], viewModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModel", required: true }] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], close: [{ type: i0.Output, args: ["close"] }], tabSelected: [{ type: i0.Output, args: ["tabSelected"] }], tabAction: [{ type: i0.Output, args: ["tabAction"] }] } });
+
+class AdvancedCardInlineComponent {
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    stickyHeader = input(false, ...(ngDevMode ? [{ debugName: "stickyHeader" }] : []));
+    fullWidth = input(false, ...(ngDevMode ? [{ debugName: "fullWidth" }] : []));
+    badgeClass = input.required(...(ngDevMode ? [{ debugName: "badgeClass" }] : []));
+    viewModel = input.required(...(ngDevMode ? [{ debugName: "viewModel" }] : []));
+    actionClick = output();
+    close = output();
+    onAction(a) {
+        this.actionClick.emit(a);
+    }
+    tabSelected = output();
+    tabAction = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCardInlineComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.1.4", type: AdvancedCardInlineComponent, isStandalone: true, selector: "ac-advanced-card-inline", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, badgeClass: { classPropertyName: "badgeClass", publicName: "badgeClass", isSignal: true, isRequired: true, transformFunction: null }, viewModel: { classPropertyName: "viewModel", publicName: "viewModel", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { actionClick: "actionClick", close: "close", tabSelected: "tabSelected", tabAction: "tabAction" }, ngImport: i0, template: "<section class=\"ac ac--expanded\" [class.ac--full]=\"fullWidth()\">\r\n  <ac-card-header\r\n    variant=\"inline\"\r\n    [title]=\"config().title\"\r\n    [badge]=\"config().badge\"\r\n    [actions]=\"config().actions\"\r\n    [sticky]=\"stickyHeader()\"\r\n    [badgeClass]=\"badgeClass()\"\r\n    (actionClick)=\"onAction($event)\"\r\n    (close)=\"close.emit()\"\r\n  />\r\n\r\n  <div class=\"acx__body\">\r\n    <ac-advanced-card-content\r\n      [viewModel]=\"viewModel()\"\r\n      [badgeClass]=\"badgeClass()\"\r\n      (tabSelected)=\"tabSelected.emit($event)\"\r\n      (tabAction)=\"tabAction.emit($event)\"\r\n    >\r\n      <ng-content></ng-content>\r\n    </ac-advanced-card-content>\r\n  </div>\r\n</section>\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"], dependencies: [{ kind: "component", type: AdvancedCardContentComponent, selector: "ac-advanced-card-content", inputs: ["viewModel", "badgeClass"], outputs: ["tabSelected", "tabAction"] }, { kind: "component", type: CardHeaderComponent, selector: "ac-card-header", inputs: ["variant", "title", "badge", "actions", "sticky", "badgeClass"], outputs: ["actionClick", "close"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCardInlineComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ac-advanced-card-inline', imports: [AdvancedCardContentComponent, CardHeaderComponent], template: "<section class=\"ac ac--expanded\" [class.ac--full]=\"fullWidth()\">\r\n  <ac-card-header\r\n    variant=\"inline\"\r\n    [title]=\"config().title\"\r\n    [badge]=\"config().badge\"\r\n    [actions]=\"config().actions\"\r\n    [sticky]=\"stickyHeader()\"\r\n    [badgeClass]=\"badgeClass()\"\r\n    (actionClick)=\"onAction($event)\"\r\n    (close)=\"close.emit()\"\r\n  />\r\n\r\n  <div class=\"acx__body\">\r\n    <ac-advanced-card-content\r\n      [viewModel]=\"viewModel()\"\r\n      [badgeClass]=\"badgeClass()\"\r\n      (tabSelected)=\"tabSelected.emit($event)\"\r\n      (tabAction)=\"tabAction.emit($event)\"\r\n    >\r\n      <ng-content></ng-content>\r\n    </ac-advanced-card-content>\r\n  </div>\r\n</section>\r\n", styles: [":host{display:block}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], badgeClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "badgeClass", required: true }] }], viewModel: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewModel", required: true }] }], actionClick: [{ type: i0.Output, args: ["actionClick"] }], close: [{ type: i0.Output, args: ["close"] }], tabSelected: [{ type: i0.Output, args: ["tabSelected"] }], tabAction: [{ type: i0.Output, args: ["tabAction"] }] } });
+
+class AdvancedCard {
+    config = input.required(...(ngDevMode ? [{ debugName: "config" }] : []));
+    fullWidthOnExpand = input(true, ...(ngDevMode ? [{ debugName: "fullWidthOnExpand" }] : []));
+    stickyHeader = input(true, ...(ngDevMode ? [{ debugName: "stickyHeader" }] : []));
+    closeOnEsc = input(true, ...(ngDevMode ? [{ debugName: "closeOnEsc" }] : []));
+    // ===== Outputs
+    expandedChange = output();
+    action = output();
+    tabChanged = output();
+    tabAction = output();
+    // ===== Projected templates (via directive)
+    projectedTemplates = contentChildren(AdvancedCardTemplateDirective, { ...(ngDevMode ? { debugName: "projectedTemplates" } : {}), descendants: true });
+    // ===== State
+    expanded = signal(false, ...(ngDevMode ? [{ debugName: "expanded" }] : []));
+    activeTabId = signal(null, ...(ngDevMode ? [{ debugName: "activeTabId" }] : []));
+    // ===== Computeds
+    cardId = computed(() => this.config().id, ...(ngDevMode ? [{ debugName: "cardId" }] : []));
+    expandMode = computed(() => this.config().expandMode ?? 'inline', ...(ngDevMode ? [{ debugName: "expandMode" }] : []));
+    closeOnBackdrop = computed(() => this.config().closeOnBackdrop ?? true, ...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : []));
+    isInline = computed(() => this.expandMode() === 'inline', ...(ngDevMode ? [{ debugName: "isInline" }] : []));
+    isDrawer = computed(() => this.expandMode() === 'drawer', ...(ngDevMode ? [{ debugName: "isDrawer" }] : []));
+    isModal = computed(() => this.expandMode() === 'modal', ...(ngDevMode ? [{ debugName: "isModal" }] : []));
+    hasHighlights = computed(() => (this.config().highlights?.length ?? 0) > 0, ...(ngDevMode ? [{ debugName: "hasHighlights" }] : []));
+    hasSummaryBlocks = computed(() => (this.config().summaryBlocks?.length ?? 0) > 0, ...(ngDevMode ? [{ debugName: "hasSummaryBlocks" }] : []));
+    tabs = computed(() => this.config().tabs ?? [], ...(ngDevMode ? [{ debugName: "tabs" }] : []));
+    activeTab = computed(() => {
+        const id = this.activeTabId();
+        if (!id)
+            return null;
+        return this.tabs().find((t) => t.id === id) ?? null;
+    }, ...(ngDevMode ? [{ debugName: "activeTab" }] : []));
+    templateMap = computed(() => {
+        const map = new Map();
+        for (const dir of this.projectedTemplates()) {
+            map.set(dir.templateId(), dir);
+        }
+        return map;
+    }, ...(ngDevMode ? [{ debugName: "templateMap" }] : []));
+    density = computed(() => this.config().density ?? 'comfortable', ...(ngDevMode ? [{ debugName: "density" }] : []));
+    size = computed(() => this.config().size ?? 'md', ...(ngDevMode ? [{ debugName: "size" }] : []));
+    hostClass = computed(() => {
+        return `ac-host ac-density--${this.density()} ac-size--${this.size()}`;
+    }, ...(ngDevMode ? [{ debugName: "hostClass" }] : []));
+    activeTemplateRef = computed(() => {
+        const template = this.getActiveTemplate();
+        // tip: puede ser TemplateRef<any>; lo normalizamos
+        return (template?.templateRef ?? null);
+    }, ...(ngDevMode ? [{ debugName: "activeTemplateRef" }] : []));
+    contentVm = computed(() => ({
+        cardId: this.cardId(),
+        summaryBlocks: this.config().summaryBlocks,
+        tabs: this.tabs(),
+        activeTabId: this.activeTabId(),
+        activeTab: this.activeTab(),
+        templateRef: this.activeTemplateRef(),
+    }), ...(ngDevMode ? [{ debugName: "contentVm" }] : []));
+    // Effects
+    notifyExpandenChangesEffect = effect(() => {
+        this.expandedChange.emit(this.expanded());
+    }, ...(ngDevMode ? [{ debugName: "notifyExpandenChangesEffect" }] : []));
+    initiActiveTabEffect = effect(() => {
+        const tabs = this.tabs();
+        if (!tabs.length) {
+            this.activeTabId.set(null);
+            return;
+        }
+        const preferred = this.config().defaultTabId;
+        const current = this.activeTabId();
+        const stillExists = current && tabs.some((t) => t.id === current);
+        if (!stillExists) {
+            const next = preferred && tabs.some((t) => t.id === preferred) ? preferred : (tabs[0]?.id ?? null);
+            this.activeTabId.set(next);
+        }
+    }, ...(ngDevMode ? [{ debugName: "initiActiveTabEffect" }] : []));
+    // ===== Actions
+    toggleExpand() {
+        this.expanded.update((v) => !v);
+    }
+    expand() {
+        if (!this.expanded())
+            this.expanded.set(true);
+    }
+    collapse() {
+        if (this.expanded())
+            this.expanded.set(false);
+    }
+    onActionClick(a) {
+        if (a.disabled)
+            return;
+        this.action.emit({ actionId: a.id, cardId: this.cardId() });
+    }
+    // ===== Tabs
+    selectTab(tabId) {
+        if (this.activeTabId() === tabId)
+            return;
+        this.activeTabId.set(tabId);
+        this.tabChanged.emit({ tabId, cardId: this.cardId() });
+    }
+    onTabActionClick(tab, a) {
+        if (a.disabled)
+            return;
+        this.tabAction.emit({ tabId: tab.id, actionId: a.id, cardId: this.cardId() });
+    }
+    getActiveTemplate() {
+        const at = this.activeTab();
+        if (!at || at.kind !== 'template' || !at.templateId)
+            return null;
+        return this.templateMap().get(at.templateId) ?? null;
+    }
+    // ===== Styling helpers
+    badgeClass(tone) {
+        switch (tone) {
+            case 'success':
+                return 'badge badge--success';
+            case 'warning':
+                return 'badge badge--warning';
+            case 'danger':
+                return 'badge badge--danger';
+            case 'primary':
+                return 'badge badge--primary';
+            default:
+                return 'badge badge--neutral';
+        }
+    }
+    // ===== Keyboard
+    onKeydown(ev) {
+        if (!this.closeOnEsc())
+            return;
+        if (ev.key === 'Escape')
+            this.collapse();
+    }
+    onBackdropClick() {
+        if (!this.closeOnBackdrop())
+            return;
+        this.collapse();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.4", type: AdvancedCard, isStandalone: true, selector: "advanced-card", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: true, transformFunction: null }, fullWidthOnExpand: { classPropertyName: "fullWidthOnExpand", publicName: "fullWidthOnExpand", isSignal: true, isRequired: false, transformFunction: null }, stickyHeader: { classPropertyName: "stickyHeader", publicName: "stickyHeader", isSignal: true, isRequired: false, transformFunction: null }, closeOnEsc: { classPropertyName: "closeOnEsc", publicName: "closeOnEsc", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { expandedChange: "expandedChange", action: "action", tabChanged: "tabChanged", tabAction: "tabAction" }, host: { listeners: { "document:keydown": "onKeydown($event)" }, properties: { "class": "hostClass()" } }, queries: [{ propertyName: "projectedTemplates", predicate: AdvancedCardTemplateDirective, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"ac__card\">\r\n  <lib-card-compact\r\n    [configuration]=\"config()\"\r\n    [expanded]=\"expanded()\"\r\n    [badgeClass]=\"badgeClass.bind(this)\"\r\n    (expand)=\"expand()\"\r\n  />\r\n\r\n  @let mode = expandMode();\r\n\r\n  @if (expanded()) {\r\n    @if (mode === 'inline') {\r\n      <ac-advanced-card-inline\r\n        [config]=\"config()\"\r\n        [stickyHeader]=\"stickyHeader()\"\r\n        [fullWidth]=\"fullWidthOnExpand()\"\r\n        [badgeClass]=\"badgeClass.bind(this)\"\r\n        [viewModel]=\"contentVm()\"\r\n        (actionClick)=\"onActionClick($event)\"\r\n        (close)=\"collapse()\"\r\n        (tabSelected)=\"selectTab($event)\"\r\n        (tabAction)=\"onTabActionClick(activeTab()!, $event)\"\r\n      >\r\n        <ng-content></ng-content>\r\n      </ac-advanced-card-inline>\r\n    } @else {\r\n      <ac-advanced-card-overlay\r\n        [config]=\"config()\"\r\n        [mode]=\"mode === 'modal' ? 'modal' : 'drawer'\"\r\n        [closeOnBackdrop]=\"closeOnBackdrop()\"\r\n        [badgeClass]=\"badgeClass.bind(this)\"\r\n        [viewModel]=\"contentVm()\"\r\n        (actionClick)=\"onActionClick($event)\"\r\n        (close)=\"collapse()\"\r\n        (tabSelected)=\"selectTab($event)\"\r\n        (tabAction)=\"onTabActionClick(activeTab()!, $event)\"\r\n      >\r\n        <ng-content></ng-content>\r\n      </ac-advanced-card-overlay>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"ac__projected-templates\" aria-hidden=\"true\">\r\n  <ng-content select=\"ng-template[advancedCardTemplate]\"></ng-content>\r\n</div>\r\n", styles: [":host.ac-host{--ac-surface: #ffffff;--ac-surface-2: #fafafa;--ac-border: #e5e7eb;--ac-border-soft: #eef2f7;--ac-shadow: 0 8px 22px rgba(17, 24, 39, .06);--ac-text: #111827;--ac-muted: #6b7280;--ac-radius: 14px;--ac-radius-sm: 10px;--ac-gap: 16px;--ac-title-size: 18px;--ac-subtitle-size: 13px;--ac-pad-card: 16px;--ac-pad-header: 14px 18px;--ac-pad-body: 18px;--ac-btn-radius: 10px;--ac-btn-pad: 8px 12px;--ac-btn-font: 700;--ac-primary: #1d4ed8;--ac-danger: #dc2626;--ac-badge-success-bg: #e6f9f1;--ac-badge-success-fg: #0f766e;--ac-badge-warning-bg: #fff7ed;--ac-badge-warning-fg: #b45309;--ac-badge-danger-bg: #fef2f2;--ac-badge-danger-fg: #b91c1c;--ac-badge-primary-bg: #eff6ff;--ac-badge-primary-fg: #1d4ed8;--ac-badge-neutral-bg: #f3f4f6;--ac-badge-neutral-fg: #374151;--ac-overlay: rgba(17, 24, 39, .45);--ac-overlay-blur: 2px;--ac-modal-max: 1200px;--ac-drawer-height: min(85vh, 900px);--ac-modal-height: min(80vh, 880px)}:host.ac-density--compact{--ac-gap: 12px;--ac-pad-card: 12px;--ac-pad-header: 12px 14px;--ac-pad-body: 14px;--ac-subtitle-size: 12px;--ac-btn-pad: 7px 10px}:host.ac-size--sm{--ac-title-size: 16px;--ac-radius: 12px;--ac-modal-max: 1000px}:host.ac-size--lg{--ac-title-size: 20px;--ac-radius: 16px;--ac-modal-max: 1400px}.ac__card{padding:10px;gap:10px}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"], dependencies: [{ kind: "component", type: CardCompactComponent, selector: "lib-card-compact", inputs: ["configuration", "expanded", "badgeClass"], outputs: ["expand"] }, { kind: "component", type: AdvancedCardOverlayComponent, selector: "ac-advanced-card-overlay", inputs: ["config", "mode", "closeOnBackdrop", "badgeClass", "viewModel"], outputs: ["actionClick", "close", "tabSelected", "tabAction"] }, { kind: "component", type: AdvancedCardInlineComponent, selector: "ac-advanced-card-inline", inputs: ["config", "stickyHeader", "fullWidth", "badgeClass", "viewModel"], outputs: ["actionClick", "close", "tabSelected", "tabAction"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: AdvancedCard, decorators: [{
+            type: Component,
+            args: [{ selector: 'advanced-card', imports: [CardCompactComponent, AdvancedCardOverlayComponent, AdvancedCardInlineComponent], host: {
+                        '[class]': 'hostClass()',
+                    }, template: "<div class=\"ac__card\">\r\n  <lib-card-compact\r\n    [configuration]=\"config()\"\r\n    [expanded]=\"expanded()\"\r\n    [badgeClass]=\"badgeClass.bind(this)\"\r\n    (expand)=\"expand()\"\r\n  />\r\n\r\n  @let mode = expandMode();\r\n\r\n  @if (expanded()) {\r\n    @if (mode === 'inline') {\r\n      <ac-advanced-card-inline\r\n        [config]=\"config()\"\r\n        [stickyHeader]=\"stickyHeader()\"\r\n        [fullWidth]=\"fullWidthOnExpand()\"\r\n        [badgeClass]=\"badgeClass.bind(this)\"\r\n        [viewModel]=\"contentVm()\"\r\n        (actionClick)=\"onActionClick($event)\"\r\n        (close)=\"collapse()\"\r\n        (tabSelected)=\"selectTab($event)\"\r\n        (tabAction)=\"onTabActionClick(activeTab()!, $event)\"\r\n      >\r\n        <ng-content></ng-content>\r\n      </ac-advanced-card-inline>\r\n    } @else {\r\n      <ac-advanced-card-overlay\r\n        [config]=\"config()\"\r\n        [mode]=\"mode === 'modal' ? 'modal' : 'drawer'\"\r\n        [closeOnBackdrop]=\"closeOnBackdrop()\"\r\n        [badgeClass]=\"badgeClass.bind(this)\"\r\n        [viewModel]=\"contentVm()\"\r\n        (actionClick)=\"onActionClick($event)\"\r\n        (close)=\"collapse()\"\r\n        (tabSelected)=\"selectTab($event)\"\r\n        (tabAction)=\"onTabActionClick(activeTab()!, $event)\"\r\n      >\r\n        <ng-content></ng-content>\r\n      </ac-advanced-card-overlay>\r\n    }\r\n  }\r\n</div>\r\n\r\n<div class=\"ac__projected-templates\" aria-hidden=\"true\">\r\n  <ng-content select=\"ng-template[advancedCardTemplate]\"></ng-content>\r\n</div>\r\n", styles: [":host.ac-host{--ac-surface: #ffffff;--ac-surface-2: #fafafa;--ac-border: #e5e7eb;--ac-border-soft: #eef2f7;--ac-shadow: 0 8px 22px rgba(17, 24, 39, .06);--ac-text: #111827;--ac-muted: #6b7280;--ac-radius: 14px;--ac-radius-sm: 10px;--ac-gap: 16px;--ac-title-size: 18px;--ac-subtitle-size: 13px;--ac-pad-card: 16px;--ac-pad-header: 14px 18px;--ac-pad-body: 18px;--ac-btn-radius: 10px;--ac-btn-pad: 8px 12px;--ac-btn-font: 700;--ac-primary: #1d4ed8;--ac-danger: #dc2626;--ac-badge-success-bg: #e6f9f1;--ac-badge-success-fg: #0f766e;--ac-badge-warning-bg: #fff7ed;--ac-badge-warning-fg: #b45309;--ac-badge-danger-bg: #fef2f2;--ac-badge-danger-fg: #b91c1c;--ac-badge-primary-bg: #eff6ff;--ac-badge-primary-fg: #1d4ed8;--ac-badge-neutral-bg: #f3f4f6;--ac-badge-neutral-fg: #374151;--ac-overlay: rgba(17, 24, 39, .45);--ac-overlay-blur: 2px;--ac-modal-max: 1200px;--ac-drawer-height: min(85vh, 900px);--ac-modal-height: min(80vh, 880px)}:host.ac-density--compact{--ac-gap: 12px;--ac-pad-card: 12px;--ac-pad-header: 12px 14px;--ac-pad-body: 14px;--ac-subtitle-size: 12px;--ac-btn-pad: 7px 10px}:host.ac-size--sm{--ac-title-size: 16px;--ac-radius: 12px;--ac-modal-max: 1000px}:host.ac-size--lg{--ac-title-size: 20px;--ac-radius: 16px;--ac-modal-max: 1400px}.ac__card{padding:10px;gap:10px}\n", ":host{display:block}.ac{border:1px solid var(--ac-border);border-radius:var(--ac-radius-sm);background:var(--ac-surface);box-shadow:var(--ac-shadow)}.ac--hidden{display:none}.ac--compact{padding:var(--ac-pad-card);cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;border-right:1px solid var(--ac-primary)}.ac--compact:hover{transform:translateY(-1px);box-shadow:0 12px 28px #1118271f;border-right:2px solid var(--ac-primary)}.ac__header{display:flex;justify-content:space-between;gap:12px;padding-bottom:10px;border-bottom:1px solid #eaeaea}.ac__title{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.ac__subtitle{margin:4px 0 0;font-size:var(--ac-subtitle-size);color:var(--ac-muted)}.ac__highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ac__hl{border-right:1px solid #eaeaea;padding:0 10px;box-sizing:border-box}.ac__hl:nth-child(3n){border-right:none}.ac__hl-value{font-weight:900;font-size:calc(var(--ac-title-size) - 0px);color:var(--ac-text)}.ac__hl-label{font-size:12px;color:var(--ac-muted)}.ac__hl-hint{color:#9ca3af}.ac__footer{margin-top:14px;display:flex;justify-content:flex-end}.ac--expanded{margin-top:16px}.ac--full{width:100%}.acx__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface)}.acx__header--sticky{position:sticky;top:0;z-index:10}.acx__title{display:flex;align-items:center;gap:10px}.acx__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.acx__actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.acx__body{padding:var(--ac-pad-body);display:grid;gap:var(--ac-gap)}.acx__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding-bottom:15px}.block{border:1px solid var(--ac-border-soft);border-radius:5px;padding:12px;background:var(--ac-surface-2);overflow:auto;scrollbar-width:thin;max-height:250px}.block__title{font-weight:800;color:var(--ac-text);margin-bottom:8px;font-size:13px}.block__row{display:flex;justify-content:space-between;gap:10px;padding:4px 0}.block__label{color:var(--ac-muted);font-size:12px}.block__value{color:var(--ac-text);font-size:12px;font-weight:800}.tabs{border:1px solid var(--ac-border-soft);border-radius:5px;overflow:hidden;background:var(--ac-surface)}.tabs__bar{display:flex;align-items:center;gap:6px;padding:8px;background:var(--ac-surface-2);border-bottom:1px solid var(--ac-border-soft)}.tab{padding:10px 14px;border-radius:5px;border:1px solid transparent;background:transparent;font-weight:800;cursor:pointer;color:var(--ac-badge-neutral-fg);display:inline-flex;align-items:center;gap:8px;height:100%}.tab:hover{background:#f3f4f6}.tab--active{background:var(--ac-surface);border-color:var(--ac-border);color:var(--ac-text);box-shadow:0 6px 18px #11182714}.tabs__spacer{flex:1}.tabs__actions{display:flex;gap:8px;flex-wrap:wrap}.tabs__content{padding:16px}.tab-text{color:var(--ac-text);line-height:1.5}.empty{border:1px dashed #d1d5db;border-radius:var(--ac-radius);padding:16px;color:var(--ac-muted);text-align:center;background:#fcfcfc}.btn{border-radius:var(--ac-btn-radius);padding:var(--ac-btn-pad);font-weight:var(--ac-btn-font);cursor:pointer;border:1px solid var(--ac-border);background:var(--ac-surface);color:var(--ac-text)}.btn:hover{transform:translateY(-1px);filter:brightness(1.1)}.btn--primary{background:var(--ac-primary);color:#fff;border-color:var(--ac-primary)}.btn--secondary{background:var(--ac-surface);border-color:#d1d5db}.btn--danger{background:var(--ac-danger);color:#fff;border-color:var(--ac-danger)}.btn--sm{padding:6px 10px;font-size:13px}.icon-btn{width:36px;height:36px;border-radius:var(--ac-btn-radius);border:1px solid var(--ac-border);background:var(--ac-surface);cursor:pointer;font-weight:900;padding:6px 4px;color:#000}.icon-btn>svg{fill:currentColor}.icon-btn:hover{transform:translateY(-1px)}.badge{font-size:12px;padding:4px 10px;border-radius:5px;font-weight:800;margin:auto 0}.badge--success{background:var(--ac-badge-success-bg);color:var(--ac-badge-success-fg)}.badge--warning{background:var(--ac-badge-warning-bg);color:var(--ac-badge-warning-fg)}.badge--danger{background:var(--ac-badge-danger-bg);color:var(--ac-badge-danger-fg)}.badge--primary{background:var(--ac-badge-primary-bg);color:var(--ac-badge-primary-fg)}.badge--neutral{background:var(--ac-badge-neutral-bg);color:var(--ac-badge-neutral-fg)}.overlay{position:fixed;inset:0;background:var(--ac-overlay);-webkit-backdrop-filter:blur(var(--ac-overlay-blur));backdrop-filter:blur(var(--ac-overlay-blur));z-index:999;display:flex;align-items:flex-end;justify-content:center;padding:16px}.panel{width:100%;max-width:var(--ac-modal-max);background:var(--ac-surface);border-radius:var(--ac-radius);border:1px solid var(--ac-border);box-shadow:0 20px 60px #00000040;overflow:hidden}.panel--drawer{border-bottom-left-radius:0;border-bottom-right-radius:0;height:var(--ac-drawer-height)}.panel--modal{height:var(--ac-modal-height)}.overlay.modal-center{align-items:center}.panel__header{display:flex;justify-content:space-between;gap:12px;padding:var(--ac-pad-header);border-bottom:1px solid var(--ac-border-soft);background:var(--ac-surface);position:sticky;top:0;z-index:10}.panel__title{display:flex;align-items:center;gap:10px}.panel__title-text{margin:0;font-size:var(--ac-title-size);font-weight:900;color:var(--ac-text)}.panel__body{padding:var(--ac-pad-body);overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.35) transparent;height:calc(100% - 64px)}.ac__projected-templates{display:none}@media(max-width:1100px){.acx__summary,.ac__highlights{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.ac__highlights{grid-template-columns:1fr}}.panel__body::-webkit-scrollbar{width:8px;height:8px}.panel__body::-webkit-scrollbar-track{background:transparent}.panel__body::-webkit-scrollbar-thumb{background-color:#00000059;border-radius:999px;border:2px solid transparent;background-clip:padding-box}.panel__body::-webkit-scrollbar-thumb:hover{background-color:#00000080}.panel__body::-webkit-scrollbar-corner{background:transparent}\n"] }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: true }] }], fullWidthOnExpand: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidthOnExpand", required: false }] }], stickyHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "stickyHeader", required: false }] }], closeOnEsc: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEsc", required: false }] }], expandedChange: [{ type: i0.Output, args: ["expandedChange"] }], action: [{ type: i0.Output, args: ["action"] }], tabChanged: [{ type: i0.Output, args: ["tabChanged"] }], tabAction: [{ type: i0.Output, args: ["tabAction"] }], projectedTemplates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AdvancedCardTemplateDirective), { ...{
+                            descendants: true,
+                        }, isSignal: true }] }], onKeydown: [{
+                type: HostListener,
+                args: ['document:keydown', ['$event']]
+            }] } });
+
+/*
+ * Public API Surface of b2b-tools
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AdvancedCard, AdvancedCardTemplateDirective, AdvancedTable, SVG_ICONS, TIME_ZONES };
+//# sourceMappingURL=b2b-tools.mjs.map