@caribeng/ui 22.2.0 → 22.5.0

package/fesm2022/caribeng-ui-picklist.mjs

@@ -204,7 +204,7 @@ class CbPickList {
         </ul>
       </section>
     </ng-template>
-  `, isInline: true, styles: [":host{display:block;color:var(--cb-color-text)}.cb-picklist{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--cb-space-3, .75rem);align-items:stretch}.cb-picklist__controls{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-2, .5rem)}.cb-picklist__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, .5rem);background:var(--cb-color-surface-raised);color:var(--cb-color-text);cursor:pointer}.cb-picklist__btn:hover:not(:disabled){border-color:var(--cb-color-primary-500);color:var(--cb-color-primary-600)}.cb-picklist__btn:disabled{opacity:.45;cursor:not-allowed}.cb-picklist__btn:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500));outline-offset:2px}.cb-picklist__panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, .75rem);background:var(--cb-color-surface-raised);overflow:hidden}.cb-picklist__header{padding:.65rem .85rem;font-weight:var(--cb-font-weight-semibold, 600);border-bottom:1px solid var(--cb-color-border)}.cb-picklist__list{flex:1;height:14rem;margin:0;padding:var(--cb-space-1, .25rem);list-style:none;overflow-y:auto}.cb-picklist__item{padding:.6rem .75rem;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;outline:none;font-size:var(--cb-text-sm, .875rem);-webkit-user-select:none;user-select:none}.cb-picklist__item:hover{background:color-mix(in srgb,var(--cb-color-text) 6%,transparent)}.cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-700);background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent);font-weight:var(--cb-font-weight-medium, 500)}.cb-picklist__item:focus-visible{box-shadow:inset 0 0 0 2px var(--cb-color-focus-ring, var(--cb-color-primary-500))}@media(max-width:640px){.cb-picklist{grid-template-columns:minmax(0,1fr)}.cb-picklist__controls{flex-direction:row;justify-content:center}.cb-picklist__controls cb-icon{transform:rotate(90deg)}}:host-context([data-theme=\"dark\"]) .cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-300)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:block;color:var(--cb-color-text)}.cb-picklist{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--cb-space-3, .75rem);align-items:stretch}.cb-picklist__controls{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-2, .5rem)}.cb-picklist__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, .5rem);background:var(--cb-color-surface-raised);color:var(--cb-color-text);cursor:pointer}.cb-picklist__btn:hover:not(:disabled){border-color:var(--cb-color-primary-500);color:var(--cb-color-primary-text)}.cb-picklist__btn:disabled{opacity:.45;cursor:not-allowed}.cb-picklist__btn:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500));outline-offset:2px}.cb-picklist__panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, .75rem);background:var(--cb-color-surface-raised);overflow:hidden}.cb-picklist__header{padding:.65rem .85rem;font-weight:var(--cb-font-weight-semibold, 600);border-bottom:1px solid var(--cb-color-border)}.cb-picklist__list{flex:1;height:14rem;margin:0;padding:var(--cb-space-1, .25rem);list-style:none;overflow-y:auto}.cb-picklist__item{padding:.6rem .75rem;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;outline:none;font-size:var(--cb-text-sm, .875rem);-webkit-user-select:none;user-select:none}.cb-picklist__item:hover{background:color-mix(in srgb,var(--cb-color-text) 6%,transparent)}.cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-700);background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent);font-weight:var(--cb-font-weight-medium, 500)}.cb-picklist__item:focus-visible{box-shadow:inset 0 0 0 2px var(--cb-color-focus-ring, var(--cb-color-primary-500))}@media(max-width:640px){.cb-picklist{grid-template-columns:minmax(0,1fr)}.cb-picklist__controls{flex-direction:row;justify-content:center}.cb-picklist__controls cb-icon{transform:rotate(90deg)}}:host-context([data-theme=\"dark\"]) .cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-300)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPickList, decorators: [{
             type: Component,
@@ -261,7 +261,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         </ul>
       </section>
     </ng-template>
-  `, styles: [":host{display:block;color:var(--cb-color-text)}.cb-picklist{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--cb-space-3, .75rem);align-items:stretch}.cb-picklist__controls{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-2, .5rem)}.cb-picklist__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, .5rem);background:var(--cb-color-surface-raised);color:var(--cb-color-text);cursor:pointer}.cb-picklist__btn:hover:not(:disabled){border-color:var(--cb-color-primary-500);color:var(--cb-color-primary-600)}.cb-picklist__btn:disabled{opacity:.45;cursor:not-allowed}.cb-picklist__btn:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500));outline-offset:2px}.cb-picklist__panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, .75rem);background:var(--cb-color-surface-raised);overflow:hidden}.cb-picklist__header{padding:.65rem .85rem;font-weight:var(--cb-font-weight-semibold, 600);border-bottom:1px solid var(--cb-color-border)}.cb-picklist__list{flex:1;height:14rem;margin:0;padding:var(--cb-space-1, .25rem);list-style:none;overflow-y:auto}.cb-picklist__item{padding:.6rem .75rem;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;outline:none;font-size:var(--cb-text-sm, .875rem);-webkit-user-select:none;user-select:none}.cb-picklist__item:hover{background:color-mix(in srgb,var(--cb-color-text) 6%,transparent)}.cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-700);background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent);font-weight:var(--cb-font-weight-medium, 500)}.cb-picklist__item:focus-visible{box-shadow:inset 0 0 0 2px var(--cb-color-focus-ring, var(--cb-color-primary-500))}@media(max-width:640px){.cb-picklist{grid-template-columns:minmax(0,1fr)}.cb-picklist__controls{flex-direction:row;justify-content:center}.cb-picklist__controls cb-icon{transform:rotate(90deg)}}:host-context([data-theme=\"dark\"]) .cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-300)}\n"] }]
+  `, styles: [":host{display:block;color:var(--cb-color-text)}.cb-picklist{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:var(--cb-space-3, .75rem);align-items:stretch}.cb-picklist__controls{display:flex;flex-direction:column;justify-content:center;gap:var(--cb-space-2, .5rem)}.cb-picklist__btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;padding:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md, .5rem);background:var(--cb-color-surface-raised);color:var(--cb-color-text);cursor:pointer}.cb-picklist__btn:hover:not(:disabled){border-color:var(--cb-color-primary-500);color:var(--cb-color-primary-text)}.cb-picklist__btn:disabled{opacity:.45;cursor:not-allowed}.cb-picklist__btn:focus-visible{outline:2px solid var(--cb-color-focus-ring, var(--cb-color-primary-500));outline-offset:2px}.cb-picklist__panel{display:flex;flex-direction:column;min-width:0;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-lg, .75rem);background:var(--cb-color-surface-raised);overflow:hidden}.cb-picklist__header{padding:.65rem .85rem;font-weight:var(--cb-font-weight-semibold, 600);border-bottom:1px solid var(--cb-color-border)}.cb-picklist__list{flex:1;height:14rem;margin:0;padding:var(--cb-space-1, .25rem);list-style:none;overflow-y:auto}.cb-picklist__item{padding:.6rem .75rem;border-radius:var(--cb-radius-md, .5rem);cursor:pointer;outline:none;font-size:var(--cb-text-sm, .875rem);-webkit-user-select:none;user-select:none}.cb-picklist__item:hover{background:color-mix(in srgb,var(--cb-color-text) 6%,transparent)}.cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-700);background:color-mix(in srgb,var(--cb-color-primary-500) 14%,transparent);font-weight:var(--cb-font-weight-medium, 500)}.cb-picklist__item:focus-visible{box-shadow:inset 0 0 0 2px var(--cb-color-focus-ring, var(--cb-color-primary-500))}@media(max-width:640px){.cb-picklist{grid-template-columns:minmax(0,1fr)}.cb-picklist__controls{flex-direction:row;justify-content:center}.cb-picklist__controls cb-icon{transform:rotate(90deg)}}:host-context([data-theme=\"dark\"]) .cb-picklist__item[aria-selected=true]{color:var(--cb-color-primary-300)}\n"] }]
         }], propDecorators: { source: [{ type: i0.Input, args: [{ isSignal: true, alias: "source", required: false }] }, { type: i0.Output, args: ["sourceChange"] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }, { type: i0.Output, args: ["targetChange"] }], sourceHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "sourceHeader", required: false }] }], targetHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetHeader", required: false }] }], moved: [{ type: i0.Output, args: ["moved"] }], itemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => CbPickListItemTemplate), { isSignal: true }] }] } });
 
 /**

package/fesm2022/caribeng-ui-pivot.mjs

@@ -0,0 +1,419 @@
+import * as i0 from '@angular/core';
+import { inject, input, model, booleanAttribute, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { cbSummarize, injectCbTranslation, cbFormat, CB_CONFIG, cbFormatAmount } from '@caribeng/ui';
+import { CbButton } from '@caribeng/ui/button';
+import { CbIcon } from '@caribeng/ui/icon';
+import { CbMultiSelect } from '@caribeng/ui/multiselect';
+import { CbSelect } from '@caribeng/ui/select';
+import { currencySymbol, cbDownloadXlsx } from '@caribeng/ui/xlsx';
+
+const SEP = '\u0001';
+function keyOf(record, fields) {
+    return fields.map((f) => String(record[f] ?? '')).join(SEP);
+}
+function splitKey(key) {
+    return key === '' ? [] : key.split(SEP);
+}
+function compare(a, b) {
+    return a.localeCompare(b, undefined, { numeric: true, sensitivity: 'base' });
+}
+/** Valores distintos (combinados) de las dimensiones de columna, ordenados. */
+function columnKeys(data, fields) {
+    if (!fields.length)
+        return [''];
+    return [...new Set(data.map((r) => keyOf(r, fields)))].sort((a, b) => {
+        const pa = splitKey(a);
+        const pb = splitKey(b);
+        for (let i = 0; i < pa.length; i++) {
+            const c = compare(pa[i], pb[i]);
+            if (c)
+                return c;
+        }
+        return 0;
+    });
+}
+/** Árbol de filas agrupando por cada dimensión de `fields`, en orden. */
+function rowTree(data, fields, labelOf, level = 0, path = []) {
+    if (level >= fields.length)
+        return [];
+    const field = fields[level];
+    const groups = new Map();
+    for (const r of data) {
+        const k = String(r[field] ?? '');
+        if (!groups.has(k))
+            groups.set(k, []);
+        groups.get(k).push(r);
+    }
+    return [...groups.keys()].sort(compare).map((k) => {
+        const records = groups.get(k);
+        const p = [...path, k];
+        return { key: p.join(SEP), path: p, level, label: labelOf(field, k), records, children: rowTree(records, fields, labelOf, level + 1, p) };
+    });
+}
+/** Valor agregado de una medida sobre unos registros. */
+function aggregate(records, value) {
+    return cbSummarize(records.map((r) => r[value.field]), value.aggregate ?? 'sum');
+}
+
+let nextUid = 0;
+/**
+ * Tabla dinámica de CaribeNG: cruza los registros por dimensiones de filas y
+ * columnas (cuenta, tercero, centro de costo, mes…) y agrega una o varias medidas.
+ *
+ * - Filas anidadas que se contraen, con subtotales; totales por fila, por columna y general.
+ * - Con `configurable`, el usuario elige desde la propia tabla las dimensiones y la medida.
+ * - Importes con la moneda de `provideCaribeNG`, exportación a Excel con niveles.
+ *
+ * @example
+ * ```html
+ * <cb-pivot [data]="movimientos" [fields]="dimensiones" [(rows)]="filas" [(columns)]="columnas" [values]="[{ field: 'valor' }]" configurable />
+ * ```
+ */
+class CbPivot {
+    constructor() {
+        this.t = injectCbTranslation();
+        this.fmt = cbFormat;
+        this.config = inject(CB_CONFIG);
+        this.uid = `cb-pivot-${++nextUid}`;
+        /** Registros a cruzar. */
+        this.data = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+        /** Dimensiones disponibles (clave, etiqueta y formato de sus valores). */
+        this.fields = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fields" }] : /* istanbul ignore next */ []));
+        /** Dimensiones de las filas, de la más general a la más detallada (bidireccional). */
+        this.rows = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+        /** Dimensiones de las columnas (bidireccional). */
+        this.columns = model([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        /** Medidas (campo y agregación); por defecto, suma. */
+        this.values = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "values" }] : /* istanbul ignore next */ []));
+        /** Selectores de filas, columnas y agregación sobre la tabla. */
+        this.configurable = input(false, { ...(ngDevMode ? { debugName: "configurable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Las filas con hijos empiezan contraídas. */
+        this.collapsed = input(false, { ...(ngDevMode ? { debugName: "collapsed" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.currency = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        this.collapsedKeys = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "collapsedKeys" }] : /* istanbul ignore next */ []));
+        this.aggregateOverride = signal(null, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "aggregateOverride" }] : /* istanbul ignore next */ []));
+        this.measures = computed(() => {
+            const override = this.aggregateOverride();
+            const list = this.values().length ? this.values() : [{ field: 'value' }];
+            return list.map((v) => (override ? { ...v, aggregate: override } : v));
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "measures" }] : /* istanbul ignore next */ []));
+        this.aggregateValue = computed(() => this.aggregateOverride() ?? this.values()[0]?.aggregate ?? 'sum', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "aggregateValue" }] : /* istanbul ignore next */ []));
+        this.fieldMap = computed(() => new Map(this.fields().map((f) => [f.key, f])), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "fieldMap" }] : /* istanbul ignore next */ []));
+        this.labelOf = (field, value) => {
+            const f = this.fieldMap().get(field);
+            return f?.format ? f.format(value) : value || this.t().pivotEmpty;
+        };
+        this.colKeys = computed(() => (this.columns().length ? columnKeys(this.data(), this.columns()) : []), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colKeys" }] : /* istanbul ignore next */ []));
+        this.colKeysWithTotal = computed(() => [...this.colKeys(), '\u0000total'], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "colKeysWithTotal" }] : /* istanbul ignore next */ []));
+        this.tree = computed(() => rowTree(this.data(), this.rows(), (f, v) => this.labelOf(f, v)), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tree" }] : /* istanbul ignore next */ []));
+        this.flat = computed(() => {
+            const out = [];
+            const collapsed = this.collapsedSet();
+            const walk = (nodes) => nodes.forEach((node) => {
+                const hasChildren = node.children.length > 0;
+                out.push({ node, hasChildren });
+                if (hasChildren && !collapsed.has(node.key))
+                    walk(node.children);
+            });
+            walk(this.tree());
+            return out;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "flat" }] : /* istanbul ignore next */ []));
+        this.dimensionOptions = computed(() => this.fields().map((f) => ({ label: f.label, value: f.key })), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "dimensionOptions" }] : /* istanbul ignore next */ []));
+        this.columnOptions = computed(() => [{ label: this.t().pivotNone, value: '' }, ...this.dimensionOptions()], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columnOptions" }] : /* istanbul ignore next */ []));
+        this.aggregateOptions = computed(() => {
+            const t = this.t();
+            return [
+                { label: t.pivotSum, value: 'sum' },
+                { label: t.pivotCount, value: 'count' },
+                { label: t.pivotAvg, value: 'avg' },
+                { label: t.pivotMin, value: 'min' },
+                { label: t.pivotMax, value: 'max' },
+            ];
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "aggregateOptions" }] : /* istanbul ignore next */ []));
+    }
+    collapsedSet() {
+        const explicit = this.collapsedKeys();
+        if (explicit)
+            return explicit;
+        if (!this.collapsed())
+            return new Set();
+        const all = new Set();
+        const walk = (nodes) => nodes.forEach((n) => {
+            if (!n.children.length)
+                return;
+            all.add(n.key);
+            walk(n.children);
+        });
+        walk(this.tree());
+        return all;
+    }
+    rowHeader() {
+        return this.rows()
+            .map((r) => this.fieldMap().get(r)?.label ?? r)
+            .join(' › ');
+    }
+    colLabel(key) {
+        const parts = splitKey(key);
+        return parts.map((v, i) => this.labelOf(this.columns()[i], v)).join(' / ');
+    }
+    measureLabel(m) {
+        return m.label ?? this.fieldMap().get(m.field)?.label ?? m.field;
+    }
+    cell(records, colKey, m) {
+        const subset = colKey === '\u0000total' ? records : records.filter((r) => keyOf(r, this.columns()) === colKey);
+        return subset.length ? aggregate(subset, m) : null;
+    }
+    text(value, m) {
+        if (value === null)
+            return '';
+        const locale = this.config.numberLocale ?? this.t().intlLocale;
+        const agg = m.aggregate ?? 'sum';
+        if (agg === 'count' || m.format === 'integer')
+            return cbFormatAmount(value, locale, { decimals: 0 });
+        if (m.format === 'number')
+            return cbFormatAmount(value, locale, { negative: this.config.negativeStyle });
+        return cbFormatAmount(value, locale, { currency: this.currency() ?? this.config.currency ?? null, negative: this.config.negativeStyle });
+    }
+    isCollapsed(key) {
+        return this.collapsedSet().has(key);
+    }
+    toggle(key) {
+        const next = new Set(this.collapsedSet());
+        if (next.has(key))
+            next.delete(key);
+        else
+            next.add(key);
+        this.collapsedKeys.set(next);
+    }
+    setRows(keys) {
+        // Se respeta el orden de las dimensiones en `fields`.
+        const order = this.fields().map((f) => f.key);
+        this.rows.set([...keys].sort((a, b) => order.indexOf(a) - order.indexOf(b)));
+        this.collapsedKeys.set(null);
+    }
+    /** Hoja de Excel con todas las filas (con niveles plegables) y los totales. */
+    toExcelSheet() {
+        const currency = this.currency() ?? this.config.currency;
+        const symbol = currency ? currencySymbol(currency, this.config.numberLocale ?? this.t().intlLocale) : undefined;
+        const keys = this.colKeysWithTotal();
+        const measures = this.measures();
+        const columns = [{ header: this.rowHeader() || this.t().pivotRows }];
+        for (const ck of keys) {
+            for (const m of measures) {
+                const head = ck === '\u0000total' ? this.t().tableTotal : this.colLabel(ck);
+                const agg = m.aggregate ?? 'sum';
+                columns.push({ header: measures.length > 1 ? `${head} · ${this.measureLabel(m)}` : head, type: agg === 'count' || m.format === 'integer' ? 'integer' : m.format === 'number' || !currency ? 'number' : 'currency', symbol });
+            }
+        }
+        const rows = [];
+        const walk = (nodes) => nodes.forEach((n) => {
+            rows.push({ level: n.level, indent: n.level, bold: n.children.length > 0, cells: [n.label, ...keys.flatMap((ck) => measures.map((m) => this.cell(n.records, ck, m)))] });
+            walk(n.children);
+        });
+        walk(this.tree());
+        return { name: this.ariaLabel() || this.t().pivotTitle, columns, rows, totals: [this.t().tableTotal, ...keys.flatMap((ck) => measures.map((m) => this.cell(this.data(), ck, m)))] };
+    }
+    exportExcel(filename) {
+        cbDownloadXlsx(filename ?? (this.ariaLabel() || this.t().pivotTitle), this.toExcelSheet());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPivot, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbPivot, isStandalone: true, selector: "cb-pivot", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: false, transformFunction: null }, columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, values: { classPropertyName: "values", publicName: "values", isSignal: true, isRequired: false, transformFunction: null }, configurable: { classPropertyName: "configurable", publicName: "configurable", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rows: "rowsChange", columns: "columnsChange" }, host: { classAttribute: "cb-pivot" }, ngImport: i0, template: `
+    @if (configurable()) {
+      <div class="cb-pv__config" role="group" [attr.aria-label]="t().pivotConfig">
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-rows'">{{ t().pivotRows }}</span>
+          <cb-multiselect [ariaLabelledBy]="uid + '-rows'" [options]="dimensionOptions()" optionValue="value" [value]="$any(rows())" (valueChange)="setRows($any($event))" />
+        </div>
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-cols'">{{ t().pivotColumns }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-cols'" [options]="columnOptions()" optionValue="value" [value]="columns().length ? columns()[0] : ''" (valueChange)="columns.set($event ? [$any($event)] : [])" />
+        </div>
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-agg'">{{ t().pivotAggregate }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-agg'" [options]="aggregateOptions()" optionValue="value" [value]="aggregateValue()" (valueChange)="aggregateOverride.set($any($event))" />
+        </div>
+        <span class="cb-pv__spacer"></span>
+        <cb-button size="sm" variant="outlined" (click)="exportExcel()">
+          <cb-icon name="download" [size]="15" aria-hidden="true" />
+          {{ t().reportExcel }}
+        </cb-button>
+      </div>
+    }
+
+    <div class="cb-pv__wrap">
+      <table class="cb-pv__table" [attr.aria-label]="ariaLabel() || t().pivotTitle">
+        <thead>
+          <tr>
+            <th scope="col" class="cb-pv__corner" [attr.rowspan]="measures().length > 1 ? 2 : null">{{ rowHeader() }}</th>
+            @for (ck of colKeys(); track ck) {
+              <th scope="colgroup" class="cb-pv__num" [attr.colspan]="measures().length > 1 ? measures().length : null">{{ colLabel(ck) }}</th>
+            }
+            <th scope="colgroup" class="cb-pv__num cb-pv__total-col" [attr.colspan]="measures().length > 1 ? measures().length : null">{{ t().tableTotal }}</th>
+          </tr>
+          @if (measures().length > 1) {
+            <tr>
+              @for (ck of colKeysWithTotal(); track ck) {
+                @for (m of measures(); track $index) {
+                  <th scope="col" class="cb-pv__num cb-pv__measure">{{ measureLabel(m) }}</th>
+                }
+              }
+            </tr>
+          }
+        </thead>
+        <tbody>
+          @for (r of flat(); track r.node.key) {
+            <tr [class.cb-pv__group]="r.hasChildren">
+              <th scope="row" [style.padding-inline-start]="'calc(0.75rem + ' + r.node.level * 1.1 + 'rem)'">
+                @if (r.hasChildren) {
+                  <button type="button" class="cb-pv__toggle" [attr.aria-expanded]="!isCollapsed(r.node.key)" (click)="toggle(r.node.key)">
+                    <cb-icon name="chevron-right" [size]="13" [class.cb-is-open]="!isCollapsed(r.node.key)" aria-hidden="true" />
+                    {{ r.node.label }}
+                  </button>
+                } @else {
+                  {{ r.node.label }}
+                }
+              </th>
+              @for (ck of colKeysWithTotal(); track ck; let last = $last) {
+                @for (m of measures(); track $index) {
+                  <td class="cb-pv__num" [class.cb-pv__total-col]="last" [class.cb-pv__neg]="(cell(r.node.records, ck, m) ?? 0) < 0">{{ text(cell(r.node.records, ck, m), m) }}</td>
+                }
+              }
+            </tr>
+          } @empty {
+            <tr>
+              <td class="cb-pv__empty" [attr.colspan]="1 + colKeysWithTotal().length * measures().length">{{ t().noData }}</td>
+            </tr>
+          }
+        </tbody>
+        @if (data().length) {
+          <tfoot>
+            <tr>
+              <th scope="row">{{ t().tableTotal }}</th>
+              @for (ck of colKeysWithTotal(); track ck; let last = $last) {
+                @for (m of measures(); track $index) {
+                  <td class="cb-pv__num" [class.cb-pv__total-col]="last" [class.cb-pv__neg]="(cell(data(), ck, m) ?? 0) < 0">{{ text(cell(data(), ck, m), m) }}</td>
+                }
+              }
+            </tr>
+          </tfoot>
+        }
+      </table>
+    </div>
+  `, isInline: true, styles: [":host{display:grid;gap:var(--cb-space-3, .75rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-pv__config{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.cb-pv__field{display:grid;gap:.25rem;min-width:11rem}.cb-pv__label{font-weight:var(--cb-font-weight-medium, 500)}.cb-pv__spacer{flex:1}.cb-pv__wrap{overflow:auto;max-height:34rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md)}.cb-pv__table{width:100%;border-collapse:separate;border-spacing:0}.cb-pv__table th,.cb-pv__table td{padding:.5rem .75rem;border-bottom:1px solid var(--cb-color-border);text-align:start;white-space:nowrap}.cb-pv__table thead th{position:sticky;top:0;z-index:2;background:var(--cb-color-surface-subtle);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__table thead tr:nth-child(2) th{top:2.1rem}.cb-pv__table tbody th{position:sticky;left:0;z-index:1;background:var(--cb-color-bg);font-weight:400}.cb-pv__table .cb-pv__num{text-align:end;font-variant-numeric:tabular-nums}.cb-pv__group>th,.cb-pv__group>td{background:var(--cb-color-surface-subtle);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__total-col{border-left:1px solid var(--cb-color-border-strong);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__neg{color:var(--cb-color-danger-text, #dc2626)}.cb-pv__toggle{display:inline-flex;align-items:center;gap:.3rem;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.cb-pv__toggle cb-icon{transition:transform var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-pv__toggle cb-icon.cb-is-open{transform:rotate(90deg)}.cb-pv__toggle:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px;border-radius:2px}.cb-pv__table tfoot th,.cb-pv__table tfoot td{position:sticky;bottom:0;border-top:2px solid var(--cb-color-border-strong);border-bottom:0;background:var(--cb-color-surface-subtle);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__table tfoot th{left:0;z-index:3}.cb-pv__empty{height:5rem;color:var(--cb-color-text-muted);text-align:center!important}@container (max-width: 40rem){.cb-pv__table tbody th,.cb-pv__table tfoot th,.cb-pv__table thead th:first-child{min-width:8rem;max-width:11rem;white-space:normal}.cb-pv__table tbody th{box-shadow:inset -1px 0 0 var(--cb-color-border)}}\n"], dependencies: [{ kind: "component", type: CbButton, selector: "cb-button", inputs: ["severity", "variant", "size", "disabled", "loading", "fullWidth", "type", "ariaLabel", "ariaHaspopup", "ariaExpanded", "ariaControls"] }, { kind: "component", type: CbIcon, selector: "cb-icon", inputs: ["name", "size", "spin", "ariaLabel"] }, { kind: "component", type: CbMultiSelect, selector: "cb-multiselect", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showToggleAll", "maxSelectedLabels", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }, { kind: "component", type: CbSelect, selector: "cb-select", inputs: ["options", "optionLabel", "optionValue", "optionDisabled", "group", "optionGroupLabel", "optionGroupChildren", "placeholder", "size", "filter", "filterPlaceholder", "emptyMessage", "showClear", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "invalid", "disabled", "inputId", "ariaLabel", "ariaLabelledBy", "value"], outputs: ["valueChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbPivot, decorators: [{
+            type: Component,
+            args: [{ selector: 'cb-pivot', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbButton, CbIcon, CbMultiSelect, CbSelect], host: { class: 'cb-pivot' }, template: `
+    @if (configurable()) {
+      <div class="cb-pv__config" role="group" [attr.aria-label]="t().pivotConfig">
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-rows'">{{ t().pivotRows }}</span>
+          <cb-multiselect [ariaLabelledBy]="uid + '-rows'" [options]="dimensionOptions()" optionValue="value" [value]="$any(rows())" (valueChange)="setRows($any($event))" />
+        </div>
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-cols'">{{ t().pivotColumns }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-cols'" [options]="columnOptions()" optionValue="value" [value]="columns().length ? columns()[0] : ''" (valueChange)="columns.set($event ? [$any($event)] : [])" />
+        </div>
+        <div class="cb-pv__field">
+          <span class="cb-pv__label" [id]="uid + '-agg'">{{ t().pivotAggregate }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-agg'" [options]="aggregateOptions()" optionValue="value" [value]="aggregateValue()" (valueChange)="aggregateOverride.set($any($event))" />
+        </div>
+        <span class="cb-pv__spacer"></span>
+        <cb-button size="sm" variant="outlined" (click)="exportExcel()">
+          <cb-icon name="download" [size]="15" aria-hidden="true" />
+          {{ t().reportExcel }}
+        </cb-button>
+      </div>
+    }
+
+    <div class="cb-pv__wrap">
+      <table class="cb-pv__table" [attr.aria-label]="ariaLabel() || t().pivotTitle">
+        <thead>
+          <tr>
+            <th scope="col" class="cb-pv__corner" [attr.rowspan]="measures().length > 1 ? 2 : null">{{ rowHeader() }}</th>
+            @for (ck of colKeys(); track ck) {
+              <th scope="colgroup" class="cb-pv__num" [attr.colspan]="measures().length > 1 ? measures().length : null">{{ colLabel(ck) }}</th>
+            }
+            <th scope="colgroup" class="cb-pv__num cb-pv__total-col" [attr.colspan]="measures().length > 1 ? measures().length : null">{{ t().tableTotal }}</th>
+          </tr>
+          @if (measures().length > 1) {
+            <tr>
+              @for (ck of colKeysWithTotal(); track ck) {
+                @for (m of measures(); track $index) {
+                  <th scope="col" class="cb-pv__num cb-pv__measure">{{ measureLabel(m) }}</th>
+                }
+              }
+            </tr>
+          }
+        </thead>
+        <tbody>
+          @for (r of flat(); track r.node.key) {
+            <tr [class.cb-pv__group]="r.hasChildren">
+              <th scope="row" [style.padding-inline-start]="'calc(0.75rem + ' + r.node.level * 1.1 + 'rem)'">
+                @if (r.hasChildren) {
+                  <button type="button" class="cb-pv__toggle" [attr.aria-expanded]="!isCollapsed(r.node.key)" (click)="toggle(r.node.key)">
+                    <cb-icon name="chevron-right" [size]="13" [class.cb-is-open]="!isCollapsed(r.node.key)" aria-hidden="true" />
+                    {{ r.node.label }}
+                  </button>
+                } @else {
+                  {{ r.node.label }}
+                }
+              </th>
+              @for (ck of colKeysWithTotal(); track ck; let last = $last) {
+                @for (m of measures(); track $index) {
+                  <td class="cb-pv__num" [class.cb-pv__total-col]="last" [class.cb-pv__neg]="(cell(r.node.records, ck, m) ?? 0) < 0">{{ text(cell(r.node.records, ck, m), m) }}</td>
+                }
+              }
+            </tr>
+          } @empty {
+            <tr>
+              <td class="cb-pv__empty" [attr.colspan]="1 + colKeysWithTotal().length * measures().length">{{ t().noData }}</td>
+            </tr>
+          }
+        </tbody>
+        @if (data().length) {
+          <tfoot>
+            <tr>
+              <th scope="row">{{ t().tableTotal }}</th>
+              @for (ck of colKeysWithTotal(); track ck; let last = $last) {
+                @for (m of measures(); track $index) {
+                  <td class="cb-pv__num" [class.cb-pv__total-col]="last" [class.cb-pv__neg]="(cell(data(), ck, m) ?? 0) < 0">{{ text(cell(data(), ck, m), m) }}</td>
+                }
+              }
+            </tr>
+          </tfoot>
+        }
+      </table>
+    </div>
+  `, styles: [":host{display:grid;gap:var(--cb-space-3, .75rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans);font-size:var(--cb-text-sm, .875rem)}.cb-pv__config{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.75rem}.cb-pv__field{display:grid;gap:.25rem;min-width:11rem}.cb-pv__label{font-weight:var(--cb-font-weight-medium, 500)}.cb-pv__spacer{flex:1}.cb-pv__wrap{overflow:auto;max-height:34rem;border:1px solid var(--cb-color-border);border-radius:var(--cb-radius-md)}.cb-pv__table{width:100%;border-collapse:separate;border-spacing:0}.cb-pv__table th,.cb-pv__table td{padding:.5rem .75rem;border-bottom:1px solid var(--cb-color-border);text-align:start;white-space:nowrap}.cb-pv__table thead th{position:sticky;top:0;z-index:2;background:var(--cb-color-surface-subtle);color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__table thead tr:nth-child(2) th{top:2.1rem}.cb-pv__table tbody th{position:sticky;left:0;z-index:1;background:var(--cb-color-bg);font-weight:400}.cb-pv__table .cb-pv__num{text-align:end;font-variant-numeric:tabular-nums}.cb-pv__group>th,.cb-pv__group>td{background:var(--cb-color-surface-subtle);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__total-col{border-left:1px solid var(--cb-color-border-strong);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__neg{color:var(--cb-color-danger-text, #dc2626)}.cb-pv__toggle{display:inline-flex;align-items:center;gap:.3rem;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:start;cursor:pointer}.cb-pv__toggle cb-icon{transition:transform var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-pv__toggle cb-icon.cb-is-open{transform:rotate(90deg)}.cb-pv__toggle:focus-visible{outline:2px solid var(--cb-color-focus-ring);outline-offset:2px;border-radius:2px}.cb-pv__table tfoot th,.cb-pv__table tfoot td{position:sticky;bottom:0;border-top:2px solid var(--cb-color-border-strong);border-bottom:0;background:var(--cb-color-surface-subtle);font-weight:var(--cb-font-weight-semibold, 600)}.cb-pv__table tfoot th{left:0;z-index:3}.cb-pv__empty{height:5rem;color:var(--cb-color-text-muted);text-align:center!important}@container (max-width: 40rem){.cb-pv__table tbody th,.cb-pv__table tfoot th,.cb-pv__table thead th:first-child{min-width:8rem;max-width:11rem;white-space:normal}.cb-pv__table tbody th{box-shadow:inset -1px 0 0 var(--cb-color-border)}}\n"] }]
+        }], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], fields: [{ type: i0.Input, args: [{ isSignal: true, alias: "fields", required: false }] }], rows: [{ type: i0.Input, args: [{ isSignal: true, alias: "rows", required: false }] }, { type: i0.Output, args: ["rowsChange"] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }, { type: i0.Output, args: ["columnsChange"] }], values: [{ type: i0.Input, args: [{ isSignal: true, alias: "values", required: false }] }], configurable: [{ type: i0.Input, args: [{ isSignal: true, alias: "configurable", required: false }] }], collapsed: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsed", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }] } });
+
+/*
+ * Public API Surface de @caribeng/ui/pivot
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CbPivot, aggregate, columnKeys, rowTree };