@caribeng/ui 22.2.0 → 22.5.0

package/fesm2022/{caribeng-ui-caribe-input-token.mjs → caribeng-ui-input-token.mjs}

@@ -4,7 +4,7 @@ import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { injectCbTranslation, cbFormat, cbFieldState } from '@caribeng/ui';
 
 /**
- * Input-token de Caribe Design: entrada de código OTP con casillas por dígito,
+ * Input-token: entrada de código OTP con casillas por dígito,
  * enmascarado opcional y CVA.
  *
  * @example
@@ -112,35 +112,35 @@ class CbInputToken {
                 useExisting: forwardRef(() => CbInputToken),
                 multi: true,
             },
-        ], ngImport: i0, template: `
-    <div class="cb-input-token">
-      <div
-        class="cb-input-token__slots"
-        role="group"
-        [attr.aria-label]="t().verificationCode"
-      >
-        @for (slot of slots(); track slot) {
-          <input
-            class="cb-input-token__slot"
-            [class.cb-is-invalid]="fieldState.invalid()"
-            [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
-            [type]="unmasked() ? 'text' : 'password'"
-            maxlength="1"
-            inputmode="numeric"
-            [value]="charAt(slot)"
-            [disabled]="disabled() || cvaDisabled()"
-            [attr.aria-label]="fmt(t().digit, slot + 1)"
-            (input)="onDigitInput($event, slot)"
-            (keydown)="onKeydown($event, slot)"
-            (paste)="onPaste($event)"
-            (blur)="onTouched()"
-          />
-        }
-      </div>
-      @if (helpText()) {
-        <span class="cb-input-token__help">{{ helpText() }}</span>
-      }
-    </div>
+        ], ngImport: i0, template: `
+    <div class="cb-input-token">
+      <div
+        class="cb-input-token__slots"
+        role="group"
+        [attr.aria-label]="t().verificationCode"
+      >
+        @for (slot of slots(); track slot) {
+          <input
+            class="cb-input-token__slot"
+            [class.cb-is-invalid]="fieldState.invalid()"
+            [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
+            [type]="unmasked() ? 'text' : 'password'"
+            maxlength="1"
+            inputmode="numeric"
+            [value]="charAt(slot)"
+            [disabled]="disabled() || cvaDisabled()"
+            [attr.aria-label]="fmt(t().digit, slot + 1)"
+            (input)="onDigitInput($event, slot)"
+            (keydown)="onKeydown($event, slot)"
+            (paste)="onPaste($event)"
+            (blur)="onTouched()"
+          />
+        }
+      </div>
+      @if (helpText()) {
+        <span class="cb-input-token__help">{{ helpText() }}</span>
+      }
+    </div>
   `, isInline: true, styles: [":host{display:inline-block}.cb-input-token{display:inline-flex;flex-direction:column;gap:var(--cb-space-2, .4rem);font-family:var(--cb-font-sans, inherit)}.cb-input-token__slots{display:inline-flex;gap:var(--cb-space-2, .45rem)}.cb-input-token__slot{width:2.5rem;height:3rem;text-align:center;font:inherit;font-size:var(--cb-text-lg, 1.1rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #cbd5e1);border-radius:var(--cb-radius-md, .5rem);transition:border-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-input-token__slot:focus-visible{outline:none;border-color:var(--cb-color-primary-500, #10b981);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500, #10b981) 20%,transparent)}.cb-input-token__slot:disabled{opacity:.6;background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-input-token__help{font-size:var(--cb-text-xs, .75rem);color:var(--cb-color-text-muted, #64748b)}:host-context([data-theme=\"dark\"]) .cb-input-token__slot{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-900, #0f172a);border-color:var(--cb-color-surface-600, #475569)}.cb-input-token__slot.cb-is-invalid{border-color:var(--cb-color-danger)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbInputToken, decorators: [{
@@ -151,35 +151,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
                             useExisting: forwardRef(() => CbInputToken),
                             multi: true,
                         },
-                    ], host: { class: 'cb-input-token-host' }, template: `
-    <div class="cb-input-token">
-      <div
-        class="cb-input-token__slots"
-        role="group"
-        [attr.aria-label]="t().verificationCode"
-      >
-        @for (slot of slots(); track slot) {
-          <input
-            class="cb-input-token__slot"
-            [class.cb-is-invalid]="fieldState.invalid()"
-            [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
-            [type]="unmasked() ? 'text' : 'password'"
-            maxlength="1"
-            inputmode="numeric"
-            [value]="charAt(slot)"
-            [disabled]="disabled() || cvaDisabled()"
-            [attr.aria-label]="fmt(t().digit, slot + 1)"
-            (input)="onDigitInput($event, slot)"
-            (keydown)="onKeydown($event, slot)"
-            (paste)="onPaste($event)"
-            (blur)="onTouched()"
-          />
-        }
-      </div>
-      @if (helpText()) {
-        <span class="cb-input-token__help">{{ helpText() }}</span>
-      }
-    </div>
+                    ], host: { class: 'cb-input-token-host' }, template: `
+    <div class="cb-input-token">
+      <div
+        class="cb-input-token__slots"
+        role="group"
+        [attr.aria-label]="t().verificationCode"
+      >
+        @for (slot of slots(); track slot) {
+          <input
+            class="cb-input-token__slot"
+            [class.cb-is-invalid]="fieldState.invalid()"
+            [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
+            [type]="unmasked() ? 'text' : 'password'"
+            maxlength="1"
+            inputmode="numeric"
+            [value]="charAt(slot)"
+            [disabled]="disabled() || cvaDisabled()"
+            [attr.aria-label]="fmt(t().digit, slot + 1)"
+            (input)="onDigitInput($event, slot)"
+            (keydown)="onKeydown($event, slot)"
+            (paste)="onPaste($event)"
+            (blur)="onTouched()"
+          />
+        }
+      </div>
+      @if (helpText()) {
+        <span class="cb-input-token__help">{{ helpText() }}</span>
+      }
+    </div>
   `, styles: [":host{display:inline-block}.cb-input-token{display:inline-flex;flex-direction:column;gap:var(--cb-space-2, .4rem);font-family:var(--cb-font-sans, inherit)}.cb-input-token__slots{display:inline-flex;gap:var(--cb-space-2, .45rem)}.cb-input-token__slot{width:2.5rem;height:3rem;text-align:center;font:inherit;font-size:var(--cb-text-lg, 1.1rem);font-weight:var(--cb-font-weight-semibold, 600);color:var(--cb-color-text-strong, #0f172a);background-color:var(--cb-color-surface-0, #ffffff);border:1px solid var(--cb-color-border, #cbd5e1);border-radius:var(--cb-radius-md, .5rem);transition:border-color var(--cb-duration-fast, .12s) var(--cb-ease, ease)}.cb-input-token__slot:focus-visible{outline:none;border-color:var(--cb-color-primary-500, #10b981);box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-primary-500, #10b981) 20%,transparent)}.cb-input-token__slot:disabled{opacity:.6;background-color:var(--cb-color-surface-100, #f1f5f9)}.cb-input-token__help{font-size:var(--cb-text-xs, .75rem);color:var(--cb-color-text-muted, #64748b)}:host-context([data-theme=\"dark\"]) .cb-input-token__slot{color:var(--cb-color-surface-0, #f8fafc);background-color:var(--cb-color-surface-900, #0f172a);border-color:var(--cb-color-surface-600, #475569)}.cb-input-token__slot.cb-is-invalid{border-color:var(--cb-color-danger)}\n"] }]
         }], propDecorators: { numInputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "numInputs", required: false }] }], unmasked: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmasked", required: false }] }], helpText: [{ type: i0.Input, args: [{ isSignal: true, alias: "helpText", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
 

package/fesm2022/caribeng-ui-inputmask.mjs

@@ -3,6 +3,7 @@ import { input, booleanAttribute, model, signal, computed, forwardRef, ViewEncap
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { cbFieldState } from '@caribeng/ui';
 
+let nextUid = 0;
 /**
  * InputMask de CaribeNG: campo de texto con máscara de formato (`9` = dígito,
  * `a` = letra, `*` = alfanumérico) e integración con Angular Forms (CVA).
@@ -25,6 +26,9 @@ class CbInputMask {
         this.fieldState = cbFieldState({ invalid: () => this.invalid() });
         this.ariaLabel = input('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /** `id` del campo, para asociarlo a un `<label for>`. */
+        this.inputId = input(`cb-input-mask-${++nextUid}`, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
         this.value = model('', /* @ts-ignore */
         ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
         this.cvaDisabled = signal(false, /* @ts-ignore */
@@ -107,7 +111,7 @@ class CbInputMask {
         return /^[a-zA-Z0-9]$/.test(ch);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbInputMask, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: CbInputMask, isStandalone: true, selector: "cb-input-mask", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, unmask: { classPropertyName: "unmask", publicName: "unmask", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class.cb-is-disabled": "isDisabled()" }, classAttribute: "cb-input-mask" }, providers: [
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.0.5", type: CbInputMask, isStandalone: true, selector: "cb-input-mask", inputs: { mask: { classPropertyName: "mask", publicName: "mask", isSignal: true, isRequired: false, transformFunction: null }, unmask: { classPropertyName: "unmask", publicName: "unmask", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class.cb-is-disabled": "isDisabled()" }, classAttribute: "cb-input-mask" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => CbInputMask),
@@ -117,6 +121,7 @@ class CbInputMask {
     <input
       type="text"
       class="cb-input-mask__field"
+      [id]="inputId()"
       [class.cb-is-invalid]="fieldState.invalid()"
       [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
       [attr.aria-required]="fieldState.required() || null"
@@ -144,6 +149,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
     <input
       type="text"
       class="cb-input-mask__field"
+      [id]="inputId()"
       [class.cb-is-invalid]="fieldState.invalid()"
       [attr.aria-invalid]="fieldState.invalid() ? 'true' : null"
       [attr.aria-required]="fieldState.required() || null"
@@ -155,7 +161,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
       (blur)="onBlur()"
     />
   `, styles: [":host{display:inline-block;width:100%;font-family:var(--cb-font-sans)}.cb-input-mask__field{width:100%;box-sizing:border-box;padding:var(--cb-space-2) var(--cb-space-3);border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-sm);line-height:1.5;transition:border-color .12s ease,box-shadow .12s ease}.cb-input-mask__field:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-mask__field:disabled{opacity:.6;cursor:not-allowed}.cb-input-mask__field.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-mask__field.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"] }]
-        }], propDecorators: { mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], unmask: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmask", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
+        }], propDecorators: { mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], unmask: [{ type: i0.Input, args: [{ isSignal: true, alias: "unmask", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/caribeng-ui-inputotp.mjs

@@ -126,7 +126,7 @@ class CbInputOtp {
         (blur)="onBlur()"
       />
     }
-  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:var(--cb-space-2);font-family:var(--cb-font-sans)}.cb-input-otp__slot{width:2.5rem;height:2.75rem;text-align:center;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-base);font-weight:var(--cb-font-semibold);transition:border-color .12s ease,box-shadow .12s ease}.cb-input-otp__slot:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-otp__slot.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-otp__slot.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:var(--cb-space-2);max-width:100%;font-family:var(--cb-font-sans)}.cb-input-otp__slot{flex:0 1 2.5rem;box-sizing:border-box;width:2.5rem;min-width:2rem;height:2.75rem;text-align:center;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-base);font-weight:var(--cb-font-semibold);transition:border-color .12s ease,box-shadow .12s ease}.cb-input-otp__slot:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-otp__slot.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-otp__slot.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbInputOtp, decorators: [{
             type: Component,
@@ -158,7 +158,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImpor
         (blur)="onBlur()"
       />
     }
-  `, styles: [":host{display:inline-flex;align-items:center;gap:var(--cb-space-2);font-family:var(--cb-font-sans)}.cb-input-otp__slot{width:2.5rem;height:2.75rem;text-align:center;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-base);font-weight:var(--cb-font-semibold);transition:border-color .12s ease,box-shadow .12s ease}.cb-input-otp__slot:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-otp__slot.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-otp__slot.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"] }]
+  `, styles: [":host{display:inline-flex;align-items:center;gap:var(--cb-space-2);max-width:100%;font-family:var(--cb-font-sans)}.cb-input-otp__slot{flex:0 1 2.5rem;box-sizing:border-box;width:2.5rem;min-width:2rem;height:2.75rem;text-align:center;border:var(--cb-border-width) solid var(--cb-color-border);border-radius:var(--cb-radius-md);background:var(--cb-color-surface);color:var(--cb-color-text);font-family:inherit;font-size:var(--cb-text-base);font-weight:var(--cb-font-semibold);transition:border-color .12s ease,box-shadow .12s ease}.cb-input-otp__slot:focus{outline:none;border-color:var(--cb-color-primary-500);box-shadow:0 0 0 2px color-mix(in srgb,var(--cb-color-primary-500) 20%,transparent)}.cb-input-otp__slot.cb-is-invalid{border-color:var(--cb-color-danger)}.cb-input-otp__slot.cb-is-invalid:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--cb-color-danger) 25%,transparent)}\n"] }]
         }], propDecorators: { length: [{ type: i0.Input, args: [{ isSignal: true, alias: "length", required: false }] }], integerOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "integerOnly", required: false }] }], mask: [{ type: i0.Input, args: [{ isSignal: true, alias: "mask", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }] } });
 
 /**

package/fesm2022/caribeng-ui-journal-entry.mjs

@@ -0,0 +1,340 @@
+import * as i0 from '@angular/core';
+import { viewChild, model, input, booleanAttribute, output, signal, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { injectCbTranslation, cbFormat, injectCbAmount, cbSummarize } from '@caribeng/ui';
+import { cbAccountOptions } from '@caribeng/ui/account-picker';
+import { CbButton } from '@caribeng/ui/button';
+import { CbDataGrid } from '@caribeng/ui/datagrid';
+import { CbDatepicker } from '@caribeng/ui/datepicker';
+import { CbIcon } from '@caribeng/ui/icon';
+import { CbInput } from '@caribeng/ui/input';
+import { CbSelect } from '@caribeng/ui/select';
+
+let nextUid = 0;
+let nextLine = 0;
+/** Comprobante vacío con dos líneas. */
+function cbEmptyJournalEntry(date = new Date()) {
+    const line = () => ({ id: `l${Date.now().toString(36)}${++nextLine}`, account: null, thirdParty: null, costCenter: null, description: null, debit: null, credit: null });
+    return { date, type: null, number: null, description: null, lines: [line(), line()] };
+}
+/**
+ * Editor de comprobante contable de CaribeNG: cabecera (fecha, tipo, número y
+ * descripción) y líneas con cuenta, tercero, centro de costo, detalle, débito y
+ * crédito, editables como una hoja de cálculo.
+ *
+ * - La cuenta se busca por código o nombre en el plan de cuentas y solo admite
+ *   cuentas de movimiento; escribir el débito borra el crédito de la línea y al revés.
+ * - Totales de débitos y créditos con la diferencia en vivo; «Cuadrar» pone la
+ *   diferencia en la última línea vacía (o en una nueva).
+ * - Guardar (o Ctrl + Enter) valida fecha, líneas, cuentas y que cuadre, y emite `save`.
+ *
+ * @example
+ * ```html
+ * <cb-journal-entry [(entry)]="comprobante" [accounts]="puc" [thirdParties]="terceros" (save)="guardar($event)" />
+ * ```
+ */
+class CbJournalEntry {
+    constructor() {
+        this.t = injectCbTranslation();
+        this.fmt = cbFormat;
+        this.amount = injectCbAmount();
+        this.uid = `cb-journal-entry-${++nextUid}`;
+        this.grid = viewChild.required(CbDataGrid);
+        /** Comprobante (bidireccional). */
+        this.entry = model(cbEmptyJournalEntry(), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "entry" }] : /* istanbul ignore next */ []));
+        /** Plan de cuentas: solo se eligen cuentas de movimiento. */
+        this.accounts = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accounts" }] : /* istanbul ignore next */ []));
+        /** Terceros (sin ellos no se muestra la columna). */
+        this.thirdParties = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "thirdParties" }] : /* istanbul ignore next */ []));
+        /** Centros de costo (sin ellos no se muestra la columna). */
+        this.costCenters = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "costCenters" }] : /* istanbul ignore next */ []));
+        /** Tipos de comprobante (sin ellos no se muestra el campo). */
+        this.types = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "types" }] : /* istanbul ignore next */ []));
+        /** Cuentas que exigen tercero (por prefijo de código, p. ej. `['13', '22']`). */
+        this.thirdPartyRequired = input([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "thirdPartyRequired" }] : /* istanbul ignore next */ []));
+        /** Moneda de los importes (si no, la de `provideCaribeNG({ currency })`). */
+        this.currency = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "currency" }] : /* istanbul ignore next */ []));
+        this.readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        /** Muestra el botón de guardar cargando. */
+        this.saving = input(false, { ...(ngDevMode ? { debugName: "saving" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+        this.saveLabel = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "saveLabel" }] : /* istanbul ignore next */ []));
+        this.scrollHeight = input('22rem', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "scrollHeight" }] : /* istanbul ignore next */ []));
+        this.ariaLabel = input(undefined, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+        /** Comprobante válido y cuadrado al guardar (líneas sin importe quitadas, detalles heredados). */
+        this.save = output();
+        /** Se intentó guardar con problemas: cuáles. */
+        this.invalid = output();
+        /** Se intentó guardar (desde entonces se muestran los problemas). */
+        this.tried = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "tried" }] : /* istanbul ignore next */ []));
+        this.accountOptions = computed(() => cbAccountOptions(this.accounts()), /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "accountOptions" }] : /* istanbul ignore next */ []));
+        this.columns = computed(() => {
+            const t = this.t();
+            const needsThird = this.thirdPartyRequired();
+            const cols = [
+                {
+                    field: 'account',
+                    header: t.journalAccount,
+                    type: 'autocomplete',
+                    options: this.accountOptions(),
+                    width: '15rem',
+                    sortable: false,
+                    // Solo se exige en las líneas que ya tienen algo (las vacías se quitan al guardar).
+                    validate: (v, row) => (!v && (row.debit || row.credit || row.description) ? t.journalAccountRequired : null),
+                },
+            ];
+            if (this.thirdParties().length) {
+                cols.push({
+                    field: 'thirdParty',
+                    header: t.journalThirdParty,
+                    type: 'autocomplete',
+                    options: this.thirdParties(),
+                    width: '12rem',
+                    sortable: false,
+                    validate: (v, row) => (!v && row.account && needsThird.some((p) => String(row.account).startsWith(p)) ? t.journalThirdPartyRequired : null),
+                });
+            }
+            if (this.costCenters().length)
+                cols.push({ field: 'costCenter', header: t.journalCostCenter, type: 'autocomplete', options: this.costCenters(), width: '10rem', sortable: false });
+            cols.push({ field: 'description', header: t.journalLineDescription, width: '12rem', sortable: false }, {
+                field: 'debit',
+                header: t.journalDebit,
+                type: 'number',
+                currency: true,
+                min: 0,
+                width: '9.5rem',
+                sortable: false,
+                summary: 'sum',
+                onEdit: (v) => (v ? { credit: null } : null),
+                validate: (v, row) => (!v && !row.credit && row.account ? t.journalAmountRequired : null),
+            }, { field: 'credit', header: t.journalCredit, type: 'number', currency: true, min: 0, width: '9.5rem', sortable: false, summary: 'sum', onEdit: (v) => (v ? { debit: null } : null) });
+            return cols;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "columns" }] : /* istanbul ignore next */ []));
+        /** Totales de débitos y créditos y su diferencia. */
+        this.totals = computed(() => {
+            const lines = this.entry().lines;
+            const debit = cbSummarize(lines.map((l) => l.debit), 'sum') ?? 0;
+            const credit = cbSummarize(lines.map((l) => l.credit), 'sum') ?? 0;
+            return { debit, credit, difference: Math.round((debit - credit) * 100) / 100 };
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "totals" }] : /* istanbul ignore next */ []));
+        /** Débitos y créditos iguales y mayores que cero. */
+        this.balanced = computed(() => this.totals().difference === 0 && this.totals().debit > 0, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "balanced" }] : /* istanbul ignore next */ []));
+        /** Problemas que impiden guardar. */
+        this.problems = computed(() => {
+            const t = this.t();
+            const e = this.entry();
+            const out = [];
+            if (!e.date)
+                out.push(t.journalErrDate);
+            const withAmount = e.lines.filter((l) => l.debit || l.credit);
+            if (withAmount.length < 2)
+                out.push(t.journalErrLines);
+            if (this.totals().difference !== 0)
+                out.push(cbFormat(t.journalErrUnbalanced, this.money(this.totals().difference)));
+            const errors = this.grid().errors().filter((err) => {
+                const line = e.lines.find((l) => l.id === err.key);
+                // Las líneas totalmente vacías se ignoran (se quitan al guardar).
+                return line && (line.account || line.debit || line.credit || line.description);
+            });
+            if (errors.length)
+                out.push(cbFormat(t.journalErrCells, errors.length));
+            return out;
+        }, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "problems" }] : /* istanbul ignore next */ []));
+        this.newLine = () => ({ id: `l${Date.now().toString(36)}${++nextLine}`, account: null, thirdParty: null, costCenter: null, description: null, debit: null, credit: null });
+    }
+    money(value) {
+        return this.amount(value, this.currency() ? { currency: this.currency() } : {});
+    }
+    patch(change) {
+        this.entry.update((e) => ({ ...e, ...change }));
+    }
+    /** Pone la diferencia en la última línea sin importe (o en una nueva) para que cuadre. */
+    balance() {
+        const diff = this.totals().difference;
+        if (diff === 0 || this.readonly())
+            return;
+        const amount = { debit: diff < 0 ? -diff : null, credit: diff > 0 ? diff : null };
+        const lines = [...this.entry().lines];
+        const i = lines.map((l) => !l.debit && !l.credit).lastIndexOf(true);
+        if (i >= 0)
+            lines[i] = { ...lines[i], ...amount };
+        else
+            lines.push({ ...this.newLine(), ...amount });
+        this.patch({ lines });
+    }
+    /** Valida y, si está todo bien, emite `save`. */
+    submit() {
+        if (this.readonly())
+            return;
+        this.tried.set(true);
+        const problems = this.problems();
+        if (problems.length) {
+            this.invalid.emit(problems);
+            return;
+        }
+        const e = this.entry();
+        const description = e.description?.trim() || null;
+        this.save.emit({
+            ...e,
+            lines: e.lines.filter((l) => l.debit || l.credit).map((l) => ({ ...l, description: l.description?.trim() || description })),
+        });
+    }
+    onKeydown(event) {
+        if (event.key === 'Enter' && (event.ctrlKey || event.metaKey)) {
+            event.preventDefault();
+            this.submit();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbJournalEntry, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: CbJournalEntry, isStandalone: true, selector: "cb-journal-entry", inputs: { entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: false, transformFunction: null }, accounts: { classPropertyName: "accounts", publicName: "accounts", isSignal: true, isRequired: false, transformFunction: null }, thirdParties: { classPropertyName: "thirdParties", publicName: "thirdParties", isSignal: true, isRequired: false, transformFunction: null }, costCenters: { classPropertyName: "costCenters", publicName: "costCenters", isSignal: true, isRequired: false, transformFunction: null }, types: { classPropertyName: "types", publicName: "types", isSignal: true, isRequired: false, transformFunction: null }, thirdPartyRequired: { classPropertyName: "thirdPartyRequired", publicName: "thirdPartyRequired", isSignal: true, isRequired: false, transformFunction: null }, currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, saving: { classPropertyName: "saving", publicName: "saving", isSignal: true, isRequired: false, transformFunction: null }, saveLabel: { classPropertyName: "saveLabel", publicName: "saveLabel", isSignal: true, isRequired: false, transformFunction: null }, scrollHeight: { classPropertyName: "scrollHeight", publicName: "scrollHeight", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { entry: "entryChange", save: "save", invalid: "invalid" }, host: { listeners: { "keydown": "onKeydown($event)" }, classAttribute: "cb-journal-entry" }, viewQueries: [{ propertyName: "grid", first: true, predicate: CbDataGrid, descendants: true, isSignal: true }], ngImport: i0, template: `
+    <div class="cb-je__header" role="group" [attr.aria-label]="ariaLabel() || t().journalHeader">
+      <cb-datepicker class="cb-je__date" [label]="t().journalDate" [value]="entry().date" (valueChange)="patch({ date: $event })" [disabled]="readonly()" [invalid]="tried() && !entry().date" />
+      @if (types().length) {
+        <div class="cb-je__type">
+          <span class="cb-je__label" [id]="uid + '-type'">{{ t().journalType }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-type'" [options]="types()" optionValue="value" [value]="entry().type" (valueChange)="patch({ type: $event })" [disabled]="readonly()" [placeholder]="t().select" />
+        </div>
+      }
+      <cb-input class="cb-je__number" [label]="t().journalNumber" [value]="entry().number ?? ''" (valueChange)="patch({ number: $event })" [readonly]="readonly()" />
+      <cb-input class="cb-je__desc" [label]="t().journalDescription" [value]="entry().description ?? ''" (valueChange)="patch({ description: $event })" [readonly]="readonly()" />
+    </div>
+
+    <cb-data-grid
+      #grid
+      [rows]="entry().lines"
+      (rowsChange)="patch({ lines: $event })"
+      [columns]="columns()"
+      [newRow]="newLine"
+      [editable]="!readonly()"
+      [currency]="currency()"
+      [scrollHeight]="scrollHeight()"
+      [ariaLabel]="t().journalLines"
+    />
+
+    <div class="cb-je__footer">
+      <dl class="cb-je__totals" aria-live="polite">
+        <div>
+          <dt>{{ t().journalDebit }}</dt>
+          <dd>{{ money(totals().debit) }}</dd>
+        </div>
+        <div>
+          <dt>{{ t().journalCredit }}</dt>
+          <dd>{{ money(totals().credit) }}</dd>
+        </div>
+        <div [class.cb-je__diff--off]="totals().difference !== 0">
+          <dt>{{ t().journalDifference }}</dt>
+          <dd>{{ money(totals().difference) }}</dd>
+        </div>
+      </dl>
+      <span class="cb-je__status" [class.cb-je__status--ok]="balanced()">
+        <cb-icon [name]="balanced() ? 'check' : 'circle-alert'" [size]="15" aria-hidden="true" />
+        {{ balanced() ? t().journalBalanced : t().journalUnbalanced }}
+      </span>
+      @if (!readonly()) {
+        <span class="cb-je__spacer"></span>
+        <cb-button variant="outlined" [disabled]="totals().difference === 0" (click)="balance()">{{ t().journalBalance }}</cb-button>
+        <cb-button [loading]="saving()" (click)="submit()">{{ saveLabel() || t().journalSave }}</cb-button>
+      }
+    </div>
+
+    @if (tried() && problems().length) {
+      <div class="cb-je__errors" role="alert">
+        <p>{{ t().journalCannotSave }}</p>
+        <ul>
+          @for (p of problems(); track $index) {
+            <li>{{ p }}</li>
+          }
+        </ul>
+      </div>
+    }
+  `, isInline: true, styles: [":host{display:grid;gap:var(--cb-space-4, 1rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans)}.cb-je__header{display:grid;grid-template-columns:11rem minmax(12rem,16rem) 9rem minmax(12rem,1fr);gap:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem);align-items:end}.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:11rem 9rem minmax(12rem,1fr)}.cb-je__header>*{min-width:0}.cb-je__type{display:grid;gap:var(--cb-space-1, .25rem)}.cb-je__type cb-select{display:block;min-width:0}.cb-je__label{color:var(--cb-color-text);font-size:var(--cb-text-sm);font-weight:var(--cb-font-weight-medium)}.cb-je__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem)}.cb-je__totals{display:flex;flex-wrap:wrap;gap:var(--cb-space-2, .5rem) var(--cb-space-5, 1.25rem);margin:0}.cb-je__totals>div{display:grid;gap:.1rem}.cb-je__totals dt{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-transform:uppercase;letter-spacing:.04em}.cb-je__totals dd{margin:0;font-size:var(--cb-text-base, 1rem);font-variant-numeric:tabular-nums;font-weight:var(--cb-font-weight-semibold, 600)}.cb-je__diff--off dd{color:var(--cb-color-danger-text, #dc2626)}.cb-je__status{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 10%,transparent);color:var(--cb-color-danger-text, #dc2626);font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-je__status--ok{background:color-mix(in srgb,var(--cb-color-success-500, #10b981) 12%,transparent);color:var(--cb-color-success-text, #047857)}.cb-je__spacer{flex:1}.cb-je__errors{padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 45%,transparent);border-left-width:4px;border-radius:var(--cb-radius-md);background:color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 7%,var(--cb-color-bg));color:var(--cb-color-danger-text, #b91c1c);font-size:var(--cb-text-sm, .875rem)}.cb-je__errors p{margin:0 0 .25rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-je__errors ul{margin:0;padding-left:1.25rem}@container (max-width: 44rem){.cb-je__header,.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:1fr 1fr}.cb-je__desc{grid-column:1 / -1}}@container (max-width: 28rem){.cb-je__header,.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:1fr}}\n"], dependencies: [{ kind: "component", type: CbDataGrid, selector: "cb-data-grid", inputs: ["rows", "columns", "dataKey", "editable", "rowNumbers", "toolbar", "scrollHeight", "newRow", "emptyMessage", "ariaLabel", "currency", "negativeStyle"], outputs: ["rowsChange", "cellChange", "rowAdd", "rowsDelete"] }, { kind: "component", type: CbDatepicker, selector: "cb-datepicker", inputs: ["value", "range", "label", "hint", "error", "placeholder", "size", "invalid", "required", "requiredIndicator", "disabled", "inputId", "locale", "firstDayOfWeek", "minDate", "maxDate", "selectionMode", "view", "numberOfMonths", "showTime", "hourFormat", "stepMinute", "dateFormat", "editable", "presets"], outputs: ["valueChange", "rangeChange"] }, { kind: "component", type: CbInput, selector: "cb-input", inputs: ["value", "label", "hint", "error", "invalid", "type", "placeholder", "size", "readonly", "required", "requiredIndicator", "inputmode", "disabled", "inputId"], 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"] }, { 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"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: CbJournalEntry, decorators: [{
+            type: Component,
+            args: [{ selector: 'cb-journal-entry', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, imports: [CbDataGrid, CbDatepicker, CbInput, CbSelect, CbButton, CbIcon], host: { class: 'cb-journal-entry', '(keydown)': 'onKeydown($event)' }, template: `
+    <div class="cb-je__header" role="group" [attr.aria-label]="ariaLabel() || t().journalHeader">
+      <cb-datepicker class="cb-je__date" [label]="t().journalDate" [value]="entry().date" (valueChange)="patch({ date: $event })" [disabled]="readonly()" [invalid]="tried() && !entry().date" />
+      @if (types().length) {
+        <div class="cb-je__type">
+          <span class="cb-je__label" [id]="uid + '-type'">{{ t().journalType }}</span>
+          <cb-select [ariaLabelledBy]="uid + '-type'" [options]="types()" optionValue="value" [value]="entry().type" (valueChange)="patch({ type: $event })" [disabled]="readonly()" [placeholder]="t().select" />
+        </div>
+      }
+      <cb-input class="cb-je__number" [label]="t().journalNumber" [value]="entry().number ?? ''" (valueChange)="patch({ number: $event })" [readonly]="readonly()" />
+      <cb-input class="cb-je__desc" [label]="t().journalDescription" [value]="entry().description ?? ''" (valueChange)="patch({ description: $event })" [readonly]="readonly()" />
+    </div>
+
+    <cb-data-grid
+      #grid
+      [rows]="entry().lines"
+      (rowsChange)="patch({ lines: $event })"
+      [columns]="columns()"
+      [newRow]="newLine"
+      [editable]="!readonly()"
+      [currency]="currency()"
+      [scrollHeight]="scrollHeight()"
+      [ariaLabel]="t().journalLines"
+    />
+
+    <div class="cb-je__footer">
+      <dl class="cb-je__totals" aria-live="polite">
+        <div>
+          <dt>{{ t().journalDebit }}</dt>
+          <dd>{{ money(totals().debit) }}</dd>
+        </div>
+        <div>
+          <dt>{{ t().journalCredit }}</dt>
+          <dd>{{ money(totals().credit) }}</dd>
+        </div>
+        <div [class.cb-je__diff--off]="totals().difference !== 0">
+          <dt>{{ t().journalDifference }}</dt>
+          <dd>{{ money(totals().difference) }}</dd>
+        </div>
+      </dl>
+      <span class="cb-je__status" [class.cb-je__status--ok]="balanced()">
+        <cb-icon [name]="balanced() ? 'check' : 'circle-alert'" [size]="15" aria-hidden="true" />
+        {{ balanced() ? t().journalBalanced : t().journalUnbalanced }}
+      </span>
+      @if (!readonly()) {
+        <span class="cb-je__spacer"></span>
+        <cb-button variant="outlined" [disabled]="totals().difference === 0" (click)="balance()">{{ t().journalBalance }}</cb-button>
+        <cb-button [loading]="saving()" (click)="submit()">{{ saveLabel() || t().journalSave }}</cb-button>
+      }
+    </div>
+
+    @if (tried() && problems().length) {
+      <div class="cb-je__errors" role="alert">
+        <p>{{ t().journalCannotSave }}</p>
+        <ul>
+          @for (p of problems(); track $index) {
+            <li>{{ p }}</li>
+          }
+        </ul>
+      </div>
+    }
+  `, styles: [":host{display:grid;gap:var(--cb-space-4, 1rem);width:100%;min-width:0;container-type:inline-size;color:var(--cb-color-text);font-family:var(--cb-font-sans)}.cb-je__header{display:grid;grid-template-columns:11rem minmax(12rem,16rem) 9rem minmax(12rem,1fr);gap:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem);align-items:end}.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:11rem 9rem minmax(12rem,1fr)}.cb-je__header>*{min-width:0}.cb-je__type{display:grid;gap:var(--cb-space-1, .25rem)}.cb-je__type cb-select{display:block;min-width:0}.cb-je__label{color:var(--cb-color-text);font-size:var(--cb-text-sm);font-weight:var(--cb-font-weight-medium)}.cb-je__footer{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cb-space-3, .75rem) var(--cb-space-4, 1rem)}.cb-je__totals{display:flex;flex-wrap:wrap;gap:var(--cb-space-2, .5rem) var(--cb-space-5, 1.25rem);margin:0}.cb-je__totals>div{display:grid;gap:.1rem}.cb-je__totals dt{color:var(--cb-color-text-muted);font-size:var(--cb-text-xs, .75rem);text-transform:uppercase;letter-spacing:.04em}.cb-je__totals dd{margin:0;font-size:var(--cb-text-base, 1rem);font-variant-numeric:tabular-nums;font-weight:var(--cb-font-weight-semibold, 600)}.cb-je__diff--off dd{color:var(--cb-color-danger-text, #dc2626)}.cb-je__status{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .65rem;border-radius:999px;background:color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 10%,transparent);color:var(--cb-color-danger-text, #dc2626);font-size:var(--cb-text-sm, .875rem);font-weight:var(--cb-font-weight-medium, 500)}.cb-je__status--ok{background:color-mix(in srgb,var(--cb-color-success-500, #10b981) 12%,transparent);color:var(--cb-color-success-text, #047857)}.cb-je__spacer{flex:1}.cb-je__errors{padding:.75rem 1rem;border:1px solid color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 45%,transparent);border-left-width:4px;border-radius:var(--cb-radius-md);background:color-mix(in srgb,var(--cb-color-danger-500, #ef4444) 7%,var(--cb-color-bg));color:var(--cb-color-danger-text, #b91c1c);font-size:var(--cb-text-sm, .875rem)}.cb-je__errors p{margin:0 0 .25rem;font-weight:var(--cb-font-weight-semibold, 600)}.cb-je__errors ul{margin:0;padding-left:1.25rem}@container (max-width: 44rem){.cb-je__header,.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:1fr 1fr}.cb-je__desc{grid-column:1 / -1}}@container (max-width: 28rem){.cb-je__header,.cb-je__header:not(:has(.cb-je__type)){grid-template-columns:1fr}}\n"] }]
+        }], propDecorators: { grid: [{ type: i0.ViewChild, args: [i0.forwardRef(() => CbDataGrid), { isSignal: true }] }], entry: [{ type: i0.Input, args: [{ isSignal: true, alias: "entry", required: false }] }, { type: i0.Output, args: ["entryChange"] }], accounts: [{ type: i0.Input, args: [{ isSignal: true, alias: "accounts", required: false }] }], thirdParties: [{ type: i0.Input, args: [{ isSignal: true, alias: "thirdParties", required: false }] }], costCenters: [{ type: i0.Input, args: [{ isSignal: true, alias: "costCenters", required: false }] }], types: [{ type: i0.Input, args: [{ isSignal: true, alias: "types", required: false }] }], thirdPartyRequired: [{ type: i0.Input, args: [{ isSignal: true, alias: "thirdPartyRequired", required: false }] }], currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], saving: [{ type: i0.Input, args: [{ isSignal: true, alias: "saving", required: false }] }], saveLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveLabel", required: false }] }], scrollHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollHeight", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], save: [{ type: i0.Output, args: ["save"] }], invalid: [{ type: i0.Output, args: ["invalid"] }] } });
+
+/*
+ * Public API Surface de @caribeng/ui/journal-entry
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CbJournalEntry, cbEmptyJournalEntry };