ngx-t-forms 2.0.31 → 2.0.32

package/fesm2022/{ngx-t-forms-missing-form-configs.component-DrnH8qdG.mjs.map → ngx-t-forms-missing-form-configs.component-DxdynZY6.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-missing-form-configs.component-DrnH8qdG.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.html"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n@Component({\r\n  selector: 'lib-missing-form-configs',\r\n  imports: [\r\n    AsyncPipe,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatToolbarModule,\r\n    MatTooltipModule,\r\n  ],\r\n  templateUrl: './missing-form-configs.component.html',\r\n  styleUrl: './missing-form-configs.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class MissingFormConfigsComponent {\r\n  readonly #store = inject(FormsStoreService);\r\n\r\n  protected readonly errors$ = this.#store.formBuilderSelectors.formValidationErrorsMessages$;\r\n  protected readonly missingConfigs$ = this.#store.formBuilderSelectors.missingConfig$;\r\n  protected readonly hideDetails = signal<boolean>(true);\r\n  protected readonly showAllErrors = signal<boolean>(false);\r\n}\r\n","@if (hideDetails()) {\r\n<button\r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails.set(false)\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"hideDetails.set(true)\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors() ? 'Hide all errors' : 'Show all errors'\"\r\n            (click)=\"showAllErrors.set(!showAllErrors())\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors()){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}\r\n"],"names":["i2","i3","i4"],"mappings":"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"}
+{"version":3,"file":"ngx-t-forms-missing-form-configs.component-DxdynZY6.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.html"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\r\nimport { ChangeDetectionStrategy, Component, inject, signal } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { MatTooltipModule } from '@angular/material/tooltip';\r\n\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n@Component({\r\n  selector: 'lib-missing-form-configs',\r\n  imports: [\r\n    AsyncPipe,\r\n    MatButtonModule,\r\n    MatIconModule,\r\n    MatToolbarModule,\r\n    MatTooltipModule,\r\n  ],\r\n  templateUrl: './missing-form-configs.component.html',\r\n  styleUrl: './missing-form-configs.component.scss',\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class MissingFormConfigsComponent {\r\n  readonly #store = inject(FormsStoreService);\r\n\r\n  protected readonly errors$ = this.#store.formBuilderSelectors.formValidationErrorsMessages$;\r\n  protected readonly missingConfigs$ = this.#store.formBuilderSelectors.missingConfig$;\r\n  protected readonly hideDetails = signal<boolean>(true);\r\n  protected readonly showAllErrors = signal<boolean>(false);\r\n}\r\n","@if (hideDetails()) {\r\n<button\r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails.set(false)\" mat-fab color=\"warn\" aria-label=\"Error icon\">\r\n    <mat-icon>error</mat-icon>\r\n</button>\r\n}@else {\r\n<div  style=\"margin: 8px;position:relative\" class=\"content \">\r\n    <mat-toolbar color=\"warn\">\r\n        <button (click)=\"hideDetails.set(true)\" mat-icon-button>\r\n            <mat-icon>\r\n                close\r\n            </mat-icon>\r\n        </button>\r\n        Missing configurations:\r\n        <span class=\"spacer\"></span>\r\n        <button [matTooltip]=\"showAllErrors() ? 'Hide all errors' : 'Show all errors'\"\r\n            (click)=\"showAllErrors.set(!showAllErrors())\" mat-icon-button>\r\n\r\n            <mat-icon>\r\n                unfold_more\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n    <section style=\"padding: 16px;\" >\r\n        <h5>\r\n            <strong>\r\n                Overall form issues:\r\n            </strong>\r\n        </h5>\r\n        <ul>\r\n            @for (issue of (missingConfigs$|async);track issue) {\r\n            <li>\r\n                {{issue}}\r\n            </li>\r\n            }\r\n        </ul>\r\n\r\n        @if(showAllErrors()){\r\n        <h5>\r\n            <strong>\r\n\r\n                Form validationErrors :\r\n\r\n            </strong>\r\n\r\n\r\n        </h5>\r\n        <ul>\r\n            @for (error of errors$|async; track error) {\r\n\r\n            <li>\r\n\r\n                {{error}}\r\n\r\n            </li>\r\n\r\n            }\r\n        </ul>\r\n        }\r\n\r\n\r\n\r\n\r\n    </section>\r\n\r\n</div>\r\n}\r\n"],"names":["i2","i3","i4"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-mscoa-chart-toolbar.component-C_abEBQ5.mjs → ngx-t-forms-mscoa-chart-toolbar.component-D4Xa_Yi0.mjs}

@@ -6,7 +6,7 @@ import * as i3 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
 import * as i5 from '@angular/material/toolbar';
 import { MatToolbarModule } from '@angular/material/toolbar';
-import { A as ACCOUNTING_BASIS, z as getToolbarColor, C as getToolbarBackground, G as getToolbarIconColor } from './ngx-t-forms-ngx-t-forms-u_kigDid.mjs';
+import { I as ACCOUNTING_BASIS, K as getToolbarColor, L as getToolbarBackground, O as getToolbarIconColor } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
 
 class MscoaChartToolbarComponent {
     constructor() {
@@ -35,4 +35,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImpo
         }], propDecorators: { accountingBasis: [{ type: i0.Input, args: [{ isSignal: true, alias: "accountingBasis", required: false }] }], canCollapse: [{ type: i0.Input, args: [{ isSignal: true, alias: "canCollapse", required: false }] }], isExpanded: [{ type: i0.Input, args: [{ isSignal: true, alias: "isExpanded", required: false }] }], toggleExpansion: [{ type: i0.Output, args: ["toggleExpansion"] }] } });
 
 export { MscoaChartToolbarComponent };
-//# sourceMappingURL=ngx-t-forms-mscoa-chart-toolbar.component-C_abEBQ5.mjs.map
+//# sourceMappingURL=ngx-t-forms-mscoa-chart-toolbar.component-D4Xa_Yi0.mjs.map

package/fesm2022/{ngx-t-forms-mscoa-chart-toolbar.component-C_abEBQ5.mjs.map → ngx-t-forms-mscoa-chart-toolbar.component-D4Xa_Yi0.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ngx-t-forms-mscoa-chart-toolbar.component-C_abEBQ5.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-chart-toolbar/mscoa-chart-toolbar.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-chart-toolbar/mscoa-chart-toolbar.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { ACCOUNTING_BASIS } from '../../utils/mscoa-chart.constants';\r\nimport { getToolbarBackground, getToolbarColor, getToolbarIconColor } from '../../utils/mscoa-chart.helpers';\r\nimport type { AccountingBasis } from '../../utils/mscoa-chart.constants';\r\n\r\n@Component({\r\n  selector: 'lib-mscoa-chart-toolbar',\r\n  imports: [MatToolbarModule, MatButtonModule, MatIconModule],\r\n  templateUrl: './mscoa-chart-toolbar.component.html',\r\n  styleUrls: ['./mscoa-chart-toolbar.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class MscoaChartToolbarComponent {\r\n  readonly accountingBasis = input<AccountingBasis | string | undefined>(undefined);\r\n  readonly canCollapse = input<boolean>(false);\r\n  readonly isExpanded = input<boolean>(true);\r\n\r\n  readonly toggleExpansion = output<void>();\r\n\r\n  protected readonly ACCOUNTING_BASIS = ACCOUNTING_BASIS;\r\n\r\n  protected readonly getToolbarColor = getToolbarColor;\r\n  protected readonly getToolbarBackground = getToolbarBackground;\r\n  protected readonly getToolbarIconColor = getToolbarIconColor;\r\n\r\n  protected readonly displayBasis = computed<string>(() => {\r\n    const basis = this.accountingBasis() || ACCOUNTING_BASIS.ACCRUAL;\r\n    return basis.charAt(0).toUpperCase() + basis.slice(1);\r\n  });\r\n\r\n  protected onToggleClick(): void {\r\n    this.toggleExpansion.emit();\r\n  }\r\n}\r\n","<mat-toolbar\r\n  [color]=\"getToolbarColor(accountingBasis())\"\r\n  [style.background]=\"getToolbarBackground(accountingBasis())\"\r\n  class=\"mscoa-chart-toolbar\"\r\n  [attr.aria-label]=\"'Accounting basis: ' + displayBasis()\">\r\n\r\n  <span class=\"mscoa-chart-toolbar__label\">\r\n    Basis: {{ displayBasis() }}\r\n  </span>\r\n\r\n  <span class=\"spacer\"></span>\r\n\r\n  @if (canCollapse()) {\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"onToggleClick()\"\r\n      [attr.aria-label]=\"(isExpanded() ? 'Collapse' : 'Expand') + ' ' + displayBasis() + ' basis table'\"\r\n      [attr.aria-expanded]=\"isExpanded()\">\r\n      <mat-icon [style.color]=\"getToolbarIconColor(accountingBasis())\">\r\n        {{ isExpanded() ? 'expand_less' : 'expand_more' }}\r\n      </mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n"],"names":["i1"],"mappings":";;;;;;;;;;MAea,0BAA0B,CAAA;AAPvC,IAAA,WAAA,GAAA;AAQW,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAuC,SAAS,sFAAC;AACxE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAU,KAAK,kFAAC;AACnC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,IAAI,iFAAC;QAEjC,IAAA,CAAA,eAAe,GAAG,MAAM,EAAQ;QAEtB,IAAA,CAAA,gBAAgB,GAAG,gBAAgB;QAEnC,IAAA,CAAA,eAAe,GAAG,eAAe;QACjC,IAAA,CAAA,oBAAoB,GAAG,oBAAoB;QAC3C,IAAA,CAAA,mBAAmB,GAAG,mBAAmB;AAEzC,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAS,MAAK;YACtD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,gBAAgB,CAAC,OAAO;AAChE,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACvD,QAAA,CAAC,mFAAC;AAKH,IAAA;IAHW,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;IAC7B;+GApBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,ujBCfvC,g1BAwBA,EAAA,MAAA,EAAA,CAAA,0UAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,qNAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAK/C,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;+BACE,yBAAyB,EAAA,OAAA,EAC1B,CAAC,gBAAgB,EAAE,eAAe,EAAE,aAAa,CAAC,EAAA,eAAA,EAG1C,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,g1BAAA,EAAA,MAAA,EAAA,CAAA,0UAAA,CAAA,EAAA;;;;;"}
+{"version":3,"file":"ngx-t-forms-mscoa-chart-toolbar.component-D4Xa_Yi0.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-chart-toolbar/mscoa-chart-toolbar.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-form-input/elements/mscoa-form-input/elements/mscoa-chart/components/mscoa-chart-toolbar/mscoa-chart-toolbar.component.html"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, output } from '@angular/core';\r\nimport { MatButtonModule } from '@angular/material/button';\r\nimport { MatIconModule } from '@angular/material/icon';\r\nimport { MatToolbarModule } from '@angular/material/toolbar';\r\nimport { ACCOUNTING_BASIS } from '../../utils/mscoa-chart.constants';\r\nimport { getToolbarBackground, getToolbarColor, getToolbarIconColor } from '../../utils/mscoa-chart.helpers';\r\nimport type { AccountingBasis } from '../../utils/mscoa-chart.constants';\r\n\r\n@Component({\r\n  selector: 'lib-mscoa-chart-toolbar',\r\n  imports: [MatToolbarModule, MatButtonModule, MatIconModule],\r\n  templateUrl: './mscoa-chart-toolbar.component.html',\r\n  styleUrls: ['./mscoa-chart-toolbar.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n})\r\nexport class MscoaChartToolbarComponent {\r\n  readonly accountingBasis = input<AccountingBasis | string | undefined>(undefined);\r\n  readonly canCollapse = input<boolean>(false);\r\n  readonly isExpanded = input<boolean>(true);\r\n\r\n  readonly toggleExpansion = output<void>();\r\n\r\n  protected readonly ACCOUNTING_BASIS = ACCOUNTING_BASIS;\r\n\r\n  protected readonly getToolbarColor = getToolbarColor;\r\n  protected readonly getToolbarBackground = getToolbarBackground;\r\n  protected readonly getToolbarIconColor = getToolbarIconColor;\r\n\r\n  protected readonly displayBasis = computed<string>(() => {\r\n    const basis = this.accountingBasis() || ACCOUNTING_BASIS.ACCRUAL;\r\n    return basis.charAt(0).toUpperCase() + basis.slice(1);\r\n  });\r\n\r\n  protected onToggleClick(): void {\r\n    this.toggleExpansion.emit();\r\n  }\r\n}\r\n","<mat-toolbar\r\n  [color]=\"getToolbarColor(accountingBasis())\"\r\n  [style.background]=\"getToolbarBackground(accountingBasis())\"\r\n  class=\"mscoa-chart-toolbar\"\r\n  [attr.aria-label]=\"'Accounting basis: ' + displayBasis()\">\r\n\r\n  <span class=\"mscoa-chart-toolbar__label\">\r\n    Basis: {{ displayBasis() }}\r\n  </span>\r\n\r\n  <span class=\"spacer\"></span>\r\n\r\n  @if (canCollapse()) {\r\n    <button\r\n      mat-icon-button\r\n      (click)=\"onToggleClick()\"\r\n      [attr.aria-label]=\"(isExpanded() ? 'Collapse' : 'Expand') + ' ' + displayBasis() + ' basis table'\"\r\n      [attr.aria-expanded]=\"isExpanded()\">\r\n      <mat-icon [style.color]=\"getToolbarIconColor(accountingBasis())\">\r\n        {{ isExpanded() ? 'expand_less' : 'expand_more' }}\r\n      </mat-icon>\r\n    </button>\r\n  }\r\n</mat-toolbar>\r\n"],"names":["i1"],"mappings":";;;;;;;;;;MAea,0BAA0B,CAAA;AAPvC,IAAA,WAAA,GAAA;AAQW,QAAA,IAAA,CAAA,eAAe,GAAG,KAAK,CAAuC,SAAS,sFAAC;AACxE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAU,KAAK,kFAAC;AACnC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAU,IAAI,iFAAC;QAEjC,IAAA,CAAA,eAAe,GAAG,MAAM,EAAQ;QAEtB,IAAA,CAAA,gBAAgB,GAAG,gBAAgB;QAEnC,IAAA,CAAA,eAAe,GAAG,eAAe;QACjC,IAAA,CAAA,oBAAoB,GAAG,oBAAoB;QAC3C,IAAA,CAAA,mBAAmB,GAAG,mBAAmB;AAEzC,QAAA,IAAA,CAAA,YAAY,GAAG,QAAQ,CAAS,MAAK;YACtD,MAAM,KAAK,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,gBAAgB,CAAC,OAAO;AAChE,YAAA,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;AACvD,QAAA,CAAC,mFAAC;AAKH,IAAA;IAHW,aAAa,GAAA;AACrB,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE;IAC7B;+GApBW,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA1B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,0BAA0B,ujBCfvC,g1BAwBA,EAAA,MAAA,EAAA,CAAA,0UAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDdY,gBAAgB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,EAAA,CAAA,UAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,eAAe,qNAAE,aAAa,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FAK/C,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAPtC,SAAS;+BACE,yBAAyB,EAAA,OAAA,EAC1B,CAAC,gBAAgB,EAAE,eAAe,EAAE,aAAa,CAAC,EAAA,eAAA,EAG1C,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,g1BAAA,EAAA,MAAA,EAAA,CAAA,0UAAA,CAAA,EAAA;;;;;"}

package/fesm2022/ngx-t-forms-mscoa-segment-config.component-Bo0aDEMy.mjs

@@ -0,0 +1,447 @@
+import * as i0 from '@angular/core';
+import { input, output, inject, DestroyRef, signal, computed, effect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import * as i1 from '@angular/forms';
+import { FormBuilder, Validators, ReactiveFormsModule } from '@angular/forms';
+import { take, tap, catchError, of } from 'rxjs';
+import * as i1$1 from '@angular/material/button';
+import { MatButtonModule } from '@angular/material/button';
+import * as i3 from '@angular/material/card';
+import { MatCardModule } from '@angular/material/card';
+import * as i4 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+import * as i2 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i3$1 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i2$1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i8 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import * as i1$2 from '@angular/material/slide-toggle';
+import { MatSlideToggleModule } from '@angular/material/slide-toggle';
+import * as i5 from '@angular/material/tooltip';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { ElementTypes } from 'ngx-t-forms-types';
+import { v4 } from 'uuid';
+import { _ as _isEqual, E as EmptyStateComponent } from './ngx-t-forms-ngx-t-forms-C2G8_WQk.mjs';
+
+let nextUniqueId = 0;
+const IDLE = { mode: 'idle' };
+/**
+ * Internal editor element for configuring an MSCOA input's included account
+ * segments. Child of `t-dynamic-data-edit`, which supplies the field label,
+ * hint, and validation errors - so this component owns only the segment chip
+ * row and the add/edit panel.
+ *
+ * The segment list is seeded from the MSCOA tree (`getMscoaTree`); each segment
+ * carries flags such as single-select, read-only, VAT-selection and
+ * inherit-from-accrual. In cash-segment mode (`isCashSegmentConfig`) every
+ * non-`item` segment defaults to inherit-from-accrual + read-only.
+ */
+class MscoaSegmentConfigComponent {
+    #fb;
+    #destroyRef;
+    /** Tree-derived segment templates (drives the segment `mat-select`). */
+    #treeSegments;
+    /** Error raised while fetching the tree (`null` until/unless the fetch fails). */
+    #fetchError;
+    /** Add/edit panel state. */
+    #editState;
+    /** Add/edit panel state for account-level custom inputs. */
+    #customInputState;
+    /** Guards single-shot tree load (mirrors the original take(1) one-time fetch). */
+    #treeRequested;
+    constructor() {
+        /**
+         * Validation errors passed down by the parent editor. Retained on the contract
+         * but not rendered here - `t-dynamic-data-edit` owns error display.
+         */
+        this.errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+        /** The full MSCOA input config; supplies the extension-account options. */
+        this.dataValue = input(undefined, ...(ngDevMode ? [{ debugName: "dataValue" }] : /* istanbul ignore next */ []));
+        /** Disable user interaction. */
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+        /** Cash-segment mode: non-`item` segments default to inherit + read-only. */
+        this.isCashSegmentConfig = input(false, ...(ngDevMode ? [{ debugName: "isCashSegmentConfig" }] : /* istanbul ignore next */ []));
+        /** Currently configured segments. */
+        this.value = input(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+        /** When true, render every tree segment read-only (no add/remove). */
+        this.showAllSegments = input(false, ...(ngDevMode ? [{ debugName: "showAllSegments" }] : /* istanbul ignore next */ []));
+        /**
+         * Stream that resolves the MSCOA account tree. Heterogeneous wrapper binding -
+         * the parent feeds whatever the editor config holds; narrowing here would force
+         * wrapper changes.
+         */
+        this.getMscoaTree = input(undefined, ...(ngDevMode ? [{ debugName: "getMscoaTree" }] : /* istanbul ignore next */ []));
+        /**
+         * Creates or updates an account-level custom input (a peer of the segments) from
+         * the quick editor. Threaded through `t-dynamic-data-edit`; absent outside the
+         * builder, which hides the affordance.
+         */
+        this.saveCustomInput = input(undefined, ...(ngDevMode ? [{ debugName: "saveCustomInput" }] : /* istanbul ignore next */ []));
+        /** Opens a custom input in the form-builder's input editor for advanced configuration. */
+        this.editSegmentInput = input(undefined, ...(ngDevMode ? [{ debugName: "editSegmentInput" }] : /* istanbul ignore next */ []));
+        /** Removes a custom input from the MSCOA config. */
+        this.deleteSegmentInput = input(undefined, ...(ngDevMode ? [{ debugName: "deleteSegmentInput" }] : /* istanbul ignore next */ []));
+        /** Emits the mutated segment list whenever the user adds, edits, or removes one. */
+        this.valueChanged = output();
+        /** Host id attribute - stable, unique per instance. */
+        this.hostId = `app-mscoa-segment-config-${nextUniqueId++}`;
+        this.#fb = inject(FormBuilder);
+        this.#destroyRef = inject(DestroyRef);
+        /** Tree-derived segment templates (drives the segment `mat-select`). */
+        this.#treeSegments = signal([], ...(ngDevMode ? [{ debugName: "#treeSegments" }] : /* istanbul ignore next */ []));
+        /** Error raised while fetching the tree (`null` until/unless the fetch fails). */
+        this.#fetchError = signal(null, ...(ngDevMode ? [{ debugName: "#fetchError" }] : /* istanbul ignore next */ []));
+        /** True while the tree stream is in flight. */
+        this.loading = signal(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+        /** Add/edit panel state. */
+        this.#editState = signal(IDLE, ...(ngDevMode ? [{ debugName: "#editState" }] : /* istanbul ignore next */ []));
+        /** Reactive form for the segment currently being added/edited. */
+        this.segmentForm = this.#createSegmentForm();
+        /** Add/edit panel state for account-level custom inputs. */
+        this.#customInputState = signal({ mode: 'idle' }, ...(ngDevMode ? [{ debugName: "#customInputState" }] : /* istanbul ignore next */ []));
+        /** Reactive form for the custom input currently being added/edited. */
+        this.customInputForm = this.#createCustomInputForm();
+        /** Curated input-type options for the custom-input quick editor. */
+        this.customInputTypes = [
+            { value: ElementTypes.Input, label: 'Text / number' },
+            { value: ElementTypes.Select, label: 'Select' },
+            { value: ElementTypes.DatePicker, label: 'Date' },
+            { value: ElementTypes.Toggle, label: 'Toggle' },
+        ];
+        /** Guards single-shot tree load (mirrors the original take(1) one-time fetch). */
+        this.#treeRequested = false;
+        /**
+         * The configured segments, always a real array. The editor descriptor seeds
+         * an unconfigured segments value as `false` (its `defaultValue`), so guard
+         * against any non-array input — `?? []` alone would let `false`/objects
+         * through and break `.some` / `.map` / `@for` downstream.
+         */
+        this.resolvedValue = computed(() => {
+            const value = this.value();
+            return Array.isArray(value) ? value : [];
+        }, ...(ngDevMode ? [{ debugName: "resolvedValue" }] : /* istanbul ignore next */ []));
+        /** Tree-derived segment templates for the picker. */
+        this.treeSegments = this.#treeSegments.asReadonly();
+        /**
+         * Loader/tree error message; `null` when none. A fetch error takes priority,
+         * otherwise a missing loader surfaces the "No loader provided" notice.
+         */
+        this.treeError = computed(() => {
+            const fetchError = this.#fetchError();
+            if (fetchError) {
+                return fetchError;
+            }
+            return this.getMscoaTree() ? null : 'No loader provided';
+        }, ...(ngDevMode ? [{ debugName: "treeError" }] : /* istanbul ignore next */ []));
+        /** Whether the add/edit panel is open. */
+        this.isEditing = computed(() => this.#editState().mode !== 'idle', ...(ngDevMode ? [{ debugName: "isEditing" }] : /* istanbul ignore next */ []));
+        /** Whether the open panel is adding a brand-new segment. */
+        this.isAddingNew = computed(() => this.#editState().mode === 'add', ...(ngDevMode ? [{ debugName: "isAddingNew" }] : /* istanbul ignore next */ []));
+        /** Whether the "Add new segment" toolbar button should show. */
+        this.canAddNew = computed(() => !this.isEditing() && !this.showAllSegments(), ...(ngDevMode ? [{ debugName: "canAddNew" }] : /* istanbul ignore next */ []));
+        /** Whether the custom-input add/edit panel is open. */
+        this.isCustomInputPanelOpen = computed(() => this.#customInputState().mode !== 'idle', ...(ngDevMode ? [{ debugName: "isCustomInputPanelOpen" }] : /* istanbul ignore next */ []));
+        // One-time tree load. Mirrors the original `take(1)` fetch. The signal
+        // writes happen off the reactive tick (microtask) so the effect itself
+        // performs no synchronous signal mutation.
+        effect(() => {
+            const tree$ = this.getMscoaTree();
+            if (!tree$ || this.#treeRequested) {
+                return;
+            }
+            this.#treeRequested = true;
+            queueMicrotask(() => this.#loadMscoa(tree$));
+        });
+        // Reflect the full tree as read-only segments when `showAllSegments` is on.
+        effect(() => {
+            if (this.showAllSegments()) {
+                this.#syncAllSegments();
+            }
+        });
+    }
+    /** Fetch the tree once, build the segment templates, surface any error. */
+    #loadMscoa(tree$) {
+        this.#fetchError.set(null);
+        this.loading.set(true);
+        tree$
+            .pipe(take(1), tap((response) => {
+            this.#treeSegments.set(this.#buildTreeSegments(response));
+            this.loading.set(false);
+        }), catchError(() => {
+            this.#fetchError.set('Failed to fetch mscoa tree');
+            this.loading.set(false);
+            return of(undefined);
+        }), takeUntilDestroyed(this.#destroyRef))
+            .subscribe();
+    }
+    /** Map the tree account keys into seedable segment templates. */
+    #buildTreeSegments(response) {
+        const isCash = this.isCashSegmentConfig();
+        const current = this.resolvedValue();
+        return (response?.accountTreeKeys ?? []).map((treeKey) => {
+            const isItem = treeKey.toLocaleLowerCase() === 'item';
+            return {
+                id: v4(),
+                segment: treeKey,
+                singleSelect: true,
+                additionalAccounts: [],
+                inheritValueFromAccrual: isCash ? !isItem : undefined,
+                vatSelectonActive: isCash ? false : isItem,
+                segmentExtension: false,
+                label: this.#toTitleCase(treeKey),
+                readOnly: current.find((v) => v.segment === treeKey)?.readOnly ||
+                    (isCash && !isItem) ||
+                    false,
+            };
+        });
+    }
+    /** Build the per-segment reactive form. */
+    #createSegmentForm(segment = {
+        segment: '',
+        label: '',
+        id: v4(),
+        singleSelect: true,
+        segmentExtension: false,
+        additionalAccounts: [],
+        readOnly: false,
+    }) {
+        const isItem = segment.segment?.toLocaleLowerCase() === 'item';
+        return this.#fb.group({
+            id: [segment.id],
+            segment: [segment.segment, Validators.required],
+            segmentExtension: [segment.segmentExtension, Validators.required],
+            readOnly: [segment.readOnly, Validators.required],
+            // Default to a concrete `false` in cash mode: `Validators.required` rejects
+            // `undefined` (but accepts `false`), so a brand-new segment whose toggle was
+            // never touched would otherwise keep the form invalid and the Save button
+            // permanently disabled. Existing values (true/false) pass through unchanged.
+            inheritValueFromAccrual: this.isCashSegmentConfig()
+                ? [segment.inheritValueFromAccrual ?? false, Validators.required]
+                : [segment.inheritValueFromAccrual],
+            vatSelectonActive: isItem
+                ? [Boolean(segment.vatSelectonActive), Validators.required]
+                : [Boolean(segment.vatSelectonActive)],
+            additionalAccounts: [segment.additionalAccounts ?? []],
+            label: [segment.label, Validators.required],
+            singleSelect: [segment.singleSelect, Validators.required],
+        });
+    }
+    startAddNew() {
+        this.segmentForm = this.#createSegmentForm();
+        this.#editState.set({ mode: 'add' });
+    }
+    startEdit(index) {
+        const segment = this.resolvedValue().at(index);
+        if (!segment) {
+            return;
+        }
+        this.segmentForm = this.#createSegmentForm(segment);
+        this.#editState.set({ mode: 'edit', index });
+    }
+    cancelEdit() {
+        this.segmentForm.reset();
+        this.#editState.set(IDLE);
+    }
+    saveSegment() {
+        if (!this.segmentForm.valid) {
+            return;
+        }
+        const raw = this.segmentForm.getRawValue();
+        const label = this.#toTitleCase(String(raw.label ?? ''));
+        const newSegment = {
+            id: typeof raw.id === 'string' && raw.id ? raw.id : v4(),
+            segment: raw.segment,
+            // Multi-level segments derive their key from the (upper-cased) label.
+            customSegment: raw.segmentExtension ? label.toLocaleUpperCase() : undefined,
+            segmentExtension: Boolean(raw.segmentExtension),
+            inheritValueFromAccrual: Boolean(raw.inheritValueFromAccrual),
+            vatSelectonActive: Boolean(raw.vatSelectonActive),
+            additionalAccounts: Array.isArray(raw.additionalAccounts) ? raw.additionalAccounts : [],
+            label,
+            singleSelect: Boolean(raw.singleSelect),
+            readOnly: Boolean(raw.readOnly),
+        };
+        const state = this.#editState();
+        const updated = [...this.resolvedValue()];
+        if (state.mode === 'add') {
+            updated.push(newSegment);
+        }
+        else if (state.mode === 'edit') {
+            updated[state.index] = newSegment;
+        }
+        else {
+            return;
+        }
+        this.valueChanged.emit(updated);
+        this.cancelEdit();
+    }
+    readOnlyChanged(event) {
+        this.segmentForm.patchValue({ readOnly: event.checked });
+    }
+    singleSelectChange(event) {
+        this.segmentForm.patchValue({ singleSelect: event.checked });
+    }
+    setVatSelectionActive(event) {
+        this.segmentForm.patchValue({ vatSelectonActive: event.checked });
+    }
+    /** Inherit-from-accrual implies read-only (quirk: toggling on forces read-only). */
+    setInheritFromAccrual(event) {
+        this.segmentForm.patchValue({ inheritValueFromAccrual: event.checked });
+        if (event.checked) {
+            this.segmentForm.patchValue({ readOnly: true });
+        }
+    }
+    multiLevelSelectChange(event) {
+        this.segmentForm.patchValue({ segmentExtension: event.checked });
+    }
+    /** Pick a segment; auto-fill the label from it unless this is a multi-level extension. */
+    selectSegment(event) {
+        this.segmentForm.patchValue({ segment: event.value });
+        if (!this.segmentForm.value.segmentExtension) {
+            this.segmentForm.patchValue({ label: this.#toTitleCase(String(event.value ?? '')) });
+        }
+    }
+    additionalAccountsChanged(event) {
+        this.segmentForm.patchValue({ additionalAccounts: [...event.value] }, { emitEvent: true });
+    }
+    removeSegment(index) {
+        const updated = this.resolvedValue().filter((_, i) => i !== index);
+        this.valueChanged.emit(updated);
+    }
+    /** All account-level custom inputs (peers of the segments — not segment-linked). */
+    customInputs() {
+        return (this.dataValue()?.mscoaConfig?.inputs ?? []).filter((input) => !input.linkedSegmentId);
+    }
+    /** Whether custom inputs can be managed (builder callbacks present). */
+    get canManageInputs() {
+        return !!this.saveCustomInput() && !!this.dataValue()?.id;
+    }
+    /** Open the panel to add a new custom input. */
+    startAddCustomInput() {
+        this.cancelEdit();
+        this.customInputForm = this.#createCustomInputForm();
+        this.#customInputState.set({ mode: 'add' });
+    }
+    /** Open the panel to edit an existing custom input's basics. */
+    startEditCustomInput(input) {
+        this.cancelEdit();
+        this.customInputForm = this.#createCustomInputForm(input);
+        this.#customInputState.set({ mode: 'edit', id: input.id });
+    }
+    /** Close the custom-input panel without saving. */
+    cancelCustomInput() {
+        this.customInputForm.reset();
+        this.#customInputState.set({ mode: 'idle' });
+    }
+    /** Persist the custom-input panel through the builder save callback. */
+    saveCustomInputPanel() {
+        const data = this.dataValue();
+        if (!this.customInputForm.valid || !data?.id) {
+            return;
+        }
+        const raw = this.customInputForm.getRawValue();
+        const label = String(raw.label ?? '').trim();
+        this.saveCustomInput()?.(data.sectionId, data.id, {
+            id: typeof raw.id === 'string' && raw.id ? raw.id : undefined,
+            element: raw.element,
+            label,
+            formControlName: this.#toControlName(label),
+            singleSelect: Boolean(raw.singleSelect),
+            readonly: Boolean(raw.readonly),
+        });
+        this.cancelCustomInput();
+    }
+    /** Open a custom input in the builder's input editor for advanced configuration. */
+    onEditAdvanced(input) {
+        this.editSegmentInput()?.(input);
+    }
+    /** Remove a custom input from the MSCOA config. */
+    onDeleteInput(input) {
+        this.deleteSegmentInput()?.(input);
+    }
+    /** Build the per-custom-input reactive form (type, label, single-value-selection, read-only). */
+    #createCustomInputForm(input) {
+        return this.#fb.group({
+            id: [input?.id ?? null],
+            element: [input?.element ?? ElementTypes.Input, Validators.required],
+            label: [input?.label ?? '', Validators.required],
+            singleSelect: [input?.singleSelect ?? true],
+            readonly: [input?.readonly ?? false],
+        });
+    }
+    /** camelCase control name derived from a label (e.g. "Budget Value" -> "budgetValue"). */
+    #toControlName(label) {
+        const words = label.match(/[a-z0-9]+/gi) ?? [];
+        return words
+            .map((word, index) => index === 0
+            ? word.toLowerCase()
+            : word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+            .join('');
+    }
+    /**
+     * A tree template is "already used" (and so disabled in the picker) when a
+     * segment with the same key is already configured - except for multi-level
+     * extensions, which may reuse a key.
+     */
+    alreadyExists(segment) {
+        if (this.segmentForm.value.segmentExtension) {
+            return false;
+        }
+        return this.resolvedValue().some((v) => v.segment === segment.segment);
+    }
+    /** Extension-account options drawn from the MSCOA config. */
+    get extensionAccountsForSegments() {
+        return this.dataValue()?.mscoaConfig?.extensionAccountsForSegments ?? [];
+    }
+    /**
+     * When `showAllSegments` is on, reconcile the configured value against the full
+     * tree. Preserves the deliberate double-emit sync: emit a reset sentinel first,
+     * then the merged list on the next microtask so the parent re-renders cleanly.
+     */
+    #syncAllSegments() {
+        const templates = this.#treeSegments();
+        if (!this.#treeRequested || templates.length === 0) {
+            return;
+        }
+        const current = this.resolvedValue();
+        const merged = templates.map((segment) => ({
+            ...segment,
+            ...(current.find((v) => v.segment === segment.segment) ?? {}),
+        }));
+        if (!_isEqual(merged, current)) {
+            // Reset sentinel, then the real value, to force downstream re-binding.
+            this.valueChanged.emit([{}]);
+            queueMicrotask(() => this.valueChanged.emit(merged));
+        }
+    }
+    #toTitleCase(str) {
+        return str.replace(/\w\S*/g, (txt) => txt.charAt(0).toUpperCase() + txt.slice(1).toLowerCase());
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MscoaSegmentConfigComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.12", type: MscoaSegmentConfigComponent, isStandalone: true, selector: "lib-mscoa-segment-config", inputs: { errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, dataValue: { classPropertyName: "dataValue", publicName: "dataValue", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, isCashSegmentConfig: { classPropertyName: "isCashSegmentConfig", publicName: "isCashSegmentConfig", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, showAllSegments: { classPropertyName: "showAllSegments", publicName: "showAllSegments", isSignal: true, isRequired: false, transformFunction: null }, getMscoaTree: { classPropertyName: "getMscoaTree", publicName: "getMscoaTree", isSignal: true, isRequired: false, transformFunction: null }, saveCustomInput: { classPropertyName: "saveCustomInput", publicName: "saveCustomInput", isSignal: true, isRequired: false, transformFunction: null }, editSegmentInput: { classPropertyName: "editSegmentInput", publicName: "editSegmentInput", isSignal: true, isRequired: false, transformFunction: null }, deleteSegmentInput: { classPropertyName: "deleteSegmentInput", publicName: "deleteSegmentInput", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "attr.id": "hostId" }, classAttribute: "lib-mscoa-segment-config" }, ngImport: i0, template: "@if (loading()) {\n  <div class=\"mscoa-segment-config__notice\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">hourglass_top</mat-icon>\n    <span>Loading account segments\u2026</span>\n  </div>\n}\n\n@if (treeError(); as error) {\n  <div class=\"mscoa-segment-config__notice mscoa-segment-config__notice--error\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">error_outline</mat-icon>\n    <span>{{ error }}</span>\n  </div>\n}\n\n@if (resolvedValue().length > 0) {\n  <div class=\"mscoa-segment-config__section\">\n    <p class=\"mscoa-segment-config__section-label\">Configured segments</p>\n    <mat-chip-listbox [disabled]=\"disabled()\" aria-label=\"Configured account segments\">\n      @for (segment of resolvedValue(); track segment.id; let i = $index) {\n        <mat-chip-option\n          (removed)=\"removeSegment(i)\"\n          (click)=\"startEdit(i)\"\n          [value]=\"segment.segment\"\n          [selected]=\"isEditing() && !isAddingNew()\">\n          <span class=\"mscoa-segment-config__chip-content\">\n            <span class=\"mscoa-segment-config__chip-label\">{{ segment.label }}</span>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.singleSelect ? 'done' : 'done_all' }}\n            </mat-icon>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.readOnly ? 'edit_off' : 'edit' }}\n            </mat-icon>\n          </span>\n\n          @if (showAllSegments() === false) {\n            <button matChipRemove aria-label=\"Remove segment\" [disabled]=\"disabled()\">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          }\n        </mat-chip-option>\n      }\n    </mat-chip-listbox>\n  </div>\n} @else if (!loading()) {\n  <lib-empty-state\n    icon=\"account_tree\"\n    message=\"No segments configured yet. Add one to begin shaping this MSCOA input.\">\n    @if (canAddNew()) {\n      <button mat-stroked-button [disabled]=\"disabled()\" (click)=\"startAddNew()\">\n        <mat-icon>add</mat-icon>\n        Add segment\n      </button>\n    }\n  </lib-empty-state>\n}\n\n@if (canAddNew() && resolvedValue().length > 0) {\n  <button\n    class=\"mscoa-segment-config__add\"\n    mat-stroked-button\n    [disabled]=\"disabled()\"\n    (click)=\"startAddNew()\">\n    <mat-icon>add</mat-icon>\n    Add new segment\n  </button>\n}\n\n@if (canManageInputs) {\n  <!-- Account-level custom inputs (peers of the segments): list + consolidated add/edit panel. -->\n  <div class=\"mscoa-segment-config__section\">\n    <p class=\"mscoa-segment-config__section-label\">Custom inputs</p>\n    <p class=\"mscoa-segment-config__hint\">\n      Account-level inputs that sit alongside the segments (e.g. budget value,\n      department). Each is a full form input entered per leg; single value\n      selection applies one value across debit and credit.\n    </p>\n\n    @for (input of customInputs(); track input.id) {\n      <div class=\"mscoa-segment-config__custom-input-row\">\n        <mat-icon class=\"mscoa-segment-config__input-icon\">tune</mat-icon>\n        <span class=\"mscoa-segment-config__input-label\">\n          {{ input.label || input.formControlName || 'Untitled input' }}\n        </span>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled()\"\n          matTooltip=\"Edit\"\n          aria-label=\"Edit input\"\n          (click)=\"startEditCustomInput(input)\">\n          <mat-icon>edit</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled()\"\n          matTooltip=\"Advanced settings (validators, calculations, API)\"\n          aria-label=\"Advanced settings\"\n          (click)=\"onEditAdvanced(input)\">\n          <mat-icon>tune</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled()\"\n          matTooltip=\"Remove\"\n          aria-label=\"Remove input\"\n          (click)=\"onDeleteInput(input)\">\n          <mat-icon>delete_outline</mat-icon>\n        </button>\n      </div>\n    } @empty {\n      <p class=\"mscoa-segment-config__hint mscoa-segment-config__hint--muted\">\n        No custom inputs yet.\n      </p>\n    }\n\n    @if (!isCustomInputPanelOpen()) {\n      <button\n        class=\"mscoa-segment-config__add-input\"\n        mat-stroked-button\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        (click)=\"startAddCustomInput()\">\n        <mat-icon>add</mat-icon>\n        Add custom input\n      </button>\n    }\n\n    @if (isCustomInputPanelOpen()) {\n      <mat-card class=\"mscoa-segment-config__panel\" appearance=\"outlined\">\n        <mat-card-header>\n          <mat-card-subtitle>\n            {{ customInputForm.value.id ? 'Update' : 'Add a' }} custom input\n          </mat-card-subtitle>\n        </mat-card-header>\n\n        <mat-card-content>\n          <form [formGroup]=\"customInputForm\" (ngSubmit)=\"saveCustomInputPanel()\">\n            <div class=\"mscoa-segment-config__group\">\n              <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n                <mat-label>Input type</mat-label>\n                <mat-select formControlName=\"element\" placeholder=\"Select input type\">\n                  @for (type of customInputTypes; track type.value) {\n                    <mat-option [value]=\"type.value\">{{ type.label }}</mat-option>\n                  }\n                </mat-select>\n                <mat-hint>Use Advanced settings for validators, calculations and API.</mat-hint>\n              </mat-form-field>\n            </div>\n\n            <div class=\"mscoa-segment-config__group\">\n              <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n                <mat-label>Label</mat-label>\n                <input matInput formControlName=\"label\" placeholder=\"Enter label\" />\n                <mat-hint>A descriptive name (e.g. 'Budget value', 'Department').</mat-hint>\n              </mat-form-field>\n            </div>\n\n            <div class=\"mscoa-segment-config__group\">\n              <div class=\"mscoa-segment-config__toggle\">\n                <mat-slide-toggle formControlName=\"singleSelect\">Single value selection</mat-slide-toggle>\n              </div>\n              <p class=\"mscoa-segment-config__hint\">\n                When enabled, one value applies across debit and credit; when disabled, a value is\n                entered per leg.\n              </p>\n            </div>\n\n            <div class=\"mscoa-segment-config__group\">\n              <div class=\"mscoa-segment-config__toggle\">\n                <mat-slide-toggle formControlName=\"readonly\">Read only</mat-slide-toggle>\n              </div>\n              <p class=\"mscoa-segment-config__hint\">\n                Prevents users from changing the value after initial setup.\n              </p>\n            </div>\n\n            <mat-card-actions class=\"mscoa-segment-config__actions\">\n              <button mat-button type=\"button\" (click)=\"cancelCustomInput()\">Cancel</button>\n              <button mat-flat-button color=\"primary\" type=\"submit\" [disabled]=\"!customInputForm.valid\">\n                Save\n              </button>\n            </mat-card-actions>\n          </form>\n        </mat-card-content>\n      </mat-card>\n    }\n  </div>\n}\n\n@if (isEditing()) {\n  <mat-card class=\"mscoa-segment-config__panel\" appearance=\"outlined\">\n    <mat-card-header>\n      <mat-card-subtitle>\n        {{ isAddingNew() ? 'Add a new' : 'Update' }} segment\n      </mat-card-subtitle>\n    </mat-card-header>\n\n    <mat-card-content>\n      <form [formGroup]=\"segmentForm\" (ngSubmit)=\"saveSegment()\">\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"multiLevelSelectChange($event)\"\n              [checked]=\"segmentForm.value.segmentExtension\">\n              Enable multi-level segmentation\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Allows sub-classifications within this segment for more detailed accounting hierarchies.\n          </p>\n\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Segment</mat-label>\n            <mat-select\n              (selectionChange)=\"selectSegment($event)\"\n              formControlName=\"segment\"\n              placeholder=\"Select segment\">\n              @for (segment of treeSegments(); track segment.id) {\n                <mat-option [disabled]=\"alreadyExists(segment)\" [value]=\"segment.segment\">\n                  {{ segment.label }}\n                </mat-option>\n              }\n            </mat-select>\n            <mat-hint>Select an account segment type from your chart of accounts.</mat-hint>\n          </mat-form-field>\n        </div>\n\n        @if (isCashSegmentConfig()) {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setInheritFromAccrual($event)\"\n                [checked]=\"segmentForm.value.inheritValueFromAccrual\">\n                Inherit from accrual\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When enabled, changes to the accrual value reflect here automatically.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Label</mat-label>\n            <input\n              matInput\n              formControlName=\"label\"\n              [readonly]=\"!segmentForm.value.segmentExtension\"\n              placeholder=\"Enter label\" />\n            <mat-hint>\n              A descriptive name for this segment (e.g. 'Department', 'Project', 'Cost Center').\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"singleSelectChange($event)\"\n              [checked]=\"segmentForm.value.singleSelect\">\n              Single value selection\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            When enabled, transactions are assigned to one value within this segment; when disabled,\n            they can be split across multiple values.\n          </p>\n        </div>\n\n        @if (segmentForm.value.segment?.toLocaleLowerCase() === 'item') {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setVatSelectionActive($event)\"\n                [checked]=\"segmentForm.value.vatSelectonActive\">\n                Require VAT account selection\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When active, users must specify a VAT account for taxable items.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"readOnlyChanged($event)\"\n              [checked]=\"segmentForm.value.readOnly\">\n              Read-only segment\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Prevents users from modifying segment values after initial setup. Use for regulatory or\n            policy-controlled segments.\n          </p>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Additional accounts</mat-label>\n            <mat-select\n              (selectionChange)=\"additionalAccountsChanged($event)\"\n              formControlName=\"additionalAccounts\"\n              multiple\n              placeholder=\"Select counter accounts\">\n              @for (ext of extensionAccountsForSegments; track ext) {\n                <mat-option [value]=\"ext\">{{ ext }}</mat-option>\n              }\n            </mat-select>\n            <mat-hint>\n              Add supporting accounts for this segment (e.g. VAT or tax accounts).\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <mat-card-actions class=\"mscoa-segment-config__actions\">\n          <button mat-button type=\"button\" (click)=\"cancelEdit()\">Cancel</button>\n          <button mat-flat-button color=\"primary\" type=\"submit\" [disabled]=\"!segmentForm.valid\">\n            Save\n          </button>\n        </mat-card-actions>\n      </form>\n    </mat-card-content>\n  </mat-card>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:1.5rem;color:var(--lib-forms-on-surface)}.mscoa-segment-config__notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--lib-forms-radius-md, 10px);background:var(--sem-info-surface);color:var(--lib-forms-on-surface);font-size:.875rem}.mscoa-segment-config__notice--error{background:var(--sem-error-surface)}.mscoa-segment-config__notice-icon{flex:0 0 auto;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__notice--error .mscoa-segment-config__notice-icon{color:var(--sem-error)}.mscoa-segment-config__section{display:flex;flex-direction:column;gap:.75rem}.mscoa-segment-config__section-label{margin:0;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__chip-content{display:inline-flex;align-items:center;gap:.375rem}.mscoa-segment-config__chip-label{margin-right:.125rem}.mscoa-segment-config__chip-icon{width:1rem;height:1rem;font-size:1rem;line-height:1;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__add{width:100%}.mscoa-segment-config__panel{background:var(--lib-forms-surface);border:1px solid color-mix(in srgb,var(--lib-forms-outline) 15%,transparent);border-radius:var(--lib-forms-radius-lg, 12px);box-shadow:var(--lib-forms-shadow-resting);display:block}.mscoa-segment-config__group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.mscoa-segment-config__group:last-of-type{margin-bottom:0}.mscoa-segment-config__group mat-form-field{width:100%}.mscoa-segment-config__toggle{display:flex;align-items:center;padding:.5rem 0}.mscoa-segment-config__hint{margin:0;font-size:.75rem;line-height:1.4;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.mscoa-segment-config__custom-input-row{display:flex;align-items:center;gap:.5rem;padding:.375rem 0}.mscoa-segment-config__input-icon{flex:0 0 auto;width:1.125rem;height:1.125rem;font-size:1.125rem;line-height:1;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__input-label{flex:1 1 auto;min-width:0;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mscoa-segment-config__hint--muted{font-style:italic}.mscoa-segment-config__add-input{align-self:flex-start;margin-top:.25rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1$1.MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1$1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i3.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i3.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i3.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i3.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i4.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i8.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i8.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i1$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: EmptyStateComponent, selector: "lib-empty-state", inputs: ["icon", "message"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: MscoaSegmentConfigComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-mscoa-segment-config', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.Emulated, host: {
+                        'class': 'lib-mscoa-segment-config',
+                        '[attr.id]': 'hostId',
+                    }, imports: [
+                        ReactiveFormsModule,
+                        MatButtonModule,
+                        MatCardModule,
+                        MatChipsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        MatSelectModule,
+                        MatSlideToggleModule,
+                        MatTooltipModule,
+                        EmptyStateComponent,
+                    ], template: "@if (loading()) {\n  <div class=\"mscoa-segment-config__notice\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">hourglass_top</mat-icon>\n    <span>Loading account segments\u2026</span>\n  </div>\n}\n\n@if (treeError(); as error) {\n  <div class=\"mscoa-segment-config__notice mscoa-segment-config__notice--error\">\n    <mat-icon class=\"mscoa-segment-config__notice-icon\">error_outline</mat-icon>\n    <span>{{ error }}</span>\n  </div>\n}\n\n@if (resolvedValue().length > 0) {\n  <div class=\"mscoa-segment-config__section\">\n    <p class=\"mscoa-segment-config__section-label\">Configured segments</p>\n    <mat-chip-listbox [disabled]=\"disabled()\" aria-label=\"Configured account segments\">\n      @for (segment of resolvedValue(); track segment.id; let i = $index) {\n        <mat-chip-option\n          (removed)=\"removeSegment(i)\"\n          (click)=\"startEdit(i)\"\n          [value]=\"segment.segment\"\n          [selected]=\"isEditing() && !isAddingNew()\">\n          <span class=\"mscoa-segment-config__chip-content\">\n            <span class=\"mscoa-segment-config__chip-label\">{{ segment.label }}</span>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.singleSelect ? 'done' : 'done_all' }}\n            </mat-icon>\n            <mat-icon class=\"mscoa-segment-config__chip-icon\">\n              {{ segment.readOnly ? 'edit_off' : 'edit' }}\n            </mat-icon>\n          </span>\n\n          @if (showAllSegments() === false) {\n            <button matChipRemove aria-label=\"Remove segment\" [disabled]=\"disabled()\">\n              <mat-icon>cancel</mat-icon>\n            </button>\n          }\n        </mat-chip-option>\n      }\n    </mat-chip-listbox>\n  </div>\n} @else if (!loading()) {\n  <lib-empty-state\n    icon=\"account_tree\"\n    message=\"No segments configured yet. Add one to begin shaping this MSCOA input.\">\n    @if (canAddNew()) {\n      <button mat-stroked-button [disabled]=\"disabled()\" (click)=\"startAddNew()\">\n        <mat-icon>add</mat-icon>\n        Add segment\n      </button>\n    }\n  </lib-empty-state>\n}\n\n@if (canAddNew() && resolvedValue().length > 0) {\n  <button\n    class=\"mscoa-segment-config__add\"\n    mat-stroked-button\n    [disabled]=\"disabled()\"\n    (click)=\"startAddNew()\">\n    <mat-icon>add</mat-icon>\n    Add new segment\n  </button>\n}\n\n@if (canManageInputs) {\n  <!-- Account-level custom inputs (peers of the segments): list + consolidated add/edit panel. -->\n  <div class=\"mscoa-segment-config__section\">\n    <p class=\"mscoa-segment-config__section-label\">Custom inputs</p>\n    <p class=\"mscoa-segment-config__hint\">\n      Account-level inputs that sit alongside the segments (e.g. budget value,\n      department). Each is a full form input entered per leg; single value\n      selection applies one value across debit and credit.\n    </p>\n\n    @for (input of customInputs(); track input.id) {\n      <div class=\"mscoa-segment-config__custom-input-row\">\n        <mat-icon class=\"mscoa-segment-config__input-icon\">tune</mat-icon>\n        <span class=\"mscoa-segment-config__input-label\">\n          {{ input.label || input.formControlName || 'Untitled input' }}\n        </span>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled()\"\n          matTooltip=\"Edit\"\n          aria-label=\"Edit input\"\n          (click)=\"startEditCustomInput(input)\">\n          <mat-icon>edit</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled()\"\n          matTooltip=\"Advanced settings (validators, calculations, API)\"\n          aria-label=\"Advanced settings\"\n          (click)=\"onEditAdvanced(input)\">\n          <mat-icon>tune</mat-icon>\n        </button>\n        <button\n          mat-icon-button\n          type=\"button\"\n          [disabled]=\"disabled()\"\n          matTooltip=\"Remove\"\n          aria-label=\"Remove input\"\n          (click)=\"onDeleteInput(input)\">\n          <mat-icon>delete_outline</mat-icon>\n        </button>\n      </div>\n    } @empty {\n      <p class=\"mscoa-segment-config__hint mscoa-segment-config__hint--muted\">\n        No custom inputs yet.\n      </p>\n    }\n\n    @if (!isCustomInputPanelOpen()) {\n      <button\n        class=\"mscoa-segment-config__add-input\"\n        mat-stroked-button\n        type=\"button\"\n        [disabled]=\"disabled()\"\n        (click)=\"startAddCustomInput()\">\n        <mat-icon>add</mat-icon>\n        Add custom input\n      </button>\n    }\n\n    @if (isCustomInputPanelOpen()) {\n      <mat-card class=\"mscoa-segment-config__panel\" appearance=\"outlined\">\n        <mat-card-header>\n          <mat-card-subtitle>\n            {{ customInputForm.value.id ? 'Update' : 'Add a' }} custom input\n          </mat-card-subtitle>\n        </mat-card-header>\n\n        <mat-card-content>\n          <form [formGroup]=\"customInputForm\" (ngSubmit)=\"saveCustomInputPanel()\">\n            <div class=\"mscoa-segment-config__group\">\n              <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n                <mat-label>Input type</mat-label>\n                <mat-select formControlName=\"element\" placeholder=\"Select input type\">\n                  @for (type of customInputTypes; track type.value) {\n                    <mat-option [value]=\"type.value\">{{ type.label }}</mat-option>\n                  }\n                </mat-select>\n                <mat-hint>Use Advanced settings for validators, calculations and API.</mat-hint>\n              </mat-form-field>\n            </div>\n\n            <div class=\"mscoa-segment-config__group\">\n              <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n                <mat-label>Label</mat-label>\n                <input matInput formControlName=\"label\" placeholder=\"Enter label\" />\n                <mat-hint>A descriptive name (e.g. 'Budget value', 'Department').</mat-hint>\n              </mat-form-field>\n            </div>\n\n            <div class=\"mscoa-segment-config__group\">\n              <div class=\"mscoa-segment-config__toggle\">\n                <mat-slide-toggle formControlName=\"singleSelect\">Single value selection</mat-slide-toggle>\n              </div>\n              <p class=\"mscoa-segment-config__hint\">\n                When enabled, one value applies across debit and credit; when disabled, a value is\n                entered per leg.\n              </p>\n            </div>\n\n            <div class=\"mscoa-segment-config__group\">\n              <div class=\"mscoa-segment-config__toggle\">\n                <mat-slide-toggle formControlName=\"readonly\">Read only</mat-slide-toggle>\n              </div>\n              <p class=\"mscoa-segment-config__hint\">\n                Prevents users from changing the value after initial setup.\n              </p>\n            </div>\n\n            <mat-card-actions class=\"mscoa-segment-config__actions\">\n              <button mat-button type=\"button\" (click)=\"cancelCustomInput()\">Cancel</button>\n              <button mat-flat-button color=\"primary\" type=\"submit\" [disabled]=\"!customInputForm.valid\">\n                Save\n              </button>\n            </mat-card-actions>\n          </form>\n        </mat-card-content>\n      </mat-card>\n    }\n  </div>\n}\n\n@if (isEditing()) {\n  <mat-card class=\"mscoa-segment-config__panel\" appearance=\"outlined\">\n    <mat-card-header>\n      <mat-card-subtitle>\n        {{ isAddingNew() ? 'Add a new' : 'Update' }} segment\n      </mat-card-subtitle>\n    </mat-card-header>\n\n    <mat-card-content>\n      <form [formGroup]=\"segmentForm\" (ngSubmit)=\"saveSegment()\">\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"multiLevelSelectChange($event)\"\n              [checked]=\"segmentForm.value.segmentExtension\">\n              Enable multi-level segmentation\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Allows sub-classifications within this segment for more detailed accounting hierarchies.\n          </p>\n\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Segment</mat-label>\n            <mat-select\n              (selectionChange)=\"selectSegment($event)\"\n              formControlName=\"segment\"\n              placeholder=\"Select segment\">\n              @for (segment of treeSegments(); track segment.id) {\n                <mat-option [disabled]=\"alreadyExists(segment)\" [value]=\"segment.segment\">\n                  {{ segment.label }}\n                </mat-option>\n              }\n            </mat-select>\n            <mat-hint>Select an account segment type from your chart of accounts.</mat-hint>\n          </mat-form-field>\n        </div>\n\n        @if (isCashSegmentConfig()) {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setInheritFromAccrual($event)\"\n                [checked]=\"segmentForm.value.inheritValueFromAccrual\">\n                Inherit from accrual\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When enabled, changes to the accrual value reflect here automatically.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Label</mat-label>\n            <input\n              matInput\n              formControlName=\"label\"\n              [readonly]=\"!segmentForm.value.segmentExtension\"\n              placeholder=\"Enter label\" />\n            <mat-hint>\n              A descriptive name for this segment (e.g. 'Department', 'Project', 'Cost Center').\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"singleSelectChange($event)\"\n              [checked]=\"segmentForm.value.singleSelect\">\n              Single value selection\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            When enabled, transactions are assigned to one value within this segment; when disabled,\n            they can be split across multiple values.\n          </p>\n        </div>\n\n        @if (segmentForm.value.segment?.toLocaleLowerCase() === 'item') {\n          <div class=\"mscoa-segment-config__group\">\n            <div class=\"mscoa-segment-config__toggle\">\n              <mat-slide-toggle\n                (change)=\"setVatSelectionActive($event)\"\n                [checked]=\"segmentForm.value.vatSelectonActive\">\n                Require VAT account selection\n              </mat-slide-toggle>\n            </div>\n            <p class=\"mscoa-segment-config__hint\">\n              When active, users must specify a VAT account for taxable items.\n            </p>\n          </div>\n        }\n\n        <div class=\"mscoa-segment-config__group\">\n          <div class=\"mscoa-segment-config__toggle\">\n            <mat-slide-toggle\n              (change)=\"readOnlyChanged($event)\"\n              [checked]=\"segmentForm.value.readOnly\">\n              Read-only segment\n            </mat-slide-toggle>\n          </div>\n          <p class=\"mscoa-segment-config__hint\">\n            Prevents users from modifying segment values after initial setup. Use for regulatory or\n            policy-controlled segments.\n          </p>\n        </div>\n\n        <div class=\"mscoa-segment-config__group\">\n          <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\n            <mat-label>Additional accounts</mat-label>\n            <mat-select\n              (selectionChange)=\"additionalAccountsChanged($event)\"\n              formControlName=\"additionalAccounts\"\n              multiple\n              placeholder=\"Select counter accounts\">\n              @for (ext of extensionAccountsForSegments; track ext) {\n                <mat-option [value]=\"ext\">{{ ext }}</mat-option>\n              }\n            </mat-select>\n            <mat-hint>\n              Add supporting accounts for this segment (e.g. VAT or tax accounts).\n            </mat-hint>\n          </mat-form-field>\n        </div>\n\n        <mat-card-actions class=\"mscoa-segment-config__actions\">\n          <button mat-button type=\"button\" (click)=\"cancelEdit()\">Cancel</button>\n          <button mat-flat-button color=\"primary\" type=\"submit\" [disabled]=\"!segmentForm.valid\">\n            Save\n          </button>\n        </mat-card-actions>\n      </form>\n    </mat-card-content>\n  </mat-card>\n}\n", styles: ["@charset \"UTF-8\";:host{display:flex;flex-direction:column;gap:1.5rem;color:var(--lib-forms-on-surface)}.mscoa-segment-config__notice{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-radius:var(--lib-forms-radius-md, 10px);background:var(--sem-info-surface);color:var(--lib-forms-on-surface);font-size:.875rem}.mscoa-segment-config__notice--error{background:var(--sem-error-surface)}.mscoa-segment-config__notice-icon{flex:0 0 auto;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__notice--error .mscoa-segment-config__notice-icon{color:var(--sem-error)}.mscoa-segment-config__section{display:flex;flex-direction:column;gap:.75rem}.mscoa-segment-config__section-label{margin:0;font-size:.625rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__chip-content{display:inline-flex;align-items:center;gap:.375rem}.mscoa-segment-config__chip-label{margin-right:.125rem}.mscoa-segment-config__chip-icon{width:1rem;height:1rem;font-size:1rem;line-height:1;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__add{width:100%}.mscoa-segment-config__panel{background:var(--lib-forms-surface);border:1px solid color-mix(in srgb,var(--lib-forms-outline) 15%,transparent);border-radius:var(--lib-forms-radius-lg, 12px);box-shadow:var(--lib-forms-shadow-resting);display:block}.mscoa-segment-config__group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.mscoa-segment-config__group:last-of-type{margin-bottom:0}.mscoa-segment-config__group mat-form-field{width:100%}.mscoa-segment-config__toggle{display:flex;align-items:center;padding:.5rem 0}.mscoa-segment-config__hint{margin:0;font-size:.75rem;line-height:1.4;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:.5rem}.mscoa-segment-config__custom-input-row{display:flex;align-items:center;gap:.5rem;padding:.375rem 0}.mscoa-segment-config__input-icon{flex:0 0 auto;width:1.125rem;height:1.125rem;font-size:1.125rem;line-height:1;color:var(--lib-forms-on-surface-variant)}.mscoa-segment-config__input-label{flex:1 1 auto;min-width:0;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mscoa-segment-config__hint--muted{font-style:italic}.mscoa-segment-config__add-input{align-self:flex-start;margin-top:.25rem}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], dataValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "dataValue", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], isCashSegmentConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "isCashSegmentConfig", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], showAllSegments: [{ type: i0.Input, args: [{ isSignal: true, alias: "showAllSegments", required: false }] }], getMscoaTree: [{ type: i0.Input, args: [{ isSignal: true, alias: "getMscoaTree", required: false }] }], saveCustomInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "saveCustomInput", required: false }] }], editSegmentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "editSegmentInput", required: false }] }], deleteSegmentInput: [{ type: i0.Input, args: [{ isSignal: true, alias: "deleteSegmentInput", required: false }] }], valueChanged: [{ type: i0.Output, args: ["valueChanged"] }] } });
+
+export { MscoaSegmentConfigComponent };
+//# sourceMappingURL=ngx-t-forms-mscoa-segment-config.component-Bo0aDEMy.mjs.map