ngx-t-forms 2.0.9 → 2.0.11

package/fesm2022/ngx-t-forms-section-report.component-C_h0KIR4.mjs

@@ -1,314 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, computed, Component, ViewChild, Input } from '@angular/core';
-import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
-import * as i4$1 from '@angular/material/sort';
-import { MatSort } from '@angular/material/sort';
-import { MatPaginator } from '@angular/material/paginator';
-import * as i5 from '@angular/material/table';
-import { MatTableDataSource } from '@angular/material/table';
-import * as i2 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { toSignal } from '@angular/core/rxjs-interop';
-import { ElementTypes, validateFormSlide } from 'ngx-t-forms-types';
-import * as i4 from '@angular/material/chips';
-import * as i6 from '@angular/material/icon';
-import * as i9 from '@angular/material/toolbar';
-
-const _c0 = () => [];
-const _c1 = a0 => ({ "color": a0 });
-function SectionReportComponent_div_0_div_11_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 19)(1, "mat-icon");
-    i0.ɵɵtext(2, "task_alt");
-    i0.ɵɵelementEnd();
-    i0.ɵɵtext(3, " Initialized ");
-    i0.ɵɵelementEnd();
-} }
-function SectionReportComponent_div_0_th_14_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "th", 20);
-} }
-function SectionReportComponent_div_0_td_15_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 21)(1, "mat-icon", 22);
-    i0.ɵɵtext(2);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    const row_r1 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngStyle", i0.ɵɵpureFunction1(2, _c1, row_r1.color));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(row_r1.icon);
-} }
-function SectionReportComponent_div_0_th_17_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 23);
-    i0.ɵɵtext(1, "description");
-    i0.ɵɵelementEnd();
-} }
-function SectionReportComponent_div_0_td_18_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 21);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const row_r2 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(row_r2.description);
-} }
-function SectionReportComponent_div_0_th_20_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 23);
-    i0.ɵɵtext(1, "Type");
-    i0.ɵɵelementEnd();
-} }
-function SectionReportComponent_div_0_td_21_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 21);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const row_r3 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(row_r3.name);
-} }
-function SectionReportComponent_div_0_th_23_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 23);
-    i0.ɵɵtext(1, "Value");
-    i0.ɵɵelementEnd();
-} }
-function SectionReportComponent_div_0_td_24_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 21);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const row_r4 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate(row_r4.value);
-} }
-function SectionReportComponent_div_0_th_26_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "th", 20);
-    i0.ɵɵtext(1, "Details");
-    i0.ɵɵelementEnd();
-} }
-function SectionReportComponent_div_0_td_27_mat_chip_set_1_mat_chip_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-chip", 26);
-    i0.ɵɵtext(1);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const detail_r5 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1(" ", detail_r5, " ");
-} }
-function SectionReportComponent_div_0_td_27_mat_chip_set_1_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "mat-chip-set");
-    i0.ɵɵtemplate(1, SectionReportComponent_div_0_td_27_mat_chip_set_1_mat_chip_1_Template, 2, 1, "mat-chip", 25);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const row_r6 = i0.ɵɵnextContext().$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngForOf", row_r6.details);
-} }
-function SectionReportComponent_div_0_td_27_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "td", 21);
-    i0.ɵɵtemplate(1, SectionReportComponent_div_0_td_27_mat_chip_set_1_Template, 2, 1, "mat-chip-set", 24);
-    i0.ɵɵelementEnd();
-} if (rf & 2) {
-    const row_r6 = ctx.$implicit;
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("ngIf", row_r6.details == null ? null : row_r6.details.length);
-} }
-function SectionReportComponent_div_0_tr_28_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "tr", 27);
-} }
-function SectionReportComponent_div_0_tr_29_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelement(0, "tr", 28);
-} }
-function SectionReportComponent_div_0_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "div", 1)(1, "mat-toolbar", 2)(2, "mat-icon", 3);
-    i0.ɵɵtext(3, "analytics");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "small");
-    i0.ɵɵtext(5, " Form Section Diagnostic Report ");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(6, "span", 4);
-    i0.ɵɵelementStart(7, "div", 5)(8, "div", 6)(9, "mat-icon");
-    i0.ɵɵtext(10, "check_circle");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵtemplate(11, SectionReportComponent_div_0_div_11_Template, 4, 0, "div", 7);
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(12, "table", 8);
-    i0.ɵɵelementContainerStart(13, 9);
-    i0.ɵɵtemplate(14, SectionReportComponent_div_0_th_14_Template, 1, 0, "th", 10)(15, SectionReportComponent_div_0_td_15_Template, 3, 4, "td", 11);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵelementContainerStart(16, 12);
-    i0.ɵɵtemplate(17, SectionReportComponent_div_0_th_17_Template, 2, 0, "th", 13)(18, SectionReportComponent_div_0_td_18_Template, 2, 1, "td", 11);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵelementContainerStart(19, 14);
-    i0.ɵɵtemplate(20, SectionReportComponent_div_0_th_20_Template, 2, 0, "th", 13)(21, SectionReportComponent_div_0_td_21_Template, 2, 1, "td", 11);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵelementContainerStart(22, 15);
-    i0.ɵɵtemplate(23, SectionReportComponent_div_0_th_23_Template, 2, 0, "th", 13)(24, SectionReportComponent_div_0_td_24_Template, 2, 1, "td", 11);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵelementContainerStart(25, 16);
-    i0.ɵɵtemplate(26, SectionReportComponent_div_0_th_26_Template, 2, 0, "th", 10)(27, SectionReportComponent_div_0_td_27_Template, 2, 1, "td", 11);
-    i0.ɵɵelementContainerEnd();
-    i0.ɵɵtemplate(28, SectionReportComponent_div_0_tr_28_Template, 1, 0, "tr", 17)(29, SectionReportComponent_div_0_tr_29_Template, 1, 0, "tr", 18);
-    i0.ɵɵelementEnd()();
-} if (rf & 2) {
-    let tmp_1_0;
-    const ctx_r6 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(11);
-    i0.ɵɵproperty("ngIf", (tmp_1_0 = ctx_r6.section()) == null ? null : tmp_1_0.sectionIsSeen);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("dataSource", ctx_r6.sectionData() || i0.ɵɵpureFunction0(4, _c0));
-    i0.ɵɵadvance(16);
-    i0.ɵɵproperty("matHeaderRowDef", ctx_r6.displayedColumns);
-    i0.ɵɵadvance();
-    i0.ɵɵproperty("matRowDefColumns", ctx_r6.displayedColumns);
-} }
-class SectionReportComponent {
-    constructor() {
-        this.sectionId = '';
-        this.displayedColumns = ['icon', 'name', 'description', 'value'];
-        this.dataSource = new MatTableDataSource();
-        this.store = inject(FormsStoreService);
-        this.selectFormInEdit$ = this.store.selectors.selectFormInEdit$;
-        this.selectFormInEdit = toSignal(this.selectFormInEdit$);
-        this.section = computed(() => {
-            const form = this.selectFormInEdit();
-            return form?.form.slides.find((slide) => slide.sectionId === this.sectionId) || null;
-        });
-        this.sectionData = computed(() => {
-            const section = this.section();
-            return this.updateTableData(section);
-        });
-    }
-    ngOnInit() {
-    }
-    updateTableData(data) {
-        if (!data)
-            return [];
-        const allInputs = data.columns.flatMap(column => column.element === ElementTypes.MultipleInput ? [...(column?.formInputs || []), column] : [column]).filter((input) => input.sectionId === this.sectionId);
-        const calculatedInputs = allInputs.filter((input) => input.calculatedFieldRules?.formula && input.calculatedFieldRules?.formula !== '');
-        const inputsWithManualValidations = allInputs.filter((input) => input.validators?.some((validator) => Object.keys(validator).length > 0));
-        const allSectionInputConfigErrors = validateFormSlide(data);
-        const metrics = [
-            {
-                icon: 'input',
-                name: 'Total Inputs',
-                value: Object.keys(allInputs || {}).length,
-                color: '#2196f3',
-                description: 'Total number of form inputs in section',
-                trend: 'stable',
-                category: 'inputs'
-            },
-            {
-                icon: 'calculate',
-                name: 'Calculated Fields',
-                value: calculatedInputs.length,
-                details: calculatedInputs,
-                color: '#4caf50',
-                description: 'Fields with calculation formulas',
-                trend: 'monitoring',
-                category: 'calculations'
-            },
-            {
-                icon: 'rule',
-                name: 'Manual Validations',
-                value: inputsWithManualValidations.length,
-                details: inputsWithManualValidations,
-                color: '#ff9800',
-                description: 'Fields with custom validation rules',
-                trend: 'warning',
-                category: 'validation'
-            },
-            {
-                icon: 'bug_report',
-                name: 'Config Errors',
-                value: allSectionInputConfigErrors.length,
-                color: '#f44336',
-                description: 'Configuration errors detected',
-                trend: 'critical',
-                category: 'errors'
-            },
-            // {
-            //   icon: 'api',
-            //   name: 'GET Methods',
-            //   value: data.getMethodInputs.length,
-            //   details: data.getMethodInputs,
-            //   color: '#2196f3',
-            //   description: 'Fields using GET API calls',
-            //   trend: 'stable',
-            //   category: 'api'
-            // },
-            //   {
-            //     icon: 'sync',
-            //     name: 'POST Methods',
-            //     value: data.postMethodInputs.length,
-            //     details: data.postMethodInputs,
-            //     color: '#673ab7',
-            //     description: 'Fields using POST API calls',
-            //     trend: 'monitoring',
-            //     category: 'api'
-            //   },
-            //   {
-            //     icon: 'visibility',
-            //     name: 'Hidden Fields',
-            //     value: Object.values(data.sectionInputs || {})
-            //       .filter((input: TInputControllerService) => input.input.readonly).length,
-            //     color: '#9e9e9e',
-            //     description: 'Number of hidden/conditional fields',
-            //     trend: 'neutral',
-            //     category: 'visibility'
-            //   },
-            //   {
-            //     icon: 'multiple_stop',
-            //     name: 'Multiple Inputs',
-            //     value: Object.values(data.sectionInputs || {})
-            //       .filter((input: TInputControllerService) => input.input.element ===ElementTypes.MultipleInput).length,
-            //     color: '#795548',
-            //     description: 'Fields allowing multiple values',
-            //     trend: 'stable',
-            //     category: 'inputs'
-            //   },
-            //   {
-            //     icon: 'error_outline',
-            //     name: 'Required Fields',
-            //     value: Object.values(data.sectionInputs || {})
-            //       .filter((input: TInputControllerService) => input.input.required).length,
-            //     color: '#e91e63',
-            //     description: 'Mandatory input fields',
-            //     trend: 'warning',
-            //     category: 'validation'
-            //   }
-        ];
-        return metrics;
-    }
-    applyFilter(event) {
-        const filterValue = event.target.value;
-        this.dataSource.filter = filterValue.trim().toLowerCase();
-    }
-    static { this.ɵfac = function SectionReportComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SectionReportComponent)(); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SectionReportComponent, selectors: [["app-section-report"]], viewQuery: function SectionReportComponent_Query(rf, ctx) { if (rf & 1) {
-            i0.ɵɵviewQuery(MatSort, 5);
-            i0.ɵɵviewQuery(MatPaginator, 5);
-        } if (rf & 2) {
-            let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.sort = _t.first);
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.paginator = _t.first);
-        } }, inputs: { sectionId: "sectionId" }, decls: 1, vars: 1, consts: [["class", "report-container", 4, "ngIf"], [1, "report-container"], [2, "padding", "0px"], [1, "section-icon"], [1, "spacer"], [1, "status-chips"], [1, "status-chip"], ["class", "status-chip initialized", 4, "ngIf"], ["mat-table", "", "matSort", "", 1, "w-full", 3, "dataSource"], ["matColumnDef", "icon"], ["mat-header-cell", "", 4, "matHeaderCellDef"], ["mat-cell", "", 4, "matCellDef"], ["matColumnDef", "description"], ["mat-header-cell", "", "mat-sort-header", "", 4, "matHeaderCellDef"], ["matColumnDef", "name"], ["matColumnDef", "value"], ["matColumnDef", "details"], ["mat-header-row", "", 4, "matHeaderRowDef"], ["mat-row", "", 4, "matRowDef", "matRowDefColumns"], [1, "status-chip", "initialized"], ["mat-header-cell", ""], ["mat-cell", ""], [3, "ngStyle"], ["mat-header-cell", "", "mat-sort-header", ""], [4, "ngIf"], ["class", "detail-chip", 4, "ngFor", "ngForOf"], [1, "detail-chip"], ["mat-header-row", ""], ["mat-row", ""]], template: function SectionReportComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵtemplate(0, SectionReportComponent_div_0_Template, 30, 5, "div", 0);
-        } if (rf & 2) {
-            i0.ɵɵproperty("ngIf", ctx.section());
-        } }, dependencies: [CommonModule, i2.NgForOf, i2.NgIf, i2.NgStyle, MatModulesModule, i4.MatChip, i4.MatChipSet, i6.MatIcon, i4$1.MatSort, i4$1.MatSortHeader, i5.MatTable, i5.MatHeaderCellDef, i5.MatHeaderRowDef, i5.MatColumnDef, i5.MatCellDef, i5.MatRowDef, i5.MatHeaderCell, i5.MatCell, i5.MatHeaderRow, i5.MatRow, i9.MatToolbar], styles: [".report-container[_ngcontent-%COMP%]{padding:20px;display:flex;flex-direction:column;gap:20px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}.header-card[_ngcontent-%COMP%]{background:#fff}.title-section[_ngcontent-%COMP%]{display:flex;align-items:center;gap:12px}.section-icon[_ngcontent-%COMP%]{color:#4f46e5;font-size:28px;width:28px;height:28px;margin-right:8px}h1[_ngcontent-%COMP%]{margin:0;font-size:20px;font-weight:500}.subtitle[_ngcontent-%COMP%]{margin:4px 0 0;color:#666;font-size:14px}.status-chips[_ngcontent-%COMP%]{display:flex;gap:8px;margin-left:auto}.status-chip[_ngcontent-%COMP%]{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;background:#22c55e;color:#fff;font-size:14px}.status-chip.invalid[_ngcontent-%COMP%]{background:#ef4444}.status-chip.initialized[_ngcontent-%COMP%]{background:#3b82f6}.status-chip[_ngcontent-%COMP%]   mat-icon[_ngcontent-%COMP%]{font-size:18px;width:18px;height:18px}.filter-field[_ngcontent-%COMP%]{width:100%;margin-bottom:16px}.detail-chip[_ngcontent-%COMP%]{font-size:12px;height:24px}mat-card-content[_ngcontent-%COMP%]{padding:16px}"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SectionReportComponent, [{
-        type: Component,
-        args: [{ selector: 'app-section-report', standalone: true, imports: [CommonModule, MatModulesModule], template: "<div class=\"report-container\" *ngIf=\"(section())\">\r\n\r\n\r\n  <mat-toolbar style=\"padding: 0px;\">\r\n    <mat-icon class=\"section-icon\">analytics</mat-icon>\r\n    <small>\r\n      Form Section Diagnostic Report\r\n    </small>\r\n\r\n    <span class=\"spacer\"></span>\r\n    <div class=\"status-chips\">\r\n      <div class=\"status-chip\" >\r\n        <mat-icon>check_circle</mat-icon>\r\n        \r\n      </div>\r\n      <div class=\"status-chip initialized\" *ngIf=\"(section())?.sectionIsSeen\">\r\n        <mat-icon>task_alt</mat-icon>\r\n        Initialized\r\n      </div>\r\n    </div>\r\n  </mat-toolbar>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  <table mat-table [dataSource]=\"(sectionData())||[]\" matSort class=\"w-full\">\r\n    <!-- Icon Column -->\r\n    <ng-container matColumnDef=\"icon\">\r\n      <th mat-header-cell *matHeaderCellDef></th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-icon [ngStyle]=\"{'color': row.color}\">{{ row.icon }}</mat-icon>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <!-- description Column -->\r\n    <ng-container matColumnDef=\"description\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>description</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.description }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Name Column -->\r\n    <ng-container matColumnDef=\"name\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.name }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Value Column -->\r\n    <ng-container matColumnDef=\"value\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Value</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.value }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Details Column -->\r\n    <ng-container matColumnDef=\"details\">\r\n      <th mat-header-cell *matHeaderCellDef>Details</th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-chip-set *ngIf=\"row.details?.length\">\r\n          <mat-chip *ngFor=\"let detail of row.details\" class=\"detail-chip\">\r\n            {{ detail }}\r\n          </mat-chip>\r\n        </mat-chip-set>\r\n      </td>\r\n    </ng-container>\r\n\r\n\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n  </table>\r\n</div>", styles: [".report-container{padding:20px;display:flex;flex-direction:column;gap:20px;background:var(--mat-toolbar-container-background-color, var(--mat-app-surface))}.header-card{background:#fff}.title-section{display:flex;align-items:center;gap:12px}.section-icon{color:#4f46e5;font-size:28px;width:28px;height:28px;margin-right:8px}h1{margin:0;font-size:20px;font-weight:500}.subtitle{margin:4px 0 0;color:#666;font-size:14px}.status-chips{display:flex;gap:8px;margin-left:auto}.status-chip{display:flex;align-items:center;gap:4px;padding:4px 12px;border-radius:16px;background:#22c55e;color:#fff;font-size:14px}.status-chip.invalid{background:#ef4444}.status-chip.initialized{background:#3b82f6}.status-chip mat-icon{font-size:18px;width:18px;height:18px}.filter-field{width:100%;margin-bottom:16px}.detail-chip{font-size:12px;height:24px}mat-card-content{padding:16px}\n"] }]
-    }], () => [], { sectionId: [{
-            type: Input
-        }], sort: [{
-            type: ViewChild,
-            args: [MatSort]
-        }], paginator: [{
-            type: ViewChild,
-            args: [MatPaginator]
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SectionReportComponent, { className: "SectionReportComponent", filePath: "lib/components/form-builder/elements/section-report/section-report.component.ts", lineNumber: 21 }); })();
-
-export { SectionReportComponent };
-//# sourceMappingURL=ngx-t-forms-section-report.component-C_h0KIR4.mjs.map

package/fesm2022/ngx-t-forms-section-report.component-C_h0KIR4.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ngx-t-forms-section-report.component-C_h0KIR4.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.html","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.ts"],"sourcesContent":["<div class=\"report-container\" *ngIf=\"(section())\">\r\n\r\n\r\n  <mat-toolbar style=\"padding: 0px;\">\r\n    <mat-icon class=\"section-icon\">analytics</mat-icon>\r\n    <small>\r\n      Form Section Diagnostic Report\r\n    </small>\r\n\r\n    <span class=\"spacer\"></span>\r\n    <div class=\"status-chips\">\r\n      <div class=\"status-chip\" >\r\n        <mat-icon>check_circle</mat-icon>\r\n        \r\n      </div>\r\n      <div class=\"status-chip initialized\" *ngIf=\"(section())?.sectionIsSeen\">\r\n        <mat-icon>task_alt</mat-icon>\r\n        Initialized\r\n      </div>\r\n    </div>\r\n  </mat-toolbar>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n  <table mat-table [dataSource]=\"(sectionData())||[]\" matSort class=\"w-full\">\r\n    <!-- Icon Column -->\r\n    <ng-container matColumnDef=\"icon\">\r\n      <th mat-header-cell *matHeaderCellDef></th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-icon [ngStyle]=\"{'color': row.color}\">{{ row.icon }}</mat-icon>\r\n      </td>\r\n    </ng-container>\r\n\r\n    <!-- description Column -->\r\n    <ng-container matColumnDef=\"description\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>description</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.description }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Name Column -->\r\n    <ng-container matColumnDef=\"name\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Type</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.name }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Value Column -->\r\n    <ng-container matColumnDef=\"value\">\r\n      <th mat-header-cell *matHeaderCellDef mat-sort-header>Value</th>\r\n      <td mat-cell *matCellDef=\"let row\">{{ row.value }}</td>\r\n    </ng-container>\r\n\r\n    <!-- Details Column -->\r\n    <ng-container matColumnDef=\"details\">\r\n      <th mat-header-cell *matHeaderCellDef>Details</th>\r\n      <td mat-cell *matCellDef=\"let row\">\r\n        <mat-chip-set *ngIf=\"row.details?.length\">\r\n          <mat-chip *ngFor=\"let detail of row.details\" class=\"detail-chip\">\r\n            {{ detail }}\r\n          </mat-chip>\r\n        </mat-chip-set>\r\n      </td>\r\n    </ng-container>\r\n\r\n\r\n\r\n    <tr mat-header-row *matHeaderRowDef=\"displayedColumns\"></tr>\r\n    <tr mat-row *matRowDef=\"let row; columns: displayedColumns;\"></tr>\r\n  </table>\r\n</div>","import { Component, computed, inject, Input, ViewChild } from '@angular/core';\r\n\r\n\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatSort } from '@angular/material/sort';\r\nimport { MatPaginator } from '@angular/material/paginator';\r\nimport { MatTableDataSource } from '@angular/material/table';\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormsStoreService } from '../../../forms/store/forms-store.service';\r\n\r\n\r\nimport { toSignal } from '@angular/core/rxjs-interop';\r\nimport { ElementTypes, FormSlideInterface, validateFormSlide } from 'ngx-t-forms-types';\r\n@Component({\r\n  selector: 'app-section-report',\r\n  standalone: true,\r\n  imports: [CommonModule,MatModulesModule],\r\n  templateUrl: './section-report.component.html',\r\n  styleUrl: './section-report.component.scss'\r\n})\r\nexport class SectionReportComponent {\r\n  @Input() sectionId: string = '';\r\n  @ViewChild(MatSort) sort!: MatSort;\r\n  @ViewChild(MatPaginator) paginator!: MatPaginator;\r\n\r\n  displayedColumns: string[] = ['icon', 'name','description', 'value'];\r\n  dataSource = new MatTableDataSource<any>();\r\n\r\n  private store:FormsStoreService = inject(FormsStoreService)\r\n  selectFormInEdit$ = this.store.selectors.selectFormInEdit$\r\n  selectFormInEdit = toSignal(this.selectFormInEdit$)\r\n  constructor() {}\r\n\r\n  ngOnInit() {\r\n\r\n  }\r\n \r\n\r\n  section = computed(()=>\r\n    {\r\n      const form = this.selectFormInEdit()\r\n      return form?.form.slides.find((slide: FormSlideInterface) => slide.sectionId === this.sectionId) || null\r\n    })\r\n  \r\n sectionData = computed(()=> {\r\n  const section = this.section()\r\n    return  this.updateTableData(section)\r\n  })\r\n\r\n  updateTableData(data: FormSlideInterface|null) {\r\n    if(!data) return [];\r\n    const allInputs = data.columns.flatMap(column=>column.element ===ElementTypes.MultipleInput ? [...(column?.formInputs||[]),column]: [column]).filter(\r\n      (input) => input.sectionId === this.sectionId\r\n    )\r\n    const calculatedInputs = allInputs.filter((input) => input.calculatedFieldRules?.formula && input.calculatedFieldRules?.formula !== '');\r\n    const inputsWithManualValidations = allInputs.filter((input) => input.validators?.some((validator) => Object.keys(validator).length > 0));\r\n    const allSectionInputConfigErrors = validateFormSlide(data);\r\n \r\n    const metrics: any[] = [\r\n      {\r\n        icon: 'input',\r\n        name: 'Total Inputs',\r\n        value: Object.keys(allInputs|| {}).length,\r\n        color: '#2196f3',\r\n        description: 'Total number of form inputs in section',\r\n        trend: 'stable',\r\n        category: 'inputs'\r\n      },\r\n      {\r\n        icon: 'calculate',\r\n        name: 'Calculated Fields',\r\n        value: calculatedInputs.length,\r\n        details:calculatedInputs,\r\n        color: '#4caf50',\r\n        description: 'Fields with calculation formulas',\r\n        trend: 'monitoring',\r\n        category: 'calculations'\r\n      },\r\n      {\r\n        icon: 'rule',\r\n        name: 'Manual Validations',\r\n        value: inputsWithManualValidations.length,\r\n        details: inputsWithManualValidations,\r\n        color: '#ff9800',\r\n        description: 'Fields with custom validation rules',\r\n        trend: 'warning',\r\n        category: 'validation'\r\n        },\r\n     \r\n      {\r\n        icon: 'bug_report',\r\n        name: 'Config Errors',\r\n        value: allSectionInputConfigErrors.length,\r\n        color: '#f44336',\r\n        description: 'Configuration errors detected',\r\n        trend: 'critical',\r\n        category: 'errors'\r\n      },\r\n      // {\r\n      //   icon: 'api',\r\n      //   name: 'GET Methods',\r\n      //   value: data.getMethodInputs.length,\r\n      //   details: data.getMethodInputs,\r\n      //   color: '#2196f3',\r\n      //   description: 'Fields using GET API calls',\r\n      //   trend: 'stable',\r\n      //   category: 'api'\r\n      // },\r\n    //   {\r\n    //     icon: 'sync',\r\n    //     name: 'POST Methods',\r\n    //     value: data.postMethodInputs.length,\r\n    //     details: data.postMethodInputs,\r\n    //     color: '#673ab7',\r\n    //     description: 'Fields using POST API calls',\r\n    //     trend: 'monitoring',\r\n    //     category: 'api'\r\n    //   },\r\n    //   {\r\n    //     icon: 'visibility',\r\n    //     name: 'Hidden Fields',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.readonly).length,\r\n    //     color: '#9e9e9e',\r\n    //     description: 'Number of hidden/conditional fields',\r\n    //     trend: 'neutral',\r\n    //     category: 'visibility'\r\n    //   },\r\n    //   {\r\n    //     icon: 'multiple_stop',\r\n    //     name: 'Multiple Inputs',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.element ===ElementTypes.MultipleInput).length,\r\n    //     color: '#795548',\r\n    //     description: 'Fields allowing multiple values',\r\n    //     trend: 'stable',\r\n    //     category: 'inputs'\r\n    //   },\r\n    //   {\r\n    //     icon: 'error_outline',\r\n    //     name: 'Required Fields',\r\n    //     value: Object.values(data.sectionInputs || {})\r\n    //       .filter((input: TInputControllerService) => input.input.required).length,\r\n    //     color: '#e91e63',\r\n    //     description: 'Mandatory input fields',\r\n    //     trend: 'warning',\r\n    //     category: 'validation'\r\n    //   }\r\n    ];\r\n  \r\n    return metrics;\r\n  }\r\n\r\n  applyFilter(event: Event) {\r\n    const filterValue = (event.target as HTMLInputElement).value;\r\n    this.dataSource.filter = filterValue.trim().toLowerCase();\r\n  }\r\n}"],"names":["i2","i3","i4","i6"],"mappings":"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"}

package/fesm2022/ngx-t-forms-selection-options-editor.component-CllhwZ5Y.mjs

@@ -1,231 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Optional, Self, Output, Input, HostBinding } from '@angular/core';
-import * as i2$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import * as i1 from '@angular/forms';
-import { FormGroup, FormControl, Validators, ReactiveFormsModule } from '@angular/forms';
-import { v4 } from 'uuid';
-import _ from 'lodash';
-import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DaAFB-HX.mjs';
-import * as i3$1 from '@angular/material/form-field';
-import { MatFormFieldControl } from '@angular/material/form-field';
-import { Subject } from 'rxjs';
-import * as i2 from '@angular/material/button';
-import * as i3 from '@angular/material/card';
-import * as i4 from '@angular/material/chips';
-import * as i6 from '@angular/material/icon';
-import * as i9 from '@angular/material/toolbar';
-import * as i12 from '@angular/material/input';
-
-const _c0 = () => [];
-const _forTrack0 = ($index, $item) => $item.id;
-function SelectionOptionsEditorComponent_For_2_Template(rf, ctx) { if (rf & 1) {
-    const _r1 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-chip-option", 3);
-    i0.ɵɵlistener("removed", function SelectionOptionsEditorComponent_For_2_Template_mat_chip_option_removed_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.remove(option_r2)); })("click", function SelectionOptionsEditorComponent_For_2_Template_mat_chip_option_click_0_listener() { const option_r2 = i0.ɵɵrestoreView(_r1).$implicit; const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView((ctx_r2.inEdit == null ? null : ctx_r2.inEdit.id) === (option_r2 == null ? null : option_r2.id) ? ctx_r2.inEdit = undefined : ctx_r2.inEdit = option_r2); });
-    i0.ɵɵtext(1);
-    i0.ɵɵelementStart(2, "button", 4)(3, "mat-icon");
-    i0.ɵɵtext(4, "cancel");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const option_r2 = ctx.$implicit;
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵproperty("value", option_r2 == null ? null : option_r2.value)("selected", (ctx_r2.inEdit == null ? null : ctx_r2.inEdit.id) === (option_r2 == null ? null : option_r2.id));
-    i0.ɵɵadvance();
-    i0.ɵɵtextInterpolate1("", option_r2 == null ? null : option_r2.label, " ");
-    i0.ɵɵadvance();
-    i0.ɵɵattribute("aria-label", "remove ");
-} }
-function SelectionOptionsEditorComponent_mat_toolbar_3_Template(rf, ctx) { if (rf & 1) {
-    const _r4 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-toolbar")(1, "button", 5);
-    i0.ɵɵlistener("click", function SelectionOptionsEditorComponent_mat_toolbar_3_Template_button_click_1_listener() { i0.ɵɵrestoreView(_r4); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.add()); });
-    i0.ɵɵtext(2, " Add an option ");
-    i0.ɵɵelementStart(3, "mat-icon");
-    i0.ɵɵtext(4, "add");
-    i0.ɵɵelementEnd()()();
-} }
-function SelectionOptionsEditorComponent_mat_card_4_form_7_Template(rf, ctx) { if (rf & 1) {
-    i0.ɵɵelementStart(0, "form", 10)(1, "mat-form-field")(2, "mat-label");
-    i0.ɵɵtext(3, "label");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(4, "input", 11);
-    i0.ɵɵelementStart(5, "mat-hint");
-    i0.ɵɵtext(6, "Label is required!");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(7, "mat-form-field")(8, "mat-label");
-    i0.ɵɵtext(9, "value");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelement(10, "input", 12);
-    i0.ɵɵelementStart(11, "mat-hint");
-    i0.ɵɵtext(12, "value is required!");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext(2);
-    i0.ɵɵproperty("formGroup", ctx_r2.form);
-} }
-function SelectionOptionsEditorComponent_mat_card_4_Template(rf, ctx) { if (rf & 1) {
-    const _r5 = i0.ɵɵgetCurrentView();
-    i0.ɵɵelementStart(0, "mat-card")(1, "mat-card-header")(2, "mat-card-title");
-    i0.ɵɵtext(3, "Edit Option");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(4, "mat-card-subtitle");
-    i0.ɵɵtext(5, "Modify Option Details");
-    i0.ɵɵelementEnd()();
-    i0.ɵɵelementStart(6, "mat-card-content", 6);
-    i0.ɵɵtemplate(7, SelectionOptionsEditorComponent_mat_card_4_form_7_Template, 13, 1, "form", 7);
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(8, "mat-card-actions")(9, "button", 8);
-    i0.ɵɵlistener("click", function SelectionOptionsEditorComponent_mat_card_4_Template_button_click_9_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.closeEdit()); });
-    i0.ɵɵtext(10, "close");
-    i0.ɵɵelementEnd();
-    i0.ɵɵelementStart(11, "button", 9);
-    i0.ɵɵlistener("click", function SelectionOptionsEditorComponent_mat_card_4_Template_button_click_11_listener() { i0.ɵɵrestoreView(_r5); const ctx_r2 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r2.save()); });
-    i0.ɵɵtext(12, "Save");
-    i0.ɵɵelementEnd()()();
-} if (rf & 2) {
-    const ctx_r2 = i0.ɵɵnextContext();
-    i0.ɵɵadvance(7);
-    i0.ɵɵproperty("ngIf", !!ctx_r2.form);
-    i0.ɵɵadvance(4);
-    i0.ɵɵproperty("disabled", ctx_r2.form.invalid);
-} }
-class SelectionOptionsEditorComponent {
-    static { this.nextId = 0; }
-    constructor(ngControl, _elementRef) {
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        this.stateChanges = new Subject();
-        this.errors = [];
-        this.id = `app-selection-options-editor-${SelectionOptionsEditorComponent.nextId++}`;
-        this.placeholder = '';
-        this.focused = false;
-        this.required = false;
-        this.disabled = false;
-        this.touched = false;
-        this.onTouched = () => { };
-        this._options = [];
-        this.valueChanged = new EventEmitter();
-    }
-    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-selection-options-editor');
-            // 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;
-        }
-    }
-    get options() {
-        return this._options || [];
-    }
-    set options(val) {
-        if (!!Array.isArray(val)) {
-            this._options = val;
-        }
-    }
-    add() {
-        this.inEdit = {};
-        this.createForm(this.inEdit);
-    }
-    remove(option) {
-        this.options = this.removeObjectById(this.options, option.id);
-        this.valueChanged.emit(this.options);
-    }
-    createForm(inEdit) {
-        this.form = new FormGroup({
-            label: new FormControl(inEdit.label || '', Validators.required),
-            value: new FormControl(inEdit.value || '', Validators.required),
-        });
-    }
-    closeEdit() {
-        this.inEdit = null;
-    }
-    save() {
-        const id = this.inEdit?.id;
-        if (!!id) {
-            this.options = this.overrideObjectById(this.options, { ...this.inEdit, ...this.form.value });
-            this.closeEdit();
-            this.valueChanged.emit(this.options);
-            return;
-        }
-        this.options = this.addObjectToArray(this.options, { ...this.inEdit, ...this.form.value, id: v4() });
-        this.closeEdit();
-        console.log(this.options);
-        this.valueChanged.emit(this.options);
-    }
-    overrideObjectById(array, newObj) {
-        const index = _.findIndex(array, { id: newObj.id });
-        if (index !== -1) {
-            array[index] = newObj;
-        }
-        return array;
-    }
-    addObjectToArray(array, newObj) {
-        if (!_.some(array, { id: newObj.id })) {
-            array.push(newObj);
-        }
-        return array;
-    }
-    removeObjectById(array, id) {
-        return _.reject(array, { id: id });
-    }
-    static { this.ɵfac = function SelectionOptionsEditorComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || SelectionOptionsEditorComponent)(i0.ɵɵdirectiveInject(i1.NgControl, 10), i0.ɵɵdirectiveInject(i0.ElementRef)); }; }
-    static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: SelectionOptionsEditorComponent, selectors: [["app-selection-options-editor"]], hostVars: 1, hostBindings: function SelectionOptionsEditorComponent_HostBindings(rf, ctx) { if (rf & 2) {
-            i0.ɵɵhostProperty("id", ctx.id);
-        } }, inputs: { errors: "errors", options: "options" }, outputs: { valueChanged: "valueChanged" }, features: [i0.ɵɵProvidersFeature([{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }])], decls: 5, vars: 3, consts: [["aria-label", "Fish selection"], ["color", "accent", 3, "value", "selected"], [4, "ngIf"], ["color", "accent", 3, "removed", "click", "value", "selected"], ["matChipRemove", ""], ["mat-stroked-button", "", 2, "width", "100%", 3, "click"], [2, "padding-top", "16px"], [3, "formGroup", 4, "ngIf"], ["mat-button", "", 3, "click"], ["mat-button", "", 3, "click", "disabled"], [3, "formGroup"], ["type", "text", "matInput", "", "formControlName", "label", "placeholder", "enter option label"], ["type", "text", "matInput", "", "formControlName", "value", "placeholder", "enter option value"]], template: function SelectionOptionsEditorComponent_Template(rf, ctx) { if (rf & 1) {
-            i0.ɵɵelementStart(0, "mat-chip-listbox", 0);
-            i0.ɵɵrepeaterCreate(1, SelectionOptionsEditorComponent_For_2_Template, 5, 4, "mat-chip-option", 1, _forTrack0);
-            i0.ɵɵelementEnd();
-            i0.ɵɵtemplate(3, SelectionOptionsEditorComponent_mat_toolbar_3_Template, 5, 0, "mat-toolbar", 2)(4, SelectionOptionsEditorComponent_mat_card_4_Template, 13, 2, "mat-card", 2);
-        } if (rf & 2) {
-            i0.ɵɵadvance();
-            i0.ɵɵrepeater(ctx.options || i0.ɵɵpureFunction0(2, _c0));
-            i0.ɵɵadvance(2);
-            i0.ɵɵproperty("ngIf", !ctx.inEdit);
-            i0.ɵɵadvance();
-            i0.ɵɵproperty("ngIf", !!ctx.inEdit);
-        } }, dependencies: [MatModulesModule, i2.MatButton, i3.MatCard, i3.MatCardActions, i3.MatCardContent, i3.MatCardHeader, i3.MatCardSubtitle, i3.MatCardTitle, i4.MatChipListbox, i4.MatChipOption, i4.MatChipRemove, i6.MatIcon, i3$1.MatFormField, i3$1.MatLabel, i3$1.MatHint, i9.MatToolbar, i12.MatInput, ReactiveFormsModule, i1.ɵNgNoValidate, i1.DefaultValueAccessor, i1.NgControlStatus, i1.NgControlStatusGroup, i1.FormGroupDirective, i1.FormControlName, CommonModule, i2$1.NgIf], styles: ["mat-form-field[_ngcontent-%COMP%]{width:100%!important;background:azure}"] }); }
-}
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(SelectionOptionsEditorComponent, [{
-        type: Component,
-        args: [{ selector: 'app-selection-options-editor', standalone: true, imports: [MatModulesModule, ReactiveFormsModule, CommonModule], providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], template: "\r\n  <mat-chip-listbox aria-label=\"Fish selection\">\r\n    @for (option of options||[]; track option.id) {\r\n      <mat-chip-option \r\n      (removed)=\"remove(option)\"\r\n      (click)=\"this.inEdit?.id === option?.id? this.inEdit = undefined :this.inEdit = option\"\r\n      color=\"accent\" \r\n      [value]=\"option?.value\"\r\n      [selected]=\"this.inEdit?.id === option?.id\">{{option?.label}}\r\n      <button matChipRemove [attr.aria-label]=\"'remove ' \">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n    }\r\n  </mat-chip-listbox>\r\n  <mat-toolbar   *ngIf=\"!inEdit\">\r\n    <button style=\"width:100%\" mat-stroked-button (click)=\"add()\">\r\n      Add an option   <mat-icon>add</mat-icon>\r\n    </button>\r\n  </mat-toolbar>\r\n  <mat-card *ngIf=\"!!inEdit\">\r\n    <mat-card-header>\r\n      <mat-card-title>Edit Option</mat-card-title>\r\n      <mat-card-subtitle>Modify Option Details</mat-card-subtitle>\r\n    </mat-card-header>\r\n\r\n    <mat-card-content style=\"padding-top:16px ;\" >\r\n   \r\n        <form  *ngIf=\"!!form\" [formGroup]=\"form\">\r\n            <mat-form-field >\r\n              <mat-label>label</mat-label>\r\n              <input type=\"text\" matInput formControlName=\"label\" \r\n                     placeholder=\"enter option label\">\r\n              <mat-hint>Label is required!</mat-hint>\r\n            </mat-form-field>\r\n            <mat-form-field >\r\n                <mat-label>value</mat-label>\r\n                <input type=\"text\" matInput formControlName=\"value\" \r\n                       placeholder=\"enter option value\">\r\n                <mat-hint>value is required!</mat-hint>\r\n              </mat-form-field>\r\n           \r\n          </form>\r\n    \r\n    </mat-card-content>\r\n    <mat-card-actions>\r\n      <button mat-button (click)=\"closeEdit()\">close</button>\r\n      <button mat-button [disabled]=\"form.invalid\" (click)=\"save()\">Save</button>\r\n    </mat-card-actions>\r\n  </mat-card>\r\n  ", styles: ["mat-form-field{width:100%!important;background:azure}\n"] }]
-    }], () => [{ type: i1.NgControl, decorators: [{
-                type: Optional
-            }, {
-                type: Self
-            }] }, { type: i0.ElementRef }], { errors: [{
-            type: Input
-        }], id: [{
-            type: HostBinding
-        }], options: [{
-            type: Input
-        }], valueChanged: [{
-            type: Output
-        }] }); })();
-(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(SelectionOptionsEditorComponent, { className: "SelectionOptionsEditorComponent", filePath: "lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts", lineNumber: 20 }); })();
-
-export { SelectionOptionsEditorComponent };
-//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-CllhwZ5Y.mjs.map