ngx-t-forms 2.0.9 → 2.0.11

package/fesm2022/ngx-t-forms-missing-form-configs.component-DNkGCH0e.mjs

@@ -1,104 +0,0 @@
-import * as i0 from '@angular/core';
-import { Component } from '@angular/core';
-import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
-import * as i2$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/material/button';
-import * as i6 from '@angular/material/icon';
-import * as i9 from '@angular/material/toolbar';
-import * as i8 from '@angular/material/tooltip';
-
-function MissingFormConfigsComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "button", 2);
-    i0.ɵɵlistener("click", function MissingFormConfigsComponent_Conditional_0_Template_button_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.hideDetails = false); });
-    i0.ɵɵelementStart(1, "mat-icon");
-    i0.ɵɵtext(2, "error");
-    i0.ɵɵelementEnd()();
-} }
-function MissingFormConfigsComponent_Conditional_1_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const issue_r4 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", issue_r4, " ");
-} }
-function MissingFormConfigsComponent_Conditional_1_Conditional_18_For_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "li");
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const error_r5 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", error_r5, " ");
-} }
-function MissingFormConfigsComponent_Conditional_1_Conditional_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "h5")(1, "strong");
-    i0.ɵɵtext(2, " Form validationErrors : ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(3, "ul");
-    i0.ɵɵrepeaterCreate(4, MissingFormConfigsComponent_Conditional_1_Conditional_18_For_5_Template, 2, 1, "li", null, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵpipe(6, "async");
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext(2);
-    i0.ɵɵadvance(4);
-    i0.ɵɵrepeater(i0.ɵɵpipeBind1(6, 0, ctx_r1.errors$));
-} }
-function MissingFormConfigsComponent_Conditional_1_Template(rf, ctx) { if (rf & 1) {
-    const _r3 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "div", 1)(1, "mat-toolbar", 3)(2, "button", 4);
-    i0.ɵɵlistener("click", function MissingFormConfigsComponent_Conditional_1_Template_button_click_2_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.hideDetails = true); });
-    i0.ɵɵelementStart(3, "mat-icon");
-    i0.ɵɵtext(4, " close ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtext(5, " Missing configurations: ");
-    i0.ɵɵelement(6, "span", 5);
-    i0.ɵɵelementStart(7, "button", 6);
-    i0.ɵɵlistener("click", function MissingFormConfigsComponent_Conditional_1_Template_button_click_7_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.showAllErrors = !ctx_r1.showAllErrors); });
-    i0.ɵɵelementStart(8, "mat-icon");
-    i0.ɵɵtext(9, " unfold_more ");
-    i0.ɵɵelementEnd()()();
-    i0.ɵɵelementStart(10, "section", 7)(11, "h5")(12, "strong");
-    i0.ɵɵtext(13, " Overall form issues: ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(14, "ul");
-    i0.ɵɵrepeaterCreate(15, MissingFormConfigsComponent_Conditional_1_For_16_Template, 2, 1, "li", null, i0.ɵɵrepeaterTrackByIdentity);
-    i0.ɵɵpipe(17, "async");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtemplate(18, MissingFormConfigsComponent_Conditional_1_Conditional_18_Template, 7, 2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r1 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(7);
-    i0.ɵɵproperty("matTooltip", ctx_r1.showAllErrors ? "Hide all errors" : "Show all errors");
-    i0.ɵɵadvance(8);
-    i0.ɵɵrepeater(i0.ɵɵpipeBind1(17, 2, ctx_r1.missingConfigs$));
-    i0.ɵɵadvance(3);
-    i0.ɵɵconditional(ctx_r1.showAllErrors ? 18 : -1);
-} }
-class MissingFormConfigsComponent {
-    constructor(store) {
-        this.store = store;
-        this.errors$ = this.store.formBuilderSelectors.formValidationErrorsMessages$;
-        this.missingConfigs$ = this.store.formBuilderSelectors.missingConfig$;
-        this.hideDetails = true;
-        this.showAllErrors = false;
-    }
-    static { this.ɵfac = function MissingFormConfigsComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MissingFormConfigsComponent)(i0.ɵɵdirectiveInject(FormsStoreService)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MissingFormConfigsComponent, selectors: [["app-missing-form-configs"]], decls: 2, vars: 1, consts: [["matTooltip", "Click to view form configuration issues and validation errors", "mat-fab", "", "color", "warn", "aria-label", "Error icon", 2, "margin", "16px"], [1, "content", 2, "margin", "8px", "position", "relative"], ["matTooltip", "Click to view form configuration issues and validation errors", "mat-fab", "", "color", "warn", "aria-label", "Error icon", 2, "margin", "16px", 3, "click"], ["color", "warn"], ["mat-icon-button", "", 3, "click"], [1, "spacer"], ["mat-icon-button", "", 3, "click", "matTooltip"], [2, "padding", "16px"]], template: function MissingFormConfigsComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, MissingFormConfigsComponent_Conditional_0_Template, 3, 0, "button", 0)(1, MissingFormConfigsComponent_Conditional_1_Template, 19, 4, "div", 1);
-        } if (rf & 2) {
-            i0.ɵɵconditional(ctx.hideDetails ? 0 : 1);
-        } }, dependencies: [MatModulesModule, i2.MatIconButton, i2.MatFabButton, i6.MatIcon, i9.MatToolbar, i8.MatTooltip, CommonModule, i2$1.AsyncPipe], styles: [".content[_ngcontent-%COMP%]{width:400px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul[_ngcontent-%COMP%]{margin-top:0}h5[_ngcontent-%COMP%]{padding-left:16px;padding-right:16px;padding-top:8px}"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MissingFormConfigsComponent, [{
-        type: Component,
-        args: [{ selector: 'app-missing-form-configs', standalone: true, imports: [MatModulesModule, CommonModule], template: "@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = 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 = 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 = !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\r\n    </section>\r\n\r\n</div>\r\n}", styles: [".content{width:400px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface));border:solid var(--mat-form-field-error-text-color, var(--mat-app-error)) 1px}ul{margin-top:0}h5{padding-left:16px;padding-right:16px;padding-top:8px}\n"] }]
-    }], () => [{ type: FormsStoreService }], null); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MissingFormConfigsComponent, { className: "MissingFormConfigsComponent", filePath: "lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts", lineNumber: 16 }); })();
-
-export { MissingFormConfigsComponent };
-//# sourceMappingURL=ngx-t-forms-missing-form-configs.component-DNkGCH0e.mjs.map

package/fesm2022/ngx-t-forms-missing-form-configs.component-DNkGCH0e.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-missing-form-configs.component-DNkGCH0e.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/missing-form-configs/missing-form-configs.component.ts"],"sourcesContent":["@if (hideDetails) {\r\n<button \r\nmatTooltip=\"Click to view form configuration issues and validation errors\"\r\nstyle=\"margin: 16px;\" (click)=\"hideDetails = 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 = 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 = !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\r\n    </section>\r\n\r\n</div>\r\n}","import { Component } from '@angular/core';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\n\r\n@Component({\r\n  selector: 'app-missing-form-configs',\r\n  standalone: true,\r\n  imports: [MatModulesModule, CommonModule],\r\n  templateUrl: './missing-form-configs.component.html',\r\n  styleUrl: './missing-form-configs.component.scss'\r\n})\r\nexport class MissingFormConfigsComponent {\r\n  errors$ = this.store.formBuilderSelectors.formValidationErrorsMessages$\r\n  missingConfigs$ = this.store.formBuilderSelectors.missingConfig$\r\n  constructor(private store: FormsStoreService) { }\r\n  hideDetails: boolean = true;\r\n  showAllErrors: boolean = false\r\n\r\n}\r\n"],"names":["i1.FormsStoreService","i6"],"mappings":";;;;;;;;;;;;IACA,EAEiG,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA;AAA3E,IAAA,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,SAAA,0EAAA,GAAA,EAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAA,EAAA,CAAA,WAAA,CAAA,MAAA,CAAA,WAAA,GAAuB,KAAK,CAAC,CAAA,EAAA,CAAA;IAC/C,EAAU,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA;IAAA,EAAK,CAAA,MAAA,CAAA,CAAA,EAAA,OAAA,CAAA;AACnB,IADmB,iBAAW,EACrB;;;IA2BG,EAAI,CAAA,cAAA,CAAA,CAAA,EAAA,IAAA,CAAA;IACA,EACJ,CAAA,MAAA,CAAA,CAAA,CAAA;IAAA,EAAK,CAAA,YAAA,EAAA;;;IADD,EACJ,CAAA,SAAA,EAAA;IADI,EACJ,CAAA,kBAAA,CAAA,GAAA,EAAA,QAAA,EAAA,GAAA,CAAA;;;IAiBA,EAAI,CAAA,cAAA,CAAA,CAAA,EAAA,IAAA,CAAA;IAEA,EAEJ,CAAA,MAAA,CAAA,CAAA,CAAA;IAAA,EAAK,CAAA,YAAA,EAAA;;;IAFD,EAEJ,CAAA,SAAA,EAAA;IAFI,EAEJ,CAAA,kBAAA,CAAA,GAAA,EAAA,QAAA,EAAA,GAAA,CAAA;;;AAfA,IADJ,0BAAI,CACQ,CAAA,EAAA,QAAA,CAAA;IAEJ,EAEJ,CAAA,MAAA,CAAA,CAAA,EAAA,2BAAA,CAAA;AAGJ,IAHI,iBAAS,EAGR;IACL,EAAI,CAAA,cAAA,CAAA,CAAA,EAAA,IAAA,CAAA;IACA,EAQC,CAAA,gBAAA,CAAA,CAAA,EAAA,uEAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,CAAA;;IACL,EAAK,CAAA,YAAA,EAAA;;;IATD,EAQC,CAAA,SAAA,CAAA,CAAA,CAAA;IARD,EAQC,CAAA,UAAA,CAAA,EAAA,CAAA,WAAA,CAAA,CAAA,EAAA,CAAA,EAAA,MAAA,CAAA,OAAA,CAAA,CAAA;;;;IAlDb,EAA6D,CAAA,cAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA,CAAA,CAAA,EAAA,aAAA,EAAA,CAAA,CAC/B,CACiC,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA;AAA/C,IAAA,EAAA,CAAA,UAAA,CAAA,OAAA,EAAA,SAAA,0EAAA,GAAA,EAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAA,EAAA,CAAA,WAAA,CAAA,MAAA,CAAA,WAAA,GAA2B,IAAI,CAAD,CAAA,EAAA,CAAA;IAClC,EAAU,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA;IACN,EACJ,CAAA,MAAA,CAAA,CAAA,EAAA,SAAA,CAAA;AACJ,IADI,iBAAW,EACN;IACT,EACA,CAAA,MAAA,CAAA,CAAA,EAAA,2BAAA,CAAA;IAAA,EAA4B,CAAA,SAAA,CAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA;IAC5B,EAC6D,CAAA,cAAA,CAAA,CAAA,EAAA,QAAA,EAAA,CAAA,CAAA;IAAzD,EAAwC,CAAA,UAAA,CAAA,OAAA,EAAA,SAAA,0EAAA,GAAA,EAAA,EAAA,CAAA,aAAA,CAAA,GAAA,CAAA,CAAA,CAAA,MAAA,MAAA,GAAA,EAAA,CAAA,aAAA,EAAA,CAAA,CAAA,OAAA,EAAA,CAAA,WAAA,CAAA,MAAA,CAAA,aAAA,GAAA,CAAA,MAAA,CAAA,aAAA,CAAA,CAAA,EAAA,CAAA;IAExC,EAAU,CAAA,cAAA,CAAA,CAAA,EAAA,UAAA,CAAA;IACN,EACJ,CAAA,MAAA,CAAA,CAAA,EAAA,eAAA,CAAA;IAAA,EAAW,CAAA,YAAA,EAAA,EACN,EACC;IACd,EAAiC,CAAA,cAAA,CAAA,EAAA,EAAA,SAAA,EAAA,CAAA,CAAA,CAAA,EAAA,EAAA,IAAA,CACzB,CACQ,EAAA,EAAA,QAAA,CAAA;IACJ,EACJ,CAAA,MAAA,CAAA,EAAA,EAAA,wBAAA,CAAA;AACJ,IADI,iBAAS,EACR;IACL,EAAI,CAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA;IACA,EAIC,CAAA,gBAAA,CAAA,EAAA,EAAA,yDAAA,EAAA,CAAA,EAAA,CAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,CAAA;;IACL,EAAK,CAAA,YAAA,EAAA;IAEL,EAAmB,CAAA,UAAA,CAAA,EAAA,EAAA,iEAAA,EAAA,CAAA,EAAA,CAAA,CAAA;AA6B3B,IAFI,iBAAU,EAER;;;IAnDU,EAAgE,CAAA,SAAA,CAAA,CAAA,CAAA;IAAhE,EAAgE,CAAA,UAAA,CAAA,YAAA,EAAA,MAAA,CAAA,aAAA,GAAA,iBAAA,GAAA,iBAAA,CAAA;IAepE,EAIC,CAAA,SAAA,CAAA,CAAA,CAAA;IAJD,EAIC,CAAA,UAAA,CAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,CAAA,EAAA,MAAA,CAAA,eAAA,CAAA,CAAA;IAGL,EAqBC,CAAA,SAAA,CAAA,CAAA,CAAA;IArBD,EAqBC,CAAA,aAAA,CAAA,MAAA,CAAA,aAAA,GAAA,EAAA,GAAA,CAAA,CAAA,CAAA;;MC5CI,2BAA2B,CAAA;AAGtC,IAAA,WAAA,CAAoB,KAAwB,EAAA;QAAxB,IAAK,CAAA,KAAA,GAAL,KAAK;QAFzB,IAAO,CAAA,OAAA,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,6BAA6B;QACvE,IAAe,CAAA,eAAA,GAAG,IAAI,CAAC,KAAK,CAAC,oBAAoB,CAAC,cAAc;QAEhE,IAAW,CAAA,WAAA,GAAY,IAAI;QAC3B,IAAa,CAAA,aAAA,GAAY,KAAK;;4HALnB,2BAA2B,EAAA,EAAA,CAAA,iBAAA,CAAAA,iBAAA,CAAA,CAAA,CAAA,EAAA,CAAA;oEAA3B,2BAA2B,EAAA,SAAA,EAAA,CAAA,CAAA,0BAAA,CAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,CAAA,YAAA,EAAA,+DAAA,EAAA,SAAA,EAAA,EAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,MAAA,CAAA,EAAA,CAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,QAAA,EAAA,KAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,YAAA,EAAA,+DAAA,EAAA,SAAA,EAAA,EAAA,EAAA,OAAA,EAAA,MAAA,EAAA,YAAA,EAAA,YAAA,EAAA,CAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,EAAA,OAAA,CAAA,EAAA,CAAA,OAAA,EAAA,MAAA,CAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,CAAA,EAAA,OAAA,CAAA,EAAA,CAAA,CAAA,EAAA,QAAA,CAAA,EAAA,CAAA,iBAAA,EAAA,EAAA,EAAA,CAAA,EAAA,OAAA,EAAA,YAAA,CAAA,EAAA,CAAA,CAAA,EAAA,SAAA,EAAA,MAAA,CAAA,CAAA,EAAA,QAAA,EAAA,SAAA,oCAAA,CAAA,EAAA,EAAA,GAAA,EAAA,EAAA,IAAA,EAAA,GAAA,CAAA,EAAA;ADTvC,YAND,uFAAmB,CAMX,CAAA,EAAA,kDAAA,EAAA,EAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,CAAA;;YANR,EAoEC,CAAA,aAAA,CAAA,GAAA,CAAA,WAAA,GAAA,CAAA,GAAA,CAAA,CAAA;ACzDW,SAAA,EAAA,EAAA,YAAA,EAAA,CAAA,gBAAgB,+EAAE,YAAY,EAAAC,IAAA,CAAA,SAAA,CAAA,EAAA,MAAA,EAAA,CAAA,uTAAA,CAAA,EAAA,CAAA,CAAA;;iFAI7B,2BAA2B,EAAA,CAAA;cAPvC,SAAS;AACE,QAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,cACxB,IAAI,EAAA,OAAA,EACP,CAAC,gBAAgB,EAAE,YAAY,CAAC,EAAA,QAAA,EAAA,urDAAA,EAAA,MAAA,EAAA,CAAA,gQAAA,CAAA,EAAA;;kFAI9B,2BAA2B,EAAA,EAAA,SAAA,EAAA,6BAAA,EAAA,QAAA,EAAA,6FAAA,EAAA,UAAA,EAAA,EAAA,EAAA,CAAA,CAAA,EAAA,GAAA;;;;"}

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

@@ -1,455 +0,0 @@
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Optional, Self, Output, Input, HostBinding } from '@angular/core';
-import * as i1 from '@angular/forms';
-import { Validators, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import { Subject, BehaviorSubject, take, tap, catchError, takeUntil } from 'rxjs';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
-import * as i3$2 from '@angular/material/form-field';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { v4 } from 'uuid';
-import * as i3 from '@angular/material/core';
-import * as i2$1 from '@angular/material/button';
-import * as i3$1 from '@angular/material/card';
-import * as i4 from '@angular/material/chips';
-import * as i6 from '@angular/material/icon';
-import * as i7 from '@angular/material/select';
-import * as i2$2 from '@angular/material/slide-toggle';
-import * as i9 from '@angular/material/toolbar';
-import * as i12 from '@angular/material/input';
-
-const _c0 = () => [];
-const _forTrack0 = ($index, $item) => $item.segment;
-function MscoaSegmentConfigComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "mat-icon", 6);
-    i0.ɵɵtext(2, "info");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4, "SCOA Segments Configuration");
-    i0.ɵɵelementEnd()();
-} }
-function MscoaSegmentConfigComponent_mat_chip_listbox_1_For_2_Conditional_8_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "button", 13)(1, "mat-icon");
-    i0.ɵɵtext(2, "cancel");
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    i0.ɵɵattribute("aria-label", "remove");
-} }
-function MscoaSegmentConfigComponent_mat_chip_listbox_1_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-chip-option", 9);
-    i0.ɵɵlistener("removed", function MscoaSegmentConfigComponent_mat_chip_listbox_1_For_2_Template_mat_chip_option_removed_0_listener() { const $index_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.removeSegment($index_r2)); })("click", function MscoaSegmentConfigComponent_mat_chip_listbox_1_For_2_Template_mat_chip_option_click_0_listener() { const $index_r2 = i0.ɵɵrestoreView(_r1).$index; const ctx_r2 = i0.ɵɵnextContext(2); return i0.ɵɵresetView(ctx_r2.startEdit($index_r2)); });
-    i0.ɵɵelementStart(1, "div", 10)(2, "span", 11);
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mat-icon", 12);
-    i0.ɵɵtext(5);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(6, "mat-icon", 12);
-    i0.ɵɵtext(7);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(8, MscoaSegmentConfigComponent_mat_chip_listbox_1_For_2_Conditional_8_Template, 3, 1, "button", 13);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const segment_r4 = ctx.$implicit;
-    const $index_r2 = ctx.$index;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("value", segment_r4 == null ? null : segment_r4.segment)("selected", ctx_r2.editingIndex === $index_r2);
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", segment_r4.label, " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", segment_r4.singleSelect ? "done" : " done_all", " ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate1(" ", segment_r4.readOnly ? "edit_off" : "edit", " ");
-    i0.ɵɵadvance();
-    i0.ɵɵconditional(ctx_r2.showAllSegments === false ? 8 : -1);
-} }
-function MscoaSegmentConfigComponent_mat_chip_listbox_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-chip-listbox", 7);
-    i0.ɵɵrepeaterCreate(1, MscoaSegmentConfigComponent_mat_chip_listbox_1_For_2_Template, 9, 6, "mat-chip-option", 8, _forTrack0);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.value || i0.ɵɵpureFunction0(0, _c0));
-} }
-function MscoaSegmentConfigComponent_ng_template_2_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "mat-icon", 6);
-    i0.ɵɵtext(2, "info");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4, "No segment configuration available. Start by adding a segment below.");
-    i0.ɵɵelementEnd()();
-} }
-function MscoaSegmentConfigComponent_mat_toolbar_4_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-toolbar")(1, "button", 14);
-    i0.ɵɵlistener("click", function MscoaSegmentConfigComponent_mat_toolbar_4_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.startAddNew()); });
-    i0.ɵɵtext(2, " Add New Segment ");
-    i0.ɵɵelementStart(3, "mat-icon");
-    i0.ɵɵtext(4, "add");
-    i0.ɵɵelementEnd()()();
-} }
-function MscoaSegmentConfigComponent_Conditional_5_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 4)(1, "mat-icon", 6);
-    i0.ɵɵtext(2, "info");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(3, "span");
-    i0.ɵɵtext(4);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(4);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.getMscoaError, " ");
-} }
-function MscoaSegmentConfigComponent_mat_card_6_For_16_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-option", 21);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const segment_r7 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("disabled", ctx_r2.alreadyExists(segment_r7))("value", segment_r7.segment);
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", segment_r7.label, " ");
-} }
-function MscoaSegmentConfigComponent_mat_card_6_Template(rf, ctx) { if (rf & 1) {
-    const _r6 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-card")(1, "mat-card-header")(2, "mat-card-subtitle");
-    i0.ɵɵtext(3);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(4, "mat-card-content")(5, "form", 15);
-    i0.ɵɵlistener("ngSubmit", function MscoaSegmentConfigComponent_mat_card_6_Template_form_ngSubmit_5_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.saveSegment()); });
-    i0.ɵɵelementStart(6, "mat-toolbar", 16)(7, "mat-slide-toggle", 17);
-    i0.ɵɵlistener("change", function MscoaSegmentConfigComponent_mat_card_6_Template_mat_slide_toggle_change_7_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.multiLevelSelectChange($event)); });
-    i0.ɵɵtext(8, " Enable Multi-Level Segmentation ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(9, "mat-hint", 18);
-    i0.ɵɵtext(10, " This allows sub-classifications within this segment for more detailed accounting hierarchies ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "mat-form-field", 19)(12, "mat-label");
-    i0.ɵɵtext(13, "Segment");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(14, "mat-select", 20);
-    i0.ɵɵlistener("selectionChange", function MscoaSegmentConfigComponent_mat_card_6_Template_mat_select_selectionChange_14_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.selectSegment($event)); });
-    i0.ɵɵrepeaterCreate(15, MscoaSegmentConfigComponent_mat_card_6_For_16_Template, 2, 3, "mat-option", 21, _forTrack0);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(17, "mat-hint", 18);
-    i0.ɵɵtext(18, " Select an account segment type from your chart of accounts ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(19, "mat-form-field", 19)(20, "mat-label");
-    i0.ɵɵtext(21, "Label");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(22, "input", 22);
-    i0.ɵɵelementStart(23, "mat-hint");
-    i0.ɵɵtext(24, "Provide a descriptive name for this segment (e.g., 'Department', 'Project', 'Cost Center')");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(25, "mat-toolbar", 16)(26, "mat-slide-toggle", 17);
-    i0.ɵɵlistener("change", function MscoaSegmentConfigComponent_mat_card_6_Template_mat_slide_toggle_change_26_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.singleSelectChange($event)); });
-    i0.ɵɵtext(27, " Single Value Selection ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(28, "mat-hint", 18);
-    i0.ɵɵtext(29, " When enabled, transactions can only be assigned to one value within this segment. When disabled, transactions can be split across multiple values. ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(30, "mat-toolbar", 16)(31, "mat-slide-toggle", 17);
-    i0.ɵɵlistener("change", function MscoaSegmentConfigComponent_mat_card_6_Template_mat_slide_toggle_change_31_listener($event) { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.readOnly($event)); });
-    i0.ɵɵtext(32, " Read-Only Segment ");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(33, "mat-hint", 18);
-    i0.ɵɵtext(34, " Prevents users from modifying segment values after initial setup. Use for regulatory or policy-controlled segments. ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(35, "br");
-    i0.ɵɵelementStart(36, "mat-card-actions")(37, "button", 23);
-    i0.ɵɵtext(38, "Save");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(39, "button", 24);
-    i0.ɵɵlistener("click", function MscoaSegmentConfigComponent_mat_card_6_Template_button_click_39_listener() { i0.ɵɵrestoreView(_r6); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.cancelEdit()); });
-    i0.ɵɵtext(40, "Cancel");
-    i0.ɵɵelementEnd()()()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(3);
-    i0.ɵɵtextInterpolate1(" ", ctx_r2.isAddingNew ? "Add a new" : "Update", " Segment ");
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("formGroup", ctx_r2.segmentForm);
-    i0.ɵɵadvance(2);
-    i0.ɵɵproperty("checked", ctx_r2.segmentForm.value.segmentExtension);
-    i0.ɵɵadvance(7);
-    i0.ɵɵproperty("value", ctx_r2.value);
-    i0.ɵɵadvance();
-    i0.ɵɵrepeater(ctx_r2.treeSegments);
-    i0.ɵɵadvance(7);
-    i0.ɵɵproperty("disabled", !ctx_r2.segmentForm.value.segmentExtension);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("checked", ctx_r2.segmentForm.value.singleSelect);
-    i0.ɵɵadvance(5);
-    i0.ɵɵproperty("checked", ctx_r2.segmentForm.value.readOnly);
-    i0.ɵɵadvance(6);
-    i0.ɵɵproperty("disabled", !ctx_r2.segmentForm.valid);
-} }
-function MscoaSegmentConfigComponent_span_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "span", 25)(1, "p");
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const error_r8 = ctx.ngIf;
-    i0.ɵɵadvance(2);
-    i0.ɵɵtextInterpolate(error_r8);
-} }
-class MscoaSegmentConfigComponent {
-    static { this.nextId = 0; }
-    constructor(fb, ngControl, _elementRef) {
-        this.fb = fb;
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        this.stateChanges = new Subject();
-        this.id = `app-mscoa-segment-config'-${MscoaSegmentConfigComponent.nextId++}`;
-        this.placeholder = '';
-        this.focused = false;
-        this.required = false;
-        this.disabled = false;
-        this.touched = false;
-        this.onTouched = () => { };
-        this.errors = [];
-        this._showAllSegments = false;
-        this.valueChanged = new EventEmitter();
-        this._value = new BehaviorSubject([]);
-        this.destroy$ = new Subject();
-        this.error$ = new BehaviorSubject(null);
-        this.editingIndex = null;
-        this.isAddingNew = false;
-        this.getMscoaError = undefined;
-        this.segmentForm = this.createSegmentForm();
-    }
-    get empty() {
-        return !this.value;
-    }
-    get shouldLabelFloat() {
-        return this.focused || !this.empty;
-    }
-    get errorState() {
-        const hasError = !!this.ngControl?.control?.errors || (this.errors || []).length > 0 && this.touched;
-        return !this.value && !!this.required || hasError;
-    }
-    setDescribedByIds(ids) {
-        // Ensure the component view is initialized
-        if (this._elementRef && this._elementRef.nativeElement) {
-            const controlElement = this._elementRef.nativeElement.querySelector('.app-mscoa-segment-config');
-            // Check if the controlElement exists before attempting to set its attribute
-            if (controlElement) {
-                controlElement.setAttribute('aria-describedby', ids.join(' '));
-            }
-        }
-    }
-    onContainerClick(event) {
-        this.markAsTouched();
-        this.stateChanges.next();
-    }
-    markAsTouched() {
-        console.log('markAsTouched');
-        if (!this.touched) {
-            this.onTouched();
-            this.touched = true;
-        }
-    }
-    set value(val) {
-        this._value.next(val || []);
-    }
-    get value() {
-        return this._value.value;
-    }
-    set showAllSegments(val) {
-        if (!!val) {
-            this.checkShowAllSegments();
-        }
-        this._showAllSegments = !!val;
-    }
-    get showAllSegments() {
-        return this._showAllSegments;
-    }
-    set getMscoaTree(options$) {
-        if (!!options$ && this._getMscoaTree === undefined) {
-            this.getMscoaError = undefined;
-            this._getMscoaTree = options$;
-            this.loadMscoa();
-        }
-        else if (!options$) {
-            this.getMscoaError = 'No loader provided';
-        }
-    }
-    ngOnInit() {
-        this.listenToFormChanges();
-    }
-    ngOnDestroy() {
-        this.destroy$.next();
-        this.destroy$.complete();
-    }
-    loadMscoa() {
-        this._getMscoaTree?.pipe(take(1), tap((options) => {
-            this.mscoaTree = options;
-            this.treeSegments = options?.accountTreeKeys?.map((treeKey) => ({
-                id: v4(),
-                segment: treeKey,
-                singleSelect: true,
-                segmentExtension: false,
-                label: this.toTitleCase(treeKey),
-                readOnly: this.value.find((v) => v.segment === treeKey)?.readOnly || false,
-            })) || [];
-        }), catchError((error) => {
-            this.getMscoaError = 'Failed to fetch mscoa tree';
-            console.error('Error while fetching SCOA tree:', error);
-            return [null];
-        })).subscribe();
-    }
-    createSegmentForm(segment = {
-        segment: '', label: '',
-        id: v4(),
-        singleSelect: true,
-        segmentExtension: false,
-        readOnly: false
-    }) {
-        return this.fb.group({
-            segment: [segment.segment, Validators.required],
-            segmentExtension: [segment.segmentExtension, Validators.required],
-            readOnly: [segment.readOnly, Validators.required],
-            label: [segment.label, Validators.required],
-            singleSelect: [segment.singleSelect, Validators.required]
-        });
-    }
-    listenToFormChanges() {
-        this.segmentForm.valueChanges
-            .pipe(takeUntil(this.destroy$))
-            .subscribe((v) => console.log(v));
-    }
-    startAddNew() {
-        this.isAddingNew = true;
-        this.editingIndex = null;
-        this.segmentForm = this.createSegmentForm();
-    }
-    startEdit(index) {
-        this.editingIndex = index;
-        this.isAddingNew = false;
-        this.segmentForm = this.createSegmentForm(this.value[index]);
-    }
-    cancelEdit() {
-        this.editingIndex = null;
-        this.isAddingNew = false;
-        this.segmentForm.reset();
-    }
-    saveSegment() {
-        if (this.segmentForm.valid) {
-            const newSegment = ({
-                id: this.segmentForm.value.id || v4(),
-                segment: this.segmentForm.value.segment,
-                customSegment: !!this.segmentForm.value.segmentExtension ? this.segmentForm.value.label?.toLocaleUpperCase() : undefined,
-                segmentExtension: this.segmentForm.value.segmentExtension,
-                label: this.toTitleCase(this.segmentForm.value.label),
-                singleSelect: this.segmentForm.value.singleSelect,
-                readOnly: this.segmentForm.value.readOnly
-            });
-            const updatedValue = [...this.value];
-            if (this.isAddingNew) {
-                updatedValue.push(newSegment);
-            }
-            else if (this.editingIndex !== null) {
-                updatedValue[this.editingIndex] = newSegment;
-            }
-            this._value.next(updatedValue);
-            this.valueChanged.emit(updatedValue);
-            this.cancelEdit();
-        }
-    }
-    readOnly(event) {
-        this.segmentForm.patchValue({ readOnly: event.checked });
-    }
-    singleSelectChange(event) {
-        this.segmentForm.patchValue({ singleSelect: event.checked });
-        console.error('singleSelectChange', this.segmentForm.value);
-    }
-    removeSegment(index) {
-        const updatedValue = this.value.filter((_, i) => i !== index);
-        this._value.next(updatedValue);
-        this.valueChanged.emit(updatedValue);
-    }
-    toTitleCase(str) {
-        return str.replace(/\w\S*/g, (txt) => txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase());
-    }
-    alreadyExists(segment) {
-        if (this.segmentForm.value.segmentExtension)
-            return false;
-        return this.value.find((v) => v.segment === segment.segment);
-    }
-    checkShowAllSegments() {
-        if (!this._getMscoaTree || !this.treeSegments)
-            return;
-        const updatedValue = this.treeSegments.map(segment => ({
-            ...segment,
-            ...(this.value.find(v => v.segment === segment.segment) || {})
-        }));
-        if (JSON.stringify(updatedValue) !== JSON.stringify(this.value)) {
-            this.valueChanged.emit([{}]);
-            setTimeout(() => {
-                this.valueChanged.emit(updatedValue);
-            }, 0);
-        }
-    }
-    selectSegment($event) {
-        this.segmentForm.patchValue({ segment: $event.value });
-        if (!this.segmentForm.value.segmentExtension) {
-            this.segmentForm.patchValue({ label: this.toTitleCase($event.value) });
-        }
-    }
-    multiLevelSelectChange(event) {
-        this.segmentForm.patchValue({ segmentExtension: event.checked });
-    }
-    static { this.ɵfac = function MscoaSegmentConfigComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MscoaSegmentConfigComponent)(i0.ɵɵdirectiveInject(i1.FormBuilder), i0.ɵɵdirectiveInject(i1.NgControl, 10), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MscoaSegmentConfigComponent, selectors: [["app-mscoa-segment-config"]], hostVars: 1, hostBindings: function MscoaSegmentConfigComponent_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵhostProperty("id", ctx.id);
-        } }, inputs: { errors: "errors", value: "value", showAllSegments: "showAllSegments", getMscoaTree: "getMscoaTree" }, outputs: { valueChanged: "valueChanged" }, features: [i0.ɵɵProvidersFeature([{ provide: MatFormFieldControl, useExisting: MscoaSegmentConfigComponent }])], decls: 9, vars: 10, consts: [["noSegments", ""], ["class", "tree-instructions", 4, "ngIf"], ["aria-label", "Fish selection", 4, "ngIf", "ngIfElse"], [4, "ngIf"], [1, "tree-instructions"], ["color", "danger", 4, "ngIf"], ["color", "primary", 1, "info-icon"], ["aria-label", "Fish selection"], ["color", "accent", 3, "value", "selected"], ["color", "accent", 3, "removed", "click", "value", "selected"], [2, "display", "flex", "align-items", "center", "gap", "1px"], [2, "margin-right", "2px"], [1, "icons"], ["matChipRemove", ""], ["mat-stroked-button", "", 2, "width", "100%", 3, "click"], [3, "ngSubmit", "formGroup"], [1, "segment-toolbar"], [3, "change", "checked"], [1, "segment-hint"], ["subscriptSizing", "dynamic", "floatLabel", "always", "appearance", "outline"], ["matNativeControl", "", "formControlName", "segment", "placeholder", "Select segment", 3, "selectionChange", "value"], [3, "disabled", "value"], ["matInput", "", "formControlName", "label", "placeholder", "Enter label", 3, "disabled"], ["mat-flat-button", "", "color", "primary", "type", "submit", 3, "disabled"], ["mat-button", "", 3, "click"], ["color", "danger"]], template: function MscoaSegmentConfigComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, MscoaSegmentConfigComponent_div_0_Template, 5, 0, "div", 1)(1, MscoaSegmentConfigComponent_mat_chip_listbox_1_Template, 3, 1, "mat-chip-listbox", 2)(2, MscoaSegmentConfigComponent_ng_template_2_Template, 5, 0, "ng-template", null, 0, i0.ɵɵtemplateRefExtractor)(4, MscoaSegmentConfigComponent_mat_toolbar_4_Template, 5, 0, "mat-toolbar", 3)(5, MscoaSegmentConfigComponent_Conditional_5_Template, 5, 1, "div", 4)(6, MscoaSegmentConfigComponent_mat_card_6_Template, 41, 8, "mat-card", 3)(7, MscoaSegmentConfigComponent_span_7_Template, 3, 1, "span", 5);
-            i0.ɵɵpipe(8, "async");
-        } if (rf & 2) {
-            const noSegments_r9 = i0.ɵɵreference(3);
-            i0.ɵɵproperty("ngIf", (ctx.value || i0.ɵɵpureFunction0(9, _c0)).length > 0);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ((ctx.value == null ? null : ctx.value.length) || 0) > 0)("ngIfElse", noSegments_r9);
-            i0.ɵɵadvance(3);
-            i0.ɵɵproperty("ngIf", !ctx.isAddingNew && ctx.editingIndex === null && ctx.showAllSegments === false);
-            i0.ɵɵadvance();
-            i0.ɵɵconditional(!!ctx.getMscoaError ? 5 : -1);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", ctx.isAddingNew || ctx.editingIndex !== null);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", i0.ɵɵpipeBind1(8, 7, ctx.error$));
-        } }, dependencies: [CommonModule, i2.NgIf, i2.AsyncPipe, MatModulesModule, i3.MatOption, i2$1.MatButton, i3$1.MatCard, i3$1.MatCardActions, i3$1.MatCardContent, i3$1.MatCardHeader, i3$1.MatCardSubtitle, i4.MatChipListbox, i4.MatChipOption, i4.MatChipRemove, i6.MatIcon, i3$2.MatFormField, i3$2.MatLabel, i3$2.MatHint, i7.MatSelect, i2$2.MatSlideToggle, i9.MatToolbar, i12.MatInput, ReactiveFormsModule, i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName, FormsModule], styles: [".info-icon[_ngcontent-%COMP%]{min-width:38px}.tree-instructions[_ngcontent-%COMP%]{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.json-error[_ngcontent-%COMP%]{background:inherit;color:#e74c3c}mat-form-field[_ngcontent-%COMP%]{width:100%;margin-bottom:8px;background:azure}.segment-toolbar[_ngcontent-%COMP%]{background:azure}.icons[_ngcontent-%COMP%]{font-size:14px;height:14px;width:14px}.segment-hint[_ngcontent-%COMP%]{display:block;padding:0 16px;margin-bottom:8px;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font, var(--mat-sys-body-small-font));line-height:var(--mat-form-field-subscript-text-line-height, var(--mat-sys-body-small-line-height));font-size:var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size));letter-spacing:var(--mat-form-field-subscript-text-tracking, var(--mat-sys-body-small-tracking));font-weight:var(--mat-form-field-subscript-text-weight, var(--mat-sys-body-small-weight))}mat-card[_ngcontent-%COMP%]{background:var(--mat-toolbar-container-background-color, var(--mat-sys-surface))}"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MscoaSegmentConfigComponent, [{
-        type: Component,
-        args: [{ selector: 'app-mscoa-segment-config', standalone: true, imports: [
-                    CommonModule,
-                    MatModulesModule,
-                    ReactiveFormsModule,
-                    FormsModule
-                ], providers: [{ provide: MatFormFieldControl, useExisting: MscoaSegmentConfigComponent }], template: "<div *ngIf=\"(value||[]).length>0\" class=\"tree-instructions\">\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n  <span>SCOA Segments Configuration</span>\n</div>\n\n<mat-chip-listbox *ngIf=\"(value?.length || 0) > 0; else noSegments\" aria-label=\"Fish selection\">\n  @for (segment of value||[]; track segment.segment) {\n  <mat-chip-option (removed)=\"removeSegment($index)\" (click)=\"startEdit($index)\" color=\"accent\"\n    [value]=\"segment?.segment\" [selected]=\"this.editingIndex === $index\">\n    <div style=\"    \n    display: flex;\n    align-items: center;\n    gap: 1px;\">\n      <span style=\"margin-right: 2px;\">\n        {{ segment.label }}\n      </span>\n      <mat-icon class=\"icons\">\n        {{ segment.singleSelect ? 'done' : ' done_all' }}\n      </mat-icon>\n      <mat-icon class=\"icons\">\n\n        {{ segment.readOnly ? 'edit_off' : 'edit' }}\n      </mat-icon>\n    </div>\n\n    @if ( showAllSegments === false) {\n    <button matChipRemove [attr.aria-label]=\"'remove' \">\n      <mat-icon>cancel</mat-icon>\n    </button>\n    }\n\n  </mat-chip-option>\n  }\n</mat-chip-listbox>\n\n\n\n\n\n<ng-template #noSegments>\n  <div class=\"tree-instructions\">\n    <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n    <span>No segment configuration available. Start by adding a segment below.</span>\n  </div>\n</ng-template>\n\n<mat-toolbar  *ngIf=\"!isAddingNew && editingIndex === null && showAllSegments === false\">\n  <button style=\"width:100%\" mat-stroked-button (click)=\"startAddNew()\">\n    Add New Segment <mat-icon>add</mat-icon>\n  </button>\n</mat-toolbar>\n\n@if (!!getMscoaError) {\n<div class=\"tree-instructions\">\n  <mat-icon class=\"info-icon\" color=\"primary\">info</mat-icon>\n  <span>\n    {{ getMscoaError }}\n  </span>\n</div>\n}\n<mat-card *ngIf=\"isAddingNew || editingIndex !== null\">\n  <mat-card-header>\n    <mat-card-subtitle>\n      {{ isAddingNew ? 'Add a new' : 'Update' }} Segment\n    </mat-card-subtitle>\n  </mat-card-header>\n  <mat-card-content>\n    <form [formGroup]=\"segmentForm\" (ngSubmit)=\"saveSegment()\">\n      <mat-toolbar class=\"segment-toolbar\">\n        <mat-slide-toggle \n        (change)=\"multiLevelSelectChange($event)\" \n        [checked]=\"segmentForm.value.segmentExtension\">\n          Enable Multi-Level Segmentation\n        </mat-slide-toggle>\n     \n      </mat-toolbar>\n      <mat-hint class=\"segment-hint\">\n        This allows sub-classifications within this segment for more detailed accounting hierarchies\n      </mat-hint>\n      <mat-form-field  subscriptSizing=\"dynamic\"  floatLabel=\"always\" appearance=\"outline\">\n        <mat-label>Segment</mat-label>\n        <mat-select (selectionChange)=\"selectSegment($event)\" matNativeControl formControlName=\"segment\" [value]=\"value\" placeholder=\"Select segment\">\n          @for ( segment of treeSegments; track segment.segment) {\n          <mat-option [disabled]=\"alreadyExists(segment)\" [value]=\"segment.segment\"> \n            {{ segment.label }}\n          </mat-option>\n          }\n        </mat-select>\n    \n      </mat-form-field>\n      <mat-hint class=\"segment-hint\">\n        Select an account segment type from your chart of accounts\n      </mat-hint>\n      \n      <mat-form-field   subscriptSizing=\"dynamic\"  floatLabel=\"always\" appearance=\"outline\">\n        <mat-label>Label</mat-label>\n        <input matInput formControlName=\"label\"\n        [disabled]=\"!this.segmentForm.value.segmentExtension\"\n        placeholder=\"Enter label\">\n        <mat-hint>Provide a descriptive name for this segment (e.g., 'Department', 'Project', 'Cost Center')</mat-hint>\n      </mat-form-field>\n      \n      <mat-toolbar class=\"segment-toolbar\">\n        <mat-slide-toggle (change)=\"singleSelectChange($event)\" [checked]=\"segmentForm.value.singleSelect\">\n          Single Value Selection\n        </mat-slide-toggle>\n\n      </mat-toolbar>\n      <mat-hint class=\"segment-hint\">\n        When enabled, transactions can only be assigned to one value within this segment. When disabled, transactions can be split across multiple values.\n      </mat-hint>\n      <mat-toolbar class=\"segment-toolbar\">\n        <mat-slide-toggle (change)=\"readOnly($event)\" [checked]=\"segmentForm.value.readOnly\">\n          Read-Only Segment\n        </mat-slide-toggle>\n     \n      </mat-toolbar>\n      <mat-hint class=\"segment-hint\">\n        Prevents users from modifying segment values after initial setup. Use for regulatory or policy-controlled segments.\n      </mat-hint>\n    \n      <br>\n      <mat-card-actions>\n        <button mat-flat-button color=\"primary\" type=\"submit\" [disabled]=\"!segmentForm.valid\">Save</button>\n        <button mat-button (click)=\"cancelEdit()\">Cancel</button>\n      </mat-card-actions>\n    </form>\n  </mat-card-content>\n</mat-card>\n\n<span color=\"danger\" *ngIf=\"error$ | async as error\">\n  <p>{{ error }}</p>\n</span>", styles: [".info-icon{min-width:38px}.tree-instructions{display:flex;align-items:center;gap:8px;padding:12px;background:azure;border-radius:4px;margin-bottom:16px}.json-error{background:inherit;color:#e74c3c}mat-form-field{width:100%;margin-bottom:8px;background:azure}.segment-toolbar{background:azure}.icons{font-size:14px;height:14px;width:14px}.segment-hint{display:block;padding:0 16px;margin-bottom:8px;-webkit-font-smoothing:antialiased;font-family:var(--mat-form-field-subscript-text-font, var(--mat-sys-body-small-font));line-height:var(--mat-form-field-subscript-text-line-height, var(--mat-sys-body-small-line-height));font-size:var(--mat-form-field-subscript-text-size, var(--mat-sys-body-small-size));letter-spacing:var(--mat-form-field-subscript-text-tracking, var(--mat-sys-body-small-tracking));font-weight:var(--mat-form-field-subscript-text-weight, var(--mat-sys-body-small-weight))}mat-card{background:var(--mat-toolbar-container-background-color, var(--mat-sys-surface))}\n"] }]
-    }], () => [{ type: i1.FormBuilder }, { type: i1.NgControl, decorators: [{
-                type: Optional
-            }, {
-                type: Self
-            }] }, { type: i0.ElementRef }], { id: [{
-            type: HostBinding
-        }], errors: [{
-            type: Input
-        }], value: [{
-            type: Input
-        }], showAllSegments: [{
-            type: Input
-        }], getMscoaTree: [{
-            type: Input
-        }], valueChanged: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MscoaSegmentConfigComponent, { className: "MscoaSegmentConfigComponent", filePath: "lib/components/t-dynamic-data-edit/elements/mscoa-segment-config/mscoa-segment-config.component.ts", lineNumber: 30 }); })();
-
-export { MscoaSegmentConfigComponent };
-//# sourceMappingURL=ngx-t-forms-mscoa-segment-config.component-CrHAIRAw.mjs.map