ngx-form-stepper 0.0.1

package/fesm2022/ngx-form-stepper.mjs

@@ -0,0 +1,733 @@
+import * as i0 from '@angular/core';
+import { signal, Injectable, inject, computed, Component, input, viewChild, effect, output } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormGroup, FormControl, FormGroupDirective, ControlContainer, ReactiveFormsModule } from '@angular/forms';
+import { RouterLink } from '@angular/router';
+
+class FormStepper {
+    steps;
+    config;
+    values;
+    constructor(steps, config) {
+        this.steps = steps;
+        this.config = config;
+        this.values = Object.fromEntries(steps.flatMap((step) => step.inputs.map((input) => [input.returnKey, input.defaultValue])));
+    }
+}
+
+var InputType;
+(function (InputType) {
+    InputType["Text"] = "text";
+    InputType["Password"] = "password";
+    InputType["Email"] = "email";
+    InputType["Number"] = "number";
+    InputType["Tel"] = "tel";
+    InputType["Checkbox"] = "checkbox";
+    InputType["Date"] = "date";
+    InputType["Select"] = "select";
+})(InputType || (InputType = {}));
+
+class FormStepperService {
+    formStepper = signal(null, ...(ngDevMode ? [{ debugName: "formStepper" }] : []));
+    stepsForm = signal(null, ...(ngDevMode ? [{ debugName: "stepsForm" }] : []));
+    index = signal(0, ...(ngDevMode ? [{ debugName: "index" }] : []));
+    completed = signal(false, ...(ngDevMode ? [{ debugName: "completed" }] : []));
+    setFormStepper(formStepper) {
+        this.formStepper.update(() => formStepper);
+        this.setStepsForm();
+    }
+    dateToInputFormat(date) {
+        const year = date.getFullYear();
+        const month = (date.getMonth() + 1).toString().padStart(2, "0");
+        const day = date.getDate().toString().padStart(2, "0");
+        return `${year}-${month}-${day}`;
+    }
+    setStepsForm() {
+        const steps = this.formStepper()?.steps ?? null;
+        if (steps === null)
+            return;
+        const forms = Object.fromEntries(steps.map((step, index) => {
+            const validators = step.inputs.flatMap((i) => {
+                const cv = i.validators
+                    ? i.validators.find((v) => v.kind === "confirm") ?? null
+                    : null;
+                if (cv === null)
+                    return [];
+                return cv.fn({
+                    key: i.returnKey,
+                    confirmKey: this.getConfirmReturnKey(i.returnKey),
+                });
+            });
+            return [
+                index,
+                new FormGroup(Object.fromEntries(step.inputs.flatMap((input) => {
+                    const confirm = input.validators
+                        ? input.validators.find((v) => v.kind === "confirm") ?? null
+                        : null;
+                    const other = input.validators
+                        ? input.validators.filter((v) => v.kind !== "confirm")
+                        : [];
+                    const validators = [];
+                    other.forEach((v) => {
+                        validators.push(v.fn({ key: input.returnKey }));
+                    });
+                    const defaultValue = input.defaultValue === null
+                        ? input.type === InputType.Checkbox
+                            ? "false"
+                            : ""
+                        : input.type === InputType.Number
+                            ? Number.isNaN(input.defaultValue)
+                                ? ""
+                                : `${input.defaultValue}`
+                            : input.type === InputType.Checkbox
+                                ? `${input.defaultValue}`
+                                : input.type === InputType.Date
+                                    ? this.dateToInputFormat(input.defaultValue)
+                                    : input.type === InputType.Select
+                                        ? input.defaultValue.current === null
+                                            ? ""
+                                            : input.defaultValue.current.value
+                                        : input.defaultValue;
+                    const controls = [
+                        [
+                            input.returnKey,
+                            new FormControl(defaultValue, validators),
+                        ],
+                    ];
+                    if (confirm !== null) {
+                        controls.push([
+                            this.getConfirmReturnKey(input.returnKey),
+                            new FormControl(defaultValue),
+                        ]);
+                    }
+                    return controls;
+                })), { validators }),
+            ];
+        }));
+        this.stepsForm.update(() => forms);
+    }
+    getConfirmReturnKey(returnKey) {
+        return `confirm-${returnKey}`;
+    }
+    updateValues(values) {
+        const fs = this.formStepper();
+        const step = this.formStepper()?.steps[this.index()] ?? null;
+        if (fs === null || step === null)
+            return;
+        Object.entries(values).forEach(([key, value]) => {
+            const type = step.inputs.find((input) => input.returnKey === key)?.type;
+            if (type === undefined)
+                return;
+            fs.values[key] =
+                type === InputType.Checkbox
+                    ? value === "true"
+                    : value === ""
+                        ? null
+                        : type === InputType.Number
+                            ? Number.isNaN(Number(value))
+                                ? null
+                                : Number(value)
+                            : type === InputType.Tel
+                                ? value.replace(/\s|-/g, "")
+                                : type === InputType.Date
+                                    ? new Date(value)
+                                    : value;
+        });
+        step.inputs.forEach((input) => {
+            const confirm = input.validators
+                ? input.validators.find((v) => v.kind === "confirm") ?? null
+                : null;
+            if (confirm !== null) {
+                const confirmKey = this.getConfirmReturnKey(input.returnKey);
+                delete fs.values[confirmKey];
+            }
+        });
+    }
+    next() {
+        const index = this.index();
+        const length = this.formStepper()?.steps.length ?? null;
+        if (length === null)
+            return;
+        if (index < length - 1) {
+            this.index.update((index) => index + 1);
+        }
+        else {
+            this.complete();
+        }
+    }
+    previous() {
+        const index = this.index();
+        if (index > 0) {
+            this.index.update((index) => index - 1);
+        }
+    }
+    complete() {
+        this.completed.update(() => true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormStepperService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormStepperService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormStepperService, decorators: [{
+            type: Injectable
+        }] });
+
+class StepService {
+    service = inject(FormStepperService);
+    step = computed(() => this.service.formStepper()?.steps[this.service.index()] ?? null, ...(ngDevMode ? [{ debugName: "step" }] : []));
+    classNames = computed(() => this.service.formStepper()?.config.classNames?.step, ...(ngDevMode ? [{ debugName: "classNames" }] : []));
+    form = computed(() => this.service.stepsForm()?.[this.service.index()] ?? null, ...(ngDevMode ? [{ debugName: "form" }] : []));
+    onSubmit() {
+        const form = this.form();
+        if (form === null)
+            return;
+        const values = form.getRawValue();
+        this.service.updateValues(values);
+        this.service.next();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepService, decorators: [{
+            type: Injectable
+        }] });
+
+class ButtonService {
+    service = inject(FormStepperService);
+    text = computed(() => this.service.formStepper()?.config.buttonText ?? null, ...(ngDevMode ? [{ debugName: "text" }] : []));
+    classNames = computed(() => this.service.formStepper()?.config.classNames?.button, ...(ngDevMode ? [{ debugName: "classNames" }] : []));
+    form = computed(() => this.service.stepsForm()?.[this.service.index()] ?? null, ...(ngDevMode ? [{ debugName: "form" }] : []));
+    view = computed(() => {
+        const type = this.service.formStepper()?.steps.length === 1 ? 'single' : 'multi';
+        const text = this.text();
+        const classNames = this.classNames();
+        if (type === null || text === null)
+            return null;
+        if (type === 'single') {
+            return {
+                kind: 'single',
+                text: text,
+                classNames: classNames,
+            };
+        }
+        return {
+            kind: 'multi',
+            text: text,
+            classNames: classNames,
+        };
+    }, ...(ngDevMode ? [{ debugName: "view" }] : []));
+    stepPosition = computed(() => {
+        const fs = this.service.formStepper();
+        if (fs === null)
+            return null;
+        const length = fs.steps.length - 1;
+        const index = this.service.index();
+        return index === 0
+            ? 'first'
+            : index === length
+                ? 'last'
+                : 'middle';
+    }, ...(ngDevMode ? [{ debugName: "stepPosition" }] : []));
+    previous() {
+        this.service.previous();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonService, decorators: [{
+            type: Injectable
+        }] });
+
+class ButtonComponent {
+    service = inject(ButtonService);
+    form = this.service.form;
+    view = this.service.view;
+    stepPosition = this.service.stepPosition;
+    previous() {
+        this.service.previous();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ButtonComponent, isStandalone: true, selector: "app-button", providers: [ButtonService], ngImport: i0, template: "@let _view = view(); @let _form = form(); @let _stepPosition = stepPosition(); @if (_view !== null\r\n&& _form !== null && _view.kind === 'single') {\r\n<div [ngClass]=\"_view.classNames?.container ?? ''\">\r\n  <button\r\n    [ngClass]=\"[\r\n      _view.classNames?.button ?? '',\r\n      _form.invalid ? _view.classNames?.disabled ?? '' : ''\r\n    ]\"\r\n    type=\"submit\"\r\n  >\r\n    {{ _view.text }}\r\n  </button>\r\n</div>\r\n} @if (_view !== null && _form !== null && _view.kind === 'multi' && _stepPosition === 'first') {\r\n<div [ngClass]=\"_view.classNames?.container ?? ''\">\r\n  <button\r\n    [ngClass]=\"[\r\n      _view.classNames?.first ?? '',\r\n      _view.classNames?.button ?? '',\r\n      _form.invalid ? _view.classNames?.disabled ?? '' : ''\r\n    ]\"\r\n    type=\"submit\"\r\n  >\r\n    {{ _view.text?.next }}\r\n  </button>\r\n</div>\r\n} @if (_view !== null && _form !== null && _view.kind === 'multi' && _stepPosition === 'middle') {\r\n<div [ngClass]=\"_view.classNames?.container ?? ''\">\r\n  <button\r\n    (click)=\"previous()\"\r\n    [ngClass]=\"[_view.classNames?.previous ?? '', _view.classNames?.button ?? '']\"\r\n    type=\"button\"\r\n  >\r\n    {{ _view.text?.previous }}\r\n  </button>\r\n  <button\r\n    [ngClass]=\"[\r\n      _view.classNames?.next ?? '',\r\n      _view.classNames?.button ?? '',\r\n      _form.invalid ? _view.classNames?.disabled ?? '' : ''\r\n    ]\"\r\n    type=\"submit\"\r\n  >\r\n    {{ _view.text?.next }}\r\n  </button>\r\n</div>\r\n} @if (_view !== null && _form !== null && _view.kind === 'multi' && _stepPosition === 'last') {\r\n<div [ngClass]=\"_view.classNames?.container ?? ''\">\r\n  <button\r\n    (click)=\"previous()\"\r\n    [ngClass]=\"[_view.classNames?.previous ?? '', _view.classNames?.button ?? '']\"\r\n    type=\"button\"\r\n  >\r\n    {{ _view.text?.previous }}\r\n  </button>\r\n  <button\r\n    [ngClass]=\"[\r\n      _view.classNames?.final ?? '',\r\n      _view.classNames?.button ?? '',\r\n      _form.invalid ? _view.classNames?.disabled ?? '' : ''\r\n    ]\"\r\n    type=\"submit\"\r\n  >\r\n    {{ _view.text?.final }}\r\n  </button>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ButtonComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-button', imports: [CommonModule], providers: [ButtonService], template: "@let _view = view(); @let _form = form(); @let _stepPosition = stepPosition(); @if (_view !== null\r\n&& _form !== null && _view.kind === 'single') {\r\n<div [ngClass]=\"_view.classNames?.container ?? ''\">\r\n  <button\r\n    [ngClass]=\"[\r\n      _view.classNames?.button ?? '',\r\n      _form.invalid ? _view.classNames?.disabled ?? '' : ''\r\n    ]\"\r\n    type=\"submit\"\r\n  >\r\n    {{ _view.text }}\r\n  </button>\r\n</div>\r\n} @if (_view !== null && _form !== null && _view.kind === 'multi' && _stepPosition === 'first') {\r\n<div [ngClass]=\"_view.classNames?.container ?? ''\">\r\n  <button\r\n    [ngClass]=\"[\r\n      _view.classNames?.first ?? '',\r\n      _view.classNames?.button ?? '',\r\n      _form.invalid ? _view.classNames?.disabled ?? '' : ''\r\n    ]\"\r\n    type=\"submit\"\r\n  >\r\n    {{ _view.text?.next }}\r\n  </button>\r\n</div>\r\n} @if (_view !== null && _form !== null && _view.kind === 'multi' && _stepPosition === 'middle') {\r\n<div [ngClass]=\"_view.classNames?.container ?? ''\">\r\n  <button\r\n    (click)=\"previous()\"\r\n    [ngClass]=\"[_view.classNames?.previous ?? '', _view.classNames?.button ?? '']\"\r\n    type=\"button\"\r\n  >\r\n    {{ _view.text?.previous }}\r\n  </button>\r\n  <button\r\n    [ngClass]=\"[\r\n      _view.classNames?.next ?? '',\r\n      _view.classNames?.button ?? '',\r\n      _form.invalid ? _view.classNames?.disabled ?? '' : ''\r\n    ]\"\r\n    type=\"submit\"\r\n  >\r\n    {{ _view.text?.next }}\r\n  </button>\r\n</div>\r\n} @if (_view !== null && _form !== null && _view.kind === 'multi' && _stepPosition === 'last') {\r\n<div [ngClass]=\"_view.classNames?.container ?? ''\">\r\n  <button\r\n    (click)=\"previous()\"\r\n    [ngClass]=\"[_view.classNames?.previous ?? '', _view.classNames?.button ?? '']\"\r\n    type=\"button\"\r\n  >\r\n    {{ _view.text?.previous }}\r\n  </button>\r\n  <button\r\n    [ngClass]=\"[\r\n      _view.classNames?.final ?? '',\r\n      _view.classNames?.button ?? '',\r\n      _form.invalid ? _view.classNames?.disabled ?? '' : ''\r\n    ]\"\r\n    type=\"submit\"\r\n  >\r\n    {{ _view.text?.final }}\r\n  </button>\r\n</div>\r\n}\r\n" }]
+        }] });
+
+class InputService {
+    service = inject(FormStepperService);
+    key = signal(null, ...(ngDevMode ? [{ debugName: "key" }] : []));
+    confirmKey = computed(() => {
+        const key = this.key();
+        if (key === null)
+            return null;
+        return this.service.getConfirmReturnKey(key);
+    }, ...(ngDevMode ? [{ debugName: "confirmKey" }] : []));
+    classNames = computed(() => this.service.formStepper()?.config.classNames?.input, ...(ngDevMode ? [{ debugName: "classNames" }] : []));
+    input = computed(() => this.service
+        .formStepper()
+        ?.steps[this.service.index()]?.inputs.find((input) => input.returnKey === this.key()) ??
+        null, ...(ngDevMode ? [{ debugName: "input" }] : []));
+    confirmValidator = computed(() => this.input()?.validators?.find((v) => v.kind === 'confirm') ?? null, ...(ngDevMode ? [{ debugName: "confirmValidator" }] : []));
+    othersValidators = computed(() => this.input()?.validators?.filter((v) => v.kind !== 'confirm') ?? null, ...(ngDevMode ? [{ debugName: "othersValidators" }] : []));
+    form = computed(() => this.service.stepsForm()?.[this.service.index()] ?? null, ...(ngDevMode ? [{ debugName: "form" }] : []));
+    control = computed(() => {
+        const key = this.key();
+        if (key === null)
+            return null;
+        return this.form()?.get(key) ?? null;
+    }, ...(ngDevMode ? [{ debugName: "control" }] : []));
+    confirmControl = computed(() => {
+        const confirmKey = this.confirmKey();
+        if (confirmKey === null)
+            return null;
+        return this.form()?.get(confirmKey) ?? null;
+    }, ...(ngDevMode ? [{ debugName: "confirmControl" }] : []));
+    inputContainerCn = computed(() => this.service.formStepper()?.config.classNames?.step?.inputContainer, ...(ngDevMode ? [{ debugName: "inputContainerCn" }] : []));
+    isRequired = computed(() => {
+        const othersValidators = this.othersValidators();
+        if (othersValidators === null)
+            return false;
+        return othersValidators.some((v) => v.kind === 'required');
+    }, ...(ngDevMode ? [{ debugName: "isRequired" }] : []));
+    selectItems = computed(() => {
+        const input = this.input();
+        if (input === null || input.type !== InputType.Select)
+            return null;
+        return input.defaultValue.items;
+    }, ...(ngDevMode ? [{ debugName: "selectItems" }] : []));
+    inputElement = signal(null, ...(ngDevMode ? [{ debugName: "inputElement" }] : []));
+    currentValue = null;
+    isCheckbox = false;
+    setKey(key) {
+        this.key.set(key);
+    }
+    setInputElement(element) {
+        this.inputElement.set(element);
+    }
+    verifyCheckbox() {
+        const control = this.control();
+        const element = this.inputElement();
+        if (control === null || element === null || !this.isCheckbox)
+            return;
+        this.currentValue = !this.currentValue;
+        element.checked = this.currentValue;
+        control.setValue(this.currentValue);
+    }
+    firstVerifyCheckbox() {
+        const input = this.input();
+        const element = this.inputElement();
+        const control = this.control();
+        if (input === null || element === null || control === null || input.type !== InputType.Checkbox)
+            return;
+        this.isCheckbox = true;
+        this.currentValue =
+            input.defaultValue === null
+                ? false
+                : input.defaultValue === false
+                    ? false
+                    : true;
+        element.checked = this.currentValue;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InputService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InputService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InputService, decorators: [{
+            type: Injectable
+        }] });
+
+class InputComponent {
+    service = inject(InputService);
+    key = input.required();
+    inputElement = viewChild('input', ...(ngDevMode ? [{ debugName: "inputElement" }] : []));
+    confirmKey = this.service.confirmKey;
+    classNames = this.service.classNames;
+    input = this.service.input;
+    confirmValidator = this.service.confirmValidator;
+    othersValidators = this.service.othersValidators;
+    form = this.service.form;
+    control = this.service.control;
+    confirmControl = this.service.confirmControl;
+    inputContainerCn = this.service.inputContainerCn;
+    isRequired = this.service.isRequired;
+    selectItems = this.service.selectItems;
+    constructor() {
+        effect(() => this.service.setKey(this.key()));
+        effect(() => {
+            const inputElement = this.inputElement();
+            if (inputElement === undefined)
+                return;
+            this.service.setInputElement(inputElement.nativeElement);
+        });
+        effect(() => this.service.firstVerifyCheckbox());
+    }
+    handleClick() {
+        this.service.verifyCheckbox();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: InputComponent, isStandalone: true, selector: "app-input", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null } }, providers: [InputService], viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["input"], descendants: true, isSignal: true }], ngImport: i0, template: "@let _key = key(); @let _confirmKey = confirmKey(); @let _classNames = classNames(); @let _input =\r\ninput(); @let _confirmValidator = confirmValidator(); @let _othersValidators = othersValidators();\r\n@let _control = control(); @let _confirmControl = confirmControl(); @let _form = form(); @let\r\n_inputContainerCn = inputContainerCn(); @let _isRequired = isRequired(); @let _selectItems =\r\nselectItems(); @if (_input !== null && _confirmValidator === null) {\r\n<div [ngClass]=\"_classNames?.container ?? ''\">\r\n  <label [for]=\"_key\" [ngClass]=\"_classNames?.label ?? ''\"\r\n    >{{ _input.label }}\r\n    @if (_isRequired) {\r\n    <span [ngClass]=\"_classNames?.required ?? ''\">*</span>\r\n    }\r\n  </label>\r\n\r\n  @if (_input.type === 'select') {\r\n  <select [id]=\"_key\" [formControlName]=\"_key\" [ngClass]=\"_classNames?.input ?? ''\">\r\n    @for (item of _selectItems; track item) {\r\n    <option [value]=\"item.value\">\r\n      {{ item.label }}\r\n    </option>\r\n    }\r\n  </select>\r\n  } @else {\r\n  <input\r\n    #input\r\n    [id]=\"_key\"\r\n    [type]=\"_input.type\"\r\n    (click)=\"handleClick()\"\r\n    [formControlName]=\"_key\"\r\n    [ngClass]=\"_classNames?.input ?? ''\"\r\n  />\r\n  } @if (_othersValidators !== null && _control !== null) {\r\n  <div [ngClass]=\"_classNames?.errorContainer ?? ''\">\r\n    @for (v of _othersValidators; track v) { @if (_control.hasError(v.name({ key: _key })) &&\r\n    _control.touched) {\r\n    <p [ngClass]=\"_classNames?.error ?? ''\">\r\n      {{ v.errorText }}\r\n    </p>\r\n    } }\r\n  </div>\r\n  }\r\n</div>\r\n} @if (_input !== null && _confirmValidator !== null && _input.type !== 'select') {\r\n<div [ngClass]=\"_inputContainerCn ?? ''\">\r\n  <div [ngClass]=\"_classNames?.container ?? ''\">\r\n    <label [for]=\"_key\" [ngClass]=\"_classNames?.label ?? ''\"\r\n      >{{ _input.label }}\r\n      @if (_isRequired) {\r\n      <span [ngClass]=\"_classNames?.required ?? ''\">*</span>\r\n      }\r\n    </label>\r\n\r\n    <input\r\n      [id]=\"_key\"\r\n      [type]=\"_input.type\"\r\n      [formControlName]=\"_key\"\r\n      [ngClass]=\"_classNames?.input ?? ''\"\r\n    />\r\n\r\n    @if (_othersValidators !== null && _control !== null) {\r\n    <div [ngClass]=\"_classNames?.errorContainer ?? ''\">\r\n      @for (v of _othersValidators; track v) { @if (_control.hasError(v.name({ key: _key })) &&\r\n      _control.touched) {\r\n      <p [ngClass]=\"_classNames?.error ?? ''\">\r\n        {{ v.errorText }}\r\n      </p>\r\n      } }\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  <div [ngClass]=\"_classNames?.container ?? ''\">\r\n    <label [for]=\"_confirmKey\" [ngClass]=\"_classNames?.label ?? ''\"\r\n      >{{ _confirmValidator.confirmLabel }}\r\n      @if (_isRequired) {\r\n      <span [ngClass]=\"_classNames?.required ?? ''\">*</span>\r\n      }\r\n    </label>\r\n\r\n    <input\r\n      [id]=\"_confirmKey\"\r\n      [type]=\"_input.type\"\r\n      [formControlName]=\"_confirmKey\"\r\n      [ngClass]=\"_classNames?.input ?? ''\"\r\n    />\r\n\r\n    @if ( _form !== null && _confirmControl !== null && _form.hasError(_confirmValidator.name({ key:\r\n    _key })) && _confirmControl.touched ) {\r\n    <div [ngClass]=\"_classNames?.errorContainer ?? ''\">\r\n      <p [ngClass]=\"_classNames?.error ?? ''\">\r\n        {{ _confirmValidator.errorText }}\r\n      </p>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], viewProviders: [
+            {
+                provide: ControlContainer,
+                useExisting: FormGroupDirective,
+            },
+        ] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: InputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-input', imports: [CommonModule, ReactiveFormsModule], providers: [InputService], viewProviders: [
+                        {
+                            provide: ControlContainer,
+                            useExisting: FormGroupDirective,
+                        },
+                    ], template: "@let _key = key(); @let _confirmKey = confirmKey(); @let _classNames = classNames(); @let _input =\r\ninput(); @let _confirmValidator = confirmValidator(); @let _othersValidators = othersValidators();\r\n@let _control = control(); @let _confirmControl = confirmControl(); @let _form = form(); @let\r\n_inputContainerCn = inputContainerCn(); @let _isRequired = isRequired(); @let _selectItems =\r\nselectItems(); @if (_input !== null && _confirmValidator === null) {\r\n<div [ngClass]=\"_classNames?.container ?? ''\">\r\n  <label [for]=\"_key\" [ngClass]=\"_classNames?.label ?? ''\"\r\n    >{{ _input.label }}\r\n    @if (_isRequired) {\r\n    <span [ngClass]=\"_classNames?.required ?? ''\">*</span>\r\n    }\r\n  </label>\r\n\r\n  @if (_input.type === 'select') {\r\n  <select [id]=\"_key\" [formControlName]=\"_key\" [ngClass]=\"_classNames?.input ?? ''\">\r\n    @for (item of _selectItems; track item) {\r\n    <option [value]=\"item.value\">\r\n      {{ item.label }}\r\n    </option>\r\n    }\r\n  </select>\r\n  } @else {\r\n  <input\r\n    #input\r\n    [id]=\"_key\"\r\n    [type]=\"_input.type\"\r\n    (click)=\"handleClick()\"\r\n    [formControlName]=\"_key\"\r\n    [ngClass]=\"_classNames?.input ?? ''\"\r\n  />\r\n  } @if (_othersValidators !== null && _control !== null) {\r\n  <div [ngClass]=\"_classNames?.errorContainer ?? ''\">\r\n    @for (v of _othersValidators; track v) { @if (_control.hasError(v.name({ key: _key })) &&\r\n    _control.touched) {\r\n    <p [ngClass]=\"_classNames?.error ?? ''\">\r\n      {{ v.errorText }}\r\n    </p>\r\n    } }\r\n  </div>\r\n  }\r\n</div>\r\n} @if (_input !== null && _confirmValidator !== null && _input.type !== 'select') {\r\n<div [ngClass]=\"_inputContainerCn ?? ''\">\r\n  <div [ngClass]=\"_classNames?.container ?? ''\">\r\n    <label [for]=\"_key\" [ngClass]=\"_classNames?.label ?? ''\"\r\n      >{{ _input.label }}\r\n      @if (_isRequired) {\r\n      <span [ngClass]=\"_classNames?.required ?? ''\">*</span>\r\n      }\r\n    </label>\r\n\r\n    <input\r\n      [id]=\"_key\"\r\n      [type]=\"_input.type\"\r\n      [formControlName]=\"_key\"\r\n      [ngClass]=\"_classNames?.input ?? ''\"\r\n    />\r\n\r\n    @if (_othersValidators !== null && _control !== null) {\r\n    <div [ngClass]=\"_classNames?.errorContainer ?? ''\">\r\n      @for (v of _othersValidators; track v) { @if (_control.hasError(v.name({ key: _key })) &&\r\n      _control.touched) {\r\n      <p [ngClass]=\"_classNames?.error ?? ''\">\r\n        {{ v.errorText }}\r\n      </p>\r\n      } }\r\n    </div>\r\n    }\r\n  </div>\r\n\r\n  <div [ngClass]=\"_classNames?.container ?? ''\">\r\n    <label [for]=\"_confirmKey\" [ngClass]=\"_classNames?.label ?? ''\"\r\n      >{{ _confirmValidator.confirmLabel }}\r\n      @if (_isRequired) {\r\n      <span [ngClass]=\"_classNames?.required ?? ''\">*</span>\r\n      }\r\n    </label>\r\n\r\n    <input\r\n      [id]=\"_confirmKey\"\r\n      [type]=\"_input.type\"\r\n      [formControlName]=\"_confirmKey\"\r\n      [ngClass]=\"_classNames?.input ?? ''\"\r\n    />\r\n\r\n    @if ( _form !== null && _confirmControl !== null && _form.hasError(_confirmValidator.name({ key:\r\n    _key })) && _confirmControl.touched ) {\r\n    <div [ngClass]=\"_classNames?.errorContainer ?? ''\">\r\n      <p [ngClass]=\"_classNames?.error ?? ''\">\r\n        {{ _confirmValidator.errorText }}\r\n      </p>\r\n    </div>\r\n    }\r\n  </div>\r\n</div>\r\n}\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], inputElement: [{ type: i0.ViewChild, args: ['input', { isSignal: true }] }] } });
+
+class StepComponent {
+    service = inject(StepService);
+    step = this.service.step;
+    classNames = this.service.classNames;
+    form = this.service.form;
+    onSubmit() {
+        const form = this.form();
+        if (form === null)
+            return;
+        form.invalid ? form.markAllAsTouched() : this.service.onSubmit();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: StepComponent, isStandalone: true, selector: "app-step", providers: [StepService], ngImport: i0, template: "@let _step = step();\r\n@let _classNames = classNames();\r\n@let _form = form();\r\n\r\n@if (_step !== null && _form !== null) {\r\n  <div [ngClass]=\"_classNames?.container\">\r\n    @if (_step.config?.title) {\r\n      <h2 [ngClass]=\"_classNames?.title\">{{ _step.config?.title }}</h2>\r\n    }\r\n\r\n    <form [formGroup]=\"_form\" [ngClass]=\"_classNames?.form\" (ngSubmit)=\"onSubmit()\">\r\n      <div [ngClass]=\"_classNames?.inputContainer\">\r\n        @for (input of _step.inputs; track input.returnKey) {\r\n          <app-input [key]=\"input.returnKey\" />\r\n        }\r\n      </div>\r\n\r\n      <app-button />\r\n    </form>\r\n  </div>\r\n}\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: ButtonComponent, selector: "app-button" }, { kind: "component", type: InputComponent, selector: "app-input", inputs: ["key"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: StepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-step', imports: [CommonModule, ReactiveFormsModule, ButtonComponent, InputComponent], providers: [StepService], template: "@let _step = step();\r\n@let _classNames = classNames();\r\n@let _form = form();\r\n\r\n@if (_step !== null && _form !== null) {\r\n  <div [ngClass]=\"_classNames?.container\">\r\n    @if (_step.config?.title) {\r\n      <h2 [ngClass]=\"_classNames?.title\">{{ _step.config?.title }}</h2>\r\n    }\r\n\r\n    <form [formGroup]=\"_form\" [ngClass]=\"_classNames?.form\" (ngSubmit)=\"onSubmit()\">\r\n      <div [ngClass]=\"_classNames?.inputContainer\">\r\n        @for (input of _step.inputs; track input.returnKey) {\r\n          <app-input [key]=\"input.returnKey\" />\r\n        }\r\n      </div>\r\n\r\n      <app-button />\r\n    </form>\r\n  </div>\r\n}\r\n" }]
+        }] });
+
+class RedirectService {
+    service = inject(FormStepperService);
+    key = signal(null, ...(ngDevMode ? [{ debugName: "key" }] : []));
+    classNames = computed(() => {
+        const key = this.key();
+        if (key === null)
+            return null;
+        return this.service.formStepper()?.config.classNames?.[key];
+    }, ...(ngDevMode ? [{ debugName: "classNames" }] : []));
+    redirectItems = computed(() => {
+        const key = this.key();
+        if (key === null)
+            return null;
+        return this.service.formStepper()?.config[key] ?? null;
+    }, ...(ngDevMode ? [{ debugName: "redirectItems" }] : []));
+    isUrl(item) {
+        return typeof item === 'object' && 'url' in item && 'urlText' in item;
+    }
+    isText(item) {
+        return typeof item === 'string';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RedirectService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RedirectService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RedirectService, decorators: [{
+            type: Injectable
+        }] });
+
+class RedirectComponent {
+    service = inject(RedirectService);
+    key = input.required(...(ngDevMode ? [{ debugName: "key" }] : []));
+    classNames = this.service.classNames;
+    redirectItems = this.service.redirectItems;
+    constructor() {
+        effect(() => this.service.key.set(this.key()));
+    }
+    isUrl(item) {
+        return this.service.isUrl(item);
+    }
+    isText(item) {
+        return this.service.isText(item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RedirectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: RedirectComponent, isStandalone: true, selector: "app-redirect", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null } }, providers: [RedirectService], ngImport: i0, template: "@let _classNames = classNames();\r\n@let _redirectItems = redirectItems();\r\n\r\n<p [ngClass]=\"_classNames?.container\">\r\n  @for (item of _redirectItems; track item) {\r\n    @if (isUrl(item)) {\r\n      <a [ngClass]=\"_classNames?.url\" [routerLink]=\"item.url\">\r\n        {{ item.urlText }}\r\n      </a>\r\n    }\r\n\r\n    @if (isText(item)) {\r\n      <span [ngClass]=\"_classNames?.text\">{{ item }}</span>\r\n    }\r\n  }\r\n</p>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: RedirectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-redirect', imports: [CommonModule, RouterLink], providers: [RedirectService], template: "@let _classNames = classNames();\r\n@let _redirectItems = redirectItems();\r\n\r\n<p [ngClass]=\"_classNames?.container\">\r\n  @for (item of _redirectItems; track item) {\r\n    @if (isUrl(item)) {\r\n      <a [ngClass]=\"_classNames?.url\" [routerLink]=\"item.url\">\r\n        {{ item.urlText }}\r\n      </a>\r\n    }\r\n\r\n    @if (isText(item)) {\r\n      <span [ngClass]=\"_classNames?.text\">{{ item }}</span>\r\n    }\r\n  }\r\n</p>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }] } });
+
+class FormStepperComponent {
+    service = inject(FormStepperService);
+    formStepper = input.required(...(ngDevMode ? [{ debugName: "formStepper" }] : []));
+    completed = output();
+    constructor() {
+        effect(() => {
+            this.service.setFormStepper(this.formStepper());
+        });
+        effect(() => {
+            if (this.service.completed()) {
+                this.completed.emit();
+            }
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormStepperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: FormStepperComponent, isStandalone: true, selector: "app-form-stepper", inputs: { formStepper: { classPropertyName: "formStepper", publicName: "formStepper", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { completed: "completed" }, providers: [FormStepperService], ngImport: i0, template: "@let _formStepper = formStepper();\r\n@let classNames = _formStepper.config.classNames;\r\n\r\n<div [ngClass]=\"classNames?.container\">\r\n  @if (_formStepper.config.title) {\r\n    <h1 [ngClass]=\"classNames?.title\">{{ _formStepper.config.title }}</h1>\r\n  }\r\n\r\n  <app-redirect [key]=\"'actionText'\" />\r\n\r\n  <app-step />\r\n\r\n  <app-redirect [key]=\"'footerText'\" />\r\n</div>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: StepComponent, selector: "app-step" }, { kind: "component", type: RedirectComponent, selector: "app-redirect", inputs: ["key"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: FormStepperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-form-stepper', imports: [CommonModule, StepComponent, RedirectComponent], providers: [FormStepperService], template: "@let _formStepper = formStepper();\r\n@let classNames = _formStepper.config.classNames;\r\n\r\n<div [ngClass]=\"classNames?.container\">\r\n  @if (_formStepper.config.title) {\r\n    <h1 [ngClass]=\"classNames?.title\">{{ _formStepper.config.title }}</h1>\r\n  }\r\n\r\n  <app-redirect [key]=\"'actionText'\" />\r\n\r\n  <app-step />\r\n\r\n  <app-redirect [key]=\"'footerText'\" />\r\n</div>\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { formStepper: [{ type: i0.Input, args: [{ isSignal: true, alias: "formStepper", required: true }] }], completed: [{ type: i0.Output, args: ["completed"] }] } });
+
+class Step {
+    inputs;
+    config;
+    constructor(inputs, config) {
+        this.inputs = inputs;
+        this.config = config;
+    }
+}
+
+class Input {
+    type;
+    returnKey;
+    label;
+    validators;
+    defaultValue;
+    constructor(type, defaultValue, returnKey, label, validators) {
+        this.type = type;
+        this.returnKey = returnKey;
+        this.label = label;
+        this.validators = validators;
+        this.defaultValue = (type === InputType.Checkbox ? (defaultValue === null ? false : defaultValue) : defaultValue);
+    }
+}
+
+class Select {
+    items;
+    currentIndex;
+    current;
+    constructor(items, currentIndex) {
+        this.items = items;
+        this.currentIndex = currentIndex;
+        this.current = currentIndex === null ? null : this.items[currentIndex];
+    }
+}
+
+function required(errorText) {
+    const name = (params) => `${params.key}-required`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-required`;
+        return control.value.length > 0 ? null : { [customName]: true };
+    };
+    return {
+        kind: 'required',
+        name,
+        fn,
+        errorText,
+    };
+}
+function check(errorText) {
+    const name = (params) => `${params.key}-check`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-check`;
+        const parsed = control.value === 'true';
+        return typeof control.value === 'string' ? (parsed ? null : { [customName]: true }) : null;
+    };
+    return {
+        kind: 'check',
+        name,
+        fn,
+        errorText,
+    };
+}
+function confirm(confirmLabel, errorText) {
+    const name = (params) => `${params.key}-confirm`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-confirm`;
+        return control.get(params.key)?.value !== control.get(params.confirmKey)?.value
+            ? { [customName]: true }
+            : null;
+    };
+    return {
+        kind: 'confirm',
+        name,
+        fn,
+        errorText,
+        confirmLabel,
+    };
+}
+function minLength(min, errorText) {
+    const name = (params) => `${params.key}-minLength`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-minLength`;
+        return control.value.length < min ? { [customName]: true } : null;
+    };
+    return {
+        kind: 'minLength',
+        name,
+        fn,
+        errorText,
+    };
+}
+function maxLength(max, errorText) {
+    const name = (params) => `${params.key}-maxLength`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-maxLength`;
+        return control.value.length > max ? { [customName]: true } : null;
+    };
+    return {
+        kind: 'maxLength',
+        name,
+        fn,
+        errorText,
+    };
+}
+function min(min, errorText) {
+    const name = (params) => `${params.key}-min`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-min`;
+        const parsed = Number(control.value);
+        return Number.isNaN(parsed)
+            ? { [customName]: true }
+            : parsed < min
+                ? { [customName]: true }
+                : null;
+    };
+    return {
+        kind: 'min',
+        name,
+        fn,
+        errorText,
+    };
+}
+function max(max, errorText) {
+    const name = (params) => `${params.key}-max`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-max`;
+        const parsed = Number(control.value);
+        return Number.isNaN(parsed)
+            ? { [customName]: true }
+            : parsed > max
+                ? { [customName]: true }
+                : null;
+    };
+    return {
+        kind: 'max',
+        name,
+        fn,
+        errorText,
+    };
+}
+function integer(errorText) {
+    const name = (params) => `${params.key}-integer`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-integer`;
+        const parsed = Number(control.value);
+        return Number.isNaN(parsed)
+            ? { [customName]: true }
+            : Number.isInteger(parsed)
+                ? null
+                : { [customName]: true };
+    };
+    return {
+        kind: 'integer',
+        name,
+        fn,
+        errorText,
+    };
+}
+function pattern(pattern, errorText) {
+    const name = (params) => `${params.key}-pattern`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-pattern`;
+        return pattern.test(control.value) ? null : { [customName]: true };
+    };
+    return {
+        kind: 'pattern',
+        name,
+        fn,
+        errorText,
+    };
+}
+function strongPassword(errorText) {
+    const name = (params) => `${params.key}-strongPassword`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-strongPassword`;
+        const regex = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[!@#$%^&*()_\-+=]).{8,}$/;
+        return regex.test(control.value) ? null : { [customName]: true };
+    };
+    return {
+        kind: 'strongPassword',
+        name,
+        fn,
+        errorText,
+    };
+}
+function email(errorText) {
+    const name = (params) => `${params.key}-email`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-email`;
+        const regex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+        return regex.test(control.value) ? null : { [customName]: true };
+    };
+    return {
+        kind: 'email',
+        name,
+        fn,
+        errorText,
+    };
+}
+function phone(errorText) {
+    const name = (params) => `${params.key}-phone`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-phone`;
+        const regex = /^\+?[0-9]{7,15}$/;
+        const cleared = control.value.replace(/\s|-/g, '');
+        return regex.test(cleared) ? null : { [customName]: true };
+    };
+    return {
+        kind: 'phone',
+        name,
+        fn,
+        errorText,
+    };
+}
+function minDate(min, errorText) {
+    const name = (params) => `${params.key}-minDate`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-minDate`;
+        const parsed = control.value === '' ? null : new Date(control.value);
+        return parsed === null
+            ? { [customName]: true }
+            : parsed.getTime() < min.getTime()
+                ? { [customName]: true }
+                : null;
+    };
+    return {
+        kind: 'minDate',
+        name,
+        fn,
+        errorText,
+    };
+}
+function maxDate(max, errorText) {
+    const name = (params) => `${params.key}-maxDate`;
+    const fn = (params) => (control) => {
+        const customName = `${params.key}-maxDate`;
+        const parsed = control.value === '' ? null : new Date(control.value);
+        return parsed === null
+            ? { [customName]: true }
+            : parsed.getTime() > max.getTime()
+                ? { [customName]: true }
+                : null;
+    };
+    return {
+        kind: 'maxDate',
+        name,
+        fn,
+        errorText,
+    };
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FormStepper, FormStepperComponent, Input, InputType, Select, Step, check, confirm, email, integer, max, maxDate, maxLength, min, minDate, minLength, pattern, phone, required, strongPassword };
+//# sourceMappingURL=ngx-form-stepper.mjs.map