iss-ctrl 0.0.2 → 0.0.4

package/fesm2022/iss-ctrl-table.wrapper-B1q8mXCB.mjs

@@ -0,0 +1,312 @@
+import * as i0 from '@angular/core';
+import { viewChild, ViewContainerRef, effect, Component, inject, signal, computed, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
+import * as i1$1 from '@angular/forms';
+import { FormGroup, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i1 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import * as i4 from '@angular/material/paginator';
+import { MatPaginator, MatPaginatorModule } from '@angular/material/paginator';
+import * as i5 from '@angular/material/sidenav';
+import { MatSidenavModule } from '@angular/material/sidenav';
+import * as i3 from '@angular/material/sort';
+import { MatSort, MatSortModule } from '@angular/material/sort';
+import * as i2 from '@angular/material/table';
+import { MatTableDataSource, MatTableModule } from '@angular/material/table';
+import { W as WrapperBase, L as LoaderService, k as FormEngine, l as FormField, V as VIEW_PROVIDER, O as Outlet } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
+import { V as ViewerBase } from './iss-ctrl-viewer.base-BCFfZsDG.mjs';
+import { S as SelectViewer } from './iss-ctrl-select.viewer-Bd4flLOk.mjs';
+
+class FieldViewer extends ViewerBase {
+    containerRef = viewChild("container", { ...(ngDevMode ? { debugName: "containerRef" } : {}), read: ViewContainerRef });
+    #fieldEffectRef = effect(() => {
+        const componentRef = this.containerRef()?.createComponent(SelectViewer);
+        if (componentRef) {
+            componentRef.setInput("field", this.field());
+        }
+    }, ...(ngDevMode ? [{ debugName: "#fieldEffectRef" }] : []));
+    ngOnDestroy() {
+        this.#fieldEffectRef.destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FieldViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.0.6", type: FieldViewer, isStandalone: true, selector: "iss-vwr-field", viewQueries: [{ propertyName: "containerRef", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <ng-container #container></ng-container>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: FieldViewer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-vwr-field",
+                    template: `
+    <ng-container #container></ng-container>
+  `,
+                }]
+        }], propDecorators: { containerRef: [{ type: i0.ViewChild, args: ["container", { ...{ read: ViewContainerRef }, isSignal: true }] }] } });
+
+class TableWrapper extends WrapperBase {
+    loader = inject(LoaderService);
+    drawer = viewChild("drawer", ...(ngDevMode ? [{ debugName: "drawer" }] : []));
+    tableOutletForm = new FormGroup({});
+    fields = signal(this.constructFieldChildren(this.field.children), ...(ngDevMode ? [{ debugName: "fields" }] : []));
+    fieldsWithValueInViewMode = signal([], ...(ngDevMode ? [{ debugName: "fieldsWithValueInViewMode" }] : []));
+    columnLabels = computed(() => {
+        const labels = this.fields().map((f) => f.label());
+        labels.push("");
+        return labels;
+    }, ...(ngDevMode ? [{ debugName: "columnLabels" }] : []));
+    fieldNames = computed(() => {
+        const names = this.fields().map((f) => f.name);
+        names.push("actions");
+        return names;
+    }, ...(ngDevMode ? [{ debugName: "fieldNames" }] : []));
+    fieldsMap = computed(() => {
+        const m = new Map();
+        this.fields().forEach((f) => {
+            m.set(f.name, f);
+        });
+        return m;
+    }, ...(ngDevMode ? [{ debugName: "fieldsMap" }] : []));
+    dataSource = new MatTableDataSource([]);
+    clickedRows = new Set();
+    paginator = viewChild(MatPaginator, ...(ngDevMode ? [{ debugName: "paginator" }] : []));
+    sort = viewChild(MatSort, ...(ngDevMode ? [{ debugName: "sort" }] : []));
+    #formEngine = inject(FormEngine);
+    ngOnInit() {
+        super.ngOnInit();
+        this.drawer()?.closedStart.subscribe(() => {
+            this.tableOutletForm.reset();
+            this.tableOutletForm.enable();
+        });
+    }
+    ngAfterViewInit() {
+        this.dataSource.paginator = this.paginator() ?? null;
+        this.dataSource.sort = this.sort() ?? null;
+    }
+    applyFilter(event) {
+        const filterValue = event.target.value;
+        this.dataSource.filter = filterValue.trim().toLowerCase();
+        if (this.dataSource.paginator) {
+            this.dataSource.paginator.firstPage();
+        }
+    }
+    onRowClick(row) {
+        this.clickedRows.add(row);
+    }
+    removeRow(row) {
+        const newData = this.dataSource.data.filter((r) => r.id !== row.id);
+        this.renderRows(newData);
+        if (!newData.length) {
+            this.ctrl.setValue(null);
+        }
+    }
+    addRow(rows) {
+        this.renderRows([...this.dataSource.data, rows]);
+        this.fieldsWithValueInViewMode.update((fields) => {
+            return [...fields, this.#fieldValuesMapper(rows)];
+        });
+        this.ctrl.setValue("*");
+    }
+    renderRows(rows) {
+        this.dataSource = new MatTableDataSource(rows);
+        this.dataSource.paginator = this.paginator() ?? null;
+        this.dataSource.sort = this.sort() ?? null;
+        this.field.jsonValue = this.dataSource.data;
+    }
+    viewRow(row) {
+        this.fields.update((fields) => {
+            fields = fields.map((field) => {
+                field.value = row[field.name];
+                return field;
+            });
+            return [...fields];
+        });
+        this.tableOutletForm.patchValue(row);
+        this.tableOutletForm.disable();
+        this.drawer()?.open();
+    }
+    editRow(row) {
+        this.tableOutletForm.patchValue(row);
+        this.drawer()?.open();
+    }
+    constructFieldChildren(fields) {
+        return fields.map((f) => new FormField(f, this.loader));
+    }
+    #fieldValuesMapper(values) {
+        return this.fields().map((field) => {
+            const fieldWithJsonValue = this.#formEngine.fields.find((f) => f.name === field.name);
+            return {
+                name: fieldWithJsonValue.name,
+                type: fieldWithJsonValue.type,
+                ctrlValue: signal(values[field.name]),
+                ctrlJsonValue: signal(fieldWithJsonValue.ctrlJsonValue()),
+                config: fieldWithJsonValue.config,
+            };
+        });
+    }
+    #viewFieldsFactory() {
+        const viewData = [];
+        this.fields().forEach((f) => {
+            viewData.push({
+                name: f.name,
+                type: f.type,
+                ctrlValue: signal(f.ctrlValue()),
+                ctrlJsonValue: signal(f.ctrlJsonValue()),
+                config: f.config,
+            });
+        });
+        return viewData;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TableWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TableWrapper, isStandalone: true, selector: "iss-wrp-table", viewQueries: [{ propertyName: "drawer", first: true, predicate: ["drawer"], descendants: true, isSignal: true }, { propertyName: "paginator", first: true, predicate: MatPaginator, descendants: true, isSignal: true }, { propertyName: "sort", first: true, predicate: MatSort, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: `
+    <mat-sidenav-container [hasBackdrop]="true">
+      <mat-sidenav #drawer [mode]="'over'" [position]="'start'" [autoFocus]="false">
+        <form [formGroup]="tableOutletForm">
+          <iss-form-outlet [fields]="fields()" />
+        </form>
+        <ds-button (click)="drawer.close();addRow(tableOutletForm.getRawValue());tableOutletForm.reset()">save
+        </ds-button>
+        <ds-button (click)="addRow(tableOutletForm.getRawValue());tableOutletForm.reset()">save and add more</ds-button>
+      </mat-sidenav>
+      <mat-sidenav-content>
+        <div>
+          <ds-button icon="true" (click)="drawer.toggle()">
+            <ds-icon icon="plus"></ds-icon>
+          </ds-button>
+          <!--<button mat-raised-button (click)="removeRow()" class="demo-button">Remove data</button>-->
+        </div>
+        @if (field.config.tableWithFilter) {
+          <mat-form-field>
+            <mat-label>Filter</mat-label>
+            <input matInput (keyup)="applyFilter($event)" placeholder="Search in table" #input>
+          </mat-form-field>
+        }
+        <div class="mat-elevation-z8">
+          <table mat-table [dataSource]="dataSource" matSort>
+            <tr mat-header-row *matHeaderRowDef="fieldNames()"></tr>
+            <tr mat-row *matRowDef="let row; columns: fieldNames();" (click)="onRowClick(row)"></tr>
+
+            @for (col of fieldNames(); track col) {
+              @if (col !== "actions") {
+                <ng-container [matColumnDef]="col">
+                  <th
+                    mat-header-cell *matHeaderCellDef mat-sort-header
+                    [disabled]="!fieldsMap().get(col)?.config?.tableWithSort"
+                  >
+                    {{ columnLabels()[$index] }}
+                  </th>
+                  <td mat-cell *matCellDef="let row; let i = index">
+                    <iss-vwr-field [field]="fieldsWithValueInViewMode()[i][$index]" />
+                  </td>
+                </ng-container>
+              }
+            }
+
+            <!-- Actions -->
+            <ng-container matColumnDef="actions">
+              <th mat-header-cell *matHeaderCellDef mat-sort-header></th>
+              <td mat-cell *matCellDef="let row">
+                <ds-icon icon="eye" class="cursor-pointer" (click)="viewRow(row)"></ds-icon>
+                <ds-icon icon="pen" class="cursor-pointer" (click)="editRow(row)"></ds-icon>
+                <ds-icon icon="trash" class="cursor-pointer fc-red" (click)="removeRow(row)"></ds-icon>
+              </td>
+            </ng-container>
+
+            <tr class="mat-row" *matNoDataRow>
+              <td class="mat-cell" colspan="4">
+                <ds-message type="emptyCard"></ds-message>
+              </td>
+            </tr>
+          </table>
+
+          @if (field.config.tableWithPagination) {
+            <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]" aria-label="Select page number"></mat-paginator>
+          }
+        </div>
+      </mat-sidenav-content>
+    </mat-sidenav-container>
+  `, isInline: true, styles: [".mat-drawer{position:fixed;left:0}\n"], dependencies: [{ kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i1.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: MatTableModule }, { kind: "component", type: i2.MatTable, selector: "mat-table, table[mat-table]", exportAs: ["matTable"] }, { kind: "directive", type: i2.MatHeaderCellDef, selector: "[matHeaderCellDef]" }, { kind: "directive", type: i2.MatHeaderRowDef, selector: "[matHeaderRowDef]", inputs: ["matHeaderRowDef", "matHeaderRowDefSticky"] }, { kind: "directive", type: i2.MatColumnDef, selector: "[matColumnDef]", inputs: ["matColumnDef"] }, { kind: "directive", type: i2.MatCellDef, selector: "[matCellDef]" }, { kind: "directive", type: i2.MatRowDef, selector: "[matRowDef]", inputs: ["matRowDefColumns", "matRowDefWhen"] }, { kind: "directive", type: i2.MatHeaderCell, selector: "mat-header-cell, th[mat-header-cell]" }, { kind: "directive", type: i2.MatCell, selector: "mat-cell, td[mat-cell]" }, { kind: "component", type: i2.MatHeaderRow, selector: "mat-header-row, tr[mat-header-row]", exportAs: ["matHeaderRow"] }, { kind: "component", type: i2.MatRow, selector: "mat-row, tr[mat-row]", exportAs: ["matRow"] }, { kind: "directive", type: i2.MatNoDataRow, selector: "ng-template[matNoDataRow]" }, { kind: "ngmodule", type: MatSortModule }, { kind: "directive", type: i3.MatSort, selector: "[matSort]", inputs: ["matSortActive", "matSortStart", "matSortDirection", "matSortDisableClear", "matSortDisabled"], outputs: ["matSortChange"], exportAs: ["matSort"] }, { kind: "component", type: i3.MatSortHeader, selector: "[mat-sort-header]", inputs: ["mat-sort-header", "arrowPosition", "start", "disabled", "sortActionDescription", "disableClear"], exportAs: ["matSortHeader"] }, { kind: "ngmodule", type: MatPaginatorModule }, { kind: "component", type: i4.MatPaginator, selector: "mat-paginator", inputs: ["color", "pageIndex", "length", "pageSize", "pageSizeOptions", "hidePageSize", "showFirstLastButtons", "selectConfig", "disabled"], outputs: ["page"], exportAs: ["matPaginator"] }, { kind: "ngmodule", type: MatSidenavModule }, { kind: "component", type: i5.MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: i5.MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }, { kind: "component", type: i5.MatSidenavContent, selector: "mat-sidenav-content" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: Outlet, selector: "iss-form-outlet", inputs: ["fields"], outputs: ["onReady"] }, { kind: "component", type: FieldViewer, selector: "iss-vwr-field" }], viewProviders: [VIEW_PROVIDER] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TableWrapper, decorators: [{
+            type: Component,
+            args: [{ selector: "iss-wrp-table", viewProviders: [VIEW_PROVIDER], imports: [
+                        MatFormFieldModule,
+                        MatInputModule,
+                        MatTableModule,
+                        MatSortModule,
+                        MatPaginatorModule,
+                        MatSidenavModule,
+                        ReactiveFormsModule,
+                        Outlet,
+                        FieldViewer,
+                    ], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: `
+    <mat-sidenav-container [hasBackdrop]="true">
+      <mat-sidenav #drawer [mode]="'over'" [position]="'start'" [autoFocus]="false">
+        <form [formGroup]="tableOutletForm">
+          <iss-form-outlet [fields]="fields()" />
+        </form>
+        <ds-button (click)="drawer.close();addRow(tableOutletForm.getRawValue());tableOutletForm.reset()">save
+        </ds-button>
+        <ds-button (click)="addRow(tableOutletForm.getRawValue());tableOutletForm.reset()">save and add more</ds-button>
+      </mat-sidenav>
+      <mat-sidenav-content>
+        <div>
+          <ds-button icon="true" (click)="drawer.toggle()">
+            <ds-icon icon="plus"></ds-icon>
+          </ds-button>
+          <!--<button mat-raised-button (click)="removeRow()" class="demo-button">Remove data</button>-->
+        </div>
+        @if (field.config.tableWithFilter) {
+          <mat-form-field>
+            <mat-label>Filter</mat-label>
+            <input matInput (keyup)="applyFilter($event)" placeholder="Search in table" #input>
+          </mat-form-field>
+        }
+        <div class="mat-elevation-z8">
+          <table mat-table [dataSource]="dataSource" matSort>
+            <tr mat-header-row *matHeaderRowDef="fieldNames()"></tr>
+            <tr mat-row *matRowDef="let row; columns: fieldNames();" (click)="onRowClick(row)"></tr>
+
+            @for (col of fieldNames(); track col) {
+              @if (col !== "actions") {
+                <ng-container [matColumnDef]="col">
+                  <th
+                    mat-header-cell *matHeaderCellDef mat-sort-header
+                    [disabled]="!fieldsMap().get(col)?.config?.tableWithSort"
+                  >
+                    {{ columnLabels()[$index] }}
+                  </th>
+                  <td mat-cell *matCellDef="let row; let i = index">
+                    <iss-vwr-field [field]="fieldsWithValueInViewMode()[i][$index]" />
+                  </td>
+                </ng-container>
+              }
+            }
+
+            <!-- Actions -->
+            <ng-container matColumnDef="actions">
+              <th mat-header-cell *matHeaderCellDef mat-sort-header></th>
+              <td mat-cell *matCellDef="let row">
+                <ds-icon icon="eye" class="cursor-pointer" (click)="viewRow(row)"></ds-icon>
+                <ds-icon icon="pen" class="cursor-pointer" (click)="editRow(row)"></ds-icon>
+                <ds-icon icon="trash" class="cursor-pointer fc-red" (click)="removeRow(row)"></ds-icon>
+              </td>
+            </ng-container>
+
+            <tr class="mat-row" *matNoDataRow>
+              <td class="mat-cell" colspan="4">
+                <ds-message type="emptyCard"></ds-message>
+              </td>
+            </tr>
+          </table>
+
+          @if (field.config.tableWithPagination) {
+            <mat-paginator [pageSizeOptions]="[5, 10, 25, 100]" aria-label="Select page number"></mat-paginator>
+          }
+        </div>
+      </mat-sidenav-content>
+    </mat-sidenav-container>
+  `, styles: [".mat-drawer{position:fixed;left:0}\n"] }]
+        }], propDecorators: { drawer: [{ type: i0.ViewChild, args: ["drawer", { isSignal: true }] }], paginator: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatPaginator), { isSignal: true }] }], sort: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSort), { isSignal: true }] }] } });
+
+export { TableWrapper };
+//# sourceMappingURL=iss-ctrl-table.wrapper-B1q8mXCB.mjs.map

package/fesm2022/iss-ctrl-table.wrapper-B1q8mXCB.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-table.wrapper-B1q8mXCB.mjs","sources":["../../../projects/iss/src/components/controls/table/field.viewer.ts","../../../projects/iss/src/components/controls/table/table.wrapper.ts"],"sourcesContent":["import {Component, effect, EffectRef, OnDestroy, Signal, viewChild, ViewContainerRef} from \"@angular/core\";\r\nimport {ViewerBase} from \"../base/viewer.base\";\r\nimport {SelectViewer} from \"../select/select.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-vwr-field\",\r\n  template: `\r\n    <ng-container #container></ng-container>\r\n  `,\r\n})\r\nexport class FieldViewer extends ViewerBase implements OnDestroy {\r\n  containerRef: Signal<ViewContainerRef | undefined> = viewChild(\"container\", {read: ViewContainerRef});\r\n  #fieldEffectRef: EffectRef = effect(() => {\r\n    const componentRef = this.containerRef()?.createComponent(SelectViewer);\r\n    if (componentRef) {\r\n      componentRef.setInput(\"field\", this.field());\r\n    }\r\n  });\r\n\r\n  ngOnDestroy(): void {\r\n    this.#fieldEffectRef.destroy();\r\n  }\r\n}\r\n","import {AfterViewInit, Component, computed, CUSTOM_ELEMENTS_SCHEMA, inject, OnInit, signal, Signal, viewChild, WritableSignal} from \"@angular/core\";\r\nimport {FormGroup, ReactiveFormsModule} from \"@angular/forms\";\r\nimport {MatFormFieldModule} from \"@angular/material/form-field\";\r\nimport {MatInputModule} from \"@angular/material/input\";\r\nimport {MatPaginator, MatPaginatorModule} from \"@angular/material/paginator\";\r\nimport {MatSidenav, MatSidenavModule} from \"@angular/material/sidenav\";\r\nimport {MatSort, MatSortModule} from \"@angular/material/sort\";\r\nimport {MatTableDataSource, MatTableModule} from \"@angular/material/table\";\r\nimport {FormField} from \"../../../shared/classes/form-field\";\r\nimport {VIEW_PROVIDER} from \"../../../shared/constants/provider.const\";\r\nimport {FormEngine} from \"../../../shared/services/form-engine.service\";\r\nimport {LoaderService} from \"../../../shared/services/loader.service\";\r\nimport {Outlet} from \"../../outlet/outlet\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {FieldViewer} from \"./field.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-wrp-table\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    MatFormFieldModule,\r\n    MatInputModule,\r\n    MatTableModule,\r\n    MatSortModule,\r\n    MatPaginatorModule,\r\n    MatSidenavModule,\r\n    ReactiveFormsModule,\r\n    Outlet,\r\n    FieldViewer,\r\n  ],\r\n  schemas: [CUSTOM_ELEMENTS_SCHEMA],\r\n  template: `\r\n    <mat-sidenav-container [hasBackdrop]=\"true\">\r\n      <mat-sidenav #drawer [mode]=\"'over'\" [position]=\"'start'\" [autoFocus]=\"false\">\r\n        <form [formGroup]=\"tableOutletForm\">\r\n          <iss-form-outlet [fields]=\"fields()\" />\r\n        </form>\r\n        <ds-button (click)=\"drawer.close();addRow(tableOutletForm.getRawValue());tableOutletForm.reset()\">save\r\n        </ds-button>\r\n        <ds-button (click)=\"addRow(tableOutletForm.getRawValue());tableOutletForm.reset()\">save and add more</ds-button>\r\n      </mat-sidenav>\r\n      <mat-sidenav-content>\r\n        <div>\r\n          <ds-button icon=\"true\" (click)=\"drawer.toggle()\">\r\n            <ds-icon icon=\"plus\"></ds-icon>\r\n          </ds-button>\r\n          <!--<button mat-raised-button (click)=\"removeRow()\" class=\"demo-button\">Remove data</button>-->\r\n        </div>\r\n        @if (field.config.tableWithFilter) {\r\n          <mat-form-field>\r\n            <mat-label>Filter</mat-label>\r\n            <input matInput (keyup)=\"applyFilter($event)\" placeholder=\"Search in table\" #input>\r\n          </mat-form-field>\r\n        }\r\n        <div class=\"mat-elevation-z8\">\r\n          <table mat-table [dataSource]=\"dataSource\" matSort>\r\n            <tr mat-header-row *matHeaderRowDef=\"fieldNames()\"></tr>\r\n            <tr mat-row *matRowDef=\"let row; columns: fieldNames();\" (click)=\"onRowClick(row)\"></tr>\r\n\r\n            @for (col of fieldNames(); track col) {\r\n              @if (col !== \"actions\") {\r\n                <ng-container [matColumnDef]=\"col\">\r\n                  <th\r\n                    mat-header-cell *matHeaderCellDef mat-sort-header\r\n                    [disabled]=\"!fieldsMap().get(col)?.config?.tableWithSort\"\r\n                  >\r\n                    {{ columnLabels()[$index] }}\r\n                  </th>\r\n                  <td mat-cell *matCellDef=\"let row; let i = index\">\r\n                    <iss-vwr-field [field]=\"fieldsWithValueInViewMode()[i][$index]\" />\r\n                  </td>\r\n                </ng-container>\r\n              }\r\n            }\r\n\r\n            <!-- Actions -->\r\n            <ng-container matColumnDef=\"actions\">\r\n              <th mat-header-cell *matHeaderCellDef mat-sort-header></th>\r\n              <td mat-cell *matCellDef=\"let row\">\r\n                <ds-icon icon=\"eye\" class=\"cursor-pointer\" (click)=\"viewRow(row)\"></ds-icon>\r\n                <ds-icon icon=\"pen\" class=\"cursor-pointer\" (click)=\"editRow(row)\"></ds-icon>\r\n                <ds-icon icon=\"trash\" class=\"cursor-pointer fc-red\" (click)=\"removeRow(row)\"></ds-icon>\r\n              </td>\r\n            </ng-container>\r\n\r\n            <tr class=\"mat-row\" *matNoDataRow>\r\n              <td class=\"mat-cell\" colspan=\"4\">\r\n                <ds-message type=\"emptyCard\"></ds-message>\r\n              </td>\r\n            </tr>\r\n          </table>\r\n\r\n          @if (field.config.tableWithPagination) {\r\n            <mat-paginator [pageSizeOptions]=\"[5, 10, 25, 100]\" aria-label=\"Select page number\"></mat-paginator>\r\n          }\r\n        </div>\r\n      </mat-sidenav-content>\r\n    </mat-sidenav-container>\r\n  `,\r\n  styles: `\r\n    .mat-drawer {\r\n      position: fixed;\r\n      left: 0;\r\n    }\r\n  `\r\n})\r\nexport class TableWrapper extends WrapperBase implements AfterViewInit, OnInit {\r\n  loader: LoaderService = inject(LoaderService);\r\n  drawer: Signal<MatSidenav | undefined> = viewChild(\"drawer\");\r\n  tableOutletForm: FormGroup = new FormGroup({});\r\n  fields: WritableSignal<FormField[]> = signal(this.constructFieldChildren(this.field.children));\r\n  fieldsWithValueInViewMode: WritableSignal<FormField[][]> = signal([]);\r\n  columnLabels: Signal<string[]> = computed(() => {\r\n    const labels: string[] = this.fields().map((f: FormField) => f.label());\r\n    labels.push(\"\");\r\n    return labels;\r\n  });\r\n  fieldNames: Signal<string[]> = computed(() => {\r\n    const names = this.fields().map((f: FormField) => f.name);\r\n    names.push(\"actions\");\r\n    return names;\r\n  });\r\n  fieldsMap: Signal<Map<string, FormField>> = computed(() => {\r\n    const m: Map<string, FormField> = new Map<string, FormField>();\r\n    this.fields().forEach((f: FormField) => {\r\n      m.set(f.name, f);\r\n    });\r\n    return m;\r\n  });\r\n  dataSource: MatTableDataSource<any> = new MatTableDataSource<any>([]);\r\n  clickedRows = new Set<any>();\r\n  paginator: Signal<MatPaginator | undefined> = viewChild(MatPaginator);\r\n  sort: Signal<MatSort | undefined> = viewChild(MatSort);\r\n  #formEngine: FormEngine = inject(FormEngine);\r\n\r\n  override ngOnInit() {\r\n    super.ngOnInit();\r\n    this.drawer()?.closedStart.subscribe(() => {\r\n      this.tableOutletForm.reset();\r\n      this.tableOutletForm.enable();\r\n    });\r\n  }\r\n\r\n  ngAfterViewInit() {\r\n    this.dataSource.paginator = this.paginator() ?? null;\r\n    this.dataSource.sort = this.sort() ?? null;\r\n  }\r\n\r\n  applyFilter(event: Event) {\r\n    const filterValue: string = (event.target as HTMLInputElement).value;\r\n    this.dataSource.filter = filterValue.trim().toLowerCase();\r\n\r\n    if (this.dataSource.paginator) {\r\n      this.dataSource.paginator.firstPage();\r\n    }\r\n  }\r\n\r\n  onRowClick(row: any) {\r\n    this.clickedRows.add(row);\r\n  }\r\n\r\n  removeRow(row: any) {\r\n    const newData = this.dataSource.data.filter((r) => r.id !== row.id);\r\n    this.renderRows(newData);\r\n    if (!newData.length) {\r\n      this.ctrl.setValue(null);\r\n    }\r\n  }\r\n\r\n  addRow(rows: any) {\r\n    this.renderRows([...this.dataSource.data, rows]);\r\n    this.fieldsWithValueInViewMode.update((fields) => {\r\n      return [...fields, this.#fieldValuesMapper(rows)];\r\n    });\r\n    this.ctrl.setValue(\"*\");\r\n  }\r\n\r\n  renderRows(rows: any) {\r\n    this.dataSource = new MatTableDataSource<any>(rows);\r\n    this.dataSource.paginator = this.paginator() ?? null;\r\n    this.dataSource.sort = this.sort() ?? null;\r\n    this.field.jsonValue = this.dataSource.data;\r\n  }\r\n\r\n  viewRow(row: any) {\r\n    this.fields.update((fields: FormField[]): FormField[] => {\r\n      fields = fields.map((field) => {\r\n        field.value = row[field.name];\r\n        return field;\r\n      });\r\n      return [...fields];\r\n    });\r\n    this.tableOutletForm.patchValue(row);\r\n    this.tableOutletForm.disable();\r\n    this.drawer()?.open();\r\n  }\r\n\r\n  editRow(row: any) {\r\n    this.tableOutletForm.patchValue(row);\r\n    this.drawer()?.open();\r\n  }\r\n\r\n  private constructFieldChildren(fields: any): FormField[] {\r\n    return fields.map((f: any) => new FormField(f, this.loader));\r\n  }\r\n\r\n  #fieldValuesMapper(values: any): FormField[] {\r\n    return this.fields().map((field: FormField): any => {\r\n      const fieldWithJsonValue: FormField = this.#formEngine.fields.find((f: FormField) => f.name === field.name)!;\r\n      return {\r\n        name: fieldWithJsonValue.name,\r\n        type: fieldWithJsonValue.type,\r\n        ctrlValue: signal(values[field.name]),\r\n        ctrlJsonValue: signal(fieldWithJsonValue.ctrlJsonValue()),\r\n        config: fieldWithJsonValue.config,\r\n      };\r\n    });\r\n  }\r\n\r\n  #viewFieldsFactory() {\r\n    const viewData: any = [];\r\n    this.fields().forEach((f) => {\r\n      viewData.push({\r\n        name: f.name,\r\n        type: f.type,\r\n        ctrlValue: signal(f.ctrlValue()),\r\n        ctrlJsonValue: signal(f.ctrlJsonValue()),\r\n        config: f.config,\r\n      });\r\n    });\r\n    return viewData;\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/fesm2022/iss-ctrl-textarea.wrapper-LR5_KMxK.mjs

@@ -0,0 +1,70 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatLabel } from '@angular/material/form-field';
+import { W as WrapperBase, V as VIEW_PROVIDER, T as TextareaControl, c as ValidationMessageComponent } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
+import { V as ViewerBase } from './iss-ctrl-viewer.base-BCFfZsDG.mjs';
+
+class TextareaViewer extends ViewerBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextareaViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: TextareaViewer, isStandalone: true, selector: "iss-vwr-textarea", usesInheritance: true, ngImport: i0, template: `
+    {{ field().ctrlValue() }}
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextareaViewer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-vwr-textarea",
+                    template: `
+    {{ field().ctrlValue() }}
+  `,
+                }]
+        }] });
+
+class TextareaWrapper extends WrapperBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextareaWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TextareaWrapper, isStandalone: true, selector: "iss-wrp-textarea", usesInheritance: true, ngImport: i0, template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-textarea [formControlName]="field.name" [min]="field.config.min ?? null" [max]="field.config.max ?? null" />
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched" />
+      } @else {
+        <iss-vwr-textarea [field]="field" />
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: TextareaControl, selector: "iss-ctrl-textarea" }, { kind: "component", type: TextareaViewer, selector: "iss-vwr-textarea" }, { kind: "component", type: ValidationMessageComponent, selector: "iss-validation-message-viewer", inputs: ["errors", "showMessage"] }], viewProviders: [VIEW_PROVIDER] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TextareaWrapper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-wrp-textarea",
+                    viewProviders: [VIEW_PROVIDER],
+                    imports: [
+                        ReactiveFormsModule,
+                        MatLabel,
+                        TextareaControl,
+                        TextareaViewer,
+                        ValidationMessageComponent
+                    ],
+                    template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-textarea [formControlName]="field.name" [min]="field.config.min ?? null" [max]="field.config.max ?? null" />
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched" />
+      } @else {
+        <iss-vwr-textarea [field]="field" />
+      }
+    }
+  `
+                }]
+        }] });
+
+export { TextareaWrapper };
+//# sourceMappingURL=iss-ctrl-textarea.wrapper-LR5_KMxK.mjs.map

package/fesm2022/iss-ctrl-textarea.wrapper-LR5_KMxK.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-textarea.wrapper-LR5_KMxK.mjs","sources":["../../../projects/iss/src/components/controls/textarea/textarea.viewer.ts","../../../projects/iss/src/components/controls/textarea/textarea.wrapper.ts"],"sourcesContent":["import {Component} from \"@angular/core\";\r\nimport {ViewerBase} from \"../base/viewer.base\";\r\n\r\n@Component({\r\n  selector: \"iss-vwr-textarea\",\r\n  template: `\r\n    {{ field().ctrlValue() }}\r\n  `,\r\n})\r\nexport class TextareaViewer extends ViewerBase {\r\n}\r\n","import {Component} from \"@angular/core\";\r\nimport {ReactiveFormsModule} from \"@angular/forms\";\r\nimport {MatLabel} from \"@angular/material/form-field\";\r\nimport {VIEW_PROVIDER} from \"../../../shared/constants/provider.const\";\r\nimport {ValidationMessageComponent} from \"../../shared/validation-message.component\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {TextareaControl} from \"./textarea.control\";\r\nimport {TextareaViewer} from \"./textarea.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-wrp-textarea\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatLabel,\r\n    TextareaControl,\r\n    TextareaViewer,\r\n    ValidationMessageComponent\r\n  ],\r\n  template: `\r\n    @if (field.isVisible() && field.registered()) {\r\n      @if (!(field.config.hideLabel)) {\r\n        <mat-label>{{ field.label() }}</mat-label>\r\n      }\r\n      @if (field.mode() === \"edit\") {\r\n        <iss-ctrl-textarea [formControlName]=\"field.name\" [min]=\"field.config.min ?? null\" [max]=\"field.config.max ?? null\" />\r\n        <iss-validation-message-viewer [errors]=\"ctrl.errors\" [showMessage]=\"!ctrl.untouched\" />\r\n      } @else {\r\n        <iss-vwr-textarea [field]=\"field\" />\r\n      }\r\n    }\r\n  `\r\n})\r\nexport class TextareaWrapper extends WrapperBase {}\r\n"],"names":[],"mappings":";;;;;;;;AASM,MAAO,cAAe,SAAQ,UAAU,CAAA;uGAAjC,cAAc,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJf,CAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEU,cAAc,EAAA,UAAA,EAAA,CAAA;kBAN1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,CAAA;;AAET,EAAA,CAAA;AACF,iBAAA;;;ACyBK,MAAO,eAAgB,SAAQ,WAAW,CAAA;uGAAnC,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAf,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAdhB,CAAA;;;;;;;;;;;;AAYT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAlBC,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACf,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACd,0BAA0B,EAAA,QAAA,EAAA,+BAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EANb,CAAC,aAAa,CAAC,EAAA,CAAA;;2FAsBnB,eAAe,EAAA,UAAA,EAAA,CAAA;kBAxB3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;oBAC5B,aAAa,EAAE,CAAC,aAAa,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,QAAQ;wBACR,eAAe;wBACf,cAAc;wBACd;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;AAYT,EAAA;AACF,iBAAA;;;;;"}

package/fesm2022/iss-ctrl-time-picker.wrapper-D_td2M3Z.mjs

@@ -0,0 +1,67 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatLabel } from '@angular/material/form-field';
+import { W as WrapperBase, V as VIEW_PROVIDER, j as TimePickerControl } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
+import { V as ViewerBase } from './iss-ctrl-viewer.base-BCFfZsDG.mjs';
+
+class TimePickerViewer extends ViewerBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TimePickerViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: TimePickerViewer, isStandalone: true, selector: "iss-vwr-time-picker", usesInheritance: true, ngImport: i0, template: `
+    {{ field().ctrlValue() }}
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TimePickerViewer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-vwr-time-picker",
+                    template: `
+    {{ field().ctrlValue() }}
+  `,
+                }]
+        }] });
+
+class TimePickerWrapper extends WrapperBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TimePickerWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: TimePickerWrapper, isStandalone: true, selector: "iss-wrp-time-picker", usesInheritance: true, ngImport: i0, template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-time-picker [formControlName]="field.name" />
+      } @else {
+        <iss-vwr-time-picker [field]="field" />
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: TimePickerControl, selector: "iss-ctrl-time-picker", inputs: ["interval", "minTime", "maxTime"] }, { kind: "component", type: TimePickerViewer, selector: "iss-vwr-time-picker" }], viewProviders: [VIEW_PROVIDER] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: TimePickerWrapper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-wrp-time-picker",
+                    viewProviders: [VIEW_PROVIDER],
+                    imports: [
+                        ReactiveFormsModule,
+                        MatLabel,
+                        TimePickerControl,
+                        TimePickerViewer
+                    ],
+                    template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-time-picker [formControlName]="field.name" />
+      } @else {
+        <iss-vwr-time-picker [field]="field" />
+      }
+    }
+  `
+                }]
+        }] });
+
+export { TimePickerWrapper };
+//# sourceMappingURL=iss-ctrl-time-picker.wrapper-D_td2M3Z.mjs.map

package/fesm2022/iss-ctrl-time-picker.wrapper-D_td2M3Z.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-time-picker.wrapper-D_td2M3Z.mjs","sources":["../../../projects/iss/src/components/controls/time-picker/time-picker.viewer.ts","../../../projects/iss/src/components/controls/time-picker/time-picker.wrapper.ts"],"sourcesContent":["import {Component} from \"@angular/core\";\r\nimport {ViewerBase} from \"../base/viewer.base\";\r\n\r\n@Component({\r\n  selector: \"iss-vwr-time-picker\",\r\n  template: `\r\n    {{ field().ctrlValue() }}\r\n  `,\r\n})\r\nexport class TimePickerViewer extends ViewerBase {}\r\n","import {Component} from \"@angular/core\";\r\nimport {ReactiveFormsModule} from \"@angular/forms\";\r\nimport {MatLabel} from \"@angular/material/form-field\";\r\nimport {VIEW_PROVIDER} from \"../../../shared/constants/provider.const\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {TimePickerControl} from \"./time-picker.control\";\r\nimport {TimePickerViewer} from \"./time-picker.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-wrp-time-picker\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatLabel,\r\n    TimePickerControl,\r\n    TimePickerViewer\r\n  ],\r\n  template: `\r\n    @if (field.isVisible() && field.registered()) {\r\n      @if (!(field.config.hideLabel)) {\r\n        <mat-label>{{ field.label() }}</mat-label>\r\n      }\r\n      @if (field.mode() === \"edit\") {\r\n        <iss-ctrl-time-picker [formControlName]=\"field.name\" />\r\n      } @else {\r\n        <iss-vwr-time-picker [field]=\"field\" />\r\n      }\r\n    }\r\n  `\r\n})\r\nexport class TimePickerWrapper extends WrapperBase {}\r\n"],"names":[],"mappings":";;;;;;;;AASM,MAAO,gBAAiB,SAAQ,UAAU,CAAA;uGAAnC,gBAAgB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJjB,CAAA;;AAET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEU,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,QAAQ,EAAE,CAAA;;AAET,EAAA,CAAA;AACF,iBAAA;;;ACsBK,MAAO,iBAAkB,SAAQ,WAAW,CAAA;uGAArC,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAblB,CAAA;;;;;;;;;;;GAWT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAhBC,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,iBAAiB,6GACjB,gBAAgB,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAA,EAAA,aAAA,EALH,CAAC,aAAa,CAAC,EAAA,CAAA;;2FAoBnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAtB7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;oBAC/B,aAAa,EAAE,CAAC,aAAa,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,QAAQ;wBACR,iBAAiB;wBACjB;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;AAWT,EAAA;AACF,iBAAA;;;;;"}

package/fesm2022/iss-ctrl-toggle-button.wrapper-DxA2jL1S.mjs

@@ -0,0 +1,89 @@
+import * as i0 from '@angular/core';
+import { Component } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatLabel } from '@angular/material/form-field';
+import { W as WrapperBase, V as VIEW_PROVIDER, i as ToggleButtonControl } from './iss-ctrl-iss-ctrl-BhZGHw0A.mjs';
+import { V as ViewerBase } from './iss-ctrl-viewer.base-BCFfZsDG.mjs';
+
+class ToggleButtonViewer extends ViewerBase {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToggleButtonViewer, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ToggleButtonViewer, isStandalone: true, selector: "iss-vwr-toggle-button", usesInheritance: true, ngImport: i0, template: `
+    <p>
+      @for (item of field().ctrlJsonValue(); track item?.value; let last = $last) {
+        <span>{{ item.label }} {{ last ? '' : ', ' }}</span>
+      }
+    </p>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToggleButtonViewer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-vwr-toggle-button",
+                    standalone: true,
+                    template: `
+    <p>
+      @for (item of field().ctrlJsonValue(); track item?.value; let last = $last) {
+        <span>{{ item.label }} {{ last ? '' : ', ' }}</span>
+      }
+    </p>
+  `,
+                }]
+        }] });
+
+class ToggleButtonWrapper extends WrapperBase {
+    onChange($event) {
+        this.field.ctrlJsonValue.set($event);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToggleButtonWrapper, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.6", type: ToggleButtonWrapper, isStandalone: true, selector: "iss-wrp-toggle-button", usesInheritance: true, ngImport: i0, template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-toggle-button
+          [formControlName]="field.name"
+          [options]="field.options()"
+          [multiple]="field.config.multiple"
+          (onChange)="onChange($event)"
+        />
+      } @else {
+        <iss-vwr-toggle-button [field]="field" />
+      }
+    }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: MatLabel, selector: "mat-label" }, { kind: "component", type: ToggleButtonControl, selector: "iss-ctrl-toggle-button", inputs: ["options"] }, { kind: "component", type: ToggleButtonViewer, selector: "iss-vwr-toggle-button" }], viewProviders: [VIEW_PROVIDER] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: ToggleButtonWrapper, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "iss-wrp-toggle-button",
+                    viewProviders: [VIEW_PROVIDER],
+                    imports: [
+                        ReactiveFormsModule,
+                        MatLabel,
+                        ToggleButtonControl,
+                        ToggleButtonViewer
+                    ],
+                    template: `
+    @if (field.isVisible() && field.registered()) {
+      @if (!(field.config.hideLabel)) {
+        <mat-label>{{ field.label() }}</mat-label>
+      }
+      @if (field.mode() === "edit") {
+        <iss-ctrl-toggle-button
+          [formControlName]="field.name"
+          [options]="field.options()"
+          [multiple]="field.config.multiple"
+          (onChange)="onChange($event)"
+        />
+      } @else {
+        <iss-vwr-toggle-button [field]="field" />
+      }
+    }
+  `
+                }]
+        }] });
+
+export { ToggleButtonWrapper };
+//# sourceMappingURL=iss-ctrl-toggle-button.wrapper-DxA2jL1S.mjs.map

package/fesm2022/iss-ctrl-toggle-button.wrapper-DxA2jL1S.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-toggle-button.wrapper-DxA2jL1S.mjs","sources":["../../../projects/iss/src/components/controls/toggle-button/toggle-button.viewer.ts","../../../projects/iss/src/components/controls/toggle-button/toggle-button.wrapper.ts"],"sourcesContent":["import {Component} from \"@angular/core\";\r\nimport {ViewerBase} from \"../base/viewer.base\";\r\n\r\n@Component({\r\n  selector: \"iss-vwr-toggle-button\",\r\n  standalone: true,\r\n  template: `\r\n    <p>\r\n      @for (item of field().ctrlJsonValue(); track item?.value; let last = $last) {\r\n        <span>{{ item.label }} {{ last ? '' : ', ' }}</span>\r\n      }\r\n    </p>\r\n  `,\r\n})\r\nexport class ToggleButtonViewer extends ViewerBase {}\r\n","import {Component} from \"@angular/core\";\r\nimport {ReactiveFormsModule} from \"@angular/forms\";\r\nimport {MatLabel} from \"@angular/material/form-field\";\r\nimport {VIEW_PROVIDER} from \"../../../shared/constants/provider.const\";\r\nimport {WrapperBase} from \"../base/wrapper.base\";\r\nimport {ToggleButtonControl} from \"./toggle-button.control\";\r\nimport {ToggleButtonViewer} from \"./toggle-button.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-wrp-toggle-button\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    ReactiveFormsModule,\r\n    MatLabel,\r\n    ToggleButtonControl,\r\n    ToggleButtonViewer\r\n  ],\r\n  template: `\r\n    @if (field.isVisible() && field.registered()) {\r\n      @if (!(field.config.hideLabel)) {\r\n        <mat-label>{{ field.label() }}</mat-label>\r\n      }\r\n      @if (field.mode() === \"edit\") {\r\n        <iss-ctrl-toggle-button\r\n          [formControlName]=\"field.name\"\r\n          [options]=\"field.options()\"\r\n          [multiple]=\"field.config.multiple\"\r\n          (onChange)=\"onChange($event)\"\r\n        />\r\n      } @else {\r\n        <iss-vwr-toggle-button [field]=\"field\" />\r\n      }\r\n    }\r\n  `\r\n})\r\nexport class ToggleButtonWrapper extends WrapperBase {\r\n  onChange($event: any) {\r\n    this.field.ctrlJsonValue.set($event);\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;;;;AAcM,MAAO,kBAAmB,SAAQ,UAAU,CAAA;uGAArC,kBAAkB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EARnB,CAAA;;;;;;AAMT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA;;2FAEU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAX9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,CAAA;;;;;;AAMT,EAAA,CAAA;AACF,iBAAA;;;ACsBK,MAAO,mBAAoB,SAAQ,WAAW,CAAA;AAClD,IAAA,QAAQ,CAAC,MAAW,EAAA;QAClB,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC;IACtC;uGAHW,mBAAmB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAnB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAlBpB,CAAA;;;;;;;;;;;;;;;;GAgBT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EArBC,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACnB,QAAQ,EAAA,QAAA,EAAA,WAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACR,mBAAmB,wFACnB,kBAAkB,EAAA,QAAA,EAAA,uBAAA,EAAA,CAAA,EAAA,aAAA,EALL,CAAC,aAAa,CAAC,EAAA,CAAA;;2FAyBnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBA3B/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;oBACjC,aAAa,EAAE,CAAC,aAAa,CAAC;AAC9B,oBAAA,OAAO,EAAE;wBACP,mBAAmB;wBACnB,QAAQ;wBACR,mBAAmB;wBACnB;AACD,qBAAA;AACD,oBAAA,QAAQ,EAAE,CAAA;;;;;;;;;;;;;;;;AAgBT,EAAA;AACF,iBAAA;;;;;"}