@mj-biz-apps/accounting-ng 0.1.0

package/dist/lib/custom/shell/pages/gl-accounts.page.js

@@ -0,0 +1,878 @@
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, inject, Input, ViewChild } from '@angular/core';
+import { UUIDsEqual, NormalizeUUID } from '@memberjunction/global';
+import { BaseAngularComponent } from '@memberjunction/ng-base-types';
+import { EntityDataGridComponent } from '@memberjunction/ng-entity-viewer';
+import { PageRefreshService } from '../../../transfer-pending/shell-refresh/page-refresh.service';
+import { rowKeyToId } from '../../../transfer-pending/list-scaffold/grid-row-key';
+import { CompanyScopeService } from '../../shared/company-scope.service';
+import { AccountingEngineBase } from '@mj-biz-apps/accounting-engine-base';
+import * as i0 from "@angular/core";
+import * as i1 from "@memberjunction/ng-ui-components";
+import * as i2 from "../../shared/check-dropdown.component";
+import * as i3 from "../../shared/summary-strip.component";
+import * as i4 from "../../shared/list-toolbar.component";
+import * as i5 from "@angular/forms";
+import * as i6 from "@memberjunction/ng-entity-viewer";
+function GLAccountsPageComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-alert", 10);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("Message", ctx_r0.LoadError);
+} }
+function GLAccountsPageComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-alert", 11);
+} }
+function GLAccountsPageComponent_Conditional_19_Conditional_4_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-stat-badge", 17);
+} }
+function GLAccountsPageComponent_Conditional_19_Conditional_5_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-alert", 10);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Message", ctx_r0.EditorError);
+} }
+function GLAccountsPageComponent_Conditional_19_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "section", 12)(1, "header", 15)(2, "h3", 16);
+    i0.ɵɵtext(3);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(4, GLAccountsPageComponent_Conditional_19_Conditional_4_Template, 1, 0, "mj-stat-badge", 17);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(5, GLAccountsPageComponent_Conditional_19_Conditional_5_Template, 1, 1, "mj-alert", 10);
+    i0.ɵɵelementStart(6, "div", 18)(7, "label", 5)(8, "span", 6);
+    i0.ɵɵtext(9, "Company");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(10, "mj-dropdown", 19);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_mj_dropdown_ngModelChange_10_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.CompanyID, $event) || (ctx_r0.Draft.CompanyID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(11, "span", 20);
+    i0.ɵɵtext(12);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "label", 5)(14, "span", 6);
+    i0.ɵɵtext(15, "Code");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(16, "input", 21);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_input_ngModelChange_16_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.Code, $event) || (ctx_r0.Draft.Code = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(17, "span", 20);
+    i0.ɵɵtext(18, "Unique within this company\u2019s chart.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "label", 22)(20, "span", 6);
+    i0.ɵɵtext(21, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(22, "input", 23);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_input_ngModelChange_22_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.Name, $event) || (ctx_r0.Draft.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(23, "label", 5)(24, "span", 6);
+    i0.ɵɵtext(25, "Account type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "mj-dropdown", 24);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_mj_dropdown_ngModelChange_26_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.AccountType, $event) || (ctx_r0.Draft.AccountType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "label", 22)(28, "span", 6);
+    i0.ɵɵtext(29, "Parent account (rollup)");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "mj-dropdown", 25);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_mj_dropdown_ngModelChange_30_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.ParentGLAccountID, $event) || (ctx_r0.Draft.ParentGLAccountID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(31, "span", 20);
+    i0.ɵɵtext(32);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(33, "label", 5)(34, "span", 6);
+    i0.ɵɵtext(35, "Currency");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "mj-dropdown", 26);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_mj_dropdown_ngModelChange_36_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.CurrencyCode, $event) || (ctx_r0.Draft.CurrencyCode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(37, "label", 5)(38, "span", 6);
+    i0.ɵɵtext(39, "External system");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(40, "input", 27);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_input_ngModelChange_40_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.ExternalSystem, $event) || (ctx_r0.Draft.ExternalSystem = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "span", 20);
+    i0.ɵɵtext(42, "The system this account syncs OUT to. Leave blank for local-only.");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(43, "label", 5)(44, "span", 6);
+    i0.ɵɵtext(45, "External account ID");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(46, "input", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_input_ngModelChange_46_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.ExternalAccountID, $event) || (ctx_r0.Draft.ExternalAccountID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(47, "label", 22)(48, "span", 6);
+    i0.ɵɵtext(49, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(50, "textarea", 29);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_textarea_ngModelChange_50_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.Description, $event) || (ctx_r0.Draft.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(51, "label", 30)(52, "input", 31);
+    i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Conditional_19_Template_input_ngModelChange_52_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Draft.IsActive, $event) || (ctx_r0.Draft.IsActive = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(53, "span");
+    i0.ɵɵtext(54, "Active \u2014 available for new journal-entry lines");
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(55, "div", 32)(56, "button", 33);
+    i0.ɵɵlistener("click", function GLAccountsPageComponent_Conditional_19_Template_button_click_56_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.Save()); });
+    i0.ɵɵtext(57);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(58, "button", 34);
+    i0.ɵɵlistener("click", function GLAccountsPageComponent_Conditional_19_Template_button_click_58_listener() { i0.ɵɵrestoreView(_r2); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.CancelEdit()); });
+    i0.ɵɵtext(59, "Cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(3);
+    i0.ɵɵtextInterpolate(ctx_r0.Draft.ID ? "Edit account" : "New account");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.EditingSeeded ? 4 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.EditorError ? 5 : -1);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("Data", ctx_r0.CompanyOptions)("ValuePrimitive", true)("DefaultItem", ctx_r0.OwningCompanyDefault)("Disabled", !!ctx_r0.Draft.ID);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.CompanyID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(ctx_r0.Draft.ID ? "An account stays in the chart it was created in." : "This company will own the account.");
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.Code);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.Name);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("Data", ctx_r0.AccountTypes)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.AccountType);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("Data", ctx_r0.ParentOptions)("ValuePrimitive", true)("DefaultItem", ctx_r0.ParentNoneDefault)("Disabled", !ctx_r0.Draft.CompanyID);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.ParentGLAccountID);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" The account this one rolls up into \u2014 always another account in ", ctx_r0.Draft.CompanyID ? "this same company\u2019s chart" : "the owning company\u2019s chart", ". Leave as \u201CNone\u201D for a top-level account. ");
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("Data", ctx_r0.CurrencyChoices)("ValuePrimitive", true)("DefaultItem", ctx_r0.CurrencyDefault);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.CurrencyCode);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.ExternalSystem);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.ExternalAccountID);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.Description);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Draft.IsActive);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("disabled", ctx_r0.IsSaving);
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.IsSaving ? "Saving\u2026" : ctx_r0.Draft.ID ? "Save account" : "Create account", " ");
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("disabled", ctx_r0.IsSaving);
+} }
+const GL_ENTITY = 'MJ_BizApps_Accounting: GL Accounts';
+/** The four account-type values, for the filter + the editor. Derived, never hand-listed as a type. */
+const ACCOUNT_TYPES = ['Asset', 'Liability', 'Equity', 'Revenue', 'Expense'];
+/**
+ * GL accounts — view and manage every account, across every company the user can see.
+ *
+ * **The shape this page has to make legible (Marcelo 2026-07-16 expected something different):**
+ * `GLAccount.CompanyID` is **NOT NULL** with **UNIQUE (CompanyID, Code)** — "each company has its
+ * own chart" (the field's own description). There is **no global pool of unowned accounts** that
+ * you then "hook to companies": an account is born inside exactly one company's chart, seeded by
+ * `spSeedDefaultChartOfAccounts` (which is what `IsSystemSeeded` distinguishes from deployment
+ * customizations). So this page is "every account, GROUPED BY COMPANY" — the Company column is
+ * first, the company drop-down narrows rather than assigns, and creating an account REQUIRES
+ * picking the company that will own it. That per-company reality is surfaced, not hidden. Whether
+ * a shared/global pool is ever wanted is Q29 in plans/QUESTIONS.md — and it would be a migration,
+ * not a UI change.
+ *
+ * **ERP direction is OUTBOUND.** `ExternalSystem` + `ExternalAccountID` map MJ's account OUT to the
+ * ERP's account: MJ's copy is the record, the ERP is the mirror target. The two columns sit
+ * together so "which system is this connected to?" reads at a glance.
+ *
+ * **Parent = rollup within ONE company's own chart** ("Parent account for hierarchical rollup
+ * (NULL = top of chart)"), e.g. 11200 Cash parents 11201 Cash — Operating. The picker therefore
+ * offers only the same company's accounts, minus the account itself and its own descendants (a
+ * cycle would break rollup), and the list indents children under parents so the structure is
+ * visible without opening anything.
+ *
+ * Data comes from `AccountingEngineBase`'s cache (`Config` is a no-op once loaded) — never one
+ * query per row.
+ */
+export class GLAccountsPageComponent extends BaseAngularComponent {
+    cdr = inject(ChangeDetectorRef);
+    /** The shell header's Refresh reaches this page while it is the mounted one — the page adds none of its own. */
+    pageRefresh = inject(PageRefreshService);
+    refreshSub = null;
+    /** The app-wide company scope (the rail-top chip) — the shared source, not a new one. */
+    Scope = inject(CompanyScopeService);
+    Rows = [];
+    CompanyOptions = [];
+    CurrencyOptions = [];
+    AccountTypes = ACCOUNT_TYPES;
+    IsLoading = false;
+    LoadError = null;
+    // --- filters (one line; search sits to the right of the drop-downs) ---
+    /** MULTI-select company narrowing (Marcelo 2026-08-05): empty = no narrowing ("All companies"). */
+    FilterCompanyIDs = [];
+    FilterAccountType = '';
+    /** '' = any, 'Active' | 'Inactive'. */
+    FilterActive = '';
+    /** The checkbox-dropdown hands back the whole selection (client-side filter — no refetch needed). */
+    OnFilterCompanyIDsChanged(ids) {
+        this.FilterCompanyIDs = ids;
+        this.rebuildGridParams();
+    }
+    /** Currency rows shaped for the dropdown ("USD — US Dollar"). */
+    get CurrencyChoices() {
+        return this.CurrencyOptions.map((c) => ({ Code: c.Code, Label: `${c.Code} — ${c.Name}` }));
+    }
+    /** The editor dropdowns' empty-state rows (mj-dropdown DefaultItem = the '' sentinel each select had). */
+    OwningCompanyDefault = { ID: '', Name: 'Choose the owning company…' };
+    ParentNoneDefault = { ID: '', Label: 'None — top of the chart' };
+    CurrencyDefault = { Code: '', Label: 'Company’s functional currency' };
+    StatusChoices = [
+        { Label: 'Active & inactive', Value: '' },
+        { Label: 'Active only', Value: 'Active' },
+        { Label: 'Inactive only', Value: 'Inactive' },
+    ];
+    SourceChoices = [
+        { Label: 'Seeded & custom', Value: '' },
+        { Label: 'System-seeded', Value: 'Seeded' },
+        { Label: 'Custom', Value: 'Custom' },
+    ];
+    /** '' = any, 'Seeded' = platform-shipped, 'Custom' = deployment customization. */
+    FilterSource = '';
+    SearchText = '';
+    // ─── list-page standard chrome (fused subheader: strip + toolbar) ────────────
+    /** The strip's figures — the same counts the old header badges carried. */
+    get SummaryFigures() {
+        const figures = [
+            { Label: 'Accounts', Value: String(this.Rows.length) },
+            { Label: 'Companies', Value: String(this.CompanyOptions.length) },
+        ];
+        if (this.OrphanCount > 0)
+            figures.push({ Label: 'Broken parents', Value: String(this.OrphanCount), Tone: 'warning' });
+        return figures;
+    }
+    /** Account types as preset chips, with client-side counts — the fast path the selects buried. */
+    get TypeChips() {
+        return [
+            { Key: 'all', Label: 'All' },
+            ...this.AccountTypes.map((t) => ({ Key: t, Label: t, Count: this.Rows.filter((r) => r.AccountType === t).length })),
+        ];
+    }
+    get ActiveTypeKeys() {
+        return this.FilterAccountType ? [this.FilterAccountType] : ['all'];
+    }
+    /** Single-select semantics (matching the old Type select): re-clicking the active chip clears. */
+    OnTypeToggled(key) {
+        this.FilterAccountType = key === 'all' || this.FilterAccountType === key ? '' : key;
+        this.rebuildGridParams();
+    }
+    AdvancedOpen = false;
+    /** Count pill on the Filters button — a hidden active filter must never silently shape the list. */
+    // ── the STANDARD MJ grid (Marcelo 2026-08-05) ─────────────────────────────────
+    /** Escape a value for an ExtraFilter literal (single quotes doubled). */
+    sqlLit(v) {
+        return v.replace(/'/g, "''");
+    }
+    /**
+     * The grid's query — the SAME predicate the old client-side filter applied, expressed as the
+     * entity view's ExtraFilter so the standard grid owns fetching/sorting/paging/state.
+     */
+    GridParams = { EntityName: GL_ENTITY };
+    /** The grid itself — needed because its Params setter DEEP-COMPARES and skips the refetch when
+     *  the rebuilt params are equivalent (same filters/search). After a save, the predicate hasn't
+     *  changed but the DATA has, so the refresh must be explicit. */
+    grid;
+    GridColumns = [
+        // Company first, always: an account only exists inside a company's chart.
+        { field: 'Company', title: 'Company', width: 180, sortable: true },
+        { field: 'Code', title: 'Code', width: 110, sortable: true },
+        { field: 'Name', title: 'Name', width: 'auto', maxWidth: 380, sortable: true },
+        { field: 'AccountType', title: 'Type', width: 110, sortable: true },
+        { field: 'CurrencyCode', title: 'Currency', width: 100, sortable: true },
+        { field: 'ExternalSystem', title: 'External system', width: 140, sortable: true },
+        { field: 'ExternalAccountID', title: 'External account ID', width: 160, sortable: true },
+        { field: 'IsActive', title: 'Active', type: 'boolean', width: 90, sortable: true },
+        { field: 'IsSystemSeeded', title: 'Seeded', type: 'boolean', width: 90, sortable: true },
+        { field: 'ID', title: 'ID', width: 280, sortable: true },
+    ];
+    /** Rebuild the grid predicate from the toolbar state. New object identity triggers a refetch. */
+    rebuildGridParams() {
+        const parts = [];
+        if (this.FilterCompanyIDs.length)
+            parts.push(`CompanyID IN (${this.FilterCompanyIDs.map((id) => `'${this.sqlLit(id)}'`).join(',')})`);
+        if (this.FilterAccountType)
+            parts.push(`AccountType='${this.sqlLit(this.FilterAccountType)}'`);
+        if (this.FilterActive)
+            parts.push(`IsActive=${this.FilterActive === 'Active' ? 1 : 0}`);
+        if (this.FilterSource)
+            parts.push(`IsSystemSeeded=${this.FilterSource === 'Seeded' ? 1 : 0}`);
+        const q = this.SearchText.trim();
+        if (q) {
+            const like = this.sqlLit(q);
+            parts.push(`(Name LIKE '%${like}%' OR Code LIKE '%${like}%' OR CAST(ID AS NVARCHAR(50)) LIKE '%${like}%')`);
+        }
+        const scope = this.Scope.FilterFor('CompanyID');
+        if (scope)
+            parts.push(scope);
+        this.GridParams = {
+            EntityName: GL_ENTITY,
+            ExtraFilter: parts.length ? parts.join(' AND ') : undefined,
+            OrderBy: 'Company ASC, Code ASC',
+        };
+        this.cdr.markForCheck();
+    }
+    /** Status/Source dropdowns re-query the grid like every other filter edit. */
+    OnStatusOrSourceChanged() {
+        this.rebuildGridParams();
+    }
+    /** Row click = edit (the per-row Edit button retired with the hand-rolled table). The grid's
+     *  rowKey is a CompositeKey concatenated string ('ID|<uuid>'), not a bare ID — parse it (same
+     *  lesson the JE detail panel learned; see rowKeyToId). */
+    OnGridRowClicked(rowKey) {
+        const id = rowKeyToId(rowKey);
+        if (!id)
+            return;
+        const row = this.Rows.find((r) => UUIDsEqual(r.ID, id));
+        if (row)
+            this.StartEdit(row);
+    }
+    get AdvancedCount() {
+        let n = 0;
+        if (this.FilterCompanyIDs.length)
+            n++;
+        if (this.FilterActive)
+            n++;
+        if (this.FilterSource)
+            n++;
+        return n;
+    }
+    /** Client-side filtering — instant, no debounce needed. */
+    OnToolbarSearch(text) {
+        this.SearchText = text;
+        this.rebuildGridParams();
+    }
+    // --- editor ---
+    /**
+     * The account being edited — the ENTITY, not a copy of one.
+     *
+     * This was an `AccountDraft`: eleven fields, every one a `GLAccount` column, filled by hand in two
+     * places and copied back by `applyDraft`. Three statements of the same shape, and the compiler
+     * could not see that they were meant to agree. Binding the entity means the form writes the record
+     * it will save, and a column added to the table needs no second and third edit here.
+     */
+    Draft = null;
+    IsSaving = false;
+    EditorError = null;
+    /** The account being edited was seeded by the platform — worth knowing before you rename it. */
+    EditingSeeded = false;
+    ngOnInit() {
+        this.refreshSub = this.pageRefresh.OnRefresh(() => this.Refresh());
+        this.rebuildGridParams(); // the grid queries immediately; the engine rows load alongside
+        void this.load();
+    }
+    ngOnDestroy() {
+        // A destroyed page stops answering the header's Refresh — that's what makes it page-aware.
+        this.refreshSub?.unsubscribe();
+    }
+    Refresh() {
+        void this.load(true);
+        void this.grid?.Refresh(); // header Refresh must refetch the grid too — unchanged params won't
+    }
+    // ------------------------------------------------------------------ filtering
+    get Filtered() {
+        const q = this.SearchText.trim().toLowerCase();
+        return this.Rows.filter((r) => this.matchesFilters(r, q));
+    }
+    /**
+     * Search covers Name, Code AND ID. Humans search by name and code; the ID stays searchable (and
+     * visible) so an ID pasted from a log or a deep link still finds its row.
+     */
+    matchesFilters(r, q) {
+        if (this.FilterCompanyIDs.length && !this.FilterCompanyIDs.some((id) => UUIDsEqual(r.CompanyID, id)))
+            return false;
+        if (this.FilterAccountType && r.AccountType !== this.FilterAccountType)
+            return false;
+        if (this.FilterActive === 'Active' && !r.IsActive)
+            return false;
+        if (this.FilterActive === 'Inactive' && r.IsActive)
+            return false;
+        if (this.FilterSource === 'Seeded' && !r.IsSystemSeeded)
+            return false;
+        if (this.FilterSource === 'Custom' && r.IsSystemSeeded)
+            return false;
+        if (!q)
+            return true;
+        return r.Name.toLowerCase().includes(q) || r.Code.toLowerCase().includes(q) || r.ID.toLowerCase().includes(q);
+    }
+    ClearFilters() {
+        this.FilterCompanyIDs = [];
+        this.FilterAccountType = '';
+        this.FilterActive = '';
+        this.FilterSource = '';
+        this.SearchText = '';
+        this.rebuildGridParams();
+    }
+    get OrphanCount() {
+        return this.Rows.filter((r) => r.IsOrphan || r.InCycle).length;
+    }
+    /** Indentation is the rollup — one step per level of parentage. */
+    IndentFor(r) {
+        return `${r.Depth * 18}px`;
+    }
+    // ------------------------------------------------------------------ editor
+    /** Monotonic counter from the category header's "New account" verb — each bump opens the editor. */
+    _createSignal = 0;
+    set CreateSignal(v) {
+        if (v > this._createSignal) {
+            this._createSignal = v;
+            this.StartCreate();
+        }
+    }
+    async StartCreate() {
+        // An account cannot exist outside a company's chart, so the company is a REQUIRED first choice,
+        // not an optional afterthought. Pre-pick only when the choice is unambiguous.
+        const only = this.CompanyOptions.length === 1 ? this.CompanyOptions[0].ID : '';
+        const entity = await this.ProviderToUse.GetEntityObject(GL_ENTITY, this.ProviderToUse.CurrentUser);
+        entity.NewRecord();
+        // Pre-pick the filtered company only when the filter narrows to EXACTLY one — else unambiguous-only.
+        const company = (this.FilterCompanyIDs.length === 1 ? this.FilterCompanyIDs[0] : '') || only;
+        if (company)
+            entity.CompanyID = company;
+        entity.AccountType = 'Asset';
+        entity.IsActive = true;
+        this.Draft = entity;
+        this.EditingSeeded = false;
+        this.EditorError = null;
+        this.cdr.markForCheck();
+    }
+    async StartEdit(r) {
+        // LOADED, not copied from the grid row. The row is a projection for a table; the editor needs the
+        // record, and loading it is also what makes the save a normal update rather than a re-assembly.
+        const entity = await this.ProviderToUse.GetEntityObject(GL_ENTITY, this.ProviderToUse.CurrentUser);
+        if (!(await entity.Load(r.ID))) {
+            this.EditorError = `Could not load account ${r.Code}.`;
+            this.cdr.markForCheck();
+            return;
+        }
+        this.Draft = entity;
+        this.EditingSeeded = r.IsSystemSeeded;
+        this.EditorError = null;
+        this.cdr.markForCheck();
+    }
+    CancelEdit() {
+        this.Draft = null;
+        this.EditorError = null;
+        this.cdr.markForCheck();
+    }
+    /**
+     * The parent picker for the draft: **only the draft company's own chart** (that is what a rollup
+     * parent IS), minus the account itself and its own descendants — a cycle would break rollup and
+     * is exactly the bad data this page has to guard the tree against.
+     */
+    get ParentOptions() {
+        const d = this.Draft;
+        if (!d?.CompanyID)
+            return [];
+        const excluded = d.IsSaved ? this.selfAndDescendants(d.ID) : new Set();
+        return this.Rows.filter((r) => UUIDsEqual(r.CompanyID, d.CompanyID) && !excluded.has(NormalizeUUID(r.ID)))
+            .map((r) => ({ ID: r.ID, Label: `${r.Code} — ${r.Name}` }))
+            .sort((a, b) => a.Label.localeCompare(b.Label));
+    }
+    /** The id set that may not be a parent of `id`: itself plus everything beneath it. */
+    selfAndDescendants(id) {
+        const childrenByParent = this.buildChildIndex();
+        const out = new Set([NormalizeUUID(id)]);
+        const queue = [NormalizeUUID(id)];
+        while (queue.length > 0) {
+            const current = queue.shift();
+            for (const child of childrenByParent.get(current) ?? []) {
+                const key = NormalizeUUID(child.ID);
+                // The visited set doubles as the cycle guard: already-seen ids are never re-queued.
+                if (out.has(key))
+                    continue;
+                out.add(key);
+                queue.push(key);
+            }
+        }
+        return out;
+    }
+    buildChildIndex() {
+        const index = new Map();
+        for (const r of this.Rows) {
+            if (!r.ParentGLAccountID)
+                continue;
+            const key = NormalizeUUID(r.ParentGLAccountID);
+            const bucket = index.get(key);
+            if (bucket)
+                bucket.push(r);
+            else
+                index.set(key, [r]);
+        }
+        return index;
+    }
+    async Save() {
+        const d = this.Draft;
+        if (!d)
+            return;
+        const invalid = this.validateDraft(d);
+        if (invalid) {
+            this.EditorError = invalid;
+            this.cdr.markForCheck();
+            return;
+        }
+        this.IsSaving = true;
+        this.EditorError = null;
+        this.cdr.markForCheck();
+        try {
+            // Empty strings are NULL, not empty text: an optional FK or code left blank must be absent
+            // rather than a zero-length string the database would happily store and nothing would match.
+            this.blankToNull(d);
+            // Save() returns a boolean and does NOT throw on a logical failure (a UNIQUE violation, a
+            // permission denial) — reading the return value is the only way to know it worked.
+            const saved = await d.Save();
+            if (!saved) {
+                // MJ core already console-logs the full failure (SQL included) — here we only present the
+                // human sentence; adding our own console.error would double-log and trip the test keystone.
+                this.EditorError = this.friendlySaveError(d.LatestResult?.CompleteMessage, 'The account could not be saved.');
+                return;
+            }
+            this.Draft = null;
+            await this.load(true);
+            void this.grid?.Refresh(); // params are unchanged post-save (deep-equal → setter skips), so refetch explicitly
+        }
+        catch (e) {
+            this.EditorError = this.friendlySaveError(e instanceof Error ? e.message : String(e), 'The account could not be saved.');
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * Client-side guards, so the common mistakes read as sentences rather than as an opaque SQL
+     * constraint error. `UNIQUE (CompanyID, Code)` is the one that bites: a duplicate code inside one
+     * company is legal-looking and fails at the DB. The DB stays the authority — `Save()`'s return is
+     * still checked — this just gets there first with a message a human can act on.
+     */
+    validateDraft(d) {
+        if (!d.CompanyID)
+            return 'Pick the company that will own this account — every account lives in exactly one company’s chart.';
+        if (!(d.Code ?? '').trim())
+            return 'Code is required.';
+        if (!(d.Name ?? '').trim())
+            return 'Name is required.';
+        const code = (d.Code ?? '').trim().toLowerCase();
+        const clash = this.Rows.find((r) => UUIDsEqual(r.CompanyID, d.CompanyID) && r.Code.trim().toLowerCase() === code && !(d.IsSaved && UUIDsEqual(r.ID, d.ID)));
+        if (clash) {
+            const company = this.CompanyOptions.find((c) => UUIDsEqual(c.ID, d.CompanyID))?.Name ?? 'this company';
+            return `${company} already has an account with code ${clash.Code} (“${clash.Name}”). Each company’s chart requires a unique code.`;
+        }
+        if (d.ParentGLAccountID) {
+            const parent = this.Rows.find((r) => UUIDsEqual(r.ID, d.ParentGLAccountID));
+            if (!parent)
+                return 'The selected parent account no longer exists — pick another.';
+            if (!UUIDsEqual(parent.CompanyID, d.CompanyID)) {
+                return 'A parent account must belong to the same company — rollup happens inside one company’s chart.';
+            }
+            if (d.IsSaved && this.selfAndDescendants(d.ID).has(NormalizeUUID(d.ParentGLAccountID))) {
+                return 'That account sits beneath this one — making it the parent would create a loop in the rollup.';
+            }
+        }
+        return null;
+    }
+    /**
+     * Trim the text fields and turn the blanks into NULL, in place on the entity.
+     *
+     * All that survives of `applyDraft`, which copied eleven fields from a mirror. The copying is gone
+     * — the form writes the entity — but this rule is not cosmetic: an empty string in an optional FK
+     * or code is a value the database stores and nothing ever matches, which reads as "set to nothing"
+     * and behaves as "set to something nobody can find".
+     *
+     * `IsSystemSeeded` is deliberately never written by this page. It records that
+     * `spSeedDefaultChartOfAccounts` created the row — provenance, not a user preference. Letting the
+     * UI set it would let a deployment customization claim to be platform-shipped, which is precisely
+     * the distinction the flag exists to preserve. Binding the entity makes that a rule about what the
+     * TEMPLATE offers rather than one enforced by a copier nobody can see.
+     */
+    blankToNull(d) {
+        d.Code = (d.Code ?? '').trim();
+        d.Name = (d.Name ?? '').trim();
+        d.ParentGLAccountID = d.ParentGLAccountID || null;
+        d.CurrencyCode = d.CurrencyCode || null;
+        d.ExternalSystem = (d.ExternalSystem ?? '').trim() || null;
+        d.ExternalAccountID = (d.ExternalAccountID ?? '').trim() || null;
+        d.Description = (d.Description ?? '').trim() || null;
+    }
+    /**
+     * **Retire, don't delete — deliberate.** There is no Delete on this page. An account referenced
+     * by a journal-entry line or a GLAccountLink cannot be deleted (FK), so a delete button would be
+     * a button that fails with an opaque constraint error on exactly the accounts people most want to
+     * clean up. The schema names the intended path itself: IsActive is "whether the account is
+     * available for new JE lines. **Inactive accounts retain historical data.**" So retiring an
+     * account = clearing IsActive, which is safe for every account, keeps the history readable, and
+     * never produces an error we'd have to translate.
+     */
+    async ToggleActive(r) {
+        this.IsSaving = true;
+        this.cdr.markForCheck();
+        try {
+            const entity = await this.ProviderToUse.GetEntityObject(GL_ENTITY, this.ProviderToUse.CurrentUser);
+            const loaded = await entity.Load(r.ID);
+            if (!loaded)
+                throw new Error(`Could not load account ${r.Code}.`);
+            entity.IsActive = !r.IsActive;
+            const saved = await entity.Save();
+            if (!saved) {
+                this.LoadError = this.friendlySaveError(entity.LatestResult?.CompleteMessage, `Could not update ${r.Code}.`);
+                return;
+            }
+            await this.load(true);
+            void this.grid?.Refresh(); // params are unchanged post-save (deep-equal → setter skips), so refetch explicitly
+        }
+        catch (e) {
+            this.LoadError = e instanceof Error ? e.message : String(e);
+        }
+        finally {
+            this.IsSaving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    // ------------------------------------------------------------------ loading
+    async load(forceRefresh = false) {
+        this.IsLoading = true;
+        this.LoadError = null;
+        this.cdr.markForCheck();
+        try {
+            const user = this.ProviderToUse.CurrentUser;
+            await AccountingEngineBase.Instance.Config(forceRefresh, user, this.ProviderToUse);
+            await this.Scope.Load(user, this.ProviderToUse);
+            const engine = AccountingEngineBase.Instance;
+            this.CurrencyOptions = engine.Currencies.map((c) => ({ Code: c.Code, Name: c.Name })).sort((a, b) => a.Code.localeCompare(b.Code));
+            const scoped = this.scopedAccounts(engine.GLAccounts);
+            // Companies come from the SCOPE service (ACP-backed, reactive) — NOT derived from cached GL
+            // account rows (Marcelo 2026-07-30). The old derivation had two failure modes: a freshly
+            // created company (whose W1 chart was seeded SERVER-side, so no client entity events) never
+            // appeared, and companies deleted out-of-band lingered as ghosts — picking one produced a raw
+            // FK_GLAccount_Company error at save. The scope roster tracks ACP saves live, and a company
+            // with no accounts yet is exactly the one you create the first account FOR.
+            this.CompanyOptions = this.Scope.Companies.map((c) => ({ ID: c.ID, Name: `${c.Name} (${c.CompanyCode})` }));
+            this.Rows = this.buildRollup(scoped);
+        }
+        catch (e) {
+            this.LoadError = e instanceof Error ? e.message : String(e);
+            this.Rows = [];
+        }
+        finally {
+            this.IsLoading = false;
+            this.cdr.markForCheck();
+        }
+    }
+    /**
+     * The company scope narrows the chart; empty scope = every company (the service's rule, applied
+     * through the service so it lives in one place). Permission-based narrowing lands here later —
+     * "eventually we will limit with what a person has permissions and access to see."
+     */
+    scopedAccounts(all) {
+        if (this.Scope.IsAllCompanies)
+            return all;
+        const selected = new Set(this.Scope.SelectedIDs.map((id) => NormalizeUUID(id)));
+        return all.filter((a) => selected.has(NormalizeUUID(a.CompanyID)));
+    }
+    /**
+     * Present a save failure as a human sentence, never a raw SQL dump (Marcelo 2026-07-30 — the
+     * FK-ghost incident leaked a full spCreate batch into the editor). MJ's CompleteMessage appends
+     * the executed SQL after "Query:"; everything from there down is log material, not UI copy. The
+     * one constraint a user can actually hit from this editor gets a specific, actionable message.
+     */
+    friendlySaveError(raw, fallback) {
+        if (!raw)
+            return fallback;
+        const beforeQuery = raw.split(/\bQuery:/)[0].trim();
+        if (/FK_GLAccount_Company/i.test(beforeQuery)) {
+            return 'The selected owning company no longer exists — it may have been removed since this page loaded. Refresh and choose again.';
+        }
+        const firstLine = beforeQuery.split('\n').map((l) => l.trim()).find((l) => l.length > 0);
+        return firstLine ?? fallback;
+    }
+    /**
+     * Order the chart company-by-company, each company's accounts walked as a rollup tree so children
+     * sit under their parents with a `Depth` the template turns into indentation.
+     *
+     * Two data hazards are handled rather than ignored: a parent that isn't in the set (**orphan**)
+     * and a parent chain that loops (**cycle**). Both are promoted to roots and flagged — a cycle
+     * that hung the walk would blank the page, and a dropped orphan would be a chart quietly missing
+     * accounts.
+     */
+    buildRollup(accounts) {
+        const byID = new Map();
+        for (const a of accounts)
+            byID.set(NormalizeUUID(a.ID), a);
+        const cyclic = this.findCyclicIDs(accounts, byID);
+        const children = new Map();
+        const roots = [];
+        for (const a of accounts) {
+            const parentKey = a.ParentGLAccountID ? NormalizeUUID(a.ParentGLAccountID) : null;
+            const attachable = parentKey !== null && byID.has(parentKey) && !cyclic.has(NormalizeUUID(a.ID));
+            if (!attachable) {
+                roots.push(a);
+                continue;
+            }
+            const bucket = children.get(parentKey);
+            if (bucket)
+                bucket.push(a);
+            else
+                children.set(parentKey, [a]);
+        }
+        const byCode = (x, y) => x.Code.localeCompare(y.Code);
+        const rootsByCompany = new Map();
+        for (const r of roots) {
+            const key = NormalizeUUID(r.CompanyID);
+            const bucket = rootsByCompany.get(key);
+            if (bucket)
+                bucket.push(r);
+            else
+                rootsByCompany.set(key, [r]);
+        }
+        const companies = [...rootsByCompany.entries()].sort((a, b) => {
+            const an = byID.get(NormalizeUUID(a[1][0].ID))?.Company ?? '';
+            const bn = byID.get(NormalizeUUID(b[1][0].ID))?.Company ?? '';
+            return an.localeCompare(bn);
+        });
+        const out = [];
+        const emitted = new Set();
+        for (const [, companyRoots] of companies) {
+            for (const root of [...companyRoots].sort(byCode)) {
+                this.walk(root, 0, children, byID, cyclic, emitted, out, byCode);
+            }
+        }
+        return out;
+    }
+    /** Depth-first emit. `emitted` is the belt-and-braces guard: no id is ever walked twice. */
+    walk(node, depth, children, byID, cyclic, emitted, out, byCode) {
+        const key = NormalizeUUID(node.ID);
+        if (emitted.has(key))
+            return;
+        emitted.add(key);
+        out.push(this.toRow(node, depth, byID, cyclic));
+        for (const child of [...(children.get(key) ?? [])].sort(byCode)) {
+            this.walk(child, depth + 1, children, byID, cyclic, emitted, out, byCode);
+        }
+    }
+    /**
+     * Every id whose parent chain loops. Walked per-node with a local visited set and a hard step cap,
+     * so bad data costs a bounded amount of work instead of hanging the page.
+     */
+    findCyclicIDs(accounts, byID) {
+        const cyclic = new Set();
+        for (const start of accounts) {
+            const seen = new Set([NormalizeUUID(start.ID)]);
+            let current = start;
+            let steps = 0;
+            while (current.ParentGLAccountID && steps++ <= accounts.length) {
+                const parent = byID.get(NormalizeUUID(current.ParentGLAccountID));
+                if (!parent)
+                    break;
+                const parentKey = NormalizeUUID(parent.ID);
+                if (seen.has(parentKey)) {
+                    cyclic.add(NormalizeUUID(start.ID));
+                    break;
+                }
+                seen.add(parentKey);
+                current = parent;
+            }
+        }
+        return cyclic;
+    }
+    toRow(a, depth, byID, cyclic) {
+        const parent = a.ParentGLAccountID ? byID.get(NormalizeUUID(a.ParentGLAccountID)) : undefined;
+        return {
+            ID: a.ID,
+            CompanyID: a.CompanyID,
+            Company: a.Company,
+            Code: a.Code,
+            Name: a.Name,
+            AccountType: a.AccountType,
+            ParentGLAccountID: a.ParentGLAccountID,
+            ParentLabel: parent ? `${parent.Code} — ${parent.Name}` : a.ParentGLAccount,
+            CurrencyCode: a.CurrencyCode,
+            ExternalSystem: a.ExternalSystem,
+            ExternalAccountID: a.ExternalAccountID,
+            IsActive: a.IsActive,
+            IsSystemSeeded: a.IsSystemSeeded,
+            Description: a.Description,
+            Depth: depth,
+            IsOrphan: !!a.ParentGLAccountID && !parent,
+            InCycle: cyclic.has(NormalizeUUID(a.ID)),
+        };
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵGLAccountsPageComponent_BaseFactory; return function GLAccountsPageComponent_Factory(__ngFactoryType__) { return (ɵGLAccountsPageComponent_BaseFactory || (ɵGLAccountsPageComponent_BaseFactory = i0.ɵɵgetInheritedFactory(GLAccountsPageComponent)))(__ngFactoryType__ || GLAccountsPageComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: GLAccountsPageComponent, selectors: [["mj-gl-accounts-page"]], viewQuery: function GLAccountsPageComponent_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(EntityDataGridComponent, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.grid = _t.first);
+        } }, inputs: { CreateSignal: "CreateSignal" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 22, vars: 29, consts: [[3, "Padding"], [1, "gla-body"], [1, "gla-subheader"], [3, "Bare", "Figures"], ["SearchPlaceholder", "Name, code or ID\u2026", "SearchLabel", "Search accounts", 3, "AdvancedOpenChange", "SearchChanged", "PresetToggled", "Bare", "Search", "Presets", "ActiveKeys", "HasAdvanced", "AdvancedCount", "AdvancedOpen"], [1, "gla-field"], [1, "gla-field__label"], ["AllLabel", "All companies", "AriaLabel", "Company", 3, "SelectedIDsChange", "Options", "SelectedIDs"], ["TextField", "Label", "ValueField", "Value", "aria-label", "Status", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["TextField", "Label", "ValueField", "Value", "aria-label", "Source", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["Variant", "error", 3, "Message"], ["Variant", "warning", "Message", "Some accounts point at a parent that isn't in this chart, or their parent chain loops back on itself. They're listed at the top of their company's chart and marked, rather than dropped \u2014 a rollup parent must be another account in the SAME company's chart."], ["aria-label", "Edit account", 1, "gla-editor"], [1, "gla-wrap"], ["PaginationMode", "client", "KeyField", "ID", "StateKey", "mj.bizappsacct.grid.allAccounts.v1", "Height", "auto", 3, "AfterRowClick", "Params", "Columns", "PageSize", "ShowPager", "AllowSorting", "ShowToolbar", "SelectionMode", "AutoPersistState"], [1, "gla-editor__head"], [1, "gla-editor__title"], ["Label", "system-seeded", "Icon", "fa-solid fa-cube", "Variant", "default", "title", "Created by spSeedDefaultChartOfAccounts \u2014 part of the platform-shipped chart, not a deployment customization."], [1, "gla-editor__grid"], ["TextField", "Name", "ValueField", "ID", "aria-label", "Owning company", 3, "ngModelChange", "Data", "ValuePrimitive", "DefaultItem", "Disabled", "ngModel"], [1, "gla-help"], ["type", "text", "maxlength", "40", "placeholder", "e.g. 11201", "aria-label", "Code", 1, "mj-input", 3, "ngModelChange", "ngModel"], [1, "gla-field", "gla-field--wide"], ["type", "text", "maxlength", "200", "placeholder", "e.g. Cash \u2014 Operating", "aria-label", "Name", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["aria-label", "Account type", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["TextField", "Label", "ValueField", "ID", "aria-label", "Parent account", 3, "ngModelChange", "Data", "ValuePrimitive", "DefaultItem", "Disabled", "ngModel"], ["TextField", "Label", "ValueField", "Code", "aria-label", "Currency", 3, "ngModelChange", "Data", "ValuePrimitive", "DefaultItem", "ngModel"], ["type", "text", "maxlength", "50", "placeholder", "BusinessCentral, QuickBooks, NetSuite\u2026", "aria-label", "External system", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["type", "text", "maxlength", "100", "placeholder", "That system\u2019s identifier", "aria-label", "External account ID", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["rows", "2", "aria-label", "Description", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], [1, "gla-check"], ["type", "checkbox", "aria-label", "Active", 1, "mj-checkbox", 3, "ngModelChange", "ngModel"], [1, "gla-editor__actions"], ["type", "button", "mjButton", "", "Variant", "primary", "Size", "sm", 3, "click", "disabled"], ["type", "button", "mjButton", "", "Variant", "flat", "Size", "sm", 3, "click", "disabled"]], template: function GLAccountsPageComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-body-interior", 0)(1, "div", 1)(2, "div", 2);
+            i0.ɵɵelement(3, "mja-summary-strip", 3);
+            i0.ɵɵelementStart(4, "mja-list-toolbar", 4);
+            i0.ɵɵtwoWayListener("AdvancedOpenChange", function GLAccountsPageComponent_Template_mja_list_toolbar_AdvancedOpenChange_4_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.AdvancedOpen, $event) || (ctx.AdvancedOpen = $event); return $event; });
+            i0.ɵɵlistener("SearchChanged", function GLAccountsPageComponent_Template_mja_list_toolbar_SearchChanged_4_listener($event) { return ctx.OnToolbarSearch($event); })("PresetToggled", function GLAccountsPageComponent_Template_mja_list_toolbar_PresetToggled_4_listener($event) { return ctx.OnTypeToggled($event); });
+            i0.ɵɵelementStart(5, "label", 5)(6, "span", 6);
+            i0.ɵɵtext(7, "Company");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(8, "mja-check-dropdown", 7);
+            i0.ɵɵlistener("SelectedIDsChange", function GLAccountsPageComponent_Template_mja_check_dropdown_SelectedIDsChange_8_listener($event) { return ctx.OnFilterCompanyIDsChanged($event); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(9, "label", 5)(10, "span", 6);
+            i0.ɵɵtext(11, "Status");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(12, "mj-dropdown", 8);
+            i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Template_mj_dropdown_ngModelChange_12_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.FilterActive, $event) || (ctx.FilterActive = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function GLAccountsPageComponent_Template_mj_dropdown_ngModelChange_12_listener() { return ctx.OnStatusOrSourceChanged(); });
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(13, "label", 5)(14, "span", 6);
+            i0.ɵɵtext(15, "Source");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "mj-dropdown", 9);
+            i0.ɵɵtwoWayListener("ngModelChange", function GLAccountsPageComponent_Template_mj_dropdown_ngModelChange_16_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.FilterSource, $event) || (ctx.FilterSource = $event); return $event; });
+            i0.ɵɵlistener("ngModelChange", function GLAccountsPageComponent_Template_mj_dropdown_ngModelChange_16_listener() { return ctx.OnStatusOrSourceChanged(); });
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵconditionalCreate(17, GLAccountsPageComponent_Conditional_17_Template, 1, 1, "mj-alert", 10);
+            i0.ɵɵconditionalCreate(18, GLAccountsPageComponent_Conditional_18_Template, 1, 0, "mj-alert", 11);
+            i0.ɵɵconditionalCreate(19, GLAccountsPageComponent_Conditional_19_Template, 60, 31, "section", 12);
+            i0.ɵɵelementStart(20, "div", 13)(21, "mj-entity-data-grid", 14);
+            i0.ɵɵlistener("AfterRowClick", function GLAccountsPageComponent_Template_mj_entity_data_grid_AfterRowClick_21_listener($event) { return ctx.OnGridRowClicked($event.rowKey); });
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵproperty("Padding", false);
+            i0.ɵɵadvance(3);
+            i0.ɵɵproperty("Bare", true)("Figures", ctx.SummaryFigures);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Bare", true)("Search", ctx.SearchText)("Presets", ctx.TypeChips)("ActiveKeys", ctx.ActiveTypeKeys)("HasAdvanced", true)("AdvancedCount", ctx.AdvancedCount);
+            i0.ɵɵtwoWayProperty("AdvancedOpen", ctx.AdvancedOpen);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("Options", ctx.CompanyOptions)("SelectedIDs", ctx.FilterCompanyIDs);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("Data", ctx.StatusChoices)("ValuePrimitive", true);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.FilterActive);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("Data", ctx.SourceChoices)("ValuePrimitive", true);
+            i0.ɵɵtwoWayProperty("ngModel", ctx.FilterSource);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.LoadError ? 17 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.OrphanCount > 0 ? 18 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.Draft ? 19 : -1);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Params", ctx.GridParams)("Columns", ctx.GridColumns)("PageSize", 100)("ShowPager", true)("AllowSorting", true)("ShowToolbar", false)("SelectionMode", "single")("AutoPersistState", true);
+        } }, dependencies: [i1.MJDropdownComponent, i2.MJACheckDropdownComponent, i3.MJASummaryStripComponent, i4.MJAListToolbarComponent, i5.DefaultValueAccessor, i5.CheckboxControlValueAccessor, i5.NgControlStatus, i5.MaxLengthValidator, i5.NgModel, i6.EntityDataGridComponent, i1.MJButtonDirective, i1.MJPageBodyInteriorComponent, i1.MJStatBadgeComponent, i1.MJAlertComponent], styles: ["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n.mjsh-tablewrap[_ngcontent-%COMP%] {\n  \n\n\n\n  height: min(68vh, 900px);\n  min-height: 320px;\n  \n\n  overflow-x: auto;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  background: var(--mj-bg-surface);\n}\n\n.mjsh-table[_ngcontent-%COMP%] {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.mjsh-table[_ngcontent-%COMP%]   thead[_ngcontent-%COMP%]   th[_ngcontent-%COMP%] {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background: var(--mj-bg-surface);\n  \n\n\n\n\n  box-shadow: inset 0 -1px 0 var(--mj-border-default);\n}", "\n\n\n\n\n\n[_nghost-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  gap: 12px;\n}\n\n\n\n.gla-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.gla-field__label[_ngcontent-%COMP%] {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--mj-text-muted);\n}\n.gla-field--search[_ngcontent-%COMP%] {\n  min-width: 220px;\n}\n.gla-field--wide[_ngcontent-%COMP%] {\n  grid-column: span 2;\n}\n.gla-help[_ngcontent-%COMP%] {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n\n\n.gla-editor[_ngcontent-%COMP%] {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  background: var(--mj-bg-surface);\n  padding: 14px 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.gla-editor__head[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.gla-editor__title[_ngcontent-%COMP%] {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n.gla-editor__grid[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 12px;\n}\n.gla-editor__actions[_ngcontent-%COMP%] {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.gla-check[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12.5px;\n  color: var(--mj-text-secondary);\n}\n\n\n\n.gla-subheader[_ngcontent-%COMP%] {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n  margin-bottom: 12px;\n}\n.gla-subheader[_ngcontent-%COMP%]   mja-list-toolbar[_ngcontent-%COMP%] {\n  display: block;\n  border-top: 1px solid var(--mj-border-default);\n}\n.gla-wrap[_ngcontent-%COMP%] {\n  \n\n\n\n\n  flex: 1 1 auto;\n  min-height: 320px;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n  overflow: hidden;\n}\n\n\n\n.gla-body[_ngcontent-%COMP%] {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: var(--mj-space-4);\n}\n.gla-body[_ngcontent-%COMP%]   .gla-subheader[_ngcontent-%COMP%] {\n  margin-bottom: 0;\n}"], changeDetection: 0 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(GLAccountsPageComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-gl-accounts-page', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- The scrollable body ([Padding]=false: the page owns the 16px gutter so every bubble aligns,\n     per the list-page standard). NOTE body-interior is display:block; .gla-body restores a flex\n     column with definite height, so children may size with flex again. -->\n<mj-page-body-interior [Padding]=\"false\">\n  <div class=\"gla-body\">\n  <!-- The fused subheader (list-page standard, Marcelo 2026-08-04): no title card \u2014 the rail names\n       the page. Stats row + search/type-chips/Filters row in ONE band; Company/Status/Source narrow\n       from the Filters disclosure; the page-local \"New account\" verb rides the toolbar's actions\n       slot (an inline create with no workspace to route to). -->\n  <div class=\"gla-subheader\">\n    <mja-summary-strip [Bare]=\"true\" [Figures]=\"SummaryFigures\" />\n    <mja-list-toolbar\n      [Bare]=\"true\"\n      [Search]=\"SearchText\"\n      SearchPlaceholder=\"Name, code or ID\u2026\"\n      SearchLabel=\"Search accounts\"\n      [Presets]=\"TypeChips\"\n      [ActiveKeys]=\"ActiveTypeKeys\"\n      [HasAdvanced]=\"true\"\n      [AdvancedCount]=\"AdvancedCount\"\n      [(AdvancedOpen)]=\"AdvancedOpen\"\n      (SearchChanged)=\"OnToolbarSearch($event)\"\n      (PresetToggled)=\"OnTypeToggled($event)\">\n      <label class=\"gla-field\">\n        <span class=\"gla-field__label\">Company</span>\n        <!-- CHECKBOX multi-select (Marcelo 2026-08-05): narrow to any set of companies; empty = all. -->\n        <mja-check-dropdown\n          [Options]=\"CompanyOptions\"\n          [SelectedIDs]=\"FilterCompanyIDs\"\n          AllLabel=\"All companies\"\n          AriaLabel=\"Company\"\n          (SelectedIDsChange)=\"OnFilterCompanyIDsChanged($event)\" />\n      </label>\n      <label class=\"gla-field\">\n        <span class=\"gla-field__label\">Status</span>\n        <mj-dropdown [Data]=\"StatusChoices\" TextField=\"Label\" ValueField=\"Value\" [ValuePrimitive]=\"true\"\n          [(ngModel)]=\"FilterActive\" (ngModelChange)=\"OnStatusOrSourceChanged()\" aria-label=\"Status\" />\n      </label>\n      <label class=\"gla-field\">\n        <!-- IsSystemSeeded exists for exactly this distinction: platform-shipped accounts vs.\n             deployment customizations. -->\n        <span class=\"gla-field__label\">Source</span>\n        <mj-dropdown [Data]=\"SourceChoices\" TextField=\"Label\" ValueField=\"Value\" [ValuePrimitive]=\"true\"\n          [(ngModel)]=\"FilterSource\" (ngModelChange)=\"OnStatusOrSourceChanged()\" aria-label=\"Source\" />\n      </label>\n    </mja-list-toolbar>\n  </div>\n\n  @if (LoadError) {\n    <mj-alert Variant=\"error\" [Message]=\"LoadError\"></mj-alert>\n  }\n\n  @if (OrphanCount > 0) {\n    <mj-alert\n      Variant=\"warning\"\n      Message=\"Some accounts point at a parent that isn't in this chart, or their parent chain loops back on itself. They're listed at the top of their company's chart and marked, rather than dropped \u2014 a rollup parent must be another account in the SAME company's chart.\">\n    </mj-alert>\n  }\n\n  @if (Draft) {\n    <section class=\"gla-editor\" aria-label=\"Edit account\">\n      <header class=\"gla-editor__head\">\n        <h3 class=\"gla-editor__title\">{{ Draft.ID ? 'Edit account' : 'New account' }}</h3>\n        @if (EditingSeeded) {\n          <mj-stat-badge Label=\"system-seeded\" Icon=\"fa-solid fa-cube\" Variant=\"default\"\n            title=\"Created by spSeedDefaultChartOfAccounts \u2014 part of the platform-shipped chart, not a deployment customization.\"></mj-stat-badge>\n        }\n      </header>\n\n      @if (EditorError) {\n        <mj-alert Variant=\"error\" [Message]=\"EditorError\"></mj-alert>\n      }\n\n      <div class=\"gla-editor__grid\">\n        <label class=\"gla-field\">\n          <span class=\"gla-field__label\">Company</span>\n          <!-- Every account is born inside exactly one company's chart (CompanyID is NOT NULL,\n               UNIQUE(CompanyID, Code)) \u2014 there is no pool of unowned accounts to hook up later.\n               On edit the company is fixed: moving an account between charts would silently break\n               its rollup parent and could collide with the target chart's codes. -->\n          <mj-dropdown [Data]=\"CompanyOptions\" TextField=\"Name\" ValueField=\"ID\" [ValuePrimitive]=\"true\"\n            [DefaultItem]=\"OwningCompanyDefault\" [Disabled]=\"!!Draft.ID\"\n            [(ngModel)]=\"Draft.CompanyID\" aria-label=\"Owning company\" />\n          <span class=\"gla-help\">{{ Draft.ID ? 'An account stays in the chart it was created in.' : 'This company will own the account.' }}</span>\n        </label>\n\n        <label class=\"gla-field\">\n          <span class=\"gla-field__label\">Code</span>\n          <input class=\"mj-input\" type=\"text\" [(ngModel)]=\"Draft.Code\" maxlength=\"40\" placeholder=\"e.g. 11201\" aria-label=\"Code\" />\n          <span class=\"gla-help\">Unique within this company\u2019s chart.</span>\n        </label>\n\n        <label class=\"gla-field gla-field--wide\">\n          <span class=\"gla-field__label\">Name</span>\n          <input class=\"mj-input\" type=\"text\" [(ngModel)]=\"Draft.Name\" maxlength=\"200\" placeholder=\"e.g. Cash \u2014 Operating\" aria-label=\"Name\" />\n        </label>\n\n        <label class=\"gla-field\">\n          <span class=\"gla-field__label\">Account type</span>\n          <mj-dropdown [Data]=\"AccountTypes\" [ValuePrimitive]=\"true\"\n            [(ngModel)]=\"Draft.AccountType\" aria-label=\"Account type\" />\n        </label>\n\n        <label class=\"gla-field gla-field--wide\">\n          <span class=\"gla-field__label\">Parent account (rollup)</span>\n          <!-- The picker offers only THIS company's own accounts, minus this account and everything\n               beneath it. That IS what a parent is: the account this one rolls up into, inside the\n               same chart (e.g. 11200 Cash parents 11201 Cash \u2014 Operating). -->\n          <mj-dropdown [Data]=\"ParentOptions\" TextField=\"Label\" ValueField=\"ID\" [ValuePrimitive]=\"true\"\n            [DefaultItem]=\"ParentNoneDefault\" [Disabled]=\"!Draft.CompanyID\"\n            [(ngModel)]=\"Draft.ParentGLAccountID\" aria-label=\"Parent account\" />\n          <span class=\"gla-help\">\n            The account this one rolls up into \u2014 always another account in {{ Draft.CompanyID ? 'this same company\u2019s chart' : 'the owning company\u2019s chart' }}.\n            Leave as \u201CNone\u201D for a top-level account.\n          </span>\n        </label>\n\n        <label class=\"gla-field\">\n          <span class=\"gla-field__label\">Currency</span>\n          <mj-dropdown [Data]=\"CurrencyChoices\" TextField=\"Label\" ValueField=\"Code\" [ValuePrimitive]=\"true\"\n            [DefaultItem]=\"CurrencyDefault\"\n            [(ngModel)]=\"Draft.CurrencyCode\" aria-label=\"Currency\" />\n        </label>\n\n        <label class=\"gla-field\">\n          <!-- OUTBOUND: this maps MJ's account out to the ERP's account. MJ's copy is the record. -->\n          <span class=\"gla-field__label\">External system</span>\n          <input class=\"mj-input\" type=\"text\" [(ngModel)]=\"Draft.ExternalSystem\" maxlength=\"50\" placeholder=\"BusinessCentral, QuickBooks, NetSuite\u2026\" aria-label=\"External system\" />\n          <span class=\"gla-help\">The system this account syncs OUT to. Leave blank for local-only.</span>\n        </label>\n\n        <label class=\"gla-field\">\n          <span class=\"gla-field__label\">External account ID</span>\n          <input class=\"mj-input\" type=\"text\" [(ngModel)]=\"Draft.ExternalAccountID\" maxlength=\"100\" placeholder=\"That system\u2019s identifier\" aria-label=\"External account ID\" />\n        </label>\n\n        <label class=\"gla-field gla-field--wide\">\n          <span class=\"gla-field__label\">Description</span>\n          <textarea class=\"mj-textarea\" rows=\"2\" [(ngModel)]=\"Draft.Description\" aria-label=\"Description\"></textarea>\n        </label>\n\n        <label class=\"gla-check\">\n          <input class=\"mj-checkbox\" type=\"checkbox\" [(ngModel)]=\"Draft.IsActive\" aria-label=\"Active\" />\n          <span>Active \u2014 available for new journal-entry lines</span>\n        </label>\n      </div>\n\n      <!-- Confirm LEFT, Cancel RIGHT. -->\n      <div class=\"gla-editor__actions\">\n        <button type=\"button\" mjButton Variant=\"primary\" Size=\"sm\" [disabled]=\"IsSaving\" (click)=\"Save()\">\n          {{ IsSaving ? 'Saving\u2026' : (Draft.ID ? 'Save account' : 'Create account') }}\n        </button>\n        <button type=\"button\" mjButton Variant=\"flat\" Size=\"sm\" [disabled]=\"IsSaving\" (click)=\"CancelEdit()\">Cancel</button>\n      </div>\n    </section>\n  }\n\n  <!-- MJ's house grid (Marcelo 2026-08-05: All accounts uses the STANDARD mj-entity-data-grid,\n       same as All journal entries / All batches \u2014 \u00A78 MJ-wins). The toolbar filters + search feed\n       the grid's ExtraFilter (server-side predicate, same shape the client filter used). Clicking\n       a row opens the editor above (per-row Edit/Retire buttons retired with the hand-rolled\n       table \u2014 the editor's Active checkbox is the retire path). Tree indentation + orphan/cycle\n       flags were the hand-rolled table's extra; the rollup STRUCTURE lives on the Chart of\n       accounts page (the tree view), so this page is the flat, sortable inventory. -->\n  <div class=\"gla-wrap\">\n    <mj-entity-data-grid\n      [Params]=\"GridParams\"\n      [Columns]=\"GridColumns\"\n      PaginationMode=\"client\"\n      [PageSize]=\"100\"\n      [ShowPager]=\"true\"\n      [AllowSorting]=\"true\"\n      [ShowToolbar]=\"false\"\n      [SelectionMode]=\"'single'\"\n      KeyField=\"ID\"\n      StateKey=\"mj.bizappsacct.grid.allAccounts.v1\"\n      [AutoPersistState]=\"true\"\n      Height=\"auto\"\n      (AfterRowClick)=\"OnGridRowClicked($event.rowKey)\">\n    </mj-entity-data-grid>\n  </div>\n  </div>\n</mj-page-body-interior>\n", styles: ["/* \u2550\u2550 SHARED: scrolling table + sticky header \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n   Consumed by every shell page with a hand-rolled <table>, as the FIRST entry in its\n   styleUrls (so a page's own file still wins on a tie and can restyle type/colour).\n   Markup contract:  <div class=\"mjsh-tablewrap\"><table class=\"mjsh-table\"> \u2026 </table></div>\n\n   \u2500\u2500 WHY THIS FILE EXISTS \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   This block was pasted verbatim into 7 page stylesheets and half-pasted into ~10 more,\n   which is exactly how the half-copies drifted into being silently broken (below). One\n   home, one fix. Pages using MJ's <mj-entity-data-grid> (AG Grid) are NOT consumers \u2014\n   AG Grid owns its own header and viewport; do not add these classes there.\n\n   \u2500\u2500 THE THREE THINGS THAT MAKE STICKY WORK (all are load-bearing) \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\n   1. A REAL BOUNDED HEIGHT + overflow-y on the ancestor. `position: sticky` is measured\n      against the nearest SCROLLING ancestor; with no bounded height there is no scroll\n      port, the th is inert, and THE PAGE scrolls instead \u2014 rows ride up OVER the header.\n      This is the failure this file fixes. Note `flex: 1` is NOT a height here: these\n      wrappers sit under <mj-page-body-interior>, which is display:block, so a flex child\n      is a no-op that collapses to zero (it blanked All journal entries once). Height must\n      come from height/min-height. Every consumer page's :host already declares\n      `display:flex; flex-direction:column; height:100%; min-height:0` \u2014 the chain that\n      makes min(68vh,900px) resolve. Same chain everywhere; don't invent a per-page one.\n   2. BOTH overflow axes, explicitly. Per the overflow spec a `visible` axis paired with a\n      non-`visible` axis computes to `auto` \u2014 so `overflow-x: auto` alone silently turns on\n      a VERTICAL scrollbar nobody asked for. Four pages shipped exactly that bug.\n   3. An OPAQUE background + a z-index. Rows scroll UNDER the header; a transparent or\n      un-stacked th lets them show straight through it. The background MUST be a token\n      (there is a CI gate on literals) \u2014 never `white`.\n   \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n\n.mjsh-tablewrap {\n  /* 68vh keeps the table clearly INSIDE the viewport, so the page itself never grows a\n     scrollbar because a table got long; 900px stops it stretching absurdly on a tall\n     monitor; 320px keeps a near-empty table from collapsing to a sliver. */\n  height: min(68vh, 900px);\n  min-height: 320px;\n  /* Both axes, always \u2014 see (2) above. */\n  overflow-x: auto;\n  overflow-y: auto;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  background: var(--mj-bg-surface);\n}\n\n.mjsh-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.mjsh-table thead th {\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background: var(--mj-bg-surface);\n  /* NOT `border-bottom`: with border-collapse:collapse the collapsed border belongs to the\n     table grid, not the th, so it does NOT travel with a sticky header \u2014 the rule detaches\n     and rows slide over the gap. An inset shadow paints on the th itself and does stick.\n     A page that wants no rule can override `box-shadow: none` in its own file. */\n  box-shadow: inset 0 -1px 0 var(--mj-border-default);\n}\n", "/* GL accounts. Design tokens only \u2014 no hex/rgb literals, no .mj-btn overrides.\n\n   \u26A0 These wrappers live inside <mj-page-body-interior>, which is display:block \u2014 so `flex: 1`\n   does NOT size them (it is a no-op and collapses the list to zero height). Size with\n   height/min-height; the percentage resolves against body-interior's flex-derived height. */\n:host {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  min-height: 0;\n  gap: 12px;\n}\n\n/* --- filters (one line, in the header's toolbar slot) --- */\n.gla-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.gla-field__label {\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  color: var(--mj-text-muted);\n}\n.gla-field--search {\n  min-width: 220px;\n}\n.gla-field--wide {\n  grid-column: span 2;\n}\n.gla-help {\n  font-size: 11px;\n  color: var(--mj-text-muted);\n}\n\n/* --- editor --- */\n.gla-editor {\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  background: var(--mj-bg-surface);\n  padding: 14px 16px;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.gla-editor__head {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n}\n.gla-editor__title {\n  margin: 0;\n  font-size: 14px;\n  font-weight: 600;\n  color: var(--mj-text-primary);\n}\n.gla-editor__grid {\n  display: grid;\n  grid-template-columns: repeat(4, minmax(0, 1fr));\n  gap: 12px;\n}\n.gla-editor__actions {\n  display: flex;\n  gap: 8px;\n  align-items: center;\n}\n.gla-check {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  font-size: 12.5px;\n  color: var(--mj-text-secondary);\n}\n\n/* The fused subheader (list-page standard) + the rounded grid card, matching All JEs / batches. */\n.gla-subheader {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n  margin-bottom: 12px;\n}\n.gla-subheader mja-list-toolbar {\n  display: block;\n  border-top: 1px solid var(--mj-border-default);\n}\n.gla-wrap {\n  /* Same height chain as .aje-grid (the list idiom this page clones): mj-entity-data-grid's :host\n     is height:100%, so the wrapper MUST have real height or the grid collapses to its borders\n     (~4px) and AG Grid's rows are clipped invisible + unclickable. .gla-body is a flex column with\n     a definite height, so flex sizing is legal here. overflow:hidden rounds the grid to the card. */\n  flex: 1 1 auto;\n  min-height: 320px;\n  display: flex;\n  flex-direction: column;\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n  overflow: hidden;\n}\n\n/* Page-owned gutter (body-interior [Padding]=false) \u2014 16px, matching the list-page standard. */\n.gla-body {\n  box-sizing: border-box;\n  height: 100%;\n  min-height: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n  padding: var(--mj-space-4);\n}\n.gla-body .gla-subheader {\n  margin-bottom: 0;\n}\n"] }]
+    }], null, { grid: [{
+            type: ViewChild,
+            args: [EntityDataGridComponent]
+        }], CreateSignal: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(GLAccountsPageComponent, { className: "GLAccountsPageComponent", filePath: "lib/custom/shell/pages/gl-accounts.page.ts", lineNumber: 98 }); })();
+//# sourceMappingURL=gl-accounts.page.js.map