iss-ctrl 0.0.8 → 0.0.9

package/fesm2022/iss-ctrl-table.field-B42zKves.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-table.field-B42zKves.mjs","sources":["../../../projects/iss/src/components/controls/table/field.viewer.ts","../../../projects/iss/src/components/controls/table/table.field.ts"],"sourcesContent":["import { Component, ComponentRef, DestroyRef, effect, EffectRef, inject, OnDestroy, Signal, Type, viewChild, ViewContainerRef } from \"@angular/core\";\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\nimport { take } from \"rxjs\";\nimport { Loader } from \"../../../shared/services/loader\";\nimport { ViewerBase } from \"../base/viewer-base\";\n\n@Component({\n  selector: \"iss-viewer-field\",\n  template: `\n    <ng-container #container></ng-container>\n  `,\n})\nexport class FieldViewer extends ViewerBase implements OnDestroy {\n  containerRef: Signal<ViewContainerRef | undefined> = viewChild(\"container\", { read: ViewContainerRef });\n  #loader: Loader = inject(Loader);\n  #destroyRef: DestroyRef = inject(DestroyRef);\n  #fieldEffectRef: EffectRef = effect(() => {\n    const container: ViewContainerRef | undefined = this.containerRef();\n    const field: any = this.field();\n    if (!container || !field) {\n      return;\n    }\n\n    this.#loader.loadViewer(field.type)\n      .pipe(take(1), takeUntilDestroyed(this.#destroyRef))\n      .subscribe((viewer: Type<any> | null) => {\n        // the effect re-runs whenever the field changes, so the previously rendered\n        // viewer has to go before a new one takes its place\n        container.clear();\n        if (!viewer) {\n          return;\n        }\n        const componentRef: ComponentRef<any> = container.createComponent(viewer);\n        componentRef.setInput(\"field\", field);\n      });\n  });\n\n  ngOnDestroy(): void {\n    this.#fieldEffectRef.destroy();\n  }\n}\n","import { AfterViewInit, Component, computed, CUSTOM_ELEMENTS_SCHEMA, inject, signal, Signal, viewChild, WritableSignal } from \"@angular/core\";\r\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\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 { IssField } from \"../../../shared/classes/iss-field\";\r\nimport { VIEW_PROVIDER } from \"../../../shared/constants/view-provider.const\";\r\nimport { FormEngine } from \"../../../shared/services/form-engine\";\r\nimport { Loader } from \"../../../shared/services/loader\";\r\nimport { Outlet } from \"../../outlet/outlet\";\r\nimport { FieldBase } from \"../base/field-base\";\r\nimport { FieldViewer } from \"./field.viewer\";\r\n\r\n@Component({\r\n  selector: \"iss-field-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)=\"saveRow(true)\">save\r\n        </ds-button>\r\n        <ds-button (click)=\"saveRow(false)\">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)=\"openNewRow()\">\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 mat-header-cell *matHeaderCellDef mat-sort-header [disabled]=\"!fieldsMap().get(col)?.config?.tableWithSort()\">\r\n                    {{ columnLabels()[$index] }}\r\n                  </th>\r\n                  <td mat-cell *matCellDef=\"let row\">\r\n                    @if (viewFieldOf(row, $index); as viewField) {\r\n                      <iss-viewer-field [field]=\"viewField\"/>\r\n                    }\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 TableField extends FieldBase implements AfterViewInit {\r\n  loader: Loader = inject(Loader);\r\n  drawer: Signal<MatSidenav | undefined> = viewChild(\"drawer\");\r\n  tableOutletForm: FormGroup = new FormGroup({});\r\n  fields: WritableSignal<IssField[]> = signal(this.constructFieldChildren(this.field.children));\r\n  columnLabels: Signal<string[]> = computed(() => {\r\n    const labels: string[] = this.fields().map((f: IssField) => 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: IssField) => f.name);\r\n    names.push(\"actions\");\r\n    return names;\r\n  });\r\n  fieldsMap: Signal<Map<string, IssField>> = computed(() => {\r\n    const m: Map<string, IssField> = new Map<string, IssField>();\r\n    this.fields().forEach((f: IssField) => {\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  // view-mode cells are keyed by the row object itself, not by position: sorting and\r\n  // paging reorder dataSource.data while keeping the row references, so an array indexed\r\n  // by the rendered row index would show another row's values\r\n  #rowViewFields: WeakMap<any, IssField[]> = new WeakMap<any, IssField[]>();\r\n  // the values the row editor's fields were built with; viewRow overwrites them to show a\r\n  // stored row, so they have to be put back before the editor is used to add a new one\r\n  #pristineFieldValues: Map<string, string> = new Map<string, string>(this.fields().map((f: IssField) => [f.name, f.value]));\r\n  #fieldValuesOverridden: boolean = false;\r\n\r\n  // the drawer is a viewChild, so it only exists once the view is initialised\r\n  ngAfterViewInit() {\r\n    this.dataSource.paginator = this.paginator() ?? null;\r\n    this.dataSource.sort = this.sort() ?? null;\r\n\r\n    this.drawer()?.closedStart\r\n      .pipe(takeUntilDestroyed(this.destroyRef))\r\n      .subscribe(() => {\r\n        this.tableOutletForm.reset();\r\n        this.tableOutletForm.enable();\r\n        this.#restoreFieldValues();\r\n      });\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  // the cell of a row rendered in view mode; the row's cells are built once and cached\r\n  // against the row itself, so they follow it through sorting, filtering and paging\r\n  viewFieldOf(row: any, index: number): IssField | undefined {\r\n    let viewFields: IssField[] | undefined = this.#rowViewFields.get(row);\r\n    if (!viewFields) {\r\n      viewFields = this.#fieldValuesMapper(row);\r\n      this.#rowViewFields.set(row, viewFields);\r\n    }\r\n    return viewFields[index];\r\n  }\r\n\r\n  // rows are the raw values of the row editor and carry no id, so they can only be\r\n  // identified by reference\r\n  removeRow(row: any) {\r\n    if (!this.#canModify()) {\r\n      return;\r\n    }\r\n    const index: number = this.dataSource.data.indexOf(row);\r\n    if (index === -1) {\r\n      return;\r\n    }\r\n    const newData = this.dataSource.data.filter((_, i: number) => i !== index);\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    if (!this.#canModify()) {\r\n      return;\r\n    }\r\n    this.#rowViewFields.set(rows, this.#fieldValuesMapper(rows));\r\n    this.renderRows([...this.dataSource.data, rows]);\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.ctrlJsonValue.set(this.dataSource.data);\r\n  }\r\n\r\n  viewRow(row: any) {\r\n    this.#applyFieldValues((field: IssField) => row[field.name]);\r\n    this.#fieldValuesOverridden = true;\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    if (!this.#canModify()) {\r\n      return;\r\n    }\r\n    this.tableOutletForm.enable();\r\n    this.tableOutletForm.patchValue(row);\r\n    this.drawer()?.open();\r\n  }\r\n\r\n  openNewRow(): void {\r\n    if (!this.#canModify()) {\r\n      return;\r\n    }\r\n    this.drawer()?.toggle();\r\n  }\r\n\r\n  saveRow(closeDrawer: boolean): void {\r\n    if (!this.#canModify()) {\r\n      return;\r\n    }\r\n    this.addRow(this.tableOutletForm.getRawValue());\r\n    this.tableOutletForm.reset();\r\n    if (closeDrawer) {\r\n      this.drawer()?.close();\r\n    }\r\n  }\r\n\r\n  private constructFieldChildren(fields: any): IssField[] {\r\n    return fields.map((f: any) => new IssField(f, this.loader));\r\n  }\r\n\r\n  #restoreFieldValues(): void {\r\n    if (!this.#fieldValuesOverridden) {\r\n      return;\r\n    }\r\n    this.#applyFieldValues((field: IssField) => this.#pristineFieldValues.get(field.name) as string);\r\n    this.#fieldValuesOverridden = false;\r\n  }\r\n\r\n  #applyFieldValues(valueOf: (field: IssField) => string): void {\r\n    this.fields.update((fields: IssField[]): IssField[] => fields.map((field: IssField) => {\r\n      field.value = valueOf(field);\r\n      return field;\r\n    }));\r\n  }\r\n\r\n  #fieldValuesMapper(values: any): IssField[] {\r\n    return this.fields().map((field: IssField): any => {\r\n      // the row editor's fields are registered by the nested outlet against tableOutletForm,\r\n      // not against the host form this table lives in\r\n      const fieldWithJsonValue: IssField = this.#formEngine.getField(this.tableOutletForm, field.name) ?? field;\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  #canModify(): boolean {\r\n    return !this.ctrl.disabled && !this.field.config.readonly();\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/fesm2022/{iss-ctrl-trigger-based-on-json-value-6yh7NOEH.mjs → iss-ctrl-trigger-based-on-json-value-C6jf7SSW.mjs}

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable } from '@angular/core';
-import { g as getPropertyByPath } from './iss-ctrl-iss-ctrl-BLjj_Aqu.mjs';
+import { g as getPropertyByPath } from './iss-ctrl-iss-ctrl-BN7L4PtW.mjs';
 
 class TriggerBasedOnJsonValue {
     isTriggered(field, change, action, masterField) {
@@ -21,4 +21,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         }] });
 
 export { TriggerBasedOnJsonValue };
-//# sourceMappingURL=iss-ctrl-trigger-based-on-json-value-6yh7NOEH.mjs.map
+//# sourceMappingURL=iss-ctrl-trigger-based-on-json-value-C6jf7SSW.mjs.map

package/fesm2022/{iss-ctrl-trigger-based-on-json-value-6yh7NOEH.mjs.map → iss-ctrl-trigger-based-on-json-value-C6jf7SSW.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"iss-ctrl-trigger-based-on-json-value-6yh7NOEH.mjs","sources":["../../../projects/iss/src/events/triggers/trigger-based-on-json-value.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\r\nimport { FieldEvent } from \"../../shared/classes/field-event\";\r\nimport { IssField } from \"../../shared/classes/iss-field\";\r\nimport { FieldChange } from \"../../shared/interfaces/event-strategy\";\r\nimport { ActionTriggerFn } from \"../../shared/interfaces/event-trigger-fn\";\r\nimport { getPropertyByPath } from \"../../shared/utilities/get-property-by-path.util\";\r\n\r\n@Injectable({providedIn: \"root\"})\r\nexport class TriggerBasedOnJsonValue implements ActionTriggerFn {\r\n  isTriggered(field: IssField, change: FieldChange, action: FieldEvent, masterField: IssField): boolean {\r\n    if (masterField) {\r\n      const actionTriggersOnAnyValue: boolean = action.value === \"*\" && (change.value !== null && change.value !== undefined);\r\n      const triggerValue = getPropertyByPath(masterField.ctrlJsonValue(), action.config?.triggerFromJsonValue);\r\n      const actionTriggersOnSpecificValue: boolean = triggerValue === action.value;\r\n      return actionTriggersOnAnyValue || actionTriggersOnSpecificValue;\r\n    }\r\n    return false;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;MAQa,uBAAuB,CAAA;AAClC,IAAA,WAAW,CAAC,KAAe,EAAE,MAAmB,EAAE,MAAkB,EAAE,WAAqB,EAAA;QACzF,IAAI,WAAW,EAAE;YACf,MAAM,wBAAwB,GAAY,MAAM,CAAC,KAAK,KAAK,GAAG,KAAK,MAAM,CAAC,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC;AACvH,YAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,WAAW,CAAC,aAAa,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC;AACxG,YAAA,MAAM,6BAA6B,GAAY,YAAY,KAAK,MAAM,CAAC,KAAK;YAC5E,OAAO,wBAAwB,IAAI,6BAA6B;QAClE;AACA,QAAA,OAAO,KAAK;IACd;uGATW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cADX,MAAM,EAAA,CAAA;;2FAClB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC;;;;;"}
+{"version":3,"file":"iss-ctrl-trigger-based-on-json-value-C6jf7SSW.mjs","sources":["../../../projects/iss/src/events/triggers/trigger-based-on-json-value.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\r\nimport { FieldEvent } from \"../../shared/classes/field-event\";\r\nimport { IssField } from \"../../shared/classes/iss-field\";\r\nimport { FieldChange } from \"../../shared/interfaces/event-strategy\";\r\nimport { ActionTriggerFn } from \"../../shared/interfaces/event-trigger-fn\";\r\nimport { getPropertyByPath } from \"../../shared/utilities/get-property-by-path.util\";\r\n\r\n@Injectable({providedIn: \"root\"})\r\nexport class TriggerBasedOnJsonValue implements ActionTriggerFn {\r\n  isTriggered(field: IssField, change: FieldChange, action: FieldEvent, masterField: IssField): boolean {\r\n    if (masterField) {\r\n      const actionTriggersOnAnyValue: boolean = action.value === \"*\" && (change.value !== null && change.value !== undefined);\r\n      const triggerValue = getPropertyByPath(masterField.ctrlJsonValue(), action.config?.triggerFromJsonValue);\r\n      const actionTriggersOnSpecificValue: boolean = triggerValue === action.value;\r\n      return actionTriggersOnAnyValue || actionTriggersOnSpecificValue;\r\n    }\r\n    return false;\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;MAQa,uBAAuB,CAAA;AAClC,IAAA,WAAW,CAAC,KAAe,EAAE,MAAmB,EAAE,MAAkB,EAAE,WAAqB,EAAA;QACzF,IAAI,WAAW,EAAE;YACf,MAAM,wBAAwB,GAAY,MAAM,CAAC,KAAK,KAAK,GAAG,KAAK,MAAM,CAAC,KAAK,KAAK,IAAI,IAAI,MAAM,CAAC,KAAK,KAAK,SAAS,CAAC;AACvH,YAAA,MAAM,YAAY,GAAG,iBAAiB,CAAC,WAAW,CAAC,aAAa,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,oBAAoB,CAAC;AACxG,YAAA,MAAM,6BAA6B,GAAY,YAAY,KAAK,MAAM,CAAC,KAAK;YAC5E,OAAO,wBAAwB,IAAI,6BAA6B;QAClE;AACA,QAAA,OAAO,KAAK;IACd;uGATW,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,KAAA,GAAA,EAAA,CAAA,qBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,uBAAuB,cADX,MAAM,EAAA,CAAA;;2FAClB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBADnC,UAAU;mBAAC,EAAC,UAAU,EAAE,MAAM,EAAC;;;;;"}

package/fesm2022/{iss-ctrl-user-picker.field-Cx0CCAFC.mjs → iss-ctrl-user-picker.field-D5slkCaX.mjs}

@@ -1,25 +1,39 @@
 import * as i0 from '@angular/core';
 import { inject, signal, CUSTOM_ELEMENTS_SCHEMA, Component } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { MatSidenav, MatSidenavContainer } from '@angular/material/sidenav';
-import { map, tap } from 'rxjs';
-import { F as FieldBase, E as Employee, c as SelectControl, d as ValidationMessageComponent } from './iss-ctrl-iss-ctrl-BLjj_Aqu.mjs';
+import { Subject, debounceTime, distinctUntilChanged, switchMap, map } from 'rxjs';
+import { F as FieldBase, E as Employee, V as VIEW_PROVIDER, S as SelectControl, c as ValidationMessageComponent } from './iss-ctrl-iss-ctrl-BN7L4PtW.mjs';
 
 class UserPickerField extends FieldBase {
     userImageHost = "https://igateapp.stc.com.sa";
     employeeService = inject(Employee);
     options = signal([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     userData;
-    search(event) {
-        this.employeeService.search(event)
-            .pipe(map((res) => {
+    #query = new Subject();
+    constructor() {
+        super();
+        this.#query.pipe(debounceTime(300), distinctUntilChanged(), 
+        // a new query cancels the request still in flight
+        switchMap((query) => this.employeeService.search(query)), map((res) => {
             return res.map((user) => {
                 user.value = user.email;
                 user.label = user.name;
                 return user;
             });
-        }), tap((res) => {
+        }), takeUntilDestroyed(this.destroyRef)).subscribe((res) => {
             this.options.set(res);
-        })).subscribe();
+        });
+    }
+    userImage() {
+        const image = this.userData?.profileImage ?? this.userData?.profileImageUrl;
+        if (!image) {
+            return null;
+        }
+        return image.startsWith("http") ? image : this.userImageHost + image;
+    }
+    search(event) {
+        this.#query.next(event);
     }
     updateField($event) {
         this.options.set([]);
@@ -27,7 +41,7 @@ class UserPickerField extends FieldBase {
     showUserData(item) {
         this.userData = item;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserPickerField, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserPickerField, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: UserPickerField, isStandalone: true, selector: "iss-user-picker", usesInheritance: true, ngImport: i0, template: `
     @if (field.visible()) {
       @if (field.mode() === "edit") {
@@ -35,8 +49,9 @@ class UserPickerField extends FieldBase {
           [formControlName]="field.name"
           [min]="field.config.min() ?? null"
           [max]="field.config.max() ?? null"
-          [options]="options()"
-          [multiple]="true"
+          [options]="options()"
+          [multiple]="true"
+          [readonly]="field.config.readonly() ?? false"
           (onQueryChange)="search($event)"
           (onChange)="updateField($event)"
         >
@@ -53,7 +68,7 @@ class UserPickerField extends FieldBase {
             </div>
           </ng-template>
         </iss-ctrl-select>
-        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched" />
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched"/>
       } @else {
         <p>{{ field.value }}</p>
       }
@@ -67,7 +82,7 @@ class UserPickerField extends FieldBase {
           </div>
           <div class="sidenav-body p-0">
             <div class="d-flex flex-column align-items-center gap-3 sidenav-user bc-off-white text-center">
-              <ds-avatar [attr.image]="userImageHost + userData?.profileImage || userData?.profileImageUrl" [attr.label]="userData?.name"></ds-avatar>
+              <ds-avatar [attr.image]="userImage()" [attr.label]="userData?.name"></ds-avatar>
               @if (userData?.employeeNumber) {
                 <div class="d-flex flex-column gap-1">
                   <h4 class="fs-16 fc-black fw-medium mb-0">{{ userData?.name }}</h4>
@@ -98,11 +113,11 @@ class UserPickerField extends FieldBase {
         </div>
       </mat-sidenav>
     </mat-sidenav-container>
-  `, isInline: true, styles: [".mat-drawer{position:fixed;left:0}\n"], dependencies: [{ kind: "component", type: SelectControl, selector: "iss-ctrl-select", inputs: ["options", "height", "loading"], outputs: ["onQueryChange"] }, { kind: "component", type: ValidationMessageComponent, selector: "iss-validation-message-viewer", inputs: ["errors", "showMessage"] }, { kind: "component", type: MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }] });
+  `, isInline: true, styles: [".mat-drawer{position:fixed;left:0}\n"], dependencies: [{ kind: "component", type: SelectControl, selector: "iss-ctrl-select", inputs: ["options", "height", "loading"], outputs: ["onQueryChange"] }, { kind: "component", type: ValidationMessageComponent, selector: "iss-validation-message-viewer", inputs: ["errors", "showMessage"] }, { kind: "component", type: MatSidenav, selector: "mat-sidenav", inputs: ["fixedInViewport", "fixedTopGap", "fixedBottomGap"], exportAs: ["matSidenav"] }, { kind: "component", type: MatSidenavContainer, selector: "mat-sidenav-container", exportAs: ["matSidenavContainer"] }], viewProviders: [VIEW_PROVIDER] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: UserPickerField, decorators: [{
             type: Component,
-            args: [{ selector: "iss-user-picker", imports: [
+            args: [{ selector: "iss-user-picker", viewProviders: [VIEW_PROVIDER], imports: [
                         SelectControl,
                         ValidationMessageComponent,
                         MatSidenav,
@@ -114,8 +129,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           [formControlName]="field.name"
           [min]="field.config.min() ?? null"
           [max]="field.config.max() ?? null"
-          [options]="options()"
-          [multiple]="true"
+          [options]="options()"
+          [multiple]="true"
+          [readonly]="field.config.readonly() ?? false"
           (onQueryChange)="search($event)"
           (onChange)="updateField($event)"
         >
@@ -132,7 +148,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
             </div>
           </ng-template>
         </iss-ctrl-select>
-        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched" />
+        <iss-validation-message-viewer [errors]="ctrl.errors" [showMessage]="!ctrl.untouched"/>
       } @else {
         <p>{{ field.value }}</p>
       }
@@ -146,7 +162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           </div>
           <div class="sidenav-body p-0">
             <div class="d-flex flex-column align-items-center gap-3 sidenav-user bc-off-white text-center">
-              <ds-avatar [attr.image]="userImageHost + userData?.profileImage || userData?.profileImageUrl" [attr.label]="userData?.name"></ds-avatar>
+              <ds-avatar [attr.image]="userImage()" [attr.label]="userData?.name"></ds-avatar>
               @if (userData?.employeeNumber) {
                 <div class="d-flex flex-column gap-1">
                   <h4 class="fs-16 fc-black fw-medium mb-0">{{ userData?.name }}</h4>
@@ -178,7 +194,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
       </mat-sidenav>
     </mat-sidenav-container>
   `, schemas: [CUSTOM_ELEMENTS_SCHEMA], styles: [".mat-drawer{position:fixed;left:0}\n"] }]
-        }] });
+        }], ctorParameters: () => [] });
 
 export { UserPickerField };
-//# sourceMappingURL=iss-ctrl-user-picker.field-Cx0CCAFC.mjs.map
+//# sourceMappingURL=iss-ctrl-user-picker.field-D5slkCaX.mjs.map

package/fesm2022/iss-ctrl-user-picker.field-D5slkCaX.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"iss-ctrl-user-picker.field-D5slkCaX.mjs","sources":["../../../projects/iss/src/components/controls/user-picker/user-picker.field.ts"],"sourcesContent":["import { Component, CUSTOM_ELEMENTS_SCHEMA, inject, signal } from \"@angular/core\";\r\nimport { takeUntilDestroyed } from \"@angular/core/rxjs-interop\";\r\nimport { MatSidenav, MatSidenavContainer } from \"@angular/material/sidenav\";\r\nimport { debounceTime, distinctUntilChanged, map, Subject, switchMap } from \"rxjs\";\r\nimport { ValidationMessageComponent } from \"../../shared/validation-message.component\";\r\nimport { FieldBase } from \"../base/field-base\";\r\nimport { SelectControl } from \"../select/select.control\";\r\nimport { Employee } from \"./employee\";\r\nimport { VIEW_PROVIDER } from \"../../../shared/constants/view-provider.const\";\r\n\r\n@Component({\r\n  selector: \"iss-user-picker\",\r\n  viewProviders: [VIEW_PROVIDER],\r\n  imports: [\r\n    SelectControl,\r\n    ValidationMessageComponent,\r\n    MatSidenav,\r\n    MatSidenavContainer,\r\n  ],\r\n  template: `\r\n    @if (field.visible()) {\r\n      @if (field.mode() === \"edit\") {\r\n        <iss-ctrl-select\r\n          [formControlName]=\"field.name\"\r\n          [min]=\"field.config.min() ?? null\"\r\n          [max]=\"field.config.max() ?? null\"\r\n          [options]=\"options()\"\n          [multiple]=\"true\"\n          [readonly]=\"field.config.readonly() ?? false\"\n          (onQueryChange)=\"search($event)\"\r\n          (onChange)=\"updateField($event)\"\r\n        >\r\n          <label>{{ field.label() }}</label>\r\n          <ng-template let-item #optionTemplate>\r\n            <div class=\"d-flex align-items-center gap-2\">\r\n              <ds-avatar size=\"x-small\" [attr.image]=\"item.image\"></ds-avatar>\r\n              <span class=\"fs-14 fw-medium fc-black\">{{ item.name }}</span>\r\n            </div>\r\n          </ng-template>\r\n          <ng-template let-item #cardViewerTemplate>\r\n            <div (click)=\"showUserData(item);drawer.open()\">\r\n              {{ item.name }}\r\n            </div>\r\n          </ng-template>\r\n        </iss-ctrl-select>\r\n        <iss-validation-message-viewer [errors]=\"ctrl.errors\" [showMessage]=\"!ctrl.untouched\"/>\r\n      } @else {\r\n        <p>{{ field.value }}</p>\r\n      }\r\n    }\r\n    <mat-sidenav-container [hasBackdrop]=\"true\">\r\n      <mat-sidenav #drawer [mode]=\"'over'\" [position]=\"'start'\" [autoFocus]=\"false\">\r\n        <div class=\"main-sidenav\">\r\n          <div class=\"sidenav-title bc-white\">\r\n            <h3> Employee Information </h3>\r\n            <ds-icon icon=\"close\" class=\"fc-black fs-20 p-3 cursor-pointer\" (click)=\"drawer.close()\"></ds-icon>\r\n          </div>\r\n          <div class=\"sidenav-body p-0\">\r\n            <div class=\"d-flex flex-column align-items-center gap-3 sidenav-user bc-off-white text-center\">\r\n              <ds-avatar [attr.image]=\"userImage()\" [attr.label]=\"userData?.name\"></ds-avatar>\r\n              @if (userData?.employeeNumber) {\r\n                <div class=\"d-flex flex-column gap-1\">\r\n                  <h4 class=\"fs-16 fc-black fw-medium mb-0\">{{ userData?.name }}</h4>\r\n                  @if (!userData?.job?.name) {\r\n                    <h6 class=\"fs-12 fc-dark-gray fw-normal mb-0\">{{ userData?.position?.name }}</h6>\r\n                  }\r\n                  @if (!userData?.position?.name) {\r\n                    <h6 class=\"fs-12 fc-dark-gray fw-normal mb-0\">{{ userData?.job?.name }}</h6>\r\n                  }\r\n                </div>\r\n              }\r\n              <div class=\"d-flex flex-wrap gap-2\">\r\n                <div class=\"fs-12 fc-black d-flex align-items-center gap-2 box-shadow bc-white radius-4 p-2 profile-box\">\r\n                  <ds-icon icon=\"mail-o\" class=\"fc-coral fs-20\"></ds-icon>\r\n                  <a [href]=\"'mailTo:' + userData?.email\" class=\"fc-black\">{{ userData?.email }}</a>\r\n                </div>\r\n                @if (userData?.contact?.mobile) {\r\n                  <div class=\"fs-12 fc-black d-flex align-items-center gap-2 box-shadow bc-white radius-4 p-2 profile-box\">\r\n                    <ds-icon icon=\"phone\" class=\"fc-coral fs-20\"></ds-icon>\r\n                    <a [href]=\"'tel:' + userData?.contact?.mobile\" class=\"fc-black\">\r\n                      <bdi>{{ userData?.contact?.mobile }}</bdi>\r\n                    </a>\r\n                  </div>\r\n                }\r\n              </div>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </mat-sidenav>\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  schemas: [CUSTOM_ELEMENTS_SCHEMA]\r\n})\r\nexport class UserPickerField extends FieldBase {\r\n  userImageHost = \"https://igateapp.stc.com.sa\";\r\n  employeeService = inject(Employee);\r\n  options: any = signal([]);\r\n  userData: any;\r\n  #query: Subject<string> = new Subject<string>();\r\n\r\n  constructor() {\r\n    super();\r\n    this.#query.pipe(\r\n      debounceTime(300),\r\n      distinctUntilChanged(),\r\n      // a new query cancels the request still in flight\r\n      switchMap((query: string) => this.employeeService.search(query)),\r\n      map((res: any) => {\r\n        return res.map((user: any) => {\r\n          user.value = user.email;\r\n          user.label = user.name;\r\n          return user;\r\n        });\r\n      }),\r\n      takeUntilDestroyed(this.destroyRef)\r\n    ).subscribe((res: any) => {\r\n      this.options.set(res);\r\n    });\r\n  }\r\n\r\n  userImage(): string | null {\r\n    const image: string | undefined = this.userData?.profileImage ?? this.userData?.profileImageUrl;\r\n    if (!image) {\r\n      return null;\r\n    }\r\n    return image.startsWith(\"http\") ? image : this.userImageHost + image;\r\n  }\r\n\r\n  search(event: string) {\r\n    this.#query.next(event);\r\n  }\r\n\r\n  updateField($event: string | FormData) {\r\n    this.options.set([]);\r\n  }\r\n\r\n  showUserData(item: any) {\r\n    this.userData = item;\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/fesm2022/iss-ctrl.mjs

@@ -1,2 +1,2 @@
-export { ai as ATTACHMENT_DOWNLOAD_URL, ah as ATTACHMENT_UPLOAD_RESPONSE_MAPPER, ag as ATTACHMENT_UPLOAD_URL, am as ArabicNumberPipe, a0 as AttachmentViewer, ab as COMPONENTS, a6 as COUNTRIES, C as CheckboxControl, w as CheckboxField, Y as CheckboxViewer, e as ChipsControl, s as ChipsField, U as ChipsViewer, o as ControlBase, a8 as DATETIME_FORMAT, a7 as DATE_FORMAT_ADAPTER, a5 as DEFAULT_COUNTRY, D as DatePickerControl, G as DatePickerField, a3 as DatePickerTimeViewer, a2 as DatePickerViewer, f as DateRangePickerControl, K as DateRangePickerField, a4 as DateRangePickerViewer, h as DatetimePickerControl, J as DatetimePickerField, al as Droppable, E as Employee, ae as FIELD_DATA, F as FieldBase, an as FieldDataInjector, ar as FileHandler, i as FilePickerControl, A as FilePickerField, aw as FileValidators, b as FormEngine, H as HOST, ak as HintsComponent, j as InputControl, p as InputField, N as InputViewer, av as IssValidators, L as Loader, M as MobileControl, v as MobileField, X as MobileViewer, O as Outlet, P as PLACEHOLDER_REGEX, a9 as PLATE_LETTERS, as as Phone, k as PlateControl, z as PlateField, ao as PlateLetterPipe, $ as PlateViewer, R as RadioControl, t as RadioField, W as RadioViewer, ac as SERVICES, c as SelectControl, u as SelectField, ap as SelectStatusPipe, S as SelectViewer, l as SlideToggleControl, y as SlideToggleField, _ as SlideToggleViewer, T as TextareaControl, q as TextareaField, Q as TextareaViewer, m as TimePickerControl, B as TimePickerField, a1 as TimePickerViewer, ax as TimeValidator, n as ToggleButtonControl, x as ToggleButtonField, Z as ToggleButtonViewer, aq as TranslatePipe, af as UI_LANGUAGE, aj as USER_SEARCH_API, aa as VALIDATION_MESSAGES, ad as VALIDATORS, V as VIEW_PROVIDER, d as ValidationMessageComponent, at as arrayFrom, au as formatFileSize, g as getPropertyByPath, r as replacePlaceholders } from './iss-ctrl-iss-ctrl-BLjj_Aqu.mjs';
+export { ai as ATTACHMENT_DOWNLOAD_URL, ah as ATTACHMENT_UPLOAD_RESPONSE_MAPPER, ag as ATTACHMENT_UPLOAD_URL, am as ArabicNumberPipe, a0 as AttachmentViewer, ab as COMPONENTS, a6 as COUNTRIES, C as CheckboxControl, v as CheckboxField, Y as CheckboxViewer, d as ChipsControl, q as ChipsField, Q as ChipsViewer, n as ControlBase, a8 as DATETIME_FORMAT, a7 as DATE_FORMAT_ADAPTER, a5 as DEFAULT_COUNTRY, D as DatePickerControl, B as DatePickerField, a3 as DatePickerTimeViewer, a2 as DatePickerViewer, e as DateRangePickerControl, J as DateRangePickerField, a4 as DateRangePickerViewer, f as DatetimePickerControl, G as DatetimePickerField, al as Droppable, E as Employee, ae as FIELD_DATA, F as FieldBase, an as FieldDataInjector, ar as FileHandler, h as FilePickerControl, z as FilePickerField, aw as FileValidators, b as FormEngine, H as HOST, ak as HintsComponent, i as InputControl, o as InputField, K as InputViewer, av as IssValidators, L as Loader, M as MobileControl, u as MobileField, X as MobileViewer, O as Outlet, P as PLACEHOLDER_REGEX, a9 as PLATE_LETTERS, as as Phone, j as PlateControl, y as PlateField, ao as PlateLetterPipe, $ as PlateViewer, R as RadioControl, s as RadioField, U as RadioViewer, ac as SERVICES, S as SelectControl, t as SelectField, ap as SelectStatusPipe, W as SelectViewer, k as SlideToggleControl, x as SlideToggleField, _ as SlideToggleViewer, T as TextareaControl, p as TextareaField, N as TextareaViewer, l as TimePickerControl, A as TimePickerField, a1 as TimePickerViewer, ax as TimeValidator, m as ToggleButtonControl, w as ToggleButtonField, Z as ToggleButtonViewer, aq as TranslatePipe, af as UI_LANGUAGE, aj as USER_SEARCH_API, aa as VALIDATION_MESSAGES, ad as VALIDATORS, V as VIEW_PROVIDER, c as ValidationMessageComponent, at as arrayFrom, au as formatFileSize, g as getPropertyByPath, r as replacePlaceholders } from './iss-ctrl-iss-ctrl-BN7L4PtW.mjs';
 //# sourceMappingURL=iss-ctrl.mjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "iss-ctrl",
-  "version": "0.0.8",
+  "version": "0.0.9",
   "peerDependencies": {
     "@angular/common": "^21.0.6",
     "@angular/core": "^21.0.6",

package/types/iss-ctrl.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InputSignal, WritableSignal, OutputEmitterRef, OnDestroy, OnInit, Signal, Type, DestroyRef, StaticProvider, InjectionToken, PipeTransform, Injector } from '@angular/core';
+import { InputSignal, WritableSignal, OutputEmitterRef, OnInit, OnDestroy, Signal, Type, DestroyRef, StaticProvider, InjectionToken, PipeTransform, Injector } from '@angular/core';
 import { ControlValueAccessor, Validator, FormControl, AbstractControl, ValidationErrors, FormGroup, ValidatorFn, AsyncValidatorFn, ControlContainer } from '@angular/forms';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatDatepickerInputEvent } from '@angular/material/datepicker';
@@ -24,7 +24,10 @@ declare class ControlBase implements ControlValueAccessor, Validator {
     formControlName: InputSignal<string>;
     min: InputSignal<number | string | null>;
     max: InputSignal<number | string | null>;
+    minLength: InputSignal<number | null>;
+    maxLength: InputSignal<number | null>;
     disabled: WritableSignal<boolean>;
+    readonly: InputSignal<boolean>;
     multiple: InputSignal<boolean | undefined>;
     placeholder: InputSignal<string>;
     hints: InputSignal<Hint[]>;
@@ -32,19 +35,19 @@ declare class ControlBase implements ControlValueAccessor, Validator {
     touched: WritableSignal<boolean>;
     onChange: OutputEmitterRef<any>;
     protected ctrl: FormControl;
-    protected onTouch: () => void;
-    protected onPropagateValue: (_: any) => void;
     registerOnChange(fn: () => void): void;
     registerOnTouched(fn: () => void): void;
     setDisabledState(isDisabled: boolean): void;
     writeValue(value: string | FormData | Date | null): void;
     markAsTouched(): void;
     validate(control: AbstractControl): ValidationErrors | null;
+    protected onTouch: () => void;
+    protected onPropagateValue: (_: any) => void;
     protected emitValue(value?: any): void;
     protected propagateValue(value?: any): void;
     protected emitOnChangeEvent($event?: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ControlBase, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ControlBase, "ng-component", never, { "formControlName": { "alias": "formControlName"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hints": { "alias": "hints"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ControlBase, "ng-component", never, { "formControlName": { "alias": "formControlName"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "minLength": { "alias": "minLength"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "hints": { "alias": "hints"; "required": false; "isSignal": true; }; "className": { "alias": "className"; "required": false; "isSignal": true; }; }, { "onChange": "onChange"; }, never, never, true, never>;
 }
 
 declare class CheckboxControl extends ControlBase {
@@ -60,13 +63,12 @@ declare class CheckboxControl extends ControlBase {
     static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxControl, "iss-ctrl-checkbox", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class ChipsControl extends ControlBase implements OnDestroy {
+declare class ChipsControl extends ControlBase {
     #private;
     readonly keywords: WritableSignal<string[]>;
     writeValue(value: string | null): void;
     remove(keyword: string): void;
     add(event: MatChipInputEvent): void;
-    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ChipsControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ChipsControl, "iss-ctrl-chips", never, {}, {}, never, ["label"], true, never>;
 }
@@ -75,9 +77,10 @@ declare class DatePickerControl extends ControlBase implements Validator {
     disabledDays: InputSignal<number[]>;
     minDate: InputSignal<Date | null>;
     maxDate: InputSignal<Date | null>;
-    protected calendarDaysFilter: (d: Date | null) => boolean;
     clear(event: MouseEvent): void;
+    protected calendarDaysFilter: (d: Date | null) => boolean;
     protected emit($event: MatDatepickerInputEvent<any>): void;
+    protected openPicker(picker: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerControl, "iss-ctrl-date-picker", never, { "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, {}, never, ["label"], true, never>;
 }
@@ -93,13 +96,15 @@ declare class DateRangePickerControl extends ControlBase implements OnInit, OnDe
     disabledDays: InputSignal<number[]>;
     minDate: InputSignal<Date | null>;
     maxDate: InputSignal<Date | null>;
-    onDateRangeObjectChange: OutputEmitterRef<DateRangeEmission>;
+    onDateRangeObjectChange: OutputEmitterRef<DateRangeEmission | null>;
     readonly range: FormGroup;
-    protected calendarDaysFilter: (d: Date | null) => boolean;
     ngOnInit(): void;
+    setDisabledState(isDisabled: boolean): void;
     clear(event: MouseEvent): void;
+    protected openPicker(picker: any): void;
     writeValue(value: string | FormData | null): void;
     ngOnDestroy(): void;
+    protected calendarDaysFilter: (d: Date | null) => boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DateRangePickerControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DateRangePickerControl, "iss-ctrl-date-range-picker", never, { "disabledDays": { "alias": "disabledDays"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; }, { "onDateRangeObjectChange": "onDateRangeObjectChange"; }, never, ["label"], true, never>;
 }
@@ -112,6 +117,7 @@ declare class DatetimePickerControl extends ControlBase {
     maxDate: InputSignal<Date | null>;
     minTime: InputSignal<string | null>;
     maxTime: InputSignal<string | null>;
+    setDisabledState(isDisabled: boolean): void;
     emit(): void;
     writeValue(value: string | Date | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatetimePickerControl, never>;
@@ -143,12 +149,13 @@ declare class FilePickerControl extends ControlBase implements OnDestroy {
     uploading: InputSignal<boolean>;
     uploadedFiles: InputSignal<IssAttachment[]>;
     uploadingError: InputSignal<string | undefined>;
-    filesValue: Signal<any>;
+    readonly filesValue: Signal<any>;
     protected attachments: WritableSignal<IssFile[]>;
     ngOnDestroy(): void;
     writeValue(val: FormData | string | null): void;
     protected onDelete(files: IssFile[]): void;
     protected captureFile($event: FileList): void;
+    protected openFilePicker(input: HTMLInputElement): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilePickerControl, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FilePickerControl, "iss-ctrl-file-picker", never, { "accept": { "alias": "accept"; "required": false; "isSignal": true; }; "showDownloadButton": { "alias": "showDownloadButton"; "required": false; "isSignal": true; }; "showDeleteButton": { "alias": "showDeleteButton"; "required": false; "isSignal": true; }; "uploading": { "alias": "uploading"; "required": false; "isSignal": true; }; "uploadedFiles": { "alias": "uploadedFiles"; "required": false; "isSignal": true; }; "uploadingError": { "alias": "uploadingError"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
@@ -212,7 +219,7 @@ declare class MobileControl extends ControlBase implements OnDestroy, Validator
     preferredCountries: InputSignal<ISO2[]>;
     searchInput: FormControl;
     filteredCountries: Signal<Country[]>;
-    writeValue(value: string): void;
+    writeValue(value: string | null): void;
     emit(): void;
     validate(control: AbstractControl): ValidationErrors | null;
     ngOnDestroy(): void;
@@ -225,15 +232,18 @@ declare class MobileControl extends ControlBase implements OnDestroy, Validator
 }
 
 declare class PlateControl extends ControlBase {
+    #private;
     numbersAr: i0.WritableSignal<string[]>;
     numbersEn: i0.WritableSignal<string[]>;
     lettersAr: i0.WritableSignal<string[]>;
     lettersEn: i0.WritableSignal<string[]>;
     letterErrors: i0.WritableSignal<boolean[]>;
-    writeValue(value: string): void;
+    writeValue(value: string | null): void;
     onNumberInput(index: number, event: Event, lang: "ar" | "en"): void;
     onLetterInput(index: number, event: Event, lang: "ar" | "en"): void;
     protected preventNonDigits($event: KeyboardEvent, ar: string): void;
+    private emitPlate;
+    private stringifyPlate;
     private focusInput;
     private convertDigit;
     static ɵfac: i0.ɵɵFactoryDeclaration<PlateControl, never>;
@@ -254,13 +264,13 @@ declare class SelectControl extends ControlBase implements OnDestroy {
     options: InputSignal<Option[]>;
     height: InputSignal<string>;
     query: Signal<string>;
-    filteredOptions: Signal<Option[]>;
+    readonly filteredOptions: Signal<Option[]>;
     loading: InputSignal<boolean>;
     onQueryChange: OutputEmitterRef<string>;
-    displayFn: (options: Option | Option[]) => string;
     protected optionTemplate: any;
     protected cardViewerTemplate: any;
     protected allSelected: WritableSignal<boolean>;
+    displayFn: (options: Option | Option[]) => string;
     writeValue(value: string | null): void;
     captureValue($event: any): void;
     removeFromSelectedOptionsMap(option: Option): void;
@@ -312,6 +322,7 @@ declare class ToggleButtonControl extends ControlBase {
 declare class Loader {
     #private;
     loadComponent(field: IssField): Observable<Type<any> | null>;
+    loadViewer(type: string): Observable<Type<any> | null>;
     loadService<T>(serviceName: string): undefined | (() => Promise<T>);
     static ɵfac: i0.ɵɵFactoryDeclaration<Loader, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<Loader>;
@@ -324,28 +335,28 @@ declare class FieldAsyncValidation {
 
 declare class FieldConfig {
     type: WritableSignal<string | undefined>;
-    suffix: WritableSignal<string | undefined>;
+    disabled: WritableSignal<boolean | undefined>;
+    readonly: WritableSignal<boolean | undefined>;
     placeholder: WritableSignal<string | undefined>;
+    suffix: WritableSignal<string | undefined>;
+    hideLabel: WritableSignal<boolean | undefined>;
     multiple: WritableSignal<boolean | undefined>;
+    minLength: WritableSignal<number | undefined>;
+    maxLength: WritableSignal<number | undefined>;
     min: WritableSignal<number | undefined>;
     max: WritableSignal<number | undefined>;
     minDate: WritableSignal<Date | undefined>;
     maxDate: WritableSignal<Date | undefined>;
-    minLength: WritableSignal<number | undefined>;
-    maxLength: WritableSignal<number | undefined>;
-    allowedFileSize: WritableSignal<number | undefined>;
-    allowedFileTypes: WritableSignal<string | undefined>;
-    readonly: WritableSignal<boolean | undefined>;
-    disabled: WritableSignal<boolean | undefined>;
     dateFilter: WritableSignal<boolean | undefined>;
     templateId: WritableSignal<string | undefined>;
     templateUrl: WritableSignal<string | undefined>;
+    allowedFileSize: WritableSignal<number | undefined>;
+    allowedFileTypes: WritableSignal<string | undefined>;
     maxFilesCount: WritableSignal<number | undefined>;
     minFilesCount: WritableSignal<number | undefined>;
     maxUsersCount: WritableSignal<number | undefined>;
     minUsersCount: WritableSignal<number | undefined>;
     showInTableColumns: WritableSignal<boolean | undefined>;
-    hideLabel: WritableSignal<boolean | undefined>;
     tableWithFilter: WritableSignal<boolean | undefined>;
     tableWithSort: WritableSignal<boolean | undefined>;
     tableWithPagination: WritableSignal<boolean | undefined>;
@@ -442,17 +453,13 @@ interface ComponentOutlet {
     data: IssField;
 }
 
-interface IssFormGroup extends FormGroup {
-    id?: string;
-}
-
 declare class Outlet implements OnInit, OnDestroy {
     #private;
     ready: OutputEmitterRef<boolean>;
     formReady: WritableSignal<boolean>;
     fields: InputSignal<IssField[]>;
     components: WritableSignal<ComponentOutlet[] | null>;
-    get hostFormGroup(): IssFormGroup;
+    get hostFormGroup(): FormGroup;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<Outlet, never>;
@@ -469,7 +476,13 @@ declare class EventHandler {
 
 declare class FormEngine {
     #private;
-    fields: IssField[];
+    registerFields(form: FormGroup, owner: object, fields: IssField[]): void;
+    registerExpectedFieldNames(form: FormGroup, owner: object, names: string[]): void;
+    unregisterOutlet(form: FormGroup, owner: object): void;
+    getFields(form: FormGroup): IssField[];
+    getExpectedFieldNames(form: FormGroup): string[];
+    getField(form: FormGroup, name: string, fields?: IssField[]): IssField | undefined;
+    getControlValue(form: FormGroup, name: string): any;
     createValidators(field: IssField): ValidatorFn[];
     createAsyncValidators(field: IssField): AsyncValidatorFn[];
     getFieldValue(field: IssField): string;
@@ -581,7 +594,8 @@ declare class FilePickerField extends FieldBase implements OnDestroy {
     viewField: Signal<any>;
     attachments: WritableSignal<IssAttachment[]>;
     uploadingError: WritableSignal<string | undefined>;
-    captureFile(formData: FormData): void;
+    accept: string;
+    captureFile(formData: FormData | null): void;
     stringifyIssAttachment(attachments: IssAttachment[]): string;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FilePickerField, never>;
@@ -656,6 +670,7 @@ declare class ToggleButtonViewer extends ViewerBase {
 }
 
 declare class SlideToggleViewer extends ViewerBase {
+    isChecked(value: unknown): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SlideToggleViewer, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SlideToggleViewer, "iss-viewer-slide-toggle", never, {}, {}, never, never, true, never>;
 }