npm - ngx-t-forms - Versions diffs - 2.0.24 → 2.0.26 - Mend

ngx-t-forms 2.0.24 → 2.0.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (149) hide show

package/fesm2022/{ngx-t-forms-section-report.component-Cn_oWXBX.mjs → ngx-t-forms-section-report.component-Dntm1m5b.mjs} RENAMED Viewed

@@ -1,18 +1,18 @@
 import * as i0 from '@angular/core';
 import { inject, computed, ViewChild, Input, Component } from '@angular/core';
-import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-DwsbmVlY.mjs';
-import * as i9 from '@angular/material/sort';
+import { F as FormsStoreService, M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
+import * as i8 from '@angular/material/sort';
 import { MatSort } from '@angular/material/sort';
 import { MatPaginator } from '@angular/material/paginator';
-import * as i10 from '@angular/material/table';
+import * as i9 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 i5 from '@angular/material/chips';
-import * as i3 from '@angular/material/icon';
-import * as i8 from '@angular/material/toolbar';
+import * as i2$1 from '@angular/material/icon';
+import * as i10 from '@angular/material/toolbar';
 class SectionReportComponent {
     constructor() {
@@ -136,12 +136,12 @@ class SectionReportComponent {
         const filterValue = event.target.value;
         this.dataSource.filter = filterValue.trim().toLowerCase();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SectionReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: SectionReportComponent, isStandalone: true, selector: "app-section-report", inputs: { sectionId: "sectionId" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, 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-sys-surface-container, 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"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i5.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i5.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i9.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i9.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i10.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i10.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i10.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i10.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i10.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i10.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i10.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i10.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i10.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i10.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i8.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SectionReportComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.17", type: SectionReportComponent, isStandalone: true, selector: "app-section-report", inputs: { sectionId: "sectionId" }, viewQueries: [{ propertyName: "sort", first: true, predicate: MatSort, descendants: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true }], ngImport: i0, 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-sys-surface-container, var(--mat-app-surface))}.header-card{background:#fff}.title-section{display:flex;align-items:center;gap:12px}.section-icon{color:#4f46e5;font-size:1.75em;width:28px;height:28px;margin-right:8px}h1{margin:0;font-size:1.25em;font-weight:500}.subtitle{margin:4px 0 0;color:#666;font-size:.875em}.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:.875em}.status-chip.invalid{background:#ef4444}.status-chip.initialized{background:#3b82f6}.status-chip mat-icon{font-size:1.125em;width:18px;height:18px}.filter-field{width:100%;margin-bottom:16px}.detail-chip{font-size:.75em;height:24px}mat-card-content{padding:16px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i5.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i5.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i8.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i8.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "component", type: i9.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i9.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i9.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i9.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i9.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i9.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i9.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i9.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i9.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i9.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "component", type: i10.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SectionReportComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SectionReportComponent, decorators: [{
             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-sys-surface-container, 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"] }]
+            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-sys-surface-container, var(--mat-app-surface))}.header-card{background:#fff}.title-section{display:flex;align-items:center;gap:12px}.section-icon{color:#4f46e5;font-size:1.75em;width:28px;height:28px;margin-right:8px}h1{margin:0;font-size:1.25em;font-weight:500}.subtitle{margin:4px 0 0;color:#666;font-size:.875em}.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:.875em}.status-chip.invalid{background:#ef4444}.status-chip.initialized{background:#3b82f6}.status-chip mat-icon{font-size:1.125em;width:18px;height:18px}.filter-field{width:100%;margin-bottom:16px}.detail-chip{font-size:.75em;height:24px}mat-card-content{padding:16px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { sectionId: [{
                 type: Input
             }], sort: [{
@@ -153,4 +153,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             }] } });
 export { SectionReportComponent };
-//# sourceMappingURL=ngx-t-forms-section-report.component-Cn_oWXBX.mjs.map
+//# sourceMappingURL=ngx-t-forms-section-report.component-Dntm1m5b.mjs.map

package/fesm2022/{ngx-t-forms-section-report.component-Cn_oWXBX.mjs.map → ngx-t-forms-section-report.component-Dntm1m5b.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-t-forms-section-report.component-Cn_oWXBX.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.html"],"sourcesContent":["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}","<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>"],"names":["i1","i2","i4","i5","i6"],"mappings":"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"}
1	+ {"version":3,"file":"ngx-t-forms-section-report.component-Dntm1m5b.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.ts","../../../projects/ngx-t-forms/src/lib/components/form-builder/elements/section-report/section-report.component.html"],"sourcesContent":["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}","<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>"],"names":["i1","i2","i3","i4","i5","i6"],"mappings":"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"}

package/fesm2022/{ngx-t-forms-selection-options-editor.component-Cc41XG4s.mjs → ngx-t-forms-selection-options-editor.component-Cc_qCtW2.mjs} RENAMED Viewed

@@ -1,22 +1,22 @@
 import * as i0 from '@angular/core';
 import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
-import * as i2$1 from '@angular/common';
+import * as i2$3 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-DwsbmVlY.mjs';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
 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 i5 from '@angular/material/chips';
-import * as i3$1 from '@angular/material/icon';
-import * as i3$2 from '@angular/material/select';
-import * as i8 from '@angular/material/toolbar';
-import * as i8$1 from '@angular/material/tooltip';
-import * as i8$2 from '@angular/material/input';
+import * as i2$1 from '@angular/material/icon';
+import * as i2$2 from '@angular/material/select';
+import * as i10 from '@angular/material/toolbar';
+import * as i8 from '@angular/material/tooltip';
+import * as i13 from '@angular/material/input';
 class SelectionOptionsEditorComponent {
     static { this.nextId = 0; }
@@ -161,10 +161,10 @@ class SelectionOptionsEditorComponent {
             value: new FormControl(data.value || '', Validators.required),
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SelectionOptionsEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.14", type: SelectionOptionsEditorComponent, isStandalone: true, selector: "app-selection-options-editor", inputs: { errors: "errors", disabled: "disabled", options: "options" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], ngImport: i0, template: "<mat-chip-listbox style=\"overflow-x: scroll;\" aria-label=\"Option selection\" [disabled]=\"disabled\">\r\n  @for (option of options; track option.id) {\r\n    <mat-chip-option \r\n    style=\"min-width: fit-content;\"\r\n      (click)=\"startEdit(option)\"\r\n      color=\"accent\" \r\n      [value]=\"option.value\"\r\n      [selected]=\"inEdit?.id === option.id\">\r\n      \r\n      {{ option.label }}\r\n      <button matChipRemove (click)=\"$event.stopPropagation(); remove(option)\" [attr.aria-label]=\"'Remove ' + option.label\">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n  }\r\n</mat-chip-listbox>\r\n\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\r\n<mat-card *ngIf=\"!!inEdit\">\r\n  <mat-card-header>\r\n    <mat-card-subtitle>{{ inEdit.id ? 'Edit Option' : 'Add New Option' }}</mat-card-subtitle>\r\n  </mat-card-header>\r\n\r\n  <mat-card-content style=\"padding-top:16px;\">\r\n    <form *ngIf=\"!!form\" [formGroup]=\"form\">\r\n      <mat-form-field\r\n        style=\"margin-bottom: 16px;\"\r\n        subscriptSizing=\"dynamic\"\r\n        floatLabel=\"always\"\r\n        appearance=\"outline\">\r\n        <mat-label>Display Text</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"label\"\r\n          placeholder=\"Enter option text\"\r\n          (blur)=\"autoFillValueFromLabel()\" />\r\n        <mat-hint>The text users will see and select from the list.</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\r\n        <mat-label>Stored Value</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"value\"\r\n          placeholder=\"Enter data value\"\r\n        />\r\n        <button matTooltip=\"Toggle auto-creation of value from display text\" \r\n          [color]=\"isAutoCamelCase ? 'primary' : ''\" \r\n          (click)=\"isAutoCamelCase = !isAutoCamelCase\" \r\n          matSuffix\r\n          mat-icon-button>\r\n          <mat-icon>{{ isAutoCamelCase ? 'drive_file_rename_outline' : 'edit_off' }}</mat-icon>\r\n        </button>\r\n        <mat-hint>The value saved when this option is chosen. (Often an ID or code)</mat-hint>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-card-content>\r\n\r\n  <mat-card-actions>\r\n    <button mat-button (click)=\"closeEdit()\">Cancel</button>\r\n    <button mat-flat-button [disabled]=\"form.invalid\" (click)=\"save()\">\r\n      {{ inEdit.id ? 'Save Changes' : 'Add Option' }}\r\n    </button>\r\n  </mat-card-actions>\r\n</mat-card>", styles: ["mat-form-field{width:100%!important;background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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: "component", type: i5.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i5.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i8.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i8$2.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: 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],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: CommonModule }, { kind: "directive", type: i2$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectionOptionsEditorComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: SelectionOptionsEditorComponent, isStandalone: true, selector: "app-selection-options-editor", inputs: { errors: "errors", disabled: "disabled", options: "options" }, outputs: { valueChanged: "valueChanged" }, host: { properties: { "id": "this.id" } }, providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], ngImport: i0, template: "<mat-chip-listbox style=\"overflow-x: scroll;\" aria-label=\"Option selection\" [disabled]=\"disabled\">\r\n  @for (option of options; track option.id) {\r\n    <mat-chip-option \r\n    style=\"min-width: fit-content;\"\r\n      (click)=\"startEdit(option)\"\r\n      color=\"accent\" \r\n      [value]=\"option.value\"\r\n      [selected]=\"inEdit?.id === option.id\">\r\n      \r\n      {{ option.label }}\r\n      <button matChipRemove (click)=\"$event.stopPropagation(); remove(option)\" [attr.aria-label]=\"'Remove ' + option.label\">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n  }\r\n</mat-chip-listbox>\r\n\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\r\n<mat-card *ngIf=\"!!inEdit\">\r\n  <mat-card-header>\r\n    <mat-card-subtitle>{{ inEdit.id ? 'Edit Option' : 'Add New Option' }}</mat-card-subtitle>\r\n  </mat-card-header>\r\n\r\n  <mat-card-content style=\"padding-top:16px;\">\r\n    <form *ngIf=\"!!form\" [formGroup]=\"form\">\r\n      <mat-form-field\r\n        style=\"margin-bottom: 16px;\"\r\n        subscriptSizing=\"dynamic\"\r\n        floatLabel=\"always\"\r\n        appearance=\"outline\">\r\n        <mat-label>Display Text</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"label\"\r\n          placeholder=\"Enter option text\"\r\n          (blur)=\"autoFillValueFromLabel()\" />\r\n        <mat-hint>The text users will see and select from the list.</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\r\n        <mat-label>Stored Value</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"value\"\r\n          placeholder=\"Enter data value\"\r\n        />\r\n        <button matTooltip=\"Toggle auto-creation of value from display text\" \r\n          [color]=\"isAutoCamelCase ? 'primary' : ''\" \r\n          (click)=\"isAutoCamelCase = !isAutoCamelCase\" \r\n          matSuffix\r\n          mat-icon-button>\r\n          <mat-icon>{{ isAutoCamelCase ? 'drive_file_rename_outline' : 'edit_off' }}</mat-icon>\r\n        </button>\r\n        <mat-hint>The value saved when this option is chosen. (Often an ID or code)</mat-hint>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-card-content>\r\n\r\n  <mat-card-actions>\r\n    <button mat-button (click)=\"closeEdit()\">Cancel</button>\r\n    <button mat-flat-button [disabled]=\"form.invalid\" (click)=\"save()\">\r\n      {{ inEdit.id ? 'Save Changes' : 'Add Option' }}\r\n    </button>\r\n  </mat-card-actions>\r\n</mat-card>", styles: ["mat-form-field{width:100%!important;background:azure}\n"], dependencies: [{ kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { 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: "component", type: i5.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i5.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i5.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i2$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i2$2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2$2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "component", type: i10.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: i13.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: 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],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: CommonModule }, { kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: SelectionOptionsEditorComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: SelectionOptionsEditorComponent, decorators: [{
             type: Component,
             args: [{ selector: 'app-selection-options-editor', standalone: true, imports: [MatModulesModule, ReactiveFormsModule, CommonModule], providers: [{ provide: MatFormFieldControl, useExisting: SelectionOptionsEditorComponent }], template: "<mat-chip-listbox style=\"overflow-x: scroll;\" aria-label=\"Option selection\" [disabled]=\"disabled\">\r\n  @for (option of options; track option.id) {\r\n    <mat-chip-option \r\n    style=\"min-width: fit-content;\"\r\n      (click)=\"startEdit(option)\"\r\n      color=\"accent\" \r\n      [value]=\"option.value\"\r\n      [selected]=\"inEdit?.id === option.id\">\r\n      \r\n      {{ option.label }}\r\n      <button matChipRemove (click)=\"$event.stopPropagation(); remove(option)\" [attr.aria-label]=\"'Remove ' + option.label\">\r\n        <mat-icon>cancel</mat-icon>\r\n      </button>\r\n    </mat-chip-option>\r\n  }\r\n</mat-chip-listbox>\r\n\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\r\n<mat-card *ngIf=\"!!inEdit\">\r\n  <mat-card-header>\r\n    <mat-card-subtitle>{{ inEdit.id ? 'Edit Option' : 'Add New Option' }}</mat-card-subtitle>\r\n  </mat-card-header>\r\n\r\n  <mat-card-content style=\"padding-top:16px;\">\r\n    <form *ngIf=\"!!form\" [formGroup]=\"form\">\r\n      <mat-form-field\r\n        style=\"margin-bottom: 16px;\"\r\n        subscriptSizing=\"dynamic\"\r\n        floatLabel=\"always\"\r\n        appearance=\"outline\">\r\n        <mat-label>Display Text</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"label\"\r\n          placeholder=\"Enter option text\"\r\n          (blur)=\"autoFillValueFromLabel()\" />\r\n        <mat-hint>The text users will see and select from the list.</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\r\n        <mat-label>Stored Value</mat-label>\r\n        <input\r\n          type=\"text\"\r\n          matInput\r\n          formControlName=\"value\"\r\n          placeholder=\"Enter data value\"\r\n        />\r\n        <button matTooltip=\"Toggle auto-creation of value from display text\" \r\n          [color]=\"isAutoCamelCase ? 'primary' : ''\" \r\n          (click)=\"isAutoCamelCase = !isAutoCamelCase\" \r\n          matSuffix\r\n          mat-icon-button>\r\n          <mat-icon>{{ isAutoCamelCase ? 'drive_file_rename_outline' : 'edit_off' }}</mat-icon>\r\n        </button>\r\n        <mat-hint>The value saved when this option is chosen. (Often an ID or code)</mat-hint>\r\n      </mat-form-field>\r\n    </form>\r\n  </mat-card-content>\r\n\r\n  <mat-card-actions>\r\n    <button mat-button (click)=\"closeEdit()\">Cancel</button>\r\n    <button mat-flat-button [disabled]=\"form.invalid\" (click)=\"save()\">\r\n      {{ inEdit.id ? 'Save Changes' : 'Add Option' }}\r\n    </button>\r\n  </mat-card-actions>\r\n</mat-card>", styles: ["mat-form-field{width:100%!important;background:azure}\n"] }]
         }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
@@ -184,4 +184,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImpo
             }] } });
 export { SelectionOptionsEditorComponent };
-//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-Cc41XG4s.mjs.map
+//# sourceMappingURL=ngx-t-forms-selection-options-editor.component-Cc_qCtW2.mjs.map

package/fesm2022/{ngx-t-forms-selection-options-editor.component-Cc41XG4s.mjs.map → ngx-t-forms-selection-options-editor.component-Cc_qCtW2.mjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ngx-t-forms-selection-options-editor.component-Cc41XG4s.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormControl, FormGroup, NgControl, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport _ from 'lodash';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n// Defined an interface for type safety and clarity\r\ninterface Option {\r\n id: string;\r\n label: string;\r\n value: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-selection-options-editor',\r\n standalone: true,\r\n imports: [MatModulesModule, ReactiveFormsModule, CommonModule],\r\n providers: [{ provide: MatFormFieldControl, useExisting:SelectionOptionsEditorComponent }],\r\n templateUrl: './selection-options-editor.component.html',\r\n styleUrl: './selection-options-editor.component.scss'\r\n})\r\nexport class SelectionOptionsEditorComponent implements MatFormFieldControl<any> {\r\n value: any;\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n @Input() errors:IConfigElementError[] \|undefined = [];\r\n @HostBinding() id = `app-selection-options-editor-${SelectionOptionsEditorComponent.nextId++}`;\r\n \r\n placeholder: string = ''\r\n constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n focused: boolean = false;\r\n get empty() {\r\n return !this.value\r\n }\r\n get shouldLabelFloat() {\r\n return this.focused \|\| !this.empty;\r\n }\r\n required: boolean = false;\r\n @Input() disabled: boolean = false;\r\nget errorState(): boolean {\r\n const hasError = !!this.ngControl?.control?.errors \|\| (this.errors\|\|[]).length > 0 && this.touched\r\n return !this.value && !!this.required \|\| hasError\r\n }\r\n\r\n controlType?: string \| undefined;\r\n autofilled?: boolean \| undefined;\r\n userAriaDescribedBy?: string \| undefined;\r\n disableAutomaticLabeling?: boolean \| undefined;\r\n setDescribedByIds(ids: string[]) {\r\n // Ensure the component view is initialized\r\n if (this._elementRef && this._elementRef.nativeElement) {\r\n const controlElement = this._elementRef.nativeElement.querySelector('.app-selection-options-editor');\r\n // Check if the controlElement exists before attempting to set its attribute\r\n if (controlElement) {\r\n controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n }\r\n onContainerClick(event: MouseEvent): void {\r\n this.markAsTouched();\r\n this.stateChanges.next();\r\n }\r\n\r\n touched: boolean = false;\r\n onTouched = () => {};\r\n markAsTouched() {\r\n console.log('markAsTouched') \r\n if (!this.touched) {\r\n this.onTouched();\r\n this.touched = true;\r\n }\r\n } \r\n\r\n // --- Component Logic ---\r\n private _options: Option[] = [];\r\n @Input()\r\n get options(): Option[] {\r\n return this._options \|\| [];\r\n }\r\n set options(val: Option[]) {\r\n if (Array.isArray(val)) {\r\n this._options = val;\r\n }\r\n }\r\n\r\n @Output() valueChanged = new EventEmitter<Option[]>();\r\n\r\n inEdit: any \| null = null; // Can be an existing option or a new object {}\r\n form!: FormGroup;\r\n isAutoCamelCase: boolean = true; // Feature toggle for auto camelCase\r\n\r\n /*\r\n Prepares the form to add a new option.\r\n /\r\n add(): void {\r\n this.inEdit = {}; // A new option is represented by an empty object\r\n this.createForm(this.inEdit);\r\n }\r\n\r\n /\r\n Prepares the form to edit an existing option.\r\n * @param option The option to be edited.\r\n /\r\n startEdit(option: Option): void {\r\n // Consistently set the form for editing without toggling\r\n this.inEdit = { ...option }; // Use a copy to avoid mutating the original object until save\r\n this.createForm(this.inEdit);\r\n }\r\n\r\n /\r\n Closes the editor form without saving changes.\r\n /\r\n closeEdit(): void {\r\n this.inEdit = null;\r\n }\r\n\r\n /\r\n Removes an option from the list after user confirmation.\r\n * @param option The option to be removed.\r\n /\r\n remove(option: Option): void {\r\n // ✨ IMPROVEMENT: Add confirmation before a destructive action\r\n if (confirm(`Are you sure you want to delete the option \"${option.label}\"?`)) {\r\n this.options = _.reject(this.options, { id: option.id });\r\n this.valueChanged.emit(this.options);\r\n // If the deleted option was being edited, close the form\r\n if (this.inEdit && this.inEdit.id === option.id) {\r\n this.closeEdit();\r\n }\r\n }\r\n }\r\n\r\n /\r\n Saves the new or edited option and updates the list.\r\n /\r\n save(): void {\r\n if (this.form.invalid) return;\r\n\r\n const formValue = this.form.value;\r\n // If inEdit has an ID, we are updating an existing option\r\n if (this.inEdit?.id) {\r\n const updatedOption = { ...this.inEdit, ...formValue };\r\n const index = _.findIndex(this.options, { id: updatedOption.id });\r\n if (index !== -1) {\r\n this.options[index] = updatedOption;\r\n }\r\n } else {\r\n // Otherwise, we are adding a new option with a unique ID\r\n const newOption = { ...formValue, id: uuidv4() };\r\n this.options.push(newOption);\r\n }\r\n \r\n this.valueChanged.emit(this.options);\r\n this.closeEdit();\r\n }\r\n \r\n /\r\n ✨ NEW: Automatically populates the 'value' field by converting \r\n * the 'label' to camelCase when the value is empty.\r\n /\r\n autoFillValueFromLabel(): void {\r\n if (this.isAutoCamelCase && this.form) {\r\n const labelValue = this.form.get('label')?.value;\r\n const valueControl = this.form.get('value');\r\n\r\n // Only fill if a label exists and the value is currently empty\r\n if (labelValue && !valueControl?.value) {\r\n valueControl?.setValue(_.camelCase(labelValue));\r\n }\r\n }\r\n }\r\n\r\n /\r\n Initializes the reactive form for adding or editing.\r\n * @param data The option data to populate the form with.\r\n /\r\n private createForm(data: any): void {\r\n this.form = new FormGroup({\r\n label: new FormControl(data.label \|\| '', Validators.required),\r\n value: new FormControl(data.value \|\| '', Validators.required),\r\n });\r\n }\r\n}","<mat-chip-listbox style=\"overflow-x: scroll;\" aria-label=\"Option selection\" [disabled]=\"disabled\">\r\n @for (option of options; track option.id) {\r\n <mat-chip-option \r\n style=\"min-width: fit-content;\"\r\n (click)=\"startEdit(option)\"\r\n color=\"accent\" \r\n [value]=\"option.value\"\r\n [selected]=\"inEdit?.id === option.id\">\r\n \r\n {{ option.label }}\r\n <button matChipRemove (click)=\"$event.stopPropagation(); remove(option)\" [attr.aria-label]=\"'Remove ' + option.label\">\r\n <mat-icon>cancel</mat-icon>\r\n </button>\r\n </mat-chip-option>\r\n }\r\n</mat-chip-listbox>\r\n\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\r\n<mat-card ngIf=\"!!inEdit\">\r\n <mat-card-header>\r\n <mat-card-subtitle>{{ inEdit.id ? 'Edit Option' : 'Add New Option' }}</mat-card-subtitle>\r\n </mat-card-header>\r\n\r\n <mat-card-content style=\"padding-top:16px;\">\r\n <form ngIf=\"!!form\" [formGroup]=\"form\">\r\n <mat-form-field\r\n style=\"margin-bottom: 16px;\"\r\n subscriptSizing=\"dynamic\"\r\n floatLabel=\"always\"\r\n appearance=\"outline\">\r\n <mat-label>Display Text</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n formControlName=\"label\"\r\n placeholder=\"Enter option text\"\r\n (blur)=\"autoFillValueFromLabel()\" />\r\n <mat-hint>The text users will see and select from the list.</mat-hint>\r\n </mat-form-field>\r\n\r\n <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\r\n <mat-label>Stored Value</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n formControlName=\"value\"\r\n placeholder=\"Enter data value\"\r\n />\r\n <button matTooltip=\"Toggle auto-creation of value from display text\" \r\n [color]=\"isAutoCamelCase ? 'primary' : ''\" \r\n (click)=\"isAutoCamelCase = !isAutoCamelCase\" \r\n matSuffix\r\n mat-icon-button>\r\n <mat-icon>{{ isAutoCamelCase ? 'drive_file_rename_outline' : 'edit_off' }}</mat-icon>\r\n </button>\r\n <mat-hint>The value saved when this option is chosen. (Often an ID or code)</mat-hint>\r\n </mat-form-field>\r\n </form>\r\n </mat-card-content>\r\n\r\n <mat-card-actions>\r\n <button mat-button (click)=\"closeEdit()\">Cancel</button>\r\n <button mat-flat-button [disabled]=\"form.invalid\" (click)=\"save()\">\r\n {{ inEdit.id ? 'Save Changes' : 'Add Option' }}\r\n </button>\r\n </mat-card-actions>\r\n</mat-card>"],"names":["uuidv4","i4","i5","i6","i7","i8","i9","i10"],"mappings":"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"}
1	+ {"version":3,"file":"ngx-t-forms-selection-options-editor.component-Cc_qCtW2.mjs","sources":["../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.ts","../../../projects/ngx-t-forms/src/lib/components/t-dynamic-data-edit/elements/selection-options-editor/selection-options-editor.component.html"],"sourcesContent":["import { Component, ElementRef, EventEmitter, HostBinding, Input, Optional, Output, Self } from '@angular/core';\r\n\r\nimport { CommonModule } from '@angular/common';\r\nimport { FormControl, FormGroup, NgControl, ReactiveFormsModule, Validators } from '@angular/forms';\r\nimport { v4 as uuidv4 } from 'uuid';\r\nimport _ from 'lodash';\r\nimport { MatModulesModule } from '../../../../shared/modules/mat-modules.module';\r\nimport { MatFormFieldControl } from '@angular/material/form-field';\r\nimport { Subject } from 'rxjs';\r\nimport { IConfigElementError } from '../../t-dynamic-data-edit.component';\r\n// Defined an interface for type safety and clarity\r\ninterface Option {\r\n id: string;\r\n label: string;\r\n value: string;\r\n}\r\n\r\n@Component({\r\n selector: 'app-selection-options-editor',\r\n standalone: true,\r\n imports: [MatModulesModule, ReactiveFormsModule, CommonModule],\r\n providers: [{ provide: MatFormFieldControl, useExisting:SelectionOptionsEditorComponent }],\r\n templateUrl: './selection-options-editor.component.html',\r\n styleUrl: './selection-options-editor.component.scss'\r\n})\r\nexport class SelectionOptionsEditorComponent implements MatFormFieldControl<any> {\r\n value: any;\r\n static nextId = 0;\r\n stateChanges = new Subject<void>();\r\n @Input() errors:IConfigElementError[] \|undefined = [];\r\n @HostBinding() id = `app-selection-options-editor-${SelectionOptionsEditorComponent.nextId++}`;\r\n \r\n placeholder: string = ''\r\n constructor(@Optional() @Self() public ngControl: NgControl, private _elementRef: ElementRef<HTMLElement>,) { }\r\n focused: boolean = false;\r\n get empty() {\r\n return !this.value\r\n }\r\n get shouldLabelFloat() {\r\n return this.focused \|\| !this.empty;\r\n }\r\n required: boolean = false;\r\n @Input() disabled: boolean = false;\r\nget errorState(): boolean {\r\n const hasError = !!this.ngControl?.control?.errors \|\| (this.errors\|\|[]).length > 0 && this.touched\r\n return !this.value && !!this.required \|\| hasError\r\n }\r\n\r\n controlType?: string \| undefined;\r\n autofilled?: boolean \| undefined;\r\n userAriaDescribedBy?: string \| undefined;\r\n disableAutomaticLabeling?: boolean \| undefined;\r\n setDescribedByIds(ids: string[]) {\r\n // Ensure the component view is initialized\r\n if (this._elementRef && this._elementRef.nativeElement) {\r\n const controlElement = this._elementRef.nativeElement.querySelector('.app-selection-options-editor');\r\n // Check if the controlElement exists before attempting to set its attribute\r\n if (controlElement) {\r\n controlElement.setAttribute('aria-describedby', ids.join(' '));\r\n }\r\n }\r\n }\r\n onContainerClick(event: MouseEvent): void {\r\n this.markAsTouched();\r\n this.stateChanges.next();\r\n }\r\n\r\n touched: boolean = false;\r\n onTouched = () => {};\r\n markAsTouched() {\r\n console.log('markAsTouched') \r\n if (!this.touched) {\r\n this.onTouched();\r\n this.touched = true;\r\n }\r\n } \r\n\r\n // --- Component Logic ---\r\n private _options: Option[] = [];\r\n @Input()\r\n get options(): Option[] {\r\n return this._options \|\| [];\r\n }\r\n set options(val: Option[]) {\r\n if (Array.isArray(val)) {\r\n this._options = val;\r\n }\r\n }\r\n\r\n @Output() valueChanged = new EventEmitter<Option[]>();\r\n\r\n inEdit: any \| null = null; // Can be an existing option or a new object {}\r\n form!: FormGroup;\r\n isAutoCamelCase: boolean = true; // Feature toggle for auto camelCase\r\n\r\n /*\r\n Prepares the form to add a new option.\r\n /\r\n add(): void {\r\n this.inEdit = {}; // A new option is represented by an empty object\r\n this.createForm(this.inEdit);\r\n }\r\n\r\n /\r\n Prepares the form to edit an existing option.\r\n * @param option The option to be edited.\r\n /\r\n startEdit(option: Option): void {\r\n // Consistently set the form for editing without toggling\r\n this.inEdit = { ...option }; // Use a copy to avoid mutating the original object until save\r\n this.createForm(this.inEdit);\r\n }\r\n\r\n /\r\n Closes the editor form without saving changes.\r\n /\r\n closeEdit(): void {\r\n this.inEdit = null;\r\n }\r\n\r\n /\r\n Removes an option from the list after user confirmation.\r\n * @param option The option to be removed.\r\n /\r\n remove(option: Option): void {\r\n // ✨ IMPROVEMENT: Add confirmation before a destructive action\r\n if (confirm(`Are you sure you want to delete the option \"${option.label}\"?`)) {\r\n this.options = _.reject(this.options, { id: option.id });\r\n this.valueChanged.emit(this.options);\r\n // If the deleted option was being edited, close the form\r\n if (this.inEdit && this.inEdit.id === option.id) {\r\n this.closeEdit();\r\n }\r\n }\r\n }\r\n\r\n /\r\n Saves the new or edited option and updates the list.\r\n /\r\n save(): void {\r\n if (this.form.invalid) return;\r\n\r\n const formValue = this.form.value;\r\n // If inEdit has an ID, we are updating an existing option\r\n if (this.inEdit?.id) {\r\n const updatedOption = { ...this.inEdit, ...formValue };\r\n const index = _.findIndex(this.options, { id: updatedOption.id });\r\n if (index !== -1) {\r\n this.options[index] = updatedOption;\r\n }\r\n } else {\r\n // Otherwise, we are adding a new option with a unique ID\r\n const newOption = { ...formValue, id: uuidv4() };\r\n this.options.push(newOption);\r\n }\r\n \r\n this.valueChanged.emit(this.options);\r\n this.closeEdit();\r\n }\r\n \r\n /\r\n ✨ NEW: Automatically populates the 'value' field by converting \r\n * the 'label' to camelCase when the value is empty.\r\n /\r\n autoFillValueFromLabel(): void {\r\n if (this.isAutoCamelCase && this.form) {\r\n const labelValue = this.form.get('label')?.value;\r\n const valueControl = this.form.get('value');\r\n\r\n // Only fill if a label exists and the value is currently empty\r\n if (labelValue && !valueControl?.value) {\r\n valueControl?.setValue(_.camelCase(labelValue));\r\n }\r\n }\r\n }\r\n\r\n /\r\n Initializes the reactive form for adding or editing.\r\n * @param data The option data to populate the form with.\r\n /\r\n private createForm(data: any): void {\r\n this.form = new FormGroup({\r\n label: new FormControl(data.label \|\| '', Validators.required),\r\n value: new FormControl(data.value \|\| '', Validators.required),\r\n });\r\n }\r\n}","<mat-chip-listbox style=\"overflow-x: scroll;\" aria-label=\"Option selection\" [disabled]=\"disabled\">\r\n @for (option of options; track option.id) {\r\n <mat-chip-option \r\n style=\"min-width: fit-content;\"\r\n (click)=\"startEdit(option)\"\r\n color=\"accent\" \r\n [value]=\"option.value\"\r\n [selected]=\"inEdit?.id === option.id\">\r\n \r\n {{ option.label }}\r\n <button matChipRemove (click)=\"$event.stopPropagation(); remove(option)\" [attr.aria-label]=\"'Remove ' + option.label\">\r\n <mat-icon>cancel</mat-icon>\r\n </button>\r\n </mat-chip-option>\r\n }\r\n</mat-chip-listbox>\r\n\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\r\n<mat-card ngIf=\"!!inEdit\">\r\n <mat-card-header>\r\n <mat-card-subtitle>{{ inEdit.id ? 'Edit Option' : 'Add New Option' }}</mat-card-subtitle>\r\n </mat-card-header>\r\n\r\n <mat-card-content style=\"padding-top:16px;\">\r\n <form ngIf=\"!!form\" [formGroup]=\"form\">\r\n <mat-form-field\r\n style=\"margin-bottom: 16px;\"\r\n subscriptSizing=\"dynamic\"\r\n floatLabel=\"always\"\r\n appearance=\"outline\">\r\n <mat-label>Display Text</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n formControlName=\"label\"\r\n placeholder=\"Enter option text\"\r\n (blur)=\"autoFillValueFromLabel()\" />\r\n <mat-hint>The text users will see and select from the list.</mat-hint>\r\n </mat-form-field>\r\n\r\n <mat-form-field subscriptSizing=\"dynamic\" floatLabel=\"always\" appearance=\"outline\">\r\n <mat-label>Stored Value</mat-label>\r\n <input\r\n type=\"text\"\r\n matInput\r\n formControlName=\"value\"\r\n placeholder=\"Enter data value\"\r\n />\r\n <button matTooltip=\"Toggle auto-creation of value from display text\" \r\n [color]=\"isAutoCamelCase ? 'primary' : ''\" \r\n (click)=\"isAutoCamelCase = !isAutoCamelCase\" \r\n matSuffix\r\n mat-icon-button>\r\n <mat-icon>{{ isAutoCamelCase ? 'drive_file_rename_outline' : 'edit_off' }}</mat-icon>\r\n </button>\r\n <mat-hint>The value saved when this option is chosen. (Often an ID or code)</mat-hint>\r\n </mat-form-field>\r\n </form>\r\n </mat-card-content>\r\n\r\n <mat-card-actions>\r\n <button mat-button (click)=\"closeEdit()\">Cancel</button>\r\n <button mat-flat-button [disabled]=\"form.invalid\" (click)=\"save()\">\r\n {{ inEdit.id ? 'Save Changes' : 'Add Option' }}\r\n </button>\r\n </mat-card-actions>\r\n</mat-card>"],"names":["uuidv4","i4","i5","i6","i7","i9","i10"],"mappings":"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"}

package/fesm2022/ngx-t-forms-t-workflow-picker.component-xvX8t0pu.mjs ADDED Viewed

@@ -0,0 +1,187 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Output, Input, HostBinding, Optional, Self, Component } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { M as MatModulesModule } from './ngx-t-forms-ngx-t-forms-CD9InaXz.mjs';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject, take, tap, catchError } from 'rxjs';
+import { coerceBooleanProperty } from '@angular/cdk/coercion';
+import * as i1 from '@angular/forms';
+import * as i2$1 from '@angular/material/button';
+import * as i3 from '@angular/material/card';
+import * as i5 from '@angular/material/chips';
+import * as i4 from '@angular/material/divider';
+import * as i2$2 from '@angular/material/icon';
+import * as i7 from '@angular/material/list';
+import * as i3$1 from '@angular/material/progress-spinner';
+import * as i10 from '@angular/material/toolbar';
+class TWorkflowPickerComponent {
+    static { this.nextId = 0; }
+    get required() {
+        return this._required;
+    }
+    set required(value) {
+        this._required = coerceBooleanProperty(value);
+        this.stateChanges.next();
+    }
+    get value() {
+        return this._value;
+    }
+    set value(val) {
+        this._value = val;
+        this.onChange(val);
+        this.stateChanges.next();
+    }
+    get placeholder() {
+        return this._placeholder;
+    }
+    set placeholder(value) {
+        this._placeholder = value;
+        this.stateChanges.next();
+    }
+    get shouldLabelFloat() {
+        return this.focused || !this.empty;
+    }
+    get empty() {
+        return !this.value || this.value.length === 0;
+    }
+    get errorState() {
+        return !this.value && this.required && this.touched || !!this.ngControl?.errors || (this.errors || []).length > 0;
+    }
+    constructor(ngControl, _elementRef) {
+        this.ngControl = ngControl;
+        this._elementRef = _elementRef;
+        this.stateChanges = new Subject();
+        this.focused = false;
+        this.touched = false;
+        this.disabled = false;
+        this.controlType = 'lib-t-workflow-picker';
+        this.autofilled = false;
+        this.errors = [];
+        this.valueChange = new EventEmitter();
+        this._required = false;
+        this._value = undefined;
+        this._placeholder = '';
+        this.id = `lib-t-workflow-picker-${TWorkflowPickerComponent.nextId++}`;
+        this.describedBy = '';
+        // ControlValueAccessor methods
+        this.onChange = (_) => { };
+        this.onTouched = () => { };
+        this.valueChanged = new EventEmitter();
+        this.workflowNameChanged = new EventEmitter();
+        this.error = undefined;
+        this.loading = false;
+        if (this.ngControl != null) {
+            this.ngControl.valueAccessor = this;
+        }
+    }
+    ngOnInit() {
+        this.loadWorkflows();
+    }
+    writeValue(value) {
+        this._value = value;
+        this.stateChanges.next();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.stateChanges.next();
+    }
+    // MatFormFieldControl methods
+    setDescribedByIds(ids) {
+        const element = this._elementRef?.nativeElement;
+        if (element) {
+            element.setAttribute('aria-describedby', ids.join(' '));
+        }
+    }
+    onContainerClick(event) {
+        if (!this.focused) {
+            this.focused = true;
+            this.stateChanges.next();
+        }
+    }
+    markAsTouched() {
+        if (!this.touched) {
+            this.touched = true;
+            this.onTouched();
+            this.stateChanges.next();
+        }
+    }
+    set getWorkflowOptions(value) {
+        this._getWorkflowOptions = value;
+    }
+    get workflowOptions() {
+        return this._workflowOptions || [];
+    }
+    unbindInput() {
+        this.value = undefined;
+        this.valueChanged.emit(this.value);
+        this.workflowNameChanged.emit(undefined);
+    }
+    bindInput(workflow) {
+        this.valueChanged.emit(workflow.id);
+        this.workflowNameChanged.emit(workflow.name);
+    }
+    get selectedWorkflow() {
+        return this._workflowOptions?.find((workflow) => workflow.id === this.value);
+    }
+    loadWorkflows() {
+        if (!this._getWorkflowOptions)
+            return;
+        this.loading = true;
+        this._getWorkflowOptions?.pipe(take(1), tap(workflows => {
+            this.error = undefined;
+            this._workflowOptions = workflows;
+            this.loading = false;
+        }, catchError((error) => {
+            this.loading = false;
+            this.error = error;
+            return error;
+        }))).subscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TWorkflowPickerComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.17", type: TWorkflowPickerComponent, isStandalone: true, selector: "lib-t-workflow-picker", inputs: { disabled: "disabled", errors: "errors", required: "required", value: "value", placeholder: "placeholder", getWorkflowOptions: "getWorkflowOptions" }, outputs: { valueChange: "valueChange", valueChanged: "valueChanged", workflowNameChanged: "workflowNameChanged" }, host: { properties: { "id": "this.id", "attr.aria-describedby": "this.describedBy", "class.floating": "this.shouldLabelFloat" } }, providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent, }], ngImport: i0, template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}@else {\r\n    <mat-toolbar>\r\n        <span style=\"font-size: x-small;\">\r\n            Reload Worlkflows\r\n        </span>\r\n        <span class=\"spacer\">\r\n\r\n        </span>\r\n        <button (click)=\"loadWorkflows()\" mat-stroked-button>\r\n            Reload \r\n            <mat-icon>\r\n                refresh\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" \r\n            \r\n            [style.background]=\"!option.isCheckInCheckOut && option['isDocument'] ? 'lightskyblue' :option.isCheckInCheckOut?'antiquewhite':'' \"\r\n            \r\n            matListItemIcon>\r\n                <span style=\"font-size: 0.625em;\">\r\n                    @if (option.isCheckInCheckOut) {\r\n                        IN/OUT\r\n                    }@else {\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    }\r\n\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n        <mat-list-item (click)=\" unbindInput() \">\r\n\r\n            <mat-chip class=\"docType\" \r\n            \r\n                    [style.background]=\"!selectedWorkflow?.isCheckInCheckOut && selectedWorkflow?.['isDocument'] ? 'lightskyblue' :selectedWorkflow?.isCheckInCheckOut?'antiquewhite':'' \"\r\n                matListItemIcon>\r\n                <span style=\"font-size: 0.625em;\">\r\n               @if (selectedWorkflow?.isCheckInCheckOut) {\r\n                        IN/OUT\r\n                    }@else {\r\n                    {{ selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    }\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ selectedWorkflow?.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n                    {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ selectedWorkflow?.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon color=\"primary\">\r\n                    check_circle\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n    \r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "pipe", type: i2.DatePipe, name: "date" }, { kind: "ngmodule", type: MatModulesModule }, { kind: "component", type: i2$1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }, { kind: "component", type: i2$1.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i3.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "component", type: i5.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "component", type: i2$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatNavList, selector: "mat-nav-list", exportAs: ["matNavList"] }, { kind: "component", type: i7.MatListItem, selector: "mat-list-item, a[mat-list-item], button[mat-list-item]", inputs: ["activated"], exportAs: ["matListItem"] }, { kind: "directive", type: i7.MatListItemIcon, selector: "[matListItemIcon]" }, { kind: "directive", type: i7.MatListItemTitle, selector: "[matListItemTitle]" }, { kind: "directive", type: i7.MatListItemMeta, selector: "[matListItemMeta]" }, { kind: "component", type: i3$1.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "component", type: i10.MatToolbar, selector: "mat-toolbar", inputs: ["color"], exportAs: ["matToolbar"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.17", ngImport: i0, type: TWorkflowPickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-t-workflow-picker', standalone: true, imports: [CommonModule, MatModulesModule], providers: [{ provide: MatFormFieldControl, useExisting: TWorkflowPickerComponent, }], template: "@if (error) {\r\n<mat-toolbar>\r\n    <span>\r\n        Failed to load workflow list\r\n    </span>\r\n    <span class=\"spacer\"></span>\r\n    <button color=\"primary\" mat-raised-button>\r\n        Retry\r\n\r\n    </button>\r\n</mat-toolbar>\r\n}@else {\r\n    <mat-toolbar>\r\n        <span style=\"font-size: x-small;\">\r\n            Reload Worlkflows\r\n        </span>\r\n        <span class=\"spacer\">\r\n\r\n        </span>\r\n        <button (click)=\"loadWorkflows()\" mat-stroked-button>\r\n            Reload \r\n            <mat-icon>\r\n                refresh\r\n            </mat-icon>\r\n        </button>\r\n    </mat-toolbar>\r\n}\r\n@if(loading){\r\n<div class=\"loadingContainer\">\r\n    <mat-spinner></mat-spinner>\r\n</div>\r\n}\r\n@if(!loading&& !error){\r\n<mat-card>\r\n    <mat-nav-list style=\"padding: 0px;\">\r\n        @if(!value){\r\n        @for (option of workflowOptions; track option.id) {\r\n        <mat-list-item (click)=\"bindInput(option)\">\r\n\r\n            <mat-chip class=\"docType\" \r\n            \r\n            [style.background]=\"!option.isCheckInCheckOut && option['isDocument'] ? 'lightskyblue' :option.isCheckInCheckOut?'antiquewhite':'' \"\r\n            \r\n            matListItemIcon>\r\n                <span style=\"font-size: 0.625em;\">\r\n                    @if (option.isCheckInCheckOut) {\r\n                        IN/OUT\r\n                    }@else {\r\n                    {{ option[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    }\r\n\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ option.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n                    {{ option[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ option.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon>\r\n                    radio_button_unchecked\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        <mat-divider></mat-divider>\r\n        }\r\n        }\r\n        @if(value){\r\n        <mat-list-item (click)=\" unbindInput() \">\r\n\r\n            <mat-chip class=\"docType\" \r\n            \r\n                    [style.background]=\"!selectedWorkflow?.isCheckInCheckOut && selectedWorkflow?.['isDocument'] ? 'lightskyblue' :selectedWorkflow?.isCheckInCheckOut?'antiquewhite':'' \"\r\n                matListItemIcon>\r\n                <span style=\"font-size: 0.625em;\">\r\n               @if (selectedWorkflow?.isCheckInCheckOut) {\r\n                        IN/OUT\r\n                    }@else {\r\n                    {{ selectedWorkflow?.[\"isDocument\"] ? \"DOC\" : \"FLOW\" }}\r\n                    }\r\n                </span>\r\n            </mat-chip>\r\n\r\n\r\n            <div matListItemTitle>\r\n                <div>\r\n                    {{ selectedWorkflow?.name }}\r\n                </div>\r\n\r\n                <div style=\"font-size: 0.8125em; opacity: 0.6;line-height:normal\">\r\n                    {{selectedWorkflow?.[\"createdAt\"] | date: \"medium\" }} &nbsp;\r\n                    {{ selectedWorkflow?.numberOfSteps }}\r\n                </div>\r\n            </div>\r\n            <button matListItemMeta mat-icon-button>\r\n                <mat-icon color=\"primary\">\r\n                    check_circle\r\n                </mat-icon>\r\n            </button>\r\n\r\n        </mat-list-item>\r\n        }\r\n\r\n\r\n    </mat-nav-list>\r\n    \r\n</mat-card>\r\n\r\n}", styles: [".suggestion-container{display:flex;width:100%;gap:14px}.docType{width:min-content;margin-top:auto!important;margin-bottom:auto!important}mat-card{margin-bottom:8px;background:var(--mat-sys-surface-container, var(--mat-app-surface))}\n"] }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Optional
+                }, {
+                    type: Self
+                }] }, { type: i0.ElementRef }], propDecorators: { disabled: [{
+                type: Input
+            }], errors: [{
+                type: Input
+            }], valueChange: [{
+                type: Output
+            }], required: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], id: [{
+                type: HostBinding
+            }], describedBy: [{
+                type: HostBinding,
+                args: ['attr.aria-describedby']
+            }], shouldLabelFloat: [{
+                type: HostBinding,
+                args: ['class.floating']
+            }], getWorkflowOptions: [{
+                type: Input
+            }], valueChanged: [{
+                type: Output
+            }], workflowNameChanged: [{
+                type: Output
+            }] } });
+export { TWorkflowPickerComponent };
+//# sourceMappingURL=ngx-t-forms-t-workflow-picker.component-xvX8t0pu.mjs.map