@mj-biz-apps/accounting-ng 0.1.0

package/dist/lib/custom/ChartOfAccounts/coa-dashboard.component.js

@@ -0,0 +1,756 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { Component, ChangeDetectionStrategy, ChangeDetectorRef, inject, Input } from '@angular/core';
+import { takeUntil } from 'rxjs';
+import { BaseDashboard } from '@memberjunction/ng-shared';
+import { RegisterClass } from '@memberjunction/global';
+import { Metadata, CompositeKey } from '@memberjunction/core';
+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-shared-generic";
+const _forTrack0 = ($index, $item) => $item.Row.ID;
+function ChartOfAccountsDashboardComponent_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-loading", 6);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_10_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.LoadError, " ");
+} }
+function ChartOfAccountsDashboardComponent_Conditional_10_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 12);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_10_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "mj-empty-state", 13);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_7_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 21);
+    i0.ɵɵelement(1, "i", 25);
+    i0.ɵɵtext(2, " inactive");
+    i0.ɵɵelementEnd();
+} }
+function ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_9_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "span", 23);
+    i0.ɵɵtext(1);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r3 = i0.ɵɵnextContext().$implicit;
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(node_r3.Row.CurrencyCode);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_For_2_Template(rf, ctx) { if (rf & 1) {
+    const _r2 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 17);
+    i0.ɵɵlistener("click", function ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_For_2_Template_button_click_0_listener() { const node_r3 = i0.ɵɵrestoreView(_r2).$implicit; const ctx_r0 = i0.ɵɵnextContext(3); return i0.ɵɵresetView(ctx_r0.OpenAccount(node_r3.Row)); });
+    i0.ɵɵelementStart(1, "span", 18);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "span", 19);
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "span", 20);
+    i0.ɵɵtext(6);
+    i0.ɵɵelementEnd();
+    i0.ɵɵconditionalCreate(7, ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_7_Template, 3, 0, "span", 21);
+    i0.ɵɵelement(8, "span", 22);
+    i0.ɵɵconditionalCreate(9, ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_For_2_Conditional_9_Template, 2, 1, "span", 23);
+    i0.ɵɵelement(10, "i", 24);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const node_r3 = ctx.$implicit;
+    const ctx_r0 = i0.ɵɵnextContext(3);
+    i0.ɵɵstyleProp("padding-left", ctx_r0.Indent(node_r3.Depth));
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r3.Row.Code);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(node_r3.Row.Name);
+    i0.ɵɵadvance();
+    i0.ɵɵattribute("data-variant", ctx_r0.TypeVariant(node_r3.Row.AccountType));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(node_r3.Row.AccountType);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(!node_r3.Row.IsActive ? 7 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵconditional(node_r3.Row.CurrencyCode ? 9 : -1);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 14);
+    i0.ɵɵrepeaterCreate(1, ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_For_2_Template, 11, 8, "button", 16, _forTrack0);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance();
+    i0.ɵɵrepeater(ctx_r0.FilteredTree);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_10_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵconditionalCreate(0, ChartOfAccountsDashboardComponent_Conditional_10_Conditional_0_Template, 3, 1, "div", 9);
+    i0.ɵɵconditionalCreate(1, ChartOfAccountsDashboardComponent_Conditional_10_Conditional_1_Template, 1, 0, "mj-empty-state", 12)(2, ChartOfAccountsDashboardComponent_Conditional_10_Conditional_2_Template, 1, 0, "mj-empty-state", 13)(3, ChartOfAccountsDashboardComponent_Conditional_10_Conditional_3_Template, 3, 0, "div", 14);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r0.LoadError ? 0 : -1);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.AllAccounts.length === 0 ? 1 : ctx_r0.FilteredTree.length === 0 ? 2 : 3);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_13_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵelement(1, "i", 15);
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate1(" ", ctx_r0.DialogError);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_14_Conditional_37_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "div", 26)(1, "dt");
+    i0.ɵɵtext(2, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "dd");
+    i0.ɵɵtext(4);
+    i0.ɵɵelementEnd()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵadvance(4);
+    i0.ɵɵtextInterpolate(ctx_r0.Model.Description);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_14_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelementStart(0, "dl", 10)(1, "div", 26)(2, "dt");
+    i0.ɵɵtext(3, "Code");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(4, "dd");
+    i0.ɵɵtext(5);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "div", 26)(7, "dt");
+    i0.ɵɵtext(8, "Name");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(9, "dd");
+    i0.ɵɵtext(10);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(11, "div", 26)(12, "dt");
+    i0.ɵɵtext(13, "Type");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(14, "dd")(15, "span", 20);
+    i0.ɵɵtext(16);
+    i0.ɵɵelementEnd()()();
+    i0.ɵɵelementStart(17, "div", 26)(18, "dt");
+    i0.ɵɵtext(19, "Company");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(20, "dd");
+    i0.ɵɵtext(21);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(22, "div", 26)(23, "dt");
+    i0.ɵɵtext(24, "Parent");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(25, "dd");
+    i0.ɵɵtext(26);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(27, "div", 26)(28, "dt");
+    i0.ɵɵtext(29, "Currency");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(30, "dd");
+    i0.ɵɵtext(31);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(32, "div", 26)(33, "dt");
+    i0.ɵɵtext(34, "Status");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(35, "dd");
+    i0.ɵɵtext(36);
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(37, ChartOfAccountsDashboardComponent_Conditional_14_Conditional_37_Template, 5, 1, "div", 26);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.Model.Code);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.Model.Name);
+    i0.ɵɵadvance(5);
+    i0.ɵɵattribute("data-variant", ctx_r0.TypeVariant(ctx_r0.Model.AccountType));
+    i0.ɵɵadvance();
+    i0.ɵɵtextInterpolate(ctx_r0.Model.AccountType);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.companyName(ctx_r0.Model.CompanyID));
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.ParentName);
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.Model.CurrencyCode || "Company default");
+    i0.ɵɵadvance(5);
+    i0.ɵɵtextInterpolate(ctx_r0.Model.IsActive ? "Active" : "Inactive");
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.Model.Description ? 37 : -1);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_15_Conditional_24_Template(rf, ctx) { if (rf & 1) {
+    const _r5 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "mj-dropdown", 39);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChartOfAccountsDashboardComponent_Conditional_15_Conditional_24_Template_mj_dropdown_ngModelChange_0_listener($event) { i0.ɵɵrestoreView(_r5); const ctx_r0 = i0.ɵɵnextContext(2); i0.ɵɵtwoWayBindingSet(ctx_r0.Model.CompanyID, $event) || (ctx_r0.Model.CompanyID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("Data", ctx_r0.CompanyScopeOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Model.CompanyID);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_15_Conditional_25_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "input", 32);
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext(2);
+    i0.ɵɵproperty("value", ctx_r0.companyName(ctx_r0.Model.CompanyID));
+} }
+function ChartOfAccountsDashboardComponent_Conditional_15_Template(rf, ctx) { if (rf & 1) {
+    const _r4 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 11)(1, "label", 3)(2, "span", 4);
+    i0.ɵɵtext(3, "Code ");
+    i0.ɵɵelementStart(4, "span", 27);
+    i0.ɵɵtext(5, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(6, "input", 28);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChartOfAccountsDashboardComponent_Conditional_15_Template_input_ngModelChange_6_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Model.Code, $event) || (ctx_r0.Model.Code = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(7, "label", 3)(8, "span", 4);
+    i0.ɵɵtext(9, "Name ");
+    i0.ɵɵelementStart(10, "span", 27);
+    i0.ɵɵtext(11, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(12, "input", 29);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChartOfAccountsDashboardComponent_Conditional_15_Template_input_ngModelChange_12_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Model.Name, $event) || (ctx_r0.Model.Name = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(13, "label", 3)(14, "span", 4);
+    i0.ɵɵtext(15, "Account type ");
+    i0.ɵɵelementStart(16, "span", 27);
+    i0.ɵɵtext(17, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(18, "mj-dropdown", 30);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChartOfAccountsDashboardComponent_Conditional_15_Template_mj_dropdown_ngModelChange_18_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Model.AccountType, $event) || (ctx_r0.Model.AccountType = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(19, "label", 3)(20, "span", 4);
+    i0.ɵɵtext(21, "Company ");
+    i0.ɵɵelementStart(22, "span", 27);
+    i0.ɵɵtext(23, "*");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵconditionalCreate(24, ChartOfAccountsDashboardComponent_Conditional_15_Conditional_24_Template, 1, 3, "mj-dropdown", 31)(25, ChartOfAccountsDashboardComponent_Conditional_15_Conditional_25_Template, 1, 1, "input", 32);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(26, "label", 3)(27, "span", 4);
+    i0.ɵɵtext(28, "Parent account");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(29, "mj-dropdown", 33);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChartOfAccountsDashboardComponent_Conditional_15_Template_mj_dropdown_ngModelChange_29_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Model.ParentGLAccountID, $event) || (ctx_r0.Model.ParentGLAccountID = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(30, "label", 3)(31, "span", 4);
+    i0.ɵɵtext(32, "Currency");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(33, "mj-combobox", 34);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChartOfAccountsDashboardComponent_Conditional_15_Template_mj_combobox_ngModelChange_33_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Model.CurrencyCode, $event) || (ctx_r0.Model.CurrencyCode = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(34, "label", 35)(35, "input", 36);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChartOfAccountsDashboardComponent_Conditional_15_Template_input_ngModelChange_35_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Model.IsActive, $event) || (ctx_r0.Model.IsActive = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(36, "span");
+    i0.ɵɵtext(37, "Active (available for new journal entries)");
+    i0.ɵɵelementEnd()();
+    i0.ɵɵelementStart(38, "label", 37)(39, "span", 4);
+    i0.ɵɵtext(40, "Description");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(41, "textarea", 38);
+    i0.ɵɵtwoWayListener("ngModelChange", function ChartOfAccountsDashboardComponent_Conditional_15_Template_textarea_ngModelChange_41_listener($event) { i0.ɵɵrestoreView(_r4); const ctx_r0 = i0.ɵɵnextContext(); i0.ɵɵtwoWayBindingSet(ctx_r0.Model.Description, $event) || (ctx_r0.Model.Description = $event); return i0.ɵɵresetView($event); });
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Model.Code);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Model.Name);
+    i0.ɵɵadvance(6);
+    i0.ɵɵproperty("Data", ctx_r0.AccountTypeOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Model.AccountType);
+    i0.ɵɵadvance(6);
+    i0.ɵɵconditional(ctx_r0.DialogMode === "create" ? 24 : 25);
+    i0.ɵɵadvance(5);
+    i0.ɵɵproperty("Data", ctx_r0.ParentChoices)("ValuePrimitive", true)("DefaultItem", ctx_r0.ParentNoneDefault);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Model.ParentGLAccountID);
+    i0.ɵɵadvance(4);
+    i0.ɵɵproperty("Data", ctx_r0.CurrencyOptions)("ValuePrimitive", true);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Model.CurrencyCode);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Model.IsActive);
+    i0.ɵɵadvance(6);
+    i0.ɵɵtwoWayProperty("ngModel", ctx_r0.Model.Description);
+} }
+function ChartOfAccountsDashboardComponent_Conditional_17_Template(rf, ctx) { if (rf & 1) {
+    const _r6 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 40);
+    i0.ɵɵlistener("click", function ChartOfAccountsDashboardComponent_Conditional_17_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.StartEdit()); });
+    i0.ɵɵelement(1, "i", 41);
+    i0.ɵɵtext(2, " Edit");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 42);
+    i0.ɵɵlistener("click", function ChartOfAccountsDashboardComponent_Conditional_17_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r6); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.CloseDialog()); });
+    i0.ɵɵtext(4, "Close");
+    i0.ɵɵelementEnd();
+} }
+function ChartOfAccountsDashboardComponent_Conditional_18_Conditional_1_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 45);
+    i0.ɵɵtext(1, " Saving\u2026 ");
+} }
+function ChartOfAccountsDashboardComponent_Conditional_18_Conditional_2_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "i", 46);
+    i0.ɵɵtext(1, " Save ");
+} }
+function ChartOfAccountsDashboardComponent_Conditional_18_Template(rf, ctx) { if (rf & 1) {
+    const _r7 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "button", 43);
+    i0.ɵɵlistener("click", function ChartOfAccountsDashboardComponent_Conditional_18_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.SaveAccount()); });
+    i0.ɵɵconditionalCreate(1, ChartOfAccountsDashboardComponent_Conditional_18_Conditional_1_Template, 2, 0)(2, ChartOfAccountsDashboardComponent_Conditional_18_Conditional_2_Template, 2, 0);
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(3, "button", 44);
+    i0.ɵɵlistener("click", function ChartOfAccountsDashboardComponent_Conditional_18_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r7); const ctx_r0 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r0.OnDialogCancel()); });
+    i0.ɵɵtext(4, "Cancel");
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const ctx_r0 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+    i0.ɵɵadvance();
+    i0.ɵɵconditional(ctx_r0.Saving ? 1 : 2);
+    i0.ɵɵadvance(2);
+    i0.ɵɵproperty("disabled", ctx_r0.Saving);
+} }
+const GL_ACCOUNT_ENTITY = 'MJ_BizApps_Accounting: GL Accounts';
+/**
+ * Chart of Accounts — a hierarchical, company-scoped view of the GL account tree.
+ *
+ * Loads all GL accounts + all company profiles (for the company selector) in one batched read.
+ * Builds the parent→child hierarchy client-side from ParentGLAccountID, renders it as an indented
+ * flat list ordered by depth-first traversal, and filters by company / account type / search. Clicking
+ * a row opens the existing generated GL Account form via the BaseDashboard OpenEntityRecord output.
+ */
+let ChartOfAccountsDashboardComponent = class ChartOfAccountsDashboardComponent extends BaseDashboard {
+    cdr = inject(ChangeDetectorRef);
+    md = new Metadata();
+    IsBusy = false;
+    LoadError = null;
+    AllAccounts = [];
+    Companies = [];
+    // ─── account view/edit/create dialog ─────────────────────────────────────────
+    DialogVisible = false;
+    DialogMode = 'view';
+    Saving = false;
+    DialogError = null;
+    Model = this.blankModel();
+    /** The valid AccountType values, sourced from entity metadata (rule 2c — not a hand-copied union). */
+    AccountTypeOptions = [];
+    /** Seeded currency roster for the editor's searchable combobox (Marcelo 2026-07-30: free-text
+     *  invited typos the DB then rejected). Label = "CODE — Name" so the combobox's contains-filter
+     *  matches typing either the actual code ("USD") or the name ("dollar"). */
+    get CurrencyOptions() {
+        return AccountingEngineBase.Instance.Currencies
+            .map((c) => ({ Code: c.Code, Name: c.Name, Label: `${c.Code} — ${c.Name}` }))
+            .sort((a, b) => a.Code.localeCompare(b.Code));
+    }
+    /** Snapshot taken when opening an existing account, so Cancel can revert edits back to the view. */
+    savedModel = null;
+    /** One-time guard for the reactive engine subscription. */
+    engineSubscribed = false;
+    // ─── filters ───────────────────────────────────────────────────────────────
+    AccountTypeFilter = 'All';
+    Search = '';
+    // ─── list-page standard chrome (fused subheader — Marcelo 2026-08-04) ────────
+    get SummaryFigures() {
+        return [
+            { Label: 'Accounts', Value: String(this.AllAccounts.length) },
+            { Label: 'Companies', Value: String(this.CompanyCount) },
+        ];
+    }
+    /** Account types as chips (single-select, matching SetAccountTypeFilter's semantics). */
+    get TypeChips() {
+        return [
+            { Key: 'All', Label: 'All types' },
+            ...['Asset', 'Liability', 'Equity', 'Revenue', 'Expense']
+                .filter((t) => this.AllAccounts.some((a) => a.AccountType === t))
+                .map((t) => ({ Key: t, Label: t, Count: this.AllAccounts.filter((a) => a.AccountType === t).length })),
+        ];
+    }
+    get ActiveTypeKeys() {
+        return [this.AccountTypeFilter];
+    }
+    OnTypeToggled(key) {
+        this.SetAccountTypeFilter(key);
+    }
+    AdvancedOpen = false;
+    get AdvancedCount() {
+        return this.SelectedCompanyIDs.length ? 1 : 0;
+    }
+    OnToolbarSearch(text) {
+        this.Search = text;
+    }
+    /** The scoped, fully-traversed tree — rebuilt whenever the company scope or data changes. */
+    scopedTree = [];
+    async GetResourceDisplayName(_data) {
+        return 'Chart of Accounts';
+    }
+    initDashboard() {
+        // One-time setup; data loads in loadData().
+    }
+    async loadData() {
+        this.IsBusy = true;
+        this.LoadError = null;
+        this.cdr.markForCheck();
+        try {
+            await this.loadAll();
+        }
+        catch (e) {
+            this.LoadError = e instanceof Error ? e.message : String(e);
+        }
+        finally {
+            this.IsBusy = false;
+            this.cdr.markForCheck();
+        }
+        // BaseDashboard.ngOnInit() calls NotifyLoadComplete() after loadData() resolves.
+    }
+    // ─── data loading ────────────────────────────────────────────────────────────
+    async loadAll() {
+        // GL Accounts + Company Profiles come from the shared reactive reference engine (AccountingEngineBase),
+        // not a per-page RunView — so every page shares one cache and edits/creates propagate automatically.
+        await AccountingEngineBase.Instance.ConfigEx({ contextUser: this.ProviderToUse.CurrentUser, provider: this.ProviderToUse });
+        this.loadAccountTypeOptions();
+        this.hydrateFromEngine();
+        // Default the company scope to the first company (single, clean chart) — else show all.
+        if (this.SelectedCompanyIDs.length === 0 && this.Companies.length > 0) {
+            this.SelectedCompanyIDs = [this.Companies[0].ID];
+            this.rebuildTree();
+        }
+        this.ensureEngineSubscription();
+    }
+    /** Project the engine's cached entities into the page's row/option shapes + rebuild the tree (scope preserved). */
+    hydrateFromEngine() {
+        const eng = AccountingEngineBase.Instance;
+        this.AllAccounts = eng.GLAccounts.map(a => ({
+            ID: a.ID, Code: a.Code, Name: a.Name, AccountType: a.AccountType, CompanyID: a.CompanyID,
+            Company: a.Company ?? '', ParentGLAccountID: a.ParentGLAccountID, CurrencyCode: a.CurrencyCode, IsActive: a.IsActive,
+        }));
+        this.Companies = eng.CompanyProfiles
+            .map(c => ({ ID: c.ID, Name: c.Name, CompanyCode: c.CompanyCode }))
+            .sort((x, y) => x.Name.localeCompare(y.Name));
+        this.rebuildTree();
+    }
+    /** Subscribe once: when the engine's GL-account cache changes (any save/create/delete, from anywhere), re-hydrate. */
+    ensureEngineSubscription() {
+        if (this.engineSubscribed)
+            return;
+        this.engineSubscribed = true;
+        AccountingEngineBase.Instance
+            .ObserveProperty('_glAccounts')
+            .pipe(takeUntil(this.destroy$))
+            .subscribe(() => { this.hydrateFromEngine(); this.cdr.markForCheck(); });
+    }
+    /** Valid AccountType values from the entity's field metadata (CHECK-constraint source of truth); fall back to the distinct set present in the data. */
+    loadAccountTypeOptions() {
+        const field = this.md.EntityByName(GL_ACCOUNT_ENTITY)?.Fields?.find(f => f.Name === 'AccountType');
+        const fromMeta = (field?.EntityFieldValues ?? []).map(v => v.Value);
+        this.AccountTypeOptions = fromMeta.length ? fromMeta : this.AccountTypes;
+    }
+    // ─── company scope ─────────────────────────────────────────────────────────
+    /** Company rows shaped for the dropdowns — "Name (CODE)", the label the old <option>s composed. */
+    get CompanyScopeOptions() {
+        return (this.Companies ?? []).map((c) => ({ ID: c.ID, Name: `${c.Name} (${c.CompanyCode})` }));
+    }
+    /** Parent rows shaped for the dropdown — "Code · Name". */
+    get ParentChoices() {
+        return (this.ParentOptions ?? []).map((p) => ({ ID: p.ID, Label: `${p.Code} · ${p.Name}` }));
+    }
+    ParentNoneDefault = { ID: null, Label: '— none (top level) —' };
+    /** MULTI-select company narrowing (Marcelo 2026-08-05): empty = every company's tree. */
+    SelectedCompanyIDs = [];
+    OnCompanyIDsChanged(ids) {
+        this.SelectedCompanyIDs = ids;
+        this.rebuildTree();
+        this.cdr.markForCheck();
+    }
+    /** Accounts within the current company scope (all companies when nothing is checked). */
+    scopedAccounts() {
+        if (this.SelectedCompanyIDs.length === 0)
+            return this.AllAccounts;
+        const targets = new Set(this.SelectedCompanyIDs.map(x => x.toUpperCase()));
+        return this.AllAccounts.filter(a => targets.has(a.CompanyID.toUpperCase()));
+    }
+    rebuildTree() {
+        this.scopedTree = this.flattenTree(this.scopedAccounts());
+    }
+    // ─── tree building ───────────────────────────────────────────────────────────
+    /** Group the scoped accounts by parent ID (uppercased); each bucket sorted by Code. */
+    buildChildMap(rows) {
+        const byParent = new Map();
+        for (const r of rows) {
+            const key = r.ParentGLAccountID ? r.ParentGLAccountID.toUpperCase() : '';
+            const bucket = byParent.get(key) ?? [];
+            bucket.push(r);
+            byParent.set(key, bucket);
+        }
+        for (const bucket of byParent.values()) {
+            bucket.sort((a, b) => a.Code.localeCompare(b.Code));
+        }
+        return byParent;
+    }
+    /** Roots = accounts with no parent, or whose parent is outside the scoped set. */
+    findRoots(rows) {
+        const idSet = new Set(rows.map(r => r.ID.toUpperCase()));
+        return rows
+            .filter(r => !r.ParentGLAccountID || !idSet.has(r.ParentGLAccountID.toUpperCase()))
+            .sort((a, b) => a.Code.localeCompare(b.Code));
+    }
+    /** Depth-first traversal → flat list of {node, depth} for indented rendering. */
+    flattenTree(rows) {
+        const byParent = this.buildChildMap(rows);
+        const out = [];
+        const visit = (row, depth) => {
+            out.push({ Row: row, Depth: depth });
+            const children = byParent.get(row.ID.toUpperCase()) ?? [];
+            for (const child of children)
+                visit(child, depth + 1);
+        };
+        for (const root of this.findRoots(rows))
+            visit(root, 0);
+        return out;
+    }
+    // ─── filtered view ─────────────────────────────────────────────────────────
+    /** Distinct account types present in the data — sourced from the data (no hand-copied union). */
+    get AccountTypes() {
+        return Array.from(new Set(this.AllAccounts.map(a => a.AccountType))).sort();
+    }
+    get CompanyCount() {
+        return this.Companies.length;
+    }
+    get FilteredTree() {
+        const q = this.Search.trim().toLowerCase();
+        return this.scopedTree.filter(n => {
+            if (this.AccountTypeFilter !== 'All' && n.Row.AccountType !== this.AccountTypeFilter)
+                return false;
+            if (q && !this.matchesSearch(n.Row, q))
+                return false;
+            return true;
+        });
+    }
+    matchesSearch(row, q) {
+        return row.Code.toLowerCase().includes(q) || row.Name.toLowerCase().includes(q);
+    }
+    SetAccountTypeFilter(type) {
+        this.AccountTypeFilter = type;
+        this.cdr.markForCheck();
+    }
+    // ─── presentation helpers ────────────────────────────────────────────────────
+    /** Left padding for a row at the given tree depth (keeps the row's 12px base indent at depth 0). */
+    Indent(depth) {
+        return `${12 + depth * 22}px`;
+    }
+    TypeVariant(type) {
+        switch (type) {
+            case 'Asset': return 'info';
+            case 'Liability': return 'warning';
+            case 'Revenue': return 'success';
+            case 'Expense': return 'error';
+            case 'Equity': return 'default';
+            default: return 'default';
+        }
+    }
+    // ─── account navigation (Explorer record tab) ────────────────────────────────
+    /** Open the GL Account entity record in an Explorer tab via NavigationService. */
+    async OpenAccount(row) {
+        if (!row?.ID)
+            return;
+        if (this.navigationService) {
+            this.navigationService.OpenEntityRecord(GL_ACCOUNT_ENTITY, CompositeKey.FromID(row.ID));
+        }
+    }
+    /** Monotonic counter from the header's "New account" verb. */
+    _createSignal = 0;
+    set CreateSignal(v) {
+        if (v > this._createSignal) {
+            this._createSignal = v;
+            this.OnNewAccount();
+        }
+    }
+    OnNewAccount() {
+        if (this.navigationService) {
+            this.navigationService.OpenNewEntityRecord(GL_ACCOUNT_ENTITY);
+        }
+    }
+    StartEdit() { this.DialogMode = 'edit'; this.DialogError = null; this.cdr.markForCheck(); }
+    /** Cancel: an edit reverts to the saved view; a create just closes. */
+    OnDialogCancel() {
+        if (this.DialogMode === 'edit' && this.savedModel) {
+            this.Model = { ...this.savedModel };
+            this.DialogMode = 'view';
+            this.DialogError = null;
+            this.cdr.markForCheck();
+        }
+        else {
+            this.CloseDialog();
+        }
+    }
+    CloseDialog() { this.DialogVisible = false; this.DialogError = null; this.cdr.markForCheck(); }
+    /** Persist the model via the typed entity (create or update), refresh the tree, land on the clean view. */
+    async SaveAccount() {
+        if (this.Saving)
+            return;
+        const err = this.validate();
+        if (err) {
+            this.DialogError = err;
+            this.cdr.markForCheck();
+            return;
+        }
+        this.Saving = true;
+        this.DialogError = null;
+        this.cdr.markForCheck();
+        try {
+            const entity = await this.md.GetEntityObject(GL_ACCOUNT_ENTITY);
+            if (this.Model.ID) {
+                if (!(await entity.Load(this.Model.ID)))
+                    throw new Error('Account no longer exists.');
+            }
+            else {
+                entity.NewRecord();
+            }
+            entity.Code = this.Model.Code.trim();
+            entity.Name = this.Model.Name.trim();
+            entity.AccountType = this.Model.AccountType;
+            entity.CompanyID = this.Model.CompanyID;
+            entity.ParentGLAccountID = this.Model.ParentGLAccountID || null;
+            entity.CurrencyCode = (this.Model.CurrencyCode ?? '').trim() || null; // combobox clear can write null
+            entity.IsActive = this.Model.IsActive;
+            entity.Description = this.Model.Description.trim() || null;
+            if (!(await entity.Save()))
+                throw new Error(entity.LatestResult?.CompleteMessage ?? 'Save failed.');
+            // No manual reload: the save fires a BaseEntity event → the engine updates its GL-account cache →
+            // ObserveProperty emits → the tree re-hydrates automatically (reactive).
+            this.Model = this.modelFromEntity(entity);
+            this.savedModel = { ...this.Model };
+            this.DialogMode = 'view';
+        }
+        catch (e) {
+            this.DialogError = e instanceof Error ? e.message : String(e);
+        }
+        finally {
+            this.Saving = false;
+            this.cdr.markForCheck();
+        }
+    }
+    validate() {
+        if (!this.Model.Code.trim())
+            return 'Account code is required.';
+        if (!this.Model.Name.trim())
+            return 'Account name is required.';
+        if (!this.Model.CompanyID)
+            return 'Company is required.';
+        if (!this.Model.AccountType)
+            return 'Account type is required.';
+        return null;
+    }
+    modelFromEntity(e) {
+        return {
+            ID: e.ID, Code: e.Code, Name: e.Name, AccountType: e.AccountType, CompanyID: e.CompanyID,
+            ParentGLAccountID: e.ParentGLAccountID, CurrencyCode: e.CurrencyCode ?? '', IsActive: e.IsActive,
+            Description: e.Description ?? '',
+        };
+    }
+    blankModel() {
+        // Null-safe: this runs once as a field initializer BEFORE the other fields are set, and again in OnNewAccount.
+        // Pre-pick the scoped company only when the scope narrows to exactly one.
+        const sel = this.SelectedCompanyIDs?.length === 1 ? this.SelectedCompanyIDs[0] : '';
+        const companyID = sel || (this.Companies?.[0]?.ID ?? '');
+        return {
+            ID: null, Code: '', Name: '', AccountType: this.AccountTypeOptions?.[0] ?? 'Asset',
+            CompanyID: companyID, ParentGLAccountID: null, CurrencyCode: '', IsActive: true, Description: '',
+        };
+    }
+    // ─── dialog presentation helpers ─────────────────────────────────────────────
+    get DialogTitle() {
+        if (this.DialogMode === 'create')
+            return 'New GL Account';
+        return this.Model.Code ? `${this.Model.Code} · ${this.Model.Name}` : 'GL Account';
+    }
+    /** Parent-account choices: accounts in the model's company, excluding the account itself. */
+    get ParentOptions() {
+        const co = this.Model.CompanyID?.toUpperCase();
+        return this.AllAccounts
+            .filter(a => a.CompanyID.toUpperCase() === co && a.ID !== this.Model.ID)
+            .sort((a, b) => a.Code.localeCompare(b.Code));
+    }
+    get ParentName() {
+        const p = this.AllAccounts.find(a => a.ID === this.Model.ParentGLAccountID);
+        return p ? `${p.Code} · ${p.Name}` : '—';
+    }
+    companyName(id) {
+        return this.Companies.find(c => c.ID.toUpperCase() === (id ?? '').toUpperCase())?.Name ?? id;
+    }
+    static ɵfac = /*@__PURE__*/ (() => { let ɵChartOfAccountsDashboardComponent_BaseFactory; return function ChartOfAccountsDashboardComponent_Factory(__ngFactoryType__) { return (ɵChartOfAccountsDashboardComponent_BaseFactory || (ɵChartOfAccountsDashboardComponent_BaseFactory = i0.ɵɵgetInheritedFactory(ChartOfAccountsDashboardComponent)))(__ngFactoryType__ || ChartOfAccountsDashboardComponent); }; })();
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ChartOfAccountsDashboardComponent, selectors: [["mj-chart-of-accounts-dashboard"]], inputs: { CreateSignal: "CreateSignal" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], decls: 19, vars: 17, consts: [[1, "coa-subheader"], [3, "Bare", "Figures"], ["SearchPlaceholder", "Search code or name\u2026", 3, "AdvancedOpenChange", "SearchChanged", "PresetToggled", "Bare", "Search", "Presets", "ActiveKeys", "HasAdvanced", "AdvancedCount", "AdvancedOpen"], [1, "coa-field"], [1, "coa-field__label"], ["AllLabel", "All companies", "AriaLabel", "Company", 3, "SelectedIDsChange", "Options", "SelectedIDs"], ["text", "Loading chart of accounts\u2026"], ["Width", "560px", 3, "Close", "Visible", "Title"], [1, "coa-dlg"], ["role", "alert", 1, "coa-banner", "coa-banner--error"], [1, "coa-view"], [1, "coa-form"], ["Icon", "fa-solid fa-sitemap", "Title", "No GL accounts yet", "Message", "Seed a company's default chart of accounts to populate this tree."], ["Icon", "fa-solid fa-filter-circle-xmark", "Title", "No matching accounts", "Message", "No accounts match the current company, type, or search filters."], [1, "coa-tree"], [1, "fa-solid", "fa-triangle-exclamation"], [1, "coa-row", 3, "padding-left"], [1, "coa-row", 3, "click"], [1, "coa-code"], [1, "coa-name"], [1, "coa-pill"], [1, "coa-tag", "coa-tag--muted"], [1, "coa-spacer"], [1, "coa-ccy"], [1, "fa-solid", "fa-arrow-up-right-from-square", "coa-open"], [1, "fa-solid", "fa-ban"], [1, "coa-view__row"], [1, "coa-req"], ["type", "text", "placeholder", "e.g. 11201", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["type", "text", "placeholder", "e.g. Accounts Receivable", 1, "mj-input", 3, "ngModelChange", "ngModel"], ["aria-label", "Account type", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["TextField", "Name", "ValueField", "ID", "aria-label", "Company", 3, "Data", "ValuePrimitive", "ngModel"], ["type", "text", "disabled", "", 1, "mj-input", 3, "value"], ["TextField", "Label", "ValueField", "ID", "aria-label", "Parent account", 3, "ngModelChange", "Data", "ValuePrimitive", "DefaultItem", "ngModel"], ["TextField", "Label", "ValueField", "Code", "Placeholder", "Company default", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], [1, "coa-field", "coa-field--check"], ["type", "checkbox", 1, "mj-checkbox", 3, "ngModelChange", "ngModel"], [1, "coa-field", "coa-field--full"], ["rows", "2", "placeholder", "Optional", 1, "mj-textarea", 3, "ngModelChange", "ngModel"], ["TextField", "Name", "ValueField", "ID", "aria-label", "Company", 3, "ngModelChange", "Data", "ValuePrimitive", "ngModel"], ["mjButton", "", "variant", "primary", 3, "click"], [1, "fa-solid", "fa-pen"], ["mjButton", "", "variant", "flat", 3, "click"], ["mjButton", "", "variant", "primary", 3, "click", "disabled"], ["mjButton", "", "variant", "flat", 3, "click", "disabled"], [1, "fa-solid", "fa-spinner", "fa-spin"], [1, "fa-solid", "fa-check"]], template: function ChartOfAccountsDashboardComponent_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵelementStart(0, "mj-page-layout")(1, "div", 0);
+            i0.ɵɵelement(2, "mja-summary-strip", 1);
+            i0.ɵɵelementStart(3, "mja-list-toolbar", 2);
+            i0.ɵɵtwoWayListener("AdvancedOpenChange", function ChartOfAccountsDashboardComponent_Template_mja_list_toolbar_AdvancedOpenChange_3_listener($event) { i0.ɵɵtwoWayBindingSet(ctx.AdvancedOpen, $event) || (ctx.AdvancedOpen = $event); return $event; });
+            i0.ɵɵlistener("SearchChanged", function ChartOfAccountsDashboardComponent_Template_mja_list_toolbar_SearchChanged_3_listener($event) { return ctx.OnToolbarSearch($event); })("PresetToggled", function ChartOfAccountsDashboardComponent_Template_mja_list_toolbar_PresetToggled_3_listener($event) { return ctx.OnTypeToggled($event); });
+            i0.ɵɵelementStart(4, "label", 3)(5, "span", 4);
+            i0.ɵɵtext(6, "Company");
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(7, "mja-check-dropdown", 5);
+            i0.ɵɵlistener("SelectedIDsChange", function ChartOfAccountsDashboardComponent_Template_mja_check_dropdown_SelectedIDsChange_7_listener($event) { return ctx.OnCompanyIDsChanged($event); });
+            i0.ɵɵelementEnd()()()();
+            i0.ɵɵelementStart(8, "mj-page-body");
+            i0.ɵɵconditionalCreate(9, ChartOfAccountsDashboardComponent_Conditional_9_Template, 1, 0, "mj-loading", 6)(10, ChartOfAccountsDashboardComponent_Conditional_10_Template, 4, 2);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵelementStart(11, "mj-dialog", 7);
+            i0.ɵɵlistener("Close", function ChartOfAccountsDashboardComponent_Template_mj_dialog_Close_11_listener() { return ctx.CloseDialog(); });
+            i0.ɵɵelementStart(12, "div", 8);
+            i0.ɵɵconditionalCreate(13, ChartOfAccountsDashboardComponent_Conditional_13_Template, 3, 1, "div", 9);
+            i0.ɵɵconditionalCreate(14, ChartOfAccountsDashboardComponent_Conditional_14_Template, 38, 9, "dl", 10)(15, ChartOfAccountsDashboardComponent_Conditional_15_Template, 42, 15, "div", 11);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(16, "mj-dialog-actions");
+            i0.ɵɵconditionalCreate(17, ChartOfAccountsDashboardComponent_Conditional_17_Template, 5, 0)(18, ChartOfAccountsDashboardComponent_Conditional_18_Template, 5, 3);
+            i0.ɵɵelementEnd()();
+        } if (rf & 2) {
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Bare", true)("Figures", ctx.SummaryFigures);
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("Bare", true)("Search", ctx.Search)("Presets", ctx.TypeChips)("ActiveKeys", ctx.ActiveTypeKeys)("HasAdvanced", true)("AdvancedCount", ctx.AdvancedCount);
+            i0.ɵɵtwoWayProperty("AdvancedOpen", ctx.AdvancedOpen);
+            i0.ɵɵadvance(4);
+            i0.ɵɵproperty("Options", ctx.CompanyScopeOptions)("SelectedIDs", ctx.SelectedCompanyIDs);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.IsBusy ? 9 : 10);
+            i0.ɵɵadvance(2);
+            i0.ɵɵproperty("Visible", ctx.DialogVisible)("Title", ctx.DialogTitle);
+            i0.ɵɵadvance(2);
+            i0.ɵɵconditional(ctx.DialogError ? 13 : -1);
+            i0.ɵɵadvance();
+            i0.ɵɵconditional(ctx.DialogMode === "view" ? 14 : 15);
+            i0.ɵɵadvance(3);
+            i0.ɵɵconditional(ctx.DialogMode === "view" ? 17 : 18);
+        } }, dependencies: [i1.MJDropdownComponent, i2.MJACheckDropdownComponent, i3.MJASummaryStripComponent, i4.MJAListToolbarComponent, i5.DefaultValueAccessor, i5.CheckboxControlValueAccessor, i5.NgControlStatus, i5.NgModel, i6.LoadingComponent, i1.MJButtonDirective, i1.MJPageLayoutComponent, i1.MJPageBodyComponent, i1.MJEmptyStateComponent, i1.MJDialogComponent, i1.MJDialogActionsComponent, i1.MJComboboxComponent], styles: ["\n\n\n\n\n.coa-filters[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n  width: 100%;\n}\n.coa-companyselect[_ngcontent-%COMP%] { flex: 0 0 auto; min-width: 220px; }\n.coa-chips[_ngcontent-%COMP%] { display: flex; gap: 6px; flex-wrap: wrap; }\n.coa-chip[_ngcontent-%COMP%] {\n  padding: 5px 14px;\n  border-radius: 999px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  font-size: 0.8rem;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n.coa-chip[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n.coa-chip--on[_ngcontent-%COMP%] { border-color: var(--mj-brand-primary); background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface)); color: var(--mj-text-primary); font-weight: 600; }\n.coa-chip[data-variant=\"success\"].coa-chip--on[_ngcontent-%COMP%] { border-color: var(--mj-status-success); background: color-mix(in srgb, var(--mj-status-success) 14%, var(--mj-bg-surface)); }\n.coa-chip[data-variant=\"info\"].coa-chip--on[_ngcontent-%COMP%] { border-color: var(--mj-status-info); background: color-mix(in srgb, var(--mj-status-info) 14%, var(--mj-bg-surface)); }\n.coa-chip[data-variant=\"warning\"].coa-chip--on[_ngcontent-%COMP%] { border-color: var(--mj-status-warning); background: color-mix(in srgb, var(--mj-status-warning) 14%, var(--mj-bg-surface)); }\n.coa-chip[data-variant=\"error\"].coa-chip--on[_ngcontent-%COMP%] { border-color: var(--mj-status-error); background: color-mix(in srgb, var(--mj-status-error) 14%, var(--mj-bg-surface)); }\n.coa-searchbox[_ngcontent-%COMP%] {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-width: 200px;\n  flex: 0 1 280px;\n}\n.coa-searchbox[_ngcontent-%COMP%]   i[_ngcontent-%COMP%] {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n}\n.coa-searchbox[_ngcontent-%COMP%]   .mj-input[_ngcontent-%COMP%] { width: 100%; padding-left: 32px; }\n\n\n\n.coa-banner[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 8px;\n  margin-bottom: 16px;\n  font-size: 0.9rem;\n}\n.coa-banner--error[_ngcontent-%COMP%] { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); border: 1px solid var(--mj-status-error-border); }\n\n\n\n.coa-tree[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  background: var(--mj-bg-surface);\n  padding: 8px;\n}\n.coa-row[_ngcontent-%COMP%] {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  text-align: left;\n  padding: 9px 12px;\n  background: transparent;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background 0.12s ease;\n}\n.coa-row[_ngcontent-%COMP%]:hover { background: var(--mj-bg-surface-hover); }\n.coa-code[_ngcontent-%COMP%] {\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  font-variant-numeric: tabular-nums;\n  min-width: 72px;\n}\n.coa-name[_ngcontent-%COMP%] { color: var(--mj-text-primary); }\n.coa-pill[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border-radius: 999px;\n  font-size: 0.72rem;\n  font-weight: 600;\n}\n.coa-pill[data-variant=\"success\"][_ngcontent-%COMP%] { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.coa-pill[data-variant=\"info\"][_ngcontent-%COMP%] { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.coa-pill[data-variant=\"warning\"][_ngcontent-%COMP%] { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.coa-pill[data-variant=\"error\"][_ngcontent-%COMP%] { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.coa-pill[data-variant=\"default\"][_ngcontent-%COMP%] { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.coa-tag[_ngcontent-%COMP%] {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 0.7rem;\n  padding: 2px 8px;\n  border-radius: 999px;\n}\n.coa-tag--muted[_ngcontent-%COMP%] { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n.coa-spacer[_ngcontent-%COMP%] { flex: 1 1 auto; }\n.coa-ccy[_ngcontent-%COMP%] { font-size: 0.78rem; color: var(--mj-text-muted); font-variant-numeric: tabular-nums; }\n.coa-open[_ngcontent-%COMP%] { color: var(--mj-text-disabled); font-size: 0.78rem; }\n.coa-row[_ngcontent-%COMP%]:hover   .coa-open[_ngcontent-%COMP%] { color: var(--mj-brand-primary); }\n\n\n\n.coa-dlg[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 14px; min-width: 0; }\n.coa-dlg[_ngcontent-%COMP%]   .coa-banner[_ngcontent-%COMP%] { margin: 0; }\n\n\n\n.coa-view[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 0; margin: 0; }\n.coa-view__row[_ngcontent-%COMP%] {\n  display: grid;\n  grid-template-columns: 120px 1fr;\n  gap: 12px;\n  padding: 9px 2px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.coa-view__row[_ngcontent-%COMP%]:last-child { border-bottom: none; }\n.coa-view__row[_ngcontent-%COMP%]   dt[_ngcontent-%COMP%] { color: var(--mj-text-muted); font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }\n.coa-view__row[_ngcontent-%COMP%]   dd[_ngcontent-%COMP%] { margin: 0; color: var(--mj-text-primary); word-break: break-word; }\n\n\n\n.coa-form[_ngcontent-%COMP%] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }\n.coa-field[_ngcontent-%COMP%] { display: flex; flex-direction: column; gap: 5px; min-width: 0; }\n.coa-field--full[_ngcontent-%COMP%] { grid-column: 1 / -1; }\n.coa-field__label[_ngcontent-%COMP%] { font-size: 0.75rem; font-weight: 600; color: var(--mj-text-secondary); text-transform: uppercase; letter-spacing: 0.02em; }\n.coa-req[_ngcontent-%COMP%] { color: var(--mj-status-error-text); }\n.coa-field--check[_ngcontent-%COMP%] { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 8px; color: var(--mj-text-primary); font-size: 0.9rem; }\n\n\n\n.coa-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: var(--mj-space-4) var(--mj-space-4) 0;\n}\n.coa-subheader[_ngcontent-%COMP%]   mja-list-toolbar[_ngcontent-%COMP%] {\n  display: block;\n  border-top: 1px solid var(--mj-border-default);\n}\n.coa-field[_ngcontent-%COMP%] {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.coa-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.coa-tree[_ngcontent-%COMP%] {\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}"], changeDetection: 0 });
+};
+ChartOfAccountsDashboardComponent = __decorate([
+    RegisterClass(BaseDashboard, 'ChartOfAccountsDashboard')
+], ChartOfAccountsDashboardComponent);
+export { ChartOfAccountsDashboardComponent };
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(ChartOfAccountsDashboardComponent, [{
+        type: Component,
+        args: [{ standalone: false, selector: 'mj-chart-of-accounts-dashboard', changeDetection: ChangeDetectionStrategy.OnPush, template: "<mj-page-layout>\n  <!-- The fused subheader (list-page standard, Marcelo 2026-08-04): no title card \u2014 the rail names\n       the page. Stats + type chips + search in ONE band; the Company narrowing lives behind the\n       Filters disclosure; the page-local New Account verb rides the toolbar's actions slot (an\n       inline dialog create \u2014 no workspace to route to). The tree below keeps its own idiom. -->\n  <div class=\"coa-subheader\">\n    <mja-summary-strip [Bare]=\"true\" [Figures]=\"SummaryFigures\" />\n    <mja-list-toolbar\n      [Bare]=\"true\"\n      [Search]=\"Search\"\n      SearchPlaceholder=\"Search code or name\u2026\"\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=\"coa-field\">\n        <span class=\"coa-field__label\">Company</span>\n        <!-- CHECKBOX multi-select (Marcelo 2026-08-05): show any subset of companies' trees; empty = all. -->\n        <mja-check-dropdown\n          [Options]=\"CompanyScopeOptions\"\n          [SelectedIDs]=\"SelectedCompanyIDs\"\n          AllLabel=\"All companies\"\n          AriaLabel=\"Company\"\n          (SelectedIDsChange)=\"OnCompanyIDsChanged($event)\" />\n      </label>\n    </mja-list-toolbar>\n  </div>\n\n  <mj-page-body>\n    @if (IsBusy) {\n      <mj-loading text=\"Loading chart of accounts\u2026\"></mj-loading>\n    } @else {\n      @if (LoadError) {\n        <div class=\"coa-banner coa-banner--error\" role=\"alert\">\n          <i class=\"fa-solid fa-triangle-exclamation\"></i> {{ LoadError }}\n        </div>\n      }\n\n      @if (AllAccounts.length === 0) {\n        <mj-empty-state Icon=\"fa-solid fa-sitemap\" Title=\"No GL accounts yet\"\n          Message=\"Seed a company's default chart of accounts to populate this tree.\">\n        </mj-empty-state>\n      } @else if (FilteredTree.length === 0) {\n        <mj-empty-state Icon=\"fa-solid fa-filter-circle-xmark\" Title=\"No matching accounts\"\n          Message=\"No accounts match the current company, type, or search filters.\">\n        </mj-empty-state>\n      } @else {\n        <div class=\"coa-tree\">\n          @for (node of FilteredTree; track node.Row.ID) {\n            <button class=\"coa-row\" (click)=\"OpenAccount(node.Row)\" [style.padding-left]=\"Indent(node.Depth)\">\n              <span class=\"coa-code\">{{ node.Row.Code }}</span>\n              <span class=\"coa-name\">{{ node.Row.Name }}</span>\n              <span class=\"coa-pill\" [attr.data-variant]=\"TypeVariant(node.Row.AccountType)\">{{ node.Row.AccountType }}</span>\n              @if (!node.Row.IsActive) { <span class=\"coa-tag coa-tag--muted\"><i class=\"fa-solid fa-ban\"></i> inactive</span> }\n              <span class=\"coa-spacer\"></span>\n              @if (node.Row.CurrencyCode) { <span class=\"coa-ccy\">{{ node.Row.CurrencyCode }}</span> }\n              <i class=\"fa-solid fa-arrow-up-right-from-square coa-open\"></i>\n            </button>\n          }\n        </div>\n      }\n    }\n  </mj-page-body>\n</mj-page-layout>\n\n<!-- Clean, user-suitable account panel: read-only VIEW with an Edit action, and a create/edit form (replaces the raw generated-form popup). -->\n<mj-dialog [Visible]=\"DialogVisible\" [Title]=\"DialogTitle\" Width=\"560px\" (Close)=\"CloseDialog()\">\n  <div class=\"coa-dlg\">\n    @if (DialogError) {\n      <div class=\"coa-banner coa-banner--error\" role=\"alert\"><i class=\"fa-solid fa-triangle-exclamation\"></i> {{ DialogError }}</div>\n    }\n\n    @if (DialogMode === 'view') {\n      <dl class=\"coa-view\">\n        <div class=\"coa-view__row\"><dt>Code</dt><dd>{{ Model.Code }}</dd></div>\n        <div class=\"coa-view__row\"><dt>Name</dt><dd>{{ Model.Name }}</dd></div>\n        <div class=\"coa-view__row\"><dt>Type</dt><dd><span class=\"coa-pill\" [attr.data-variant]=\"TypeVariant(Model.AccountType)\">{{ Model.AccountType }}</span></dd></div>\n        <div class=\"coa-view__row\"><dt>Company</dt><dd>{{ companyName(Model.CompanyID) }}</dd></div>\n        <div class=\"coa-view__row\"><dt>Parent</dt><dd>{{ ParentName }}</dd></div>\n        <div class=\"coa-view__row\"><dt>Currency</dt><dd>{{ Model.CurrencyCode || 'Company default' }}</dd></div>\n        <div class=\"coa-view__row\"><dt>Status</dt><dd>{{ Model.IsActive ? 'Active' : 'Inactive' }}</dd></div>\n        @if (Model.Description) { <div class=\"coa-view__row\"><dt>Description</dt><dd>{{ Model.Description }}</dd></div> }\n      </dl>\n    } @else {\n      <div class=\"coa-form\">\n        <label class=\"coa-field\">\n          <span class=\"coa-field__label\">Code <span class=\"coa-req\">*</span></span>\n          <input class=\"mj-input\" type=\"text\" [(ngModel)]=\"Model.Code\" placeholder=\"e.g. 11201\" />\n        </label>\n        <label class=\"coa-field\">\n          <span class=\"coa-field__label\">Name <span class=\"coa-req\">*</span></span>\n          <input class=\"mj-input\" type=\"text\" [(ngModel)]=\"Model.Name\" placeholder=\"e.g. Accounts Receivable\" />\n        </label>\n        <label class=\"coa-field\">\n          <span class=\"coa-field__label\">Account type <span class=\"coa-req\">*</span></span>\n          <mj-dropdown [Data]=\"AccountTypeOptions\" [ValuePrimitive]=\"true\"\n            [(ngModel)]=\"Model.AccountType\" aria-label=\"Account type\" />\n        </label>\n        <label class=\"coa-field\">\n          <span class=\"coa-field__label\">Company <span class=\"coa-req\">*</span></span>\n          @if (DialogMode === 'create') {\n            <mj-dropdown [Data]=\"CompanyScopeOptions\" TextField=\"Name\" ValueField=\"ID\" [ValuePrimitive]=\"true\"\n              [(ngModel)]=\"Model.CompanyID\" aria-label=\"Company\" />\n          } @else {\n            <input class=\"mj-input\" type=\"text\" [value]=\"companyName(Model.CompanyID)\" disabled />\n          }\n        </label>\n        <label class=\"coa-field\">\n          <span class=\"coa-field__label\">Parent account</span>\n          <mj-dropdown [Data]=\"ParentChoices\" TextField=\"Label\" ValueField=\"ID\" [ValuePrimitive]=\"true\"\n            [DefaultItem]=\"ParentNoneDefault\"\n            [(ngModel)]=\"Model.ParentGLAccountID\" aria-label=\"Parent account\" />\n        </label>\n        <label class=\"coa-field\">\n          <span class=\"coa-field__label\">Currency</span>\n          <!-- Searchable combobox (Marcelo 2026-07-30): the label is \"CODE \u2014 Name\", and the combobox\n               filters on that text, so typing either the actual code (\"USD\") or the name (\"dollar\")\n               finds it. Empty = inherit the company's functional currency. -->\n          <mj-combobox\n            [Data]=\"CurrencyOptions\"\n            TextField=\"Label\"\n            ValueField=\"Code\"\n            [ValuePrimitive]=\"true\"\n            Placeholder=\"Company default\"\n            [(ngModel)]=\"Model.CurrencyCode\">\n          </mj-combobox>\n        </label>\n        <label class=\"coa-field coa-field--check\">\n          <input type=\"checkbox\" class=\"mj-checkbox\" [(ngModel)]=\"Model.IsActive\" />\n          <span>Active (available for new journal entries)</span>\n        </label>\n        <label class=\"coa-field coa-field--full\">\n          <span class=\"coa-field__label\">Description</span>\n          <textarea class=\"mj-textarea\" rows=\"2\" [(ngModel)]=\"Model.Description\" placeholder=\"Optional\"></textarea>\n        </label>\n      </div>\n    }\n  </div>\n\n  <mj-dialog-actions>\n    @if (DialogMode === 'view') {\n      <button mjButton variant=\"primary\" (click)=\"StartEdit()\"><i class=\"fa-solid fa-pen\"></i> Edit</button>\n      <button mjButton variant=\"flat\" (click)=\"CloseDialog()\">Close</button>\n    } @else {\n      <button mjButton variant=\"primary\" [disabled]=\"Saving\" (click)=\"SaveAccount()\">\n        @if (Saving) { <i class=\"fa-solid fa-spinner fa-spin\"></i> Saving\u2026 } @else { <i class=\"fa-solid fa-check\"></i> Save }\n      </button>\n      <button mjButton variant=\"flat\" [disabled]=\"Saving\" (click)=\"OnDialogCancel()\">Cancel</button>\n    }\n  </mj-dialog-actions>\n</mj-dialog>\n", styles: ["/* Chart of Accounts \u2014 company-scoped, indented GL account tree. Design-token-only. */\n\n/* \u2500\u2500\u2500 toolbar / filters \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.coa-filters {\n  display: flex;\n  align-items: center;\n  gap: 14px;\n  flex-wrap: wrap;\n  width: 100%;\n}\n.coa-companyselect { flex: 0 0 auto; min-width: 220px; }\n.coa-chips { display: flex; gap: 6px; flex-wrap: wrap; }\n.coa-chip {\n  padding: 5px 14px;\n  border-radius: 999px;\n  border: 1px solid var(--mj-border-default);\n  background: var(--mj-bg-surface);\n  color: var(--mj-text-secondary);\n  font-size: 0.8rem;\n  cursor: pointer;\n  transition: all 0.15s ease;\n}\n.coa-chip:hover { background: var(--mj-bg-surface-hover); }\n.coa-chip--on { border-color: var(--mj-brand-primary); background: color-mix(in srgb, var(--mj-brand-primary) 12%, var(--mj-bg-surface)); color: var(--mj-text-primary); font-weight: 600; }\n.coa-chip[data-variant=\"success\"].coa-chip--on { border-color: var(--mj-status-success); background: color-mix(in srgb, var(--mj-status-success) 14%, var(--mj-bg-surface)); }\n.coa-chip[data-variant=\"info\"].coa-chip--on { border-color: var(--mj-status-info); background: color-mix(in srgb, var(--mj-status-info) 14%, var(--mj-bg-surface)); }\n.coa-chip[data-variant=\"warning\"].coa-chip--on { border-color: var(--mj-status-warning); background: color-mix(in srgb, var(--mj-status-warning) 14%, var(--mj-bg-surface)); }\n.coa-chip[data-variant=\"error\"].coa-chip--on { border-color: var(--mj-status-error); background: color-mix(in srgb, var(--mj-status-error) 14%, var(--mj-bg-surface)); }\n.coa-searchbox {\n  position: relative;\n  display: flex;\n  align-items: center;\n  min-width: 200px;\n  flex: 0 1 280px;\n}\n.coa-searchbox i {\n  position: absolute;\n  left: 12px;\n  color: var(--mj-text-muted);\n  pointer-events: none;\n}\n.coa-searchbox .mj-input { width: 100%; padding-left: 32px; }\n\n/* \u2500\u2500\u2500 banner \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.coa-banner {\n  display: flex;\n  align-items: center;\n  gap: 8px;\n  padding: 10px 14px;\n  border-radius: 8px;\n  margin-bottom: 16px;\n  font-size: 0.9rem;\n}\n.coa-banner--error { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); border: 1px solid var(--mj-status-error-border); }\n\n/* \u2500\u2500\u2500 tree rows \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.coa-tree {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n  border: 1px solid var(--mj-border-default);\n  border-radius: 10px;\n  background: var(--mj-bg-surface);\n  padding: 8px;\n}\n.coa-row {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  width: 100%;\n  text-align: left;\n  padding: 9px 12px;\n  background: transparent;\n  border: none;\n  border-radius: 8px;\n  cursor: pointer;\n  transition: background 0.12s ease;\n}\n.coa-row:hover { background: var(--mj-bg-surface-hover); }\n.coa-code {\n  font-weight: 700;\n  color: var(--mj-text-primary);\n  font-variant-numeric: tabular-nums;\n  min-width: 72px;\n}\n.coa-name { color: var(--mj-text-primary); }\n.coa-pill {\n  display: inline-flex;\n  align-items: center;\n  padding: 2px 10px;\n  border-radius: 999px;\n  font-size: 0.72rem;\n  font-weight: 600;\n}\n.coa-pill[data-variant=\"success\"] { background: var(--mj-status-success-bg); color: var(--mj-status-success-text); }\n.coa-pill[data-variant=\"info\"] { background: var(--mj-status-info-bg); color: var(--mj-status-info-text); }\n.coa-pill[data-variant=\"warning\"] { background: var(--mj-status-warning-bg); color: var(--mj-status-warning-text); }\n.coa-pill[data-variant=\"error\"] { background: var(--mj-status-error-bg); color: var(--mj-status-error-text); }\n.coa-pill[data-variant=\"default\"] { background: var(--mj-bg-surface-sunken); color: var(--mj-text-secondary); }\n.coa-tag {\n  display: inline-flex;\n  align-items: center;\n  gap: 4px;\n  font-size: 0.7rem;\n  padding: 2px 8px;\n  border-radius: 999px;\n}\n.coa-tag--muted { background: var(--mj-bg-surface-sunken); color: var(--mj-text-muted); }\n.coa-spacer { flex: 1 1 auto; }\n.coa-ccy { font-size: 0.78rem; color: var(--mj-text-muted); font-variant-numeric: tabular-nums; }\n.coa-open { color: var(--mj-text-disabled); font-size: 0.78rem; }\n.coa-row:hover .coa-open { color: var(--mj-brand-primary); }\n\n/* \u2500\u2500 account dialog (view / edit / create) \u2500\u2500 */\n.coa-dlg { display: flex; flex-direction: column; gap: 14px; min-width: 0; }\n.coa-dlg .coa-banner { margin: 0; }\n\n/* read-only view: a clean label/value definition list */\n.coa-view { display: flex; flex-direction: column; gap: 0; margin: 0; }\n.coa-view__row {\n  display: grid;\n  grid-template-columns: 120px 1fr;\n  gap: 12px;\n  padding: 9px 2px;\n  border-bottom: 1px solid var(--mj-border-subtle);\n}\n.coa-view__row:last-child { border-bottom: none; }\n.coa-view__row dt { color: var(--mj-text-muted); font-size: 0.78rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.03em; }\n.coa-view__row dd { margin: 0; color: var(--mj-text-primary); word-break: break-word; }\n\n/* edit/create form */\n.coa-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 14px; }\n.coa-field { display: flex; flex-direction: column; gap: 5px; min-width: 0; }\n.coa-field--full { grid-column: 1 / -1; }\n.coa-field__label { font-size: 0.75rem; font-weight: 600; color: var(--mj-text-secondary); text-transform: uppercase; letter-spacing: 0.02em; }\n.coa-req { color: var(--mj-status-error-text); }\n.coa-field--check { grid-column: 1 / -1; flex-direction: row; align-items: center; gap: 8px; color: var(--mj-text-primary); font-size: 0.9rem; }\n\n/* The fused subheader (list-page standard) + the rounded tree card, matching the list pages. */\n.coa-subheader {\n  background: var(--mj-bg-surface);\n  border: 1px solid var(--mj-border-default);\n  border-radius: var(--mj-radius-lg);\n  margin: var(--mj-space-4) var(--mj-space-4) 0;\n}\n.coa-subheader mja-list-toolbar {\n  display: block;\n  border-top: 1px solid var(--mj-border-default);\n}\n.coa-field {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n.coa-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.coa-tree {\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"] }]
+    }], null, { CreateSignal: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ChartOfAccountsDashboardComponent, { className: "ChartOfAccountsDashboardComponent", filePath: "lib/custom/chartofaccounts/coa-dashboard.component.ts", lineNumber: 70 }); })();
+/** Tree-shaking prevention — called from public-api.ts. */
+export function LoadChartOfAccountsDashboard() {
+    // No-op. Keeps @RegisterClass(BaseDashboard, 'ChartOfAccountsDashboard') alive.
+}
+//# sourceMappingURL=coa-dashboard.component.js.map