iss-ctrl 0.0.4 → 0.0.6

package/projects/iss/src/events/load/load-value-event.ts

@@ -0,0 +1,50 @@
+import { inject, Injectable } from "@angular/core";
+import { Dto } from "../../shared/interfaces/dto";
+import { EventArgument, EventStrategy } from "../../shared/interfaces/event-strategy";
+import { getPropertyByPath } from "../../shared/utilities/get-property-by-path.util";
+import { IssHttp } from "../../shared/utilities/http.util.service";
+import { LoadEvent } from "./load-event";
+
+@Injectable({providedIn: "root"})
+export class LoadValueEvent implements EventStrategy {
+  loadEvent = inject(LoadEvent);
+  #http: IssHttp = inject(IssHttp);
+
+  fire(args: EventArgument) {
+    console.log(`${args.field.name} listens to ${args.action.trackedFieldName} =>` + "%c Load Event Fired", "color: green");
+    const api = this.loadEvent.getApi(args);
+
+    args.field.loading.set(true);
+    this.#http.get(api).subscribe({
+      next: (response: Dto) => {
+        args.field.response.set(response.data);
+        args.field.apiResponse.next(response.data);
+
+        if (args.action.config.afterFetchFn) {
+          args.action.config.afterFetchFn?.execute(args);
+        } else {
+          if (args.action?.config?.setValueFromApiResponse) {
+            args.control.setValue(getPropertyByPath(args.field.response(), args.action.config.setValueFromApiResponse));
+          } else {
+            args.control.setValue(args.field.response());
+          }
+
+          if (args.action.config.disableAfterFetching) {
+            args.control.disable();
+          }
+        }
+
+        args.field.loading.set(false);
+      },
+      error: (err) => {
+        // todo handle errors
+        this.loadEvent.fetchErrorHandler(args, err);
+      },
+    });
+    args.action.triggered = true;
+  }
+
+  revert(args: EventArgument) {
+    console.log(`${args.field.name} listens to ${args.action.trackedFieldName} =>` + "%c Load Event Reverted", "color: red");
+  }
+}

package/projects/iss/src/events/load/replace-api-keys.ts

@@ -0,0 +1,55 @@
+import { Injectable } from "@angular/core";
+import { PLACEHOLDER_REGEX } from "../../shared/constants/placeholder-regex.const";
+import { EventArgument, EventConfigFn } from "../../shared/interfaces/event-strategy";
+import { getPropertyByPath } from "../../shared/utilities/get-property-by-path.util";
+import { replacePlaceholders } from "../../shared/utilities/replace-placeholder.util";
+
+@Injectable({providedIn: "root"})
+export class ReplaceApiKeys implements EventConfigFn {
+  // todo replace {key} with tracked field value [will be deprecated]
+  execute(args: EventArgument): string {
+    // console.log("Replace API keys - Default Implementation");
+    const api = args.field.api();
+    const matches = api.match(PLACEHOLDER_REGEX);
+    if (matches) {
+      const replacements: any = {};
+      matches.forEach((match) => {
+        const replacement = match.replace("{", "").replace("}", "");
+
+        if (replacement.includes(".")) {
+          const path = this.getPath(replacement);
+
+          if (replacement.includes(args.change.trackedField.name)) {
+            replacements[replacement] = getPropertyByPath(args.change.trackedField, path);
+          }
+
+          if (replacement.includes("loggedInUser")) {
+            const loggedInUserProfileStr = localStorage.getItem("profile");
+            if (loggedInUserProfileStr) {
+              const loggedInUserProfile = JSON.parse(loggedInUserProfileStr);
+              replacements[replacement] = getPropertyByPath(loggedInUserProfile, path);
+            } else {
+              throw new Error("User profile not found in localStorage. Make sure that localStorage has profile key with user profile.");
+            }
+          }
+
+          if (replacement.includes("requestDto")) {
+            // todo replace {fromRequestDto}
+            // todo from where to get requestDto?
+          }
+        } else {
+          replacements[replacement] = args.form.get(replacement)?.getRawValue();
+        }
+      });
+      return replacePlaceholders(api, replacements);
+    }
+
+    return api;
+  }
+
+  getPath(replacement: string): string {
+    const arr = replacement.split(".");
+    arr.shift();
+    return arr.join(".");
+  }
+}

package/projects/iss/src/events/set-value/get-value-to-set.ts

@@ -0,0 +1,29 @@
+import { Injectable } from "@angular/core";
+import { map, Observable, of } from "rxjs";
+import { EventArgument, EventConfigFn } from "../../shared/interfaces/event-strategy";
+import { getPropertyByPath } from "../../shared/utilities/get-property-by-path.util";
+
+@Injectable({providedIn: "root"})
+export class GetValueToSet implements EventConfigFn {
+  execute(args: EventArgument): Observable<string> {
+    if (args.action?.config?.setValueFromJsonValue) {
+      return of(getPropertyByPath(args.field.ctrlJsonValue(), args.action.config.setValueFromJsonValue));
+    }
+
+    if (args.action?.config?.setValueFromApiResponse) {
+      return args.field.apiResponse.pipe(
+        map((value: any) => getPropertyByPath(value, args.action.config.setValueFromApiResponse))
+      );
+    }
+
+    if (args.action?.config?.setValueFromLoggedInUser) {
+
+    }
+
+    if (args.action?.config?.setValueFromRequestDto) {
+
+    }
+
+    return of(args.change.value);
+  }
+}

package/projects/iss/src/events/set-value/set-value-event.ts

@@ -0,0 +1,33 @@
+import { inject, Injectable } from "@angular/core";
+import { EventArgument, EventStrategy } from "../../shared/interfaces/event-strategy";
+import { GetValueToSet } from "./get-value-to-set";
+
+@Injectable({providedIn: "root"})
+export class SetValueEvent implements EventStrategy {
+  getValueToSetService = inject(GetValueToSet);
+
+  fire(args: EventArgument) {
+    console.log(`${args.field.name} listens to ${args.action.trackedFieldName} =>` + "%c Set Value Event Fired", "color: green");
+    let valueToSet;
+    if (args.action.config.fn) {
+      valueToSet = args.action.config.fn.execute(args);
+    } else {
+      valueToSet = this.getValueToSetService.execute(args);
+    }
+
+    valueToSet.subscribe((value: string) => {
+      args.control.setValue(value, {emitEvent: false});
+    });
+
+    if (args.action.config.disableAfterSetValue) {
+      args.control.disable();
+    }
+    args.action.triggered = true;
+  }
+
+  revert(args: EventArgument) {
+    console.log(`${args.field.name} listens to ${args.action.trackedFieldName} =>` + "%c Set Value Event Reverted", "color: red");
+    args.control.setValue(null);
+    args.action.triggered = false;
+  }
+}

package/projects/iss/src/events/show/show-event.ts

@@ -0,0 +1,11 @@
+import { Injectable } from "@angular/core";
+import { EventArgument, EventStrategy } from "../../shared/interfaces/event-strategy";
+
+@Injectable({providedIn: "root"})
+export class ShowEvent implements EventStrategy {
+  fire(args: EventArgument) {
+    console.log("show works");
+  }
+
+  revert(args: EventArgument) { }
+}

package/projects/iss/src/events/triggers/event-trigger-manager.ts

@@ -0,0 +1,51 @@
+import { inject, Injectable } from "@angular/core";
+import { FieldEvent } from "../../shared/classes/field-event";
+import { IssField } from "../../shared/classes/iss-field";
+import { FieldChange } from "../../shared/interfaces/event-strategy";
+import { ActionTriggerFn } from "../../shared/interfaces/event-trigger-fn";
+import { EventTrigger } from "./event-trigger";
+
+@Injectable({providedIn: "root"})
+export class EventTriggerManager {
+  actionTriggerService = inject(EventTrigger);
+
+  async getActionsToBeTriggered(field: IssField, change: FieldChange): Promise<FieldEvent[]> {
+    const actionsToBeTriggered: FieldEvent[] = [];
+    for (const action of field.events) {
+      /* todo remove await from array and use allSettle instead or any other solution */
+      const isTruthy = await this.#filterCondition(field, action, change);
+      if (isTruthy) {
+        actionsToBeTriggered.push(action);
+      }
+    }
+    return actionsToBeTriggered;
+  }
+
+  async getActionsToBeReverted(field: IssField, change: FieldChange): Promise<FieldEvent[]> {
+    const actionsToBeReverted: FieldEvent[] = [];
+    for (const action of field.events) {
+      if (action.trackedFieldName !== change.trackedField.name) {
+        /* todo remove await from array and use allSettle instead or any other solution */
+        const isTruthy = await this.#filterCondition(field, action, change);
+
+        if (!isTruthy && action.triggered) {
+          actionsToBeReverted.push(action);
+        }
+      }
+    }
+    return actionsToBeReverted;
+  }
+
+  async #filterCondition(field: IssField, action: FieldEvent, change: FieldChange) {
+    let triggerFn: ActionTriggerFn = action.config.triggerFn;
+    if (!triggerFn && action.config.triggerFnPromise) {
+      triggerFn = await action.config.triggerFnPromise;
+    }
+
+    if (triggerFn) {
+      return triggerFn.isTriggered(field, change, action);
+    }
+
+    return this.actionTriggerService.isTriggered(field, change, action);
+  }
+}

package/projects/iss/src/events/triggers/event-trigger.ts

@@ -0,0 +1,30 @@
+import { Injectable } from "@angular/core";
+import { FieldEvent } from "../../shared/classes/field-event";
+import { IssField } from "../../shared/classes/iss-field";
+import { FieldChange } from "../../shared/interfaces/event-strategy";
+import { ActionTriggerFn } from "../../shared/interfaces/event-trigger-fn";
+
+@Injectable({providedIn: "root"})
+export class EventTrigger implements ActionTriggerFn {
+  isTriggered(field: IssField, change: FieldChange, action: FieldEvent, masterField?: IssField): boolean {
+    if (field.name === action.trackedFieldName) {
+      return true;
+    }
+    return action.value.split(",").some((actionValue: string) => {
+      if (actionValue === "*" && change.value !== null && change.value !== undefined) {
+        return true;
+      }
+
+      if (!change) {
+        return false;
+      }
+
+      if (change.value === null || change.value === undefined) {
+        return false;
+      }
+
+      const changeValueArray: string[] = change?.value.toString().split(",").map((val) => val.trim());
+      return (changeValueArray?.includes(actionValue.trim()));
+    });
+  }
+}

package/projects/iss/src/events/triggers/trigger-based-on-json-value.ts

@@ -0,0 +1,19 @@
+import { Injectable } from "@angular/core";
+import { FieldEvent } from "../../shared/classes/field-event";
+import { IssField } from "../../shared/classes/iss-field";
+import { FieldChange } from "../../shared/interfaces/event-strategy";
+import { ActionTriggerFn } from "../../shared/interfaces/event-trigger-fn";
+import { getPropertyByPath } from "../../shared/utilities/get-property-by-path.util";
+
+@Injectable({providedIn: "root"})
+export class TriggerBasedOnJsonValue implements ActionTriggerFn {
+  isTriggered(field: IssField, change: FieldChange, action: FieldEvent, masterField: IssField): boolean {
+    if (masterField) {
+      const actionTriggersOnAnyValue: boolean = action.value === "*" && (change.value !== null && change.value !== undefined);
+      const triggerValue = getPropertyByPath(masterField.ctrlJsonValue(), action.config?.triggerFromJsonValue);
+      const actionTriggersOnSpecificValue: boolean = triggerValue === action.value;
+      return actionTriggersOnAnyValue || actionTriggersOnSpecificValue;
+    }
+    return false;
+  }
+}

package/projects/iss/src/public-api.ts

@@ -0,0 +1,131 @@
+// controls
+export * from "./components/controls/checkbox/checkbox.control";
+export * from "./components/controls/chips/chips.control";
+export * from "./components/controls/date-picker/date-picker.control";
+export * from "./components/controls/date-range-picker/date-range-picker.control";
+export * from "./components/controls/datetime-picker/datetime-picker.control";
+export * from "./components/controls/file-picker/file-picker.control";
+export * from "./components/controls/input/input.control";
+export * from "./components/controls/mobile/mobile.control";
+export * from "./components/controls/plate/plate.control";
+export * from "./components/controls/radio/radio.control";
+export * from "./components/controls/select/select.control";
+export * from "./components/controls/slide-toggle/slide-toggle.control";
+export * from "./components/controls/textarea/textarea.control";
+export * from "./components/controls/time-picker/time-picker.control";
+export * from "./components/controls/toggle-button/toggle-button.control";
+export * from "./components/controls/base/control-base";
+
+// outlet
+export * from "./components/outlet/outlet";
+
+// Fields
+export * from "./components/controls/input/input.field";
+export * from "./components/controls/textarea/textarea.field";
+export * from "./components/controls/chips/chips.field";
+export * from "./components/controls/radio/radio.field";
+export * from "./components/controls/select/select.field";
+export * from "./components/controls/mobile/mobile.field";
+export * from "./components/controls/checkbox/checkbox.field";
+export * from "./components/controls/toggle-button/toggle-button.field";
+export * from "./components/controls/slide-toggle/slide-toggle.field";
+export * from "./components/controls/plate/plate.field";
+export * from "./components/controls/file-picker/file-picker.field";
+export * from "./components/controls/time-picker/time-picker.field";
+export * from "./components/controls/date-picker/date-picker.field";
+export * from "./components/controls/datetime-picker/datetime-picker.field";
+export * from "./components/controls/date-range-picker/date-range-picker.field";
+export * from "./components/controls/base/field-base";
+
+// viewers
+export * from "./components/controls/input/input.viewer";
+export * from "./components/controls/textarea/textarea.viewer";
+export * from "./components/controls/chips/chips.viewer";
+export * from "./components/controls/radio/radio.viewer";
+export * from "./components/controls/select/select.viewer";
+export * from "./components/controls/mobile/mobile.viewer";
+export * from "./components/controls/checkbox/checkbox.viewer";
+export * from "./components/controls/toggle-button/toggle-button.viewer";
+export * from "./components/controls/slide-toggle/slide-toggle.viewer";
+export * from "./components/controls/plate/plate.viewer";
+export * from "./components/controls/file-picker/attachment.viewer";
+export * from "./components/controls/time-picker/time-picker.viewer";
+export * from "./components/controls/date-picker/date-picker.viewer";
+export * from "./components/controls/datetime-picker/datetime-picker.viewer";
+export * from "./components/controls/date-range-picker/date-range-picker.viewer";
+
+
+// classes
+// Todo: exporting classes after refactor.
+
+// constants
+export * from "./components/controls/mobile/countries.const";
+export * from "./shared/constants/date-format.const";
+export * from "./components/controls/plate/plate-letters.const";
+export * from "./shared/constants/view-provider.const";
+export * from "./shared/constants/placeholder-regex.const";
+export * from "./shared/constants/validation.const";
+
+// indexes
+export * from "./shared/indexes/components.index";
+export * from "./shared/indexes/services.index";
+export * from "./shared/indexes/validators.index";
+
+// interfaces
+export * from "./shared/interfaces/event-trigger-fn";
+export * from "./components/controls/file-picker/attachment";
+export * from "./components/controls/mobile/country";
+export * from "./components/controls/date-range-picker/date-range-emission";
+export * from "./shared/interfaces/event-strategy";
+export * from "./components/controls/file-picker/file";
+export * from "./shared/interfaces/hint";
+export * from "./shared/interfaces/i18n";
+export * from "./shared/interfaces/import";
+export * from "./components/controls/mobile/mobile";
+export * from "./shared/interfaces/option";
+export * from "./components/outlet/component-outlet";
+export * from "./components/controls/plate/plate-letter";
+export * from "./shared/interfaces/validation";
+
+// tokens
+export * from "./shared/tokens/host.token";
+export * from "./shared/tokens/field.token";
+export * from "./shared/tokens/language.token";
+export * from "./shared/tokens/attachment.token";
+export * from "./shared/tokens/user-search-api.token";
+
+// types
+export * from "./components/controls/mobile/iso2.type";
+export * from "./shared/types/validation.type";
+
+// components
+export * from "./components/shared/hints.component";
+export * from "./components/shared/validation-message.component";
+
+// directives
+export * from "./components/controls/file-picker/droppable";
+
+// pipes
+export * from "./shared/pipes/arabic-number.pipe";
+export * from "./components/outlet/field-data-injector";
+export * from "./components/controls/plate/plate-letter.pipe";
+export * from "./shared/pipes/select-status.pipe";
+export * from "./shared/pipes/translate.pipe";
+
+// services
+export * from "./components/controls/user-picker/employee";
+export * from "./components/controls/file-picker/file-handler";
+export * from "./shared/services/form-engine";
+export * from "./shared/services/loader";
+export * from "./components/controls/mobile/phone";
+
+// utilities
+export * from "./shared/utilities/array-from.util";
+export * from "./components/controls/file-picker/format-file-size.util";
+export * from "./shared/utilities/get-property-by-path.util";
+export * from "./shared/utilities/replace-placeholder.util";
+
+// validators
+export * from "./validators/core.validator";
+export * from "./validators/file.validator";
+export * from "./validators/time.validator";

package/projects/iss/src/shared/classes/field-action-config.ts

@@ -0,0 +1,56 @@
+import { EventConfigFn } from "../interfaces/event-strategy";
+import { ActionTriggerFn } from "../interfaces/event-trigger-fn";
+import { Loader } from "../services/loader";
+
+export class FieldActionConfig {
+  operator: "or" | "and" | undefined;
+  setValueFromApiResponse: string | undefined;
+  setValueFromRequestDto: string | undefined;
+  setValueFromLoggedInUser: string | undefined;
+  setValueFromJsonValue: string | undefined;
+  triggerFromApiResponse: string | undefined;
+  triggerFromJsonValue: string | undefined;
+  replaceApiKeyFromField: string | undefined;
+  fn: EventConfigFn | undefined = undefined;
+  fnPromise: Promise<EventConfigFn> | undefined = undefined;
+  afterFetchFn: EventConfigFn | undefined = undefined;
+  afterFetchFnPromise: Promise<EventConfigFn> | undefined = undefined;
+  triggerFn!: ActionTriggerFn;
+  triggerFnPromise: Promise<ActionTriggerFn> | undefined = undefined;
+  disableAfterFetching: boolean | undefined = false;
+  disableAfterSetValue: boolean | undefined = false;
+
+  constructor(action: any, loader: Loader) {
+    this.operator = action.config?.operator;
+    this.setValueFromApiResponse = action.config?.setValueFromApiResponse;
+    this.setValueFromRequestDto = action.config?.setValueFromRequestDto;
+    this.setValueFromLoggedInUser = action.config?.setValueFromLoggedInUser;
+    this.setValueFromJsonValue = action.config?.setValueFromJsonValue;
+    this.triggerFromApiResponse = action.config?.fromApiResponse;
+    this.triggerFromJsonValue = action.config?.fromApiResponse;
+    this.replaceApiKeyFromField = action.config?.replaceApiKeyFromField;
+    this.disableAfterFetching = action.config?.disableAfterFetching ?? false;
+    this.disableAfterSetValue = action.config?.disableAfterSetValue ?? false;
+
+    if (action.config?.fn) {
+      const fn = loader.loadService<EventConfigFn>(action.config.fn);
+      if (fn) {
+        this.fnPromise = fn();
+      }
+    }
+
+    if (action.config?.afterFetchFn) {
+      const fn = loader.loadService<EventConfigFn>(action.config.afterFetchFn);
+      if (fn) {
+        this.afterFetchFnPromise = fn();
+      }
+    }
+
+    if (action.config?.triggerFn) {
+      const fn = loader.loadService<ActionTriggerFn>(action.config.triggerFn);
+      if (fn) {
+        this.triggerFnPromise = fn();
+      }
+    }
+  }
+}

package/projects/iss/src/shared/classes/field-async-validation.ts

@@ -0,0 +1,7 @@
+export class FieldAsyncValidation {
+  alreadyExists: string | undefined;
+
+  constructor(asyncValidation: any) {
+    this.alreadyExists = asyncValidation?.alreadyExists;
+  }
+}

package/projects/iss/src/shared/classes/field-config.ts

@@ -0,0 +1,58 @@
+import { signal, WritableSignal } from "@angular/core";
+
+export class FieldConfig {
+  type: WritableSignal<string | undefined> = signal(undefined);
+  suffix: WritableSignal<string | undefined> = signal(undefined);
+  placeholder: WritableSignal<string | undefined> = signal(undefined);
+  multiple: WritableSignal<boolean | undefined> = signal(undefined);
+  min: WritableSignal<number | undefined> = signal(undefined);
+  max: WritableSignal<number | undefined> = signal(undefined);
+  minDate: WritableSignal<Date | undefined> = signal(undefined);
+  maxDate: WritableSignal<Date | undefined> = signal(undefined);
+  minLength: WritableSignal<number | undefined> = signal(undefined);
+  maxLength: WritableSignal<number | undefined> = signal(undefined);
+  allowedFileSize: WritableSignal<number | undefined> = signal(undefined);
+  allowedFileTypes: WritableSignal<string | undefined> = signal(undefined);
+  readonly: WritableSignal<boolean | undefined> = signal(undefined);
+  disabled: WritableSignal<boolean | undefined> = signal(undefined);
+  dateFilter: WritableSignal<boolean | undefined> = signal(undefined);
+  templateId: WritableSignal<string | undefined> = signal(undefined);
+  templateUrl: WritableSignal<string | undefined> = signal(undefined);
+  maxFilesCount: WritableSignal<number | undefined> = signal(undefined);
+  minFilesCount: WritableSignal<number | undefined> = signal(undefined);
+  maxUsersCount: WritableSignal<number | undefined> = signal(undefined);
+  minUsersCount: WritableSignal<number | undefined> = signal(undefined);
+  showInTableColumns: WritableSignal<boolean | undefined> = signal(undefined);
+  hideLabel: WritableSignal<boolean | undefined> = signal(undefined);
+  tableWithFilter: WritableSignal<boolean | undefined> = signal(undefined);
+  tableWithSort: WritableSignal<boolean | undefined> = signal(undefined);
+  tableWithPagination: WritableSignal<boolean | undefined> = signal(undefined);
+
+  constructor(config: any) {
+    this.type.set(config?.type);
+    this.suffix.set(config?.suffix);
+    this.placeholder.set(config?.placeholder);
+    this.readonly.set(config?.readonly);
+    this.disabled.set(config?.disabled);
+    this.multiple.set(config?.multiple);
+    this.min.set(config?.min);
+    this.max.set(config?.max);
+    this.minDate.set(config?.minDate);
+    this.maxDate.set(config?.maxDate);
+    this.dateFilter.set(config?.acceptWorkDaysOnly);
+    this.maxLength.set(config?.maxLength);
+    this.allowedFileSize.set(config?.allowedSize);
+    this.allowedFileTypes.set(config?.allowedFileTypes);
+    this.maxFilesCount.set(config?.maxFilesCount);
+    this.minFilesCount.set(config?.minFilesCount);
+    this.templateId.set(config?.templateId);
+    this.templateUrl.set(config?.templateUrl);
+    this.maxUsersCount.set(config?.maxUsersCount);
+    this.minUsersCount.set(config?.minUsersCount);
+    this.showInTableColumns.set(config?.showInTableColumns);
+    this.hideLabel.set(config?.hideLabel);
+    this.tableWithFilter.set(config?.tableWithFilter);
+    this.tableWithSort.set(config?.tableWithSort);
+    this.tableWithPagination.set(config?.tableWithPagination);
+  }
+}

package/projects/iss/src/shared/classes/field-event.ts

@@ -0,0 +1,28 @@
+import { EventStrategy } from "../interfaces/event-strategy";
+import { Loader } from "../services/loader";
+import { FieldActionConfig } from "./field-action-config";
+
+export class FieldEvent {
+  id: number;
+  name: string;
+  value: string;
+  trackedFieldName: string;
+  triggered: boolean;
+  config: FieldActionConfig;
+  fn: EventStrategy | undefined;
+  fnPromise: Promise<EventStrategy> | undefined = undefined;
+
+  constructor(action: any, loader: Loader) {
+    this.id = action.id;
+    this.name = action.name;
+    this.value = action.value;
+    this.trackedFieldName = action.eventSourceName;
+    this.triggered = false;
+    this.config = new FieldActionConfig(action, loader);
+    const actionFn = loader.loadService<EventStrategy>(action.name);
+    if (actionFn) {
+      this.fnPromise = actionFn();
+    }
+    this.fn = undefined;
+  }
+}

package/projects/iss/src/shared/classes/field-option.ts

@@ -0,0 +1,9 @@
+export class FieldOption {
+  value: string;
+  title: string;
+
+  constructor(option: any) {
+    this.value = option.value;
+    this.title = option.title;
+  }
+}

package/projects/iss/src/shared/classes/field-validation.ts

@@ -0,0 +1,15 @@
+export class FieldValidation {
+  required: boolean;
+  maxLength: number | undefined;
+  minLength: number | undefined;
+  regExp: string | undefined;
+
+  //maxLengthValidator: number | undefined;
+
+  constructor(validation: any) {
+    this.required = validation?.required ?? false;
+    this.maxLength = validation?.maxLength;
+    this.minLength = validation?.minLength;
+    this.regExp = validation?.regExp;
+  }
+}