@updevs/components 1.0.0-alpha.1 → 1.0.0-alpha.11

package/fesm2022/updevs-components-form.mjs

@@ -0,0 +1,378 @@
+import * as i0 from '@angular/core';
+import { inject, Injectable, input, Component, HostBinding, EventEmitter, model, effect, Output, NgModule } from '@angular/core';
+import * as i1$1 from '@angular/forms';
+import { FormGroup, Validators, FormControl, ReactiveFormsModule } from '@angular/forms';
+import { BaseComponent } from '@updevs/sdk/layout';
+import { TextService } from '@updevs/sdk';
+import * as i2$1 from '@updevs/components/button';
+import { UpdButtonModule } from '@updevs/components/button';
+import * as i1$2 from '@jsverse/transloco';
+import { TranslocoDirective } from '@jsverse/transloco';
+import { ColumnSizeHelper } from '@updevs/components';
+import * as i4 from '@updevs/components/form-controls/select';
+import { Defaults, UpdSelectModule } from '@updevs/components/form-controls/select';
+import * as i1 from '@updevs/components/form-controls/input';
+import { UpdInputModule } from '@updevs/components/form-controls/input';
+import * as i2 from '@updevs/components/form-controls/checkbox';
+import { UpdCheckboxModule } from '@updevs/components/form-controls/checkbox';
+import * as i3 from '@updevs/components/form-controls/radio';
+import { UpdRadioModule } from '@updevs/components/form-controls/radio';
+import * as i5 from '@updevs/components/form-controls/textarea';
+import { UpdTextareaModule } from '@updevs/components/form-controls/textarea';
+import { CommonModule } from '@angular/common';
+import { UpdDatePickerModule } from '@updevs/components/form-controls/date-picker';
+
+var DynamicFieldType;
+(function (DynamicFieldType) {
+    DynamicFieldType[DynamicFieldType["Input"] = 1] = "Input";
+    DynamicFieldType[DynamicFieldType["Select"] = 2] = "Select";
+    DynamicFieldType[DynamicFieldType["SelectMultiple"] = 3] = "SelectMultiple";
+    DynamicFieldType[DynamicFieldType["Label"] = 4] = "Label";
+    DynamicFieldType[DynamicFieldType["Checkbox"] = 5] = "Checkbox";
+    DynamicFieldType[DynamicFieldType["CheckboxGroup"] = 6] = "CheckboxGroup";
+    DynamicFieldType[DynamicFieldType["Radio"] = 7] = "Radio";
+    DynamicFieldType[DynamicFieldType["RadioGroup"] = 8] = "RadioGroup";
+    DynamicFieldType[DynamicFieldType["TextArea"] = 9] = "TextArea";
+    DynamicFieldType[DynamicFieldType["FileUpload"] = 10] = "FileUpload";
+})(DynamicFieldType || (DynamicFieldType = {}));
+
+class ErrorsHelper {
+    constructor() {
+        this.errors = {
+            'required': { text: 'UpDevs.Form.ErrorMessages.Required' },
+            'requiredTrue': { text: 'UpDevs.Form.ErrorMessages.RequiredTrue' },
+            'generic': { text: 'UpDevs.Form.ErrorMessages.Generic' },
+            'email': { text: 'UpDevs.Form.ErrorMessages.Email' },
+            'max': { text: 'UpDevs.Form.ErrorMessages.Max', defaultErrorParamToShow: 'max' },
+            'min': { text: 'UpDevs.Form.ErrorMessages.Min', defaultErrorParamToShow: 'min' },
+            'maxlength': { text: 'UpDevs.Form.ErrorMessages.MaxLength', defaultErrorParamToShow: 'requiredLength' },
+            'minlength': { text: 'UpDevs.Form.ErrorMessages.MinLength', defaultErrorParamToShow: 'requiredLength' }
+        };
+        this.textService = inject(TextService);
+    }
+    getMessages(control, customConfig) {
+        if (!control.errors) {
+            return [];
+        }
+        const errorMessages = [];
+        const genericText = this.textService.getText({ text: this.errors['generic'].text, isTranslated: false });
+        const combinedErrorMessagesList = Object.assign({}, this.errors, customConfig || {});
+        const controlErrorKeys = Object.keys(control.errors);
+        controlErrorKeys.forEach(key => {
+            const customError = !!control.errors ? control.errors[key] : undefined;
+            if (!!customError?.errorText) {
+                errorMessages.push(this.textService.getText(customError.errorText));
+            }
+            else if (key in combinedErrorMessagesList) {
+                const config = combinedErrorMessagesList[key];
+                let params;
+                if (config.showLength) {
+                    params = { value: control.value?.length || 0 };
+                }
+                if (!!config.defaultErrorParamToShow) {
+                    params = { value: control.errors[key][config.defaultErrorParamToShow] };
+                }
+                errorMessages.push(this.textService.getText({ text: config.text, isTranslated: false }, params));
+            }
+        });
+        if (controlErrorKeys.length > 0 && errorMessages.length < 1) {
+            errorMessages.push(genericText);
+        }
+        return errorMessages;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ErrorsHelper, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ErrorsHelper }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: ErrorsHelper, decorators: [{
+            type: Injectable
+        }] });
+
+class DynamicFieldComponent extends BaseComponent {
+    constructor() {
+        super(...arguments);
+        this.wrapperClasses = '';
+        this.DynamicFieldType = DynamicFieldType;
+        this.SelectDefaults = Defaults;
+        this.formGroup = input.required();
+        this.field = input.required();
+        this.layout = input.required();
+        this.validationStatusDescriptions = [];
+        this.errorsHelper = inject(ErrorsHelper);
+        this.textService = inject(TextService);
+    }
+    get formControl() {
+        return this.formGroup().controls[this.field().name];
+    }
+    get checkboxField() {
+        return this.field();
+    }
+    get checkboxGroupField() {
+        return this.field();
+    }
+    get radioField() {
+        return this.field();
+    }
+    get radioGroupField() {
+        return this.field();
+    }
+    get selectField() {
+        return this.field();
+    }
+    get singleSelectField() {
+        return this.field();
+    }
+    get textareaField() {
+        return this.field();
+    }
+    get checkboxGroupOptionsKeys() {
+        return Object.keys(this.checkboxGroupField.options);
+    }
+    get radioGroupOptionsKeys() {
+        return Object.keys(this.radioGroupField.options);
+    }
+    ngOnInit() {
+        const statusSub = this.formControl.statusChanges.subscribe(status => {
+            if (status === 'INVALID') {
+                this.validationStatusDescriptions = this.errorsHelper.getMessages(this.formControl)
+                    .map(t => ({ text: t, isTranslated: true }));
+                this.validationStatus = 'invalid';
+            }
+            else {
+                this.validationStatusDescriptions = [];
+                this.validationStatus = this.field().showValidStatus ? 'valid' : undefined;
+            }
+        });
+        this.setupWrapperClasses();
+        this.addSubscriptions(statusSub);
+    }
+    onBlur() {
+        if (this.field().shouldValidateOnBlur) {
+            this.formControl.updateValueAndValidity();
+        }
+    }
+    getText(textModel) {
+        return this.textService.getText(textModel);
+    }
+    getOptionDescription(key, type) {
+        return type === 'checkbox' ? this.checkboxGroupField.options[key] : this.radioGroupField.options[key];
+    }
+    setupWrapperClasses() {
+        this.wrapperClasses = ColumnSizeHelper.getSizeClasses(this.field().colSize);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DynamicFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: DynamicFieldComponent, selector: "upd-dynamic-field", inputs: { formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: true, transformFunction: null }, field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "class": "this.wrapperClasses" } }, usesInheritance: true, ngImport: i0, template: "@switch (field().type) {\n    @case (DynamicFieldType.Input) {\n        <upd-input [name]=\"field().name\" [label]=\"field().label\" [placeholder]=\"field().placeholder\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [layout]=\"layout()\" [isDisabled]=\"field().isDisabled || false\"\n            [type]=\"field().inputType || 'text'\" [labelColSize]=\"field().labelColSize\" [value]=\"formControl.value\"\n            (valueChange)=\"formControl.setValue($event)\" (blurred)=\"onBlur()\"></upd-input>\n    }\n    @case (DynamicFieldType.Checkbox) {\n        <upd-checkbox [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"true\"\n            [isDisabled]=\"field().isDisabled || false\" [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\"\n            [isSwitch]=\"checkboxField.isSwitch || false\" (changed)=\"formControl.setValue($event)\"></upd-checkbox>\n    }\n    @case (DynamicFieldType.CheckboxGroup) {\n        @if (!!field().label) {\n            <label class=\"form-label\">{{ getText(field().label) }}</label>\n        }\n\n        @for (option of checkboxGroupOptionsKeys; track option) {\n            <upd-checkbox [name]=\"field().name\" [label]=\"getOptionDescription(option, 'checkbox')\" [hint]=\"field().hint\"\n                [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n                [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"option\" [isDisabled]=\"field().isDisabled || false\"\n                [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\" [isSwitch]=\"checkboxField.isSwitch || false\"\n                (changed)=\"formControl.setValue(option)\"></upd-checkbox>\n        }\n    }\n    @case (DynamicFieldType.Radio) {\n        <upd-radio [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"true\"\n            [isChecked]=\"formControl.value\" [isDisabled]=\"field().isDisabled || false\" [isInline]=\"radioField.isInline || false\"\n            (selected)=\"formControl.setValue($event)\">\n        </upd-radio>\n    }\n    @case (DynamicFieldType.RadioGroup) {\n        @if (!!field().label) {\n            <label class=\"form-label\">{{ getText(field().label) }}</label>\n        }\n\n        @for (option of radioGroupOptionsKeys; track option) {\n            <upd-radio [name]=\"field().name\" [label]=\"getOptionDescription(option, 'radio')\" [hint]=\"field().hint\"\n                [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n                [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"option\" [isDisabled]=\"field().isDisabled || false\"\n                [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\"\n                (selected)=\"formControl.setValue(option)\"></upd-radio>\n        }\n    }\n    @case (DynamicFieldType.Select) {\n        <upd-select [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\"\n            [useSystemStyle]=\"singleSelectField.useSystemStyle || false\" [isDisabled]=\"field().isDisabled || false\"\n            [items]=\"selectField.items\" [layout]=\"layout()\" [labelColSize]=\"field().labelColSize\" [store]=\"selectField.store!\"\n            [observable]=\"selectField.observable\" [itemKey]=\"selectField.itemKey\" [itemValue]=\"selectField.itemValue\"\n            [dropdownMaxHeight]=\"selectField.dropdownMaxHeight || SelectDefaults.dropdownMaxHeight\"\n            [typeaheadDebounce]=\"selectField.typeaheadDebounce || SelectDefaults.typeaheadDebounce\"\n            [shouldAutoSearch]=\"selectField.shouldAutoSearch || SelectDefaults.shouldAutoSearch\"\n            [shouldCloseOnOutsideClick]=\"selectField.shouldCloseOnOutsideClick || SelectDefaults.shouldCloseOnOutsideClick\"\n            (selectedItem)=\"formControl.setValue($event?.value)\"></upd-select>\n    }\n    @case (DynamicFieldType.SelectMultiple) {\n        <upd-select-multiple [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [isDisabled]=\"field().isDisabled || false\"\n            [items]=\"selectField.items\" [layout]=\"layout()\" [labelColSize]=\"field().labelColSize\" [store]=\"selectField.store!\"\n            [observable]=\"selectField.observable\" [itemKey]=\"selectField.itemKey\" [itemValue]=\"selectField.itemValue\"\n            [dropdownMaxHeight]=\"selectField.dropdownMaxHeight || SelectDefaults.dropdownMaxHeight\"\n            [typeaheadDebounce]=\"selectField.typeaheadDebounce || SelectDefaults.typeaheadDebounce\"\n            [shouldAutoSearch]=\"selectField.shouldAutoSearch || SelectDefaults.shouldAutoSearch\"\n            [shouldCloseOnOutsideClick]=\"selectField.shouldCloseOnOutsideClick || SelectDefaults.shouldCloseOnOutsideClick\"\n            (selectedIds)=\"formControl.setValue($event)\"></upd-select-multiple>\n    }\n    @case (DynamicFieldType.Label) {\n        <label class=\"form-label\">{{ getText(field().label) }}</label>\n    }\n    @case (DynamicFieldType.TextArea) {\n        <upd-textarea [name]=\"field().name\" [label]=\"field().label\" [placeholder]=\"field().placeholder\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [isDisabled]=\"field().isDisabled || false\"\n            [value]=\"formControl.value\" [customClasses]=\"textareaField.customClasses\" [wrapperClasses]=\"textareaField.wrapperClasses\"\n            [maxLength]=\"textareaField.maxLength\" [rows]=\"textareaField.rows\"\n            [displayCharactersCount]=\"textareaField.displayCharactersCount || false\"></upd-textarea>\n    }\n}\n", styles: [""], dependencies: [{ kind: "component", type: i1.InputComponent, selector: "upd-input", inputs: ["type", "mask", "maskConfig", "value", "size", "customClasses", "wrapperClasses", "name", "maxLength", "isDisabled", "isPlainText", "isReadOnly", "isLoading", "isRound", "isFlush", "isInputGroupFlat", "isPrependButton", "isAppendButton", "isFloating", "isRequired", "loaderPosition", "prependIconModel", "appendIconModel", "isValidationStatusLight", "layout", "labelColSize"], outputs: ["valueChange", "blurred", "keyDown", "keyDownEsc", "keyUpEnter"] }, { kind: "component", type: i2.CheckboxComponent, selector: "upd-checkbox", inputs: ["wrapperClasses", "value", "customClasses", "name", "isDisabled", "isChecked", "isInline", "isSwitch", "isIndeterminate"], outputs: ["changed", "isCheckedChange", "isIndeterminateChange"] }, { kind: "component", type: i3.RadioComponent, selector: "upd-radio", inputs: ["wrapperClasses", "value", "customClasses", "name", "isDisabled", "isChecked", "isInline"], outputs: ["selected"] }, { kind: "component", type: i4.SelectComponent, selector: "upd-select", inputs: ["useSystemStyle", "shouldShowClearButton", "isCompact", "selected"], outputs: ["selectedItem"] }, { kind: "component", type: i4.SelectMultipleComponent, selector: "upd-select-multiple", outputs: ["selectedItems", "selectedIds"] }, { kind: "component", type: i5.TextareaComponent, selector: "upd-textarea", inputs: ["value", "customClasses", "wrapperClasses", "name", "maxLength", "rows", "isDisabled", "displayCharactersCount"], outputs: ["valueChange"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: DynamicFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-dynamic-field', template: "@switch (field().type) {\n    @case (DynamicFieldType.Input) {\n        <upd-input [name]=\"field().name\" [label]=\"field().label\" [placeholder]=\"field().placeholder\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [layout]=\"layout()\" [isDisabled]=\"field().isDisabled || false\"\n            [type]=\"field().inputType || 'text'\" [labelColSize]=\"field().labelColSize\" [value]=\"formControl.value\"\n            (valueChange)=\"formControl.setValue($event)\" (blurred)=\"onBlur()\"></upd-input>\n    }\n    @case (DynamicFieldType.Checkbox) {\n        <upd-checkbox [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"true\"\n            [isDisabled]=\"field().isDisabled || false\" [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\"\n            [isSwitch]=\"checkboxField.isSwitch || false\" (changed)=\"formControl.setValue($event)\"></upd-checkbox>\n    }\n    @case (DynamicFieldType.CheckboxGroup) {\n        @if (!!field().label) {\n            <label class=\"form-label\">{{ getText(field().label) }}</label>\n        }\n\n        @for (option of checkboxGroupOptionsKeys; track option) {\n            <upd-checkbox [name]=\"field().name\" [label]=\"getOptionDescription(option, 'checkbox')\" [hint]=\"field().hint\"\n                [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n                [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"option\" [isDisabled]=\"field().isDisabled || false\"\n                [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\" [isSwitch]=\"checkboxField.isSwitch || false\"\n                (changed)=\"formControl.setValue(option)\"></upd-checkbox>\n        }\n    }\n    @case (DynamicFieldType.Radio) {\n        <upd-radio [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"true\"\n            [isChecked]=\"formControl.value\" [isDisabled]=\"field().isDisabled || false\" [isInline]=\"radioField.isInline || false\"\n            (selected)=\"formControl.setValue($event)\">\n        </upd-radio>\n    }\n    @case (DynamicFieldType.RadioGroup) {\n        @if (!!field().label) {\n            <label class=\"form-label\">{{ getText(field().label) }}</label>\n        }\n\n        @for (option of radioGroupOptionsKeys; track option) {\n            <upd-radio [name]=\"field().name\" [label]=\"getOptionDescription(option, 'radio')\" [hint]=\"field().hint\"\n                [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n                [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"option\" [isDisabled]=\"field().isDisabled || false\"\n                [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\"\n                (selected)=\"formControl.setValue(option)\"></upd-radio>\n        }\n    }\n    @case (DynamicFieldType.Select) {\n        <upd-select [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\"\n            [useSystemStyle]=\"singleSelectField.useSystemStyle || false\" [isDisabled]=\"field().isDisabled || false\"\n            [items]=\"selectField.items\" [layout]=\"layout()\" [labelColSize]=\"field().labelColSize\" [store]=\"selectField.store!\"\n            [observable]=\"selectField.observable\" [itemKey]=\"selectField.itemKey\" [itemValue]=\"selectField.itemValue\"\n            [dropdownMaxHeight]=\"selectField.dropdownMaxHeight || SelectDefaults.dropdownMaxHeight\"\n            [typeaheadDebounce]=\"selectField.typeaheadDebounce || SelectDefaults.typeaheadDebounce\"\n            [shouldAutoSearch]=\"selectField.shouldAutoSearch || SelectDefaults.shouldAutoSearch\"\n            [shouldCloseOnOutsideClick]=\"selectField.shouldCloseOnOutsideClick || SelectDefaults.shouldCloseOnOutsideClick\"\n            (selectedItem)=\"formControl.setValue($event?.value)\"></upd-select>\n    }\n    @case (DynamicFieldType.SelectMultiple) {\n        <upd-select-multiple [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [isDisabled]=\"field().isDisabled || false\"\n            [items]=\"selectField.items\" [layout]=\"layout()\" [labelColSize]=\"field().labelColSize\" [store]=\"selectField.store!\"\n            [observable]=\"selectField.observable\" [itemKey]=\"selectField.itemKey\" [itemValue]=\"selectField.itemValue\"\n            [dropdownMaxHeight]=\"selectField.dropdownMaxHeight || SelectDefaults.dropdownMaxHeight\"\n            [typeaheadDebounce]=\"selectField.typeaheadDebounce || SelectDefaults.typeaheadDebounce\"\n            [shouldAutoSearch]=\"selectField.shouldAutoSearch || SelectDefaults.shouldAutoSearch\"\n            [shouldCloseOnOutsideClick]=\"selectField.shouldCloseOnOutsideClick || SelectDefaults.shouldCloseOnOutsideClick\"\n            (selectedIds)=\"formControl.setValue($event)\"></upd-select-multiple>\n    }\n    @case (DynamicFieldType.Label) {\n        <label class=\"form-label\">{{ getText(field().label) }}</label>\n    }\n    @case (DynamicFieldType.TextArea) {\n        <upd-textarea [name]=\"field().name\" [label]=\"field().label\" [placeholder]=\"field().placeholder\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [isDisabled]=\"field().isDisabled || false\"\n            [value]=\"formControl.value\" [customClasses]=\"textareaField.customClasses\" [wrapperClasses]=\"textareaField.wrapperClasses\"\n            [maxLength]=\"textareaField.maxLength\" [rows]=\"textareaField.rows\"\n            [displayCharactersCount]=\"textareaField.displayCharactersCount || false\"></upd-textarea>\n    }\n}\n" }]
+        }], propDecorators: { wrapperClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+class FormComponent extends BaseComponent {
+    get titleText() {
+        return this.textService.getText(this.title());
+    }
+    constructor() {
+        super();
+        this.initialized = new EventEmitter();
+        this.dataLoaded = new EventEmitter(); // TODO: implementar
+        this.submitted = new EventEmitter();
+        /**
+         * Rows to generate the form.
+         */
+        this.rows = input.required();
+        /**
+         * Form's layout.
+         */
+        this.layout = input('vertical');
+        /**
+         * Title of the form.
+         * Optional.
+         */
+        this.title = input(undefined);
+        /**
+         * Whether the actions section will be displayed.
+         */
+        this.hasActionsSection = input(true);
+        /**
+         * Whether the form is contained in a card.
+         * If true, it'll display a card as a form wrapper.
+         */
+        this.isCard = input(false);
+        /**
+         * Whether the form is in read only mode, which means no fields can be edited.
+         */
+        this.isDisabled = input(false, { transform: (val) => typeof val === 'string' ? val === '' : val });
+        /**
+         * Whether the form is loading.
+         */
+        this.isLoading = input(false); // TODO: implementar
+        /**
+         * Whether the form is saving.
+         */
+        this.isSaving = input(false); // TODO: implementar
+        /**
+         * Current form data.
+         */
+        this.formData = model({});
+        this.formGroup = model(new FormGroup({}));
+        this.textService = inject(TextService);
+        effect(() => {
+            this.rows();
+            this.setupFormGroup();
+        });
+    }
+    ngOnInit() {
+        this.setupFormGroup();
+        this.initialized.emit();
+        const valueChangesSub = this.formGroup().valueChanges.subscribe(() => this.formData.set(this.formGroup().getRawValue()));
+        this.addSubscriptions(valueChangesSub);
+    }
+    submit() {
+        this.formGroup().markAllAsTouched();
+        this.formGroup().updateValueAndValidity();
+        Object.values(this.formGroup().controls).forEach(control => control.updateValueAndValidity());
+        if (this.formGroup().valid) {
+            this.submitted.emit(this.formGroup().value);
+        }
+    }
+    setupFormGroup() {
+        const allFields = this.rows().map(r => r.fields).reduce((acc, fields) => acc.concat(fields), []);
+        allFields.forEach(field => {
+            const validators = field.validators || [];
+            if (field.isRequired && !validators.includes(Validators.required)) {
+                validators.push(Validators.required);
+            }
+            // TODO: handle specific cases, when ready. DateRange, DateTimeRange, TimeRange and FileUpload
+            this.formGroup().addControl(field.name, new FormControl({ value: field.initValue, disabled: field.isDisabled || this.isDisabled() }, { validators: validators }));
+        });
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: FormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: FormComponent, selector: "upd-form", inputs: { rows: { classPropertyName: "rows", publicName: "rows", isSignal: true, isRequired: true, transformFunction: null }, layout: { classPropertyName: "layout", publicName: "layout", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, hasActionsSection: { classPropertyName: "hasActionsSection", publicName: "hasActionsSection", isSignal: true, isRequired: false, transformFunction: null }, isCard: { classPropertyName: "isCard", publicName: "isCard", isSignal: true, isRequired: false, transformFunction: null }, isDisabled: { classPropertyName: "isDisabled", publicName: "isDisabled", isSignal: true, isRequired: false, transformFunction: null }, isLoading: { classPropertyName: "isLoading", publicName: "isLoading", isSignal: true, isRequired: false, transformFunction: null }, isSaving: { classPropertyName: "isSaving", publicName: "isSaving", isSignal: true, isRequired: false, transformFunction: null }, formData: { classPropertyName: "formData", publicName: "formData", isSignal: true, isRequired: false, transformFunction: null }, formGroup: { classPropertyName: "formGroup", publicName: "formGroup", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { initialized: "initialized", dataLoaded: "dataLoaded", submitted: "submitted", formData: "formDataChange", formGroup: "formGroupChange" }, usesInheritance: true, ngImport: i0, template: "<ng-container *transloco=\"let t; prefix: 'UpDevs.Form'\">\n    <div [class.card]=\"isCard()\">\n        @if (!!titleText) {\n            <div [class.card-header]=\"isCard()\">\n                <h3 [class.card-title]=\"isCard()\">{{ titleText }}</h3>\n            </div>\n        }\n        <div [class.card-body]=\"isCard()\">\n            @for (row of rows(); track row; let isFirst = $first) {\n                <div class=\"row\" [class.mt-4]=\"!isFirst\">\n                    @for (field of row.fields; track field.name) {\n                        <upd-dynamic-field [layout]=\"layout()\" [field]=\"field\" [formGroup]=\"formGroup()\"></upd-dynamic-field>\n                    }\n                </div>\n            }\n        </div>\n\n        @if (hasActionsSection()) {\n            <div [class.card-footer]=\"isCard()\" [class.mt-4]=\"!isCard()\">\n                <upd-button colorStyle=\"primary\" (clicked)=\"submit()\">\n                    {{ t('Submit') }}\n                </upd-button>\n            </div>\n        }\n    </div>\n</ng-container>\n", styles: [""], dependencies: [{ kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "component", type: i2$1.ButtonComponent, selector: "upd-button", inputs: ["model", "text", "brandColorStyle", "customClasses", "isOutline", "isGhost", "isSquare", "isPill", "isIcon", "isLoading", "isList", "isFloating", "isAction", "isNavigationLink", "isLink", "shouldIgnoreBtnClass", "iconModel", "iconPosition", "isDisabled", "isActive", "badgeConfig", "colorStyle", "size", "title"], outputs: ["clicked"] }, { kind: "directive", type: i1$2.TranslocoDirective, selector: "[transloco]", inputs: ["transloco", "translocoParams", "translocoScope", "translocoRead", "translocoPrefix", "translocoLang", "translocoLoadingTpl"] }, { kind: "component", type: DynamicFieldComponent, selector: "upd-dynamic-field", inputs: ["formGroup", "field", "layout"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: FormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'upd-form', template: "<ng-container *transloco=\"let t; prefix: 'UpDevs.Form'\">\n    <div [class.card]=\"isCard()\">\n        @if (!!titleText) {\n            <div [class.card-header]=\"isCard()\">\n                <h3 [class.card-title]=\"isCard()\">{{ titleText }}</h3>\n            </div>\n        }\n        <div [class.card-body]=\"isCard()\">\n            @for (row of rows(); track row; let isFirst = $first) {\n                <div class=\"row\" [class.mt-4]=\"!isFirst\">\n                    @for (field of row.fields; track field.name) {\n                        <upd-dynamic-field [layout]=\"layout()\" [field]=\"field\" [formGroup]=\"formGroup()\"></upd-dynamic-field>\n                    }\n                </div>\n            }\n        </div>\n\n        @if (hasActionsSection()) {\n            <div [class.card-footer]=\"isCard()\" [class.mt-4]=\"!isCard()\">\n                <upd-button colorStyle=\"primary\" (clicked)=\"submit()\">\n                    {{ t('Submit') }}\n                </upd-button>\n            </div>\n        }\n    </div>\n</ng-container>\n" }]
+        }], ctorParameters: () => [], propDecorators: { initialized: [{
+                type: Output
+            }], dataLoaded: [{
+                type: Output
+            }], submitted: [{
+                type: Output
+            }] } });
+
+var UpDevs$1 = {
+	Form: {
+		Submit: "Submit",
+		ErrorMessages: {
+			Generic: "Error",
+			Email: "Invalid email",
+			Max: "Value should not be greater than {{value}}",
+			Min: "Value should not be lower than {{value}}",
+			MaxLength: "Maximum length: {{value}}",
+			MinLength: "Minimum length: {{value}}",
+			Required: "Required field",
+			RequiredTrue: "This field must be selected"
+		}
+	}
+};
+var en = {
+	UpDevs: UpDevs$1
+};
+
+var en$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    UpDevs: UpDevs$1,
+    default: en
+});
+
+var UpDevs = {
+	Form: {
+		Submit: "Enviar",
+		ErrorMessages: {
+			Generic: "Erro",
+			Email: "E-mail inválido",
+			Max: "O valor não pode ser maior do que {{value}}",
+			Min: "O valor não pode ser menor do que {{value}}",
+			MaxLength: "Tamanho máximo permitido: {{value}}",
+			MinLength: "Tamanho mínimo permitido: {{value}}",
+			Required: "Campo obrigatório",
+			RequiredTrue: "Este campo deve ser selecionado"
+		}
+	}
+};
+var pt = {
+	UpDevs: UpDevs
+};
+
+var pt$1 = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    UpDevs: UpDevs,
+    default: pt
+});
+
+class UpdFormModule {
+    constructor(translocoService) {
+        translocoService.setTranslation(en$1, 'en');
+        translocoService.setTranslation(pt$1, 'pt');
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdFormModule, deps: [{ token: i1$2.TranslocoService }], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.0", ngImport: i0, type: UpdFormModule, declarations: [FormComponent,
+            DynamicFieldComponent], imports: [CommonModule,
+            ReactiveFormsModule,
+            UpdButtonModule,
+            TranslocoDirective,
+            UpdInputModule,
+            UpdCheckboxModule,
+            UpdRadioModule,
+            UpdDatePickerModule,
+            UpdSelectModule,
+            UpdTextareaModule], exports: [FormComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdFormModule, providers: [
+            ErrorsHelper
+        ], imports: [CommonModule,
+            ReactiveFormsModule,
+            UpdButtonModule,
+            UpdInputModule,
+            UpdCheckboxModule,
+            UpdRadioModule,
+            UpdDatePickerModule,
+            UpdSelectModule,
+            UpdTextareaModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: UpdFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        UpdButtonModule,
+                        TranslocoDirective,
+                        UpdInputModule,
+                        UpdCheckboxModule,
+                        UpdRadioModule,
+                        UpdDatePickerModule,
+                        UpdSelectModule,
+                        UpdTextareaModule
+                    ],
+                    declarations: [
+                        FormComponent,
+                        DynamicFieldComponent
+                    ],
+                    exports: [
+                        FormComponent
+                    ],
+                    providers: [
+                        ErrorsHelper
+                    ]
+                }]
+        }], ctorParameters: () => [{ type: i1$2.TranslocoService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DynamicFieldType, FormComponent, UpdFormModule };
+//# sourceMappingURL=updevs-components-form.mjs.map

package/fesm2022/updevs-components-form.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"updevs-components-form.mjs","sources":["../../../../libs/components/form/src/models/enums/dynamic-field.type.ts","../../../../libs/components/form/src/tools/errors-helper.ts","../../../../libs/components/form/src/components/dynamic-field/dynamic-field.component.ts","../../../../libs/components/form/src/components/dynamic-field/dynamic-field.component.html","../../../../libs/components/form/src/form.component.ts","../../../../libs/components/form/src/form.component.html","../../../../libs/components/form/src/upd-form.module.ts","../../../../libs/components/form/src/updevs-components-form.ts"],"sourcesContent":["export enum DynamicFieldType {\n    Input = 1,\n    Select = 2,\n    SelectMultiple = 3,\n    Label = 4,\n    Checkbox = 5,\n    CheckboxGroup = 6,\n    Radio = 7,\n    RadioGroup = 8,\n    TextArea = 9,\n    FileUpload = 10\n}\n","import { Injectable, inject } from '@angular/core';\nimport { AbstractControl } from '@angular/forms';\nimport { TextService } from '@updevs/sdk';\nimport { DictionaryType, OptionalType } from '@updevs/sdk/types';\nimport { HashMap } from '@jsverse/transloco';\n\nimport { ValidatorConfig } from '../models/validator-config';\n\n@Injectable()\nexport class ErrorsHelper {\n    private errors: DictionaryType<ValidatorConfig> = {\n        'required': { text: 'UpDevs.Form.ErrorMessages.Required' },\n        'requiredTrue': { text: 'UpDevs.Form.ErrorMessages.RequiredTrue' },\n        'generic': { text: 'UpDevs.Form.ErrorMessages.Generic' },\n        'email': { text: 'UpDevs.Form.ErrorMessages.Email' },\n        'max': { text: 'UpDevs.Form.ErrorMessages.Max', defaultErrorParamToShow: 'max' },\n        'min': { text: 'UpDevs.Form.ErrorMessages.Min', defaultErrorParamToShow: 'min' },\n        'maxlength': { text: 'UpDevs.Form.ErrorMessages.MaxLength', defaultErrorParamToShow: 'requiredLength' },\n        'minlength': { text: 'UpDevs.Form.ErrorMessages.MinLength', defaultErrorParamToShow: 'requiredLength' }\n    };\n    private readonly textService = inject(TextService);\n\n    getMessages(control: AbstractControl, customConfig?: DictionaryType<ValidatorConfig>): string[] {\n        if (!control.errors) {\n            return [];\n        }\n\n        const errorMessages: string[] = [];\n        const genericText = this.textService.getText({ text: this.errors['generic']!.text, isTranslated: false });\n        const combinedErrorMessagesList: DictionaryType<ValidatorConfig> = Object.assign({}, this.errors, customConfig || {});\n        const controlErrorKeys = Object.keys(control.errors);\n\n        controlErrorKeys.forEach(key => {\n            const customError = !!control.errors ? control.errors[key] : undefined;\n\n            if (!!customError?.errorText) {\n                errorMessages.push(this.textService.getText(customError.errorText));\n            } else if (key in combinedErrorMessagesList) {\n                const config = combinedErrorMessagesList[key]!;\n                let params: OptionalType<HashMap>;\n\n                if (config.showLength) {\n                    params = { value: control.value?.length || 0 };\n                }\n\n                if (!!config.defaultErrorParamToShow) {\n                    params = { value: control.errors![key][config.defaultErrorParamToShow] };\n                }\n\n                errorMessages.push(this.textService.getText({ text: config.text, isTranslated: false }, params));\n            }\n        });\n\n        if (controlErrorKeys.length > 0 && errorMessages.length < 1) {\n            errorMessages.push(genericText);\n        }\n\n        return errorMessages;\n    }\n}\n","import { Component, OnInit, HostBinding, inject, InputSignal, input } from '@angular/core';\nimport { FormGroup, FormControl } from '@angular/forms';\nimport { TextModel, TextService } from '@updevs/sdk';\nimport { OptionalType } from '@updevs/sdk/types';\nimport { BaseComponent } from '@updevs/sdk/layout';\nimport { ColumnSizeHelper, HorizontalVerticalType, ValidationStatusType } from '@updevs/components';\nimport { Defaults as SelectDefaults } from '@updevs/components/form-controls/select';\n\nimport { ErrorsHelper } from '../../tools/errors-helper';\nimport { DynamicFieldType } from '../../models/enums/dynamic-field.type';\nimport { DynamicFieldModel } from '../../models/dynamic-field.model';\nimport { CheckboxFieldModel } from '../../models/checkbox-field.model';\nimport { RadioFieldModel } from '../../models/radio-field.model';\nimport { SelectFieldModel } from '../../models/select-field.model';\nimport { SingleSelectFieldModel } from '../../models/single-select-field.model';\nimport { CheckboxGroupFieldModel } from '../../models/checkbox-group-field.model';\nimport { RadioGroupFieldModel } from '../../models/radio-group-field.model';\nimport { TextareaFieldModel } from '../../models/textarea-field.model';\n\n@Component({\n    selector: 'upd-dynamic-field',\n    templateUrl: './dynamic-field.component.html',\n    styleUrl: './dynamic-field.component.scss'\n})\nexport class DynamicFieldComponent extends BaseComponent implements OnInit {\n    @HostBinding('class') wrapperClasses = '';\n\n    DynamicFieldType = DynamicFieldType;\n    SelectDefaults = SelectDefaults;\n    formGroup: InputSignal<FormGroup> = input.required();\n    field: InputSignal<DynamicFieldModel> = input.required();\n    layout: InputSignal<HorizontalVerticalType> = input.required();\n    validationStatus?: ValidationStatusType;\n    validationStatusDescriptions: TextModel[] = [];\n    get formControl(): FormControl {\n        return this.formGroup().controls[this.field().name] as FormControl;\n    }\n    get checkboxField(): CheckboxFieldModel {\n        return this.field() as CheckboxFieldModel;\n    }\n    get checkboxGroupField(): CheckboxGroupFieldModel {\n        return this.field() as CheckboxGroupFieldModel;\n    }\n    get radioField(): CheckboxFieldModel {\n        return this.field() as RadioFieldModel;\n    }\n    get radioGroupField(): RadioGroupFieldModel {\n        return this.field() as RadioGroupFieldModel;\n    }\n    get selectField(): SelectFieldModel {\n        return this.field() as SelectFieldModel;\n    }\n    get singleSelectField(): SingleSelectFieldModel {\n        return this.field() as SingleSelectFieldModel;\n    }\n    get textareaField(): TextareaFieldModel {\n        return this.field() as TextareaFieldModel;\n    }\n    get checkboxGroupOptionsKeys(): string[] {\n        return Object.keys(this.checkboxGroupField.options);\n    }\n    get radioGroupOptionsKeys(): string[] {\n        return Object.keys(this.radioGroupField.options);\n    }\n\n    private readonly errorsHelper = inject(ErrorsHelper);\n    private readonly textService = inject(TextService);\n\n    ngOnInit(): void {\n        const statusSub = this.formControl.statusChanges.subscribe(status => {\n            if (status === 'INVALID') {\n                this.validationStatusDescriptions = this.errorsHelper.getMessages(this.formControl)\n                    .map(t => ({ text: t, isTranslated: true }));\n                this.validationStatus = 'invalid';\n            } else {\n                this.validationStatusDescriptions = [];\n                this.validationStatus = this.field().showValidStatus ? 'valid' : undefined;\n            }\n        });\n\n        this.setupWrapperClasses();\n        this.addSubscriptions(statusSub);\n    }\n\n    onBlur(): void {\n        if (this.field().shouldValidateOnBlur) {\n            this.formControl.updateValueAndValidity();\n        }\n    }\n\n    getText(textModel?: TextModel): string {\n        return this.textService.getText(textModel);\n    }\n\n    getOptionDescription(key: string, type: 'checkbox' | 'radio'): OptionalType<TextModel> {\n        return type === 'checkbox' ? this.checkboxGroupField.options[key] : this.radioGroupField.options[key];\n    }\n\n    private setupWrapperClasses(): void {\n        this.wrapperClasses = ColumnSizeHelper.getSizeClasses(this.field().colSize);\n    }\n}\n","@switch (field().type) {\n    @case (DynamicFieldType.Input) {\n        <upd-input [name]=\"field().name\" [label]=\"field().label\" [placeholder]=\"field().placeholder\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [layout]=\"layout()\" [isDisabled]=\"field().isDisabled || false\"\n            [type]=\"field().inputType || 'text'\" [labelColSize]=\"field().labelColSize\" [value]=\"formControl.value\"\n            (valueChange)=\"formControl.setValue($event)\" (blurred)=\"onBlur()\"></upd-input>\n    }\n    @case (DynamicFieldType.Checkbox) {\n        <upd-checkbox [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"true\"\n            [isDisabled]=\"field().isDisabled || false\" [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\"\n            [isSwitch]=\"checkboxField.isSwitch || false\" (changed)=\"formControl.setValue($event)\"></upd-checkbox>\n    }\n    @case (DynamicFieldType.CheckboxGroup) {\n        @if (!!field().label) {\n            <label class=\"form-label\">{{ getText(field().label) }}</label>\n        }\n\n        @for (option of checkboxGroupOptionsKeys; track option) {\n            <upd-checkbox [name]=\"field().name\" [label]=\"getOptionDescription(option, 'checkbox')\" [hint]=\"field().hint\"\n                [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n                [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"option\" [isDisabled]=\"field().isDisabled || false\"\n                [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\" [isSwitch]=\"checkboxField.isSwitch || false\"\n                (changed)=\"formControl.setValue(option)\"></upd-checkbox>\n        }\n    }\n    @case (DynamicFieldType.Radio) {\n        <upd-radio [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"true\"\n            [isChecked]=\"formControl.value\" [isDisabled]=\"field().isDisabled || false\" [isInline]=\"radioField.isInline || false\"\n            (selected)=\"formControl.setValue($event)\">\n        </upd-radio>\n    }\n    @case (DynamicFieldType.RadioGroup) {\n        @if (!!field().label) {\n            <label class=\"form-label\">{{ getText(field().label) }}</label>\n        }\n\n        @for (option of radioGroupOptionsKeys; track option) {\n            <upd-radio [name]=\"field().name\" [label]=\"getOptionDescription(option, 'radio')\" [hint]=\"field().hint\"\n                [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n                [validationStatusDescriptions]=\"validationStatusDescriptions\" [value]=\"option\" [isDisabled]=\"field().isDisabled || false\"\n                [isChecked]=\"formControl.value\" [isInline]=\"checkboxField.isInline || false\"\n                (selected)=\"formControl.setValue(option)\"></upd-radio>\n        }\n    }\n    @case (DynamicFieldType.Select) {\n        <upd-select [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\" [hintAsTooltip]=\"field().hintAsTooltip || false\"\n            [validationStatus]=\"validationStatus\" [validationStatusDescriptions]=\"validationStatusDescriptions\"\n            [useSystemStyle]=\"singleSelectField.useSystemStyle || false\" [isDisabled]=\"field().isDisabled || false\"\n            [items]=\"selectField.items\" [layout]=\"layout()\" [labelColSize]=\"field().labelColSize\" [store]=\"selectField.store!\"\n            [observable]=\"selectField.observable\" [itemKey]=\"selectField.itemKey\" [itemValue]=\"selectField.itemValue\"\n            [dropdownMaxHeight]=\"selectField.dropdownMaxHeight || SelectDefaults.dropdownMaxHeight\"\n            [typeaheadDebounce]=\"selectField.typeaheadDebounce || SelectDefaults.typeaheadDebounce\"\n            [shouldAutoSearch]=\"selectField.shouldAutoSearch || SelectDefaults.shouldAutoSearch\"\n            [shouldCloseOnOutsideClick]=\"selectField.shouldCloseOnOutsideClick || SelectDefaults.shouldCloseOnOutsideClick\"\n            (selectedItem)=\"formControl.setValue($event?.value)\"></upd-select>\n    }\n    @case (DynamicFieldType.SelectMultiple) {\n        <upd-select-multiple [name]=\"field().name\" [label]=\"field().label\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [isDisabled]=\"field().isDisabled || false\"\n            [items]=\"selectField.items\" [layout]=\"layout()\" [labelColSize]=\"field().labelColSize\" [store]=\"selectField.store!\"\n            [observable]=\"selectField.observable\" [itemKey]=\"selectField.itemKey\" [itemValue]=\"selectField.itemValue\"\n            [dropdownMaxHeight]=\"selectField.dropdownMaxHeight || SelectDefaults.dropdownMaxHeight\"\n            [typeaheadDebounce]=\"selectField.typeaheadDebounce || SelectDefaults.typeaheadDebounce\"\n            [shouldAutoSearch]=\"selectField.shouldAutoSearch || SelectDefaults.shouldAutoSearch\"\n            [shouldCloseOnOutsideClick]=\"selectField.shouldCloseOnOutsideClick || SelectDefaults.shouldCloseOnOutsideClick\"\n            (selectedIds)=\"formControl.setValue($event)\"></upd-select-multiple>\n    }\n    @case (DynamicFieldType.Label) {\n        <label class=\"form-label\">{{ getText(field().label) }}</label>\n    }\n    @case (DynamicFieldType.TextArea) {\n        <upd-textarea [name]=\"field().name\" [label]=\"field().label\" [placeholder]=\"field().placeholder\" [hint]=\"field().hint\"\n            [hintAsTooltip]=\"field().hintAsTooltip || false\" [validationStatus]=\"validationStatus\"\n            [validationStatusDescriptions]=\"validationStatusDescriptions\" [isDisabled]=\"field().isDisabled || false\"\n            [value]=\"formControl.value\" [customClasses]=\"textareaField.customClasses\" [wrapperClasses]=\"textareaField.wrapperClasses\"\n            [maxLength]=\"textareaField.maxLength\" [rows]=\"textareaField.rows\"\n            [displayCharactersCount]=\"textareaField.displayCharactersCount || false\"></upd-textarea>\n    }\n}\n","import { Component, inject, OnInit, Output, EventEmitter, input, model, InputSignal, effect } from '@angular/core';\nimport { FormGroup, FormControl, ValidatorFn, Validators } from '@angular/forms';\nimport { BaseComponent } from '@updevs/sdk/layout';\nimport { TextModel, TextService } from '@updevs/sdk';\nimport { HorizontalVerticalType } from '@updevs/components';\nimport { OptionalType } from '@updevs/sdk/types';\n\nimport { FormRowModel } from './models/form-row.model';\n\n@Component({\n    selector: 'upd-form',\n    templateUrl: './form.component.html',\n    styleUrl: './form.component.scss'\n})\nexport class FormComponent<T> extends BaseComponent implements OnInit {\n    @Output() readonly initialized = new EventEmitter<void>();\n    @Output() readonly dataLoaded = new EventEmitter<T>(); // TODO: implementar\n    @Output() readonly submitted = new EventEmitter<T>();\n\n    /**\n     * Rows to generate the form.\n     */\n    rows: InputSignal<FormRowModel[]> = input.required();\n    /**\n     * Form's layout.\n     */\n    layout: InputSignal<HorizontalVerticalType> = input<HorizontalVerticalType>('vertical');\n    /**\n     * Title of the form.\n     * Optional.\n     */\n    title: InputSignal<OptionalType<TextModel>> = input<OptionalType<TextModel>>(undefined);\n    /**\n     * Whether the actions section will be displayed.\n     */\n    hasActionsSection = input(true);\n    /**\n     * Whether the form is contained in a card.\n     * If true, it'll display a card as a form wrapper.\n     */\n    isCard = input(false);\n    /**\n     * Whether the form is in read only mode, which means no fields can be edited.\n     */\n    isDisabled = input(false, { transform: (val: boolean | string) => typeof val === 'string' ? val === '' : val });\n    /**\n     * Whether the form is loading.\n     */\n    isLoading = input(false); // TODO: implementar\n    /**\n     * Whether the form is saving.\n     */\n    isSaving = input(false); // TODO: implementar\n    /**\n     * Current form data.\n     */\n    formData = model({} as T);\n    formGroup = model(new FormGroup({}));\n    get titleText(): string {\n        return this.textService.getText(this.title());\n    }\n\n    private readonly textService = inject(TextService);\n\n    constructor() {\n        super();\n\n        effect(() => {\n            this.rows();\n            this.setupFormGroup();\n        });\n    }\n\n    ngOnInit(): void {\n        this.setupFormGroup();\n        this.initialized.emit();\n\n        const valueChangesSub = this.formGroup().valueChanges.subscribe(() => this.formData.set(this.formGroup().getRawValue() as T));\n\n        this.addSubscriptions(valueChangesSub);\n    }\n\n    submit(): void {\n        this.formGroup().markAllAsTouched();\n        this.formGroup().updateValueAndValidity();\n        Object.values(this.formGroup().controls).forEach(control => (control as FormControl).updateValueAndValidity());\n\n        if (this.formGroup().valid) {\n            this.submitted.emit(this.formGroup().value as T);\n        }\n    }\n\n    private setupFormGroup(): void {\n        const allFields = this.rows().map(r => r.fields).reduce((acc, fields) => acc.concat(fields), []);\n\n        allFields.forEach(field => {\n            const validators: ValidatorFn[] = field.validators || [];\n\n            if (field.isRequired && !validators.includes(Validators.required)) {\n                validators.push(Validators.required);\n            }\n\n            // TODO: handle specific cases, when ready. DateRange, DateTimeRange, TimeRange and FileUpload\n            this.formGroup().addControl(\n                field.name,\n                new FormControl({ value: field.initValue, disabled: field.isDisabled || this.isDisabled() }, { validators: validators })\n            );\n        });\n    }\n}\n","<ng-container *transloco=\"let t; prefix: 'UpDevs.Form'\">\n    <div [class.card]=\"isCard()\">\n        @if (!!titleText) {\n            <div [class.card-header]=\"isCard()\">\n                <h3 [class.card-title]=\"isCard()\">{{ titleText }}</h3>\n            </div>\n        }\n        <div [class.card-body]=\"isCard()\">\n            @for (row of rows(); track row; let isFirst = $first) {\n                <div class=\"row\" [class.mt-4]=\"!isFirst\">\n                    @for (field of row.fields; track field.name) {\n                        <upd-dynamic-field [layout]=\"layout()\" [field]=\"field\" [formGroup]=\"formGroup()\"></upd-dynamic-field>\n                    }\n                </div>\n            }\n        </div>\n\n        @if (hasActionsSection()) {\n            <div [class.card-footer]=\"isCard()\" [class.mt-4]=\"!isCard()\">\n                <upd-button colorStyle=\"primary\" (clicked)=\"submit()\">\n                    {{ t('Submit') }}\n                </upd-button>\n            </div>\n        }\n    </div>\n</ng-container>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ReactiveFormsModule } from '@angular/forms';\nimport { UpdButtonModule } from '@updevs/components/button';\nimport { UpdInputModule } from '@updevs/components/form-controls/input';\nimport { UpdCheckboxModule } from '@updevs/components/form-controls/checkbox';\nimport { UpdRadioModule } from '@updevs/components/form-controls/radio';\nimport { UpdDatePickerModule } from '@updevs/components/form-controls/date-picker';\nimport { UpdSelectModule } from '@updevs/components/form-controls/select';\nimport { UpdTextareaModule } from '@updevs/components/form-controls/textarea';\nimport { TranslocoDirective, TranslocoService } from '@jsverse/transloco';\n\nimport * as en from './assets/i18n/en.json';\nimport * as pt from './assets/i18n/pt.json';\nimport { FormComponent } from './form.component';\nimport { DynamicFieldComponent } from './components/dynamic-field/dynamic-field.component';\nimport { ErrorsHelper } from './tools/errors-helper';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        ReactiveFormsModule,\n        UpdButtonModule,\n        TranslocoDirective,\n        UpdInputModule,\n        UpdCheckboxModule,\n        UpdRadioModule,\n        UpdDatePickerModule,\n        UpdSelectModule,\n        UpdTextareaModule\n    ],\n    declarations: [\n        FormComponent,\n        DynamicFieldComponent\n    ],\n    exports: [\n        FormComponent\n    ],\n    providers: [\n        ErrorsHelper\n    ]\n})\nexport class UpdFormModule {\n    constructor(translocoService: TranslocoService) {\n        translocoService.setTranslation(en, 'en');\n        translocoService.setTranslation(pt, 'pt');\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["SelectDefaults","i1","i2","i3","i4.DynamicFieldComponent","en","pt"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;IAAY,iBAWX;AAXD,CAAA,UAAY,gBAAgB,EAAA;AACxB,IAAA,gBAAA,CAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAS,CAAA;AACT,IAAA,gBAAA,CAAA,gBAAA,CAAA,QAAA,CAAA,GAAA,CAAA,CAAA,GAAA,QAAU,CAAA;AACV,IAAA,gBAAA,CAAA,gBAAA,CAAA,gBAAA,CAAA,GAAA,CAAA,CAAA,GAAA,gBAAkB,CAAA;AAClB,IAAA,gBAAA,CAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAS,CAAA;AACT,IAAA,gBAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAY,CAAA;AACZ,IAAA,gBAAA,CAAA,gBAAA,CAAA,eAAA,CAAA,GAAA,CAAA,CAAA,GAAA,eAAiB,CAAA;AACjB,IAAA,gBAAA,CAAA,gBAAA,CAAA,OAAA,CAAA,GAAA,CAAA,CAAA,GAAA,OAAS,CAAA;AACT,IAAA,gBAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,GAAA,CAAA,CAAA,GAAA,YAAc,CAAA;AACd,IAAA,gBAAA,CAAA,gBAAA,CAAA,UAAA,CAAA,GAAA,CAAA,CAAA,GAAA,UAAY,CAAA;AACZ,IAAA,gBAAA,CAAA,gBAAA,CAAA,YAAA,CAAA,GAAA,EAAA,CAAA,GAAA,YAAe,CAAA;AACnB,CAAC,EAXW,gBAAgB,KAAhB,gBAAgB,GAW3B,EAAA,CAAA,CAAA;;MCFY,YAAY,CAAA;AADzB,IAAA,WAAA,GAAA;AAEY,QAAA,IAAA,CAAA,MAAM,GAAoC;AAC9C,YAAA,UAAU,EAAE,EAAE,IAAI,EAAE,oCAAoC,EAAE;AAC1D,YAAA,cAAc,EAAE,EAAE,IAAI,EAAE,wCAAwC,EAAE;AAClE,YAAA,SAAS,EAAE,EAAE,IAAI,EAAE,mCAAmC,EAAE;AACxD,YAAA,OAAO,EAAE,EAAE,IAAI,EAAE,iCAAiC,EAAE;YACpD,KAAK,EAAE,EAAE,IAAI,EAAE,+BAA+B,EAAE,uBAAuB,EAAE,KAAK,EAAE;YAChF,KAAK,EAAE,EAAE,IAAI,EAAE,+BAA+B,EAAE,uBAAuB,EAAE,KAAK,EAAE;YAChF,WAAW,EAAE,EAAE,IAAI,EAAE,qCAAqC,EAAE,uBAAuB,EAAE,gBAAgB,EAAE;YACvG,WAAW,EAAE,EAAE,IAAI,EAAE,qCAAqC,EAAE,uBAAuB,EAAE,gBAAgB,EAAE;SAC1G,CAAC;AACe,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAuCtD,KAAA;IArCG,WAAW,CAAC,OAAwB,EAAE,YAA8C,EAAA;AAChF,QAAA,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;AACjB,YAAA,OAAO,EAAE,CAAC;SACb;QAED,MAAM,aAAa,GAAa,EAAE,CAAC;QACnC,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,SAAS,CAAE,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,CAAC;AAC1G,QAAA,MAAM,yBAAyB,GAAoC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,IAAI,EAAE,CAAC,CAAC;QACtH,MAAM,gBAAgB,GAAG,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;AAErD,QAAA,gBAAgB,CAAC,OAAO,CAAC,GAAG,IAAG;YAC3B,MAAM,WAAW,GAAG,CAAC,CAAC,OAAO,CAAC,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,SAAS,CAAC;AAEvE,YAAA,IAAI,CAAC,CAAC,WAAW,EAAE,SAAS,EAAE;AAC1B,gBAAA,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC;aACvE;AAAM,iBAAA,IAAI,GAAG,IAAI,yBAAyB,EAAE;AACzC,gBAAA,MAAM,MAAM,GAAG,yBAAyB,CAAC,GAAG,CAAE,CAAC;AAC/C,gBAAA,IAAI,MAA6B,CAAC;AAElC,gBAAA,IAAI,MAAM,CAAC,UAAU,EAAE;AACnB,oBAAA,MAAM,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,MAAM,IAAI,CAAC,EAAE,CAAC;iBAClD;AAED,gBAAA,IAAI,CAAC,CAAC,MAAM,CAAC,uBAAuB,EAAE;AAClC,oBAAA,MAAM,GAAG,EAAE,KAAK,EAAE,OAAO,CAAC,MAAO,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,uBAAuB,CAAC,EAAE,CAAC;iBAC5E;gBAED,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,EAAE,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,MAAM,CAAC,CAAC,CAAC;aACpG;AACL,SAAC,CAAC,CAAC;AAEH,QAAA,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,EAAE;AACzD,YAAA,aAAa,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACnC;AAED,QAAA,OAAO,aAAa,CAAC;KACxB;8GAjDQ,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA,EAAA;kHAAZ,YAAY,EAAA,CAAA,CAAA,EAAA;;2FAAZ,YAAY,EAAA,UAAA,EAAA,CAAA;kBADxB,UAAU;;;ACgBL,MAAO,qBAAsB,SAAQ,aAAa,CAAA;AALxD,IAAA,WAAA,GAAA;;QAM0B,IAAc,CAAA,cAAA,GAAG,EAAE,CAAC;QAE1C,IAAgB,CAAA,gBAAA,GAAG,gBAAgB,CAAC;QACpC,IAAc,CAAA,cAAA,GAAGA,QAAc,CAAC;AAChC,QAAA,IAAA,CAAA,SAAS,GAA2B,KAAK,CAAC,QAAQ,EAAE,CAAC;AACrD,QAAA,IAAA,CAAA,KAAK,GAAmC,KAAK,CAAC,QAAQ,EAAE,CAAC;AACzD,QAAA,IAAA,CAAA,MAAM,GAAwC,KAAK,CAAC,QAAQ,EAAE,CAAC;QAE/D,IAA4B,CAAA,4BAAA,GAAgB,EAAE,CAAC;AAgC9B,QAAA,IAAA,CAAA,YAAY,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;AACpC,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;AAmCtD,KAAA;AAnEG,IAAA,IAAI,WAAW,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,CAAgB,CAAC;KACtE;AACD,IAAA,IAAI,aAAa,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,EAAwB,CAAC;KAC7C;AACD,IAAA,IAAI,kBAAkB,GAAA;AAClB,QAAA,OAAO,IAAI,CAAC,KAAK,EAA6B,CAAC;KAClD;AACD,IAAA,IAAI,UAAU,GAAA;AACV,QAAA,OAAO,IAAI,CAAC,KAAK,EAAqB,CAAC;KAC1C;AACD,IAAA,IAAI,eAAe,GAAA;AACf,QAAA,OAAO,IAAI,CAAC,KAAK,EAA0B,CAAC;KAC/C;AACD,IAAA,IAAI,WAAW,GAAA;AACX,QAAA,OAAO,IAAI,CAAC,KAAK,EAAsB,CAAC;KAC3C;AACD,IAAA,IAAI,iBAAiB,GAAA;AACjB,QAAA,OAAO,IAAI,CAAC,KAAK,EAA4B,CAAC;KACjD;AACD,IAAA,IAAI,aAAa,GAAA;AACb,QAAA,OAAO,IAAI,CAAC,KAAK,EAAwB,CAAC;KAC7C;AACD,IAAA,IAAI,wBAAwB,GAAA;QACxB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;KACvD;AACD,IAAA,IAAI,qBAAqB,GAAA;QACrB,OAAO,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;KACpD;IAKD,QAAQ,GAAA;AACJ,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,SAAS,CAAC,MAAM,IAAG;AAChE,YAAA,IAAI,MAAM,KAAK,SAAS,EAAE;AACtB,gBAAA,IAAI,CAAC,4BAA4B,GAAG,IAAI,CAAC,YAAY,CAAC,WAAW,CAAC,IAAI,CAAC,WAAW,CAAC;AAC9E,qBAAA,GAAG,CAAC,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;AACjD,gBAAA,IAAI,CAAC,gBAAgB,GAAG,SAAS,CAAC;aACrC;iBAAM;AACH,gBAAA,IAAI,CAAC,4BAA4B,GAAG,EAAE,CAAC;AACvC,gBAAA,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,eAAe,GAAG,OAAO,GAAG,SAAS,CAAC;aAC9E;AACL,SAAC,CAAC,CAAC;QAEH,IAAI,CAAC,mBAAmB,EAAE,CAAC;AAC3B,QAAA,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC;KACpC;IAED,MAAM,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC,oBAAoB,EAAE;AACnC,YAAA,IAAI,CAAC,WAAW,CAAC,sBAAsB,EAAE,CAAC;SAC7C;KACJ;AAED,IAAA,OAAO,CAAC,SAAqB,EAAA;QACzB,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;KAC9C;IAED,oBAAoB,CAAC,GAAW,EAAE,IAA0B,EAAA;QACxD,OAAO,IAAI,KAAK,UAAU,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;KACzG;IAEO,mBAAmB,GAAA;AACvB,QAAA,IAAI,CAAC,cAAc,GAAG,gBAAgB,CAAC,cAAc,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC;KAC/E;8GA5EQ,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAArB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,qBAAqB,0gBCxBlC,shNAmFA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,YAAA,EAAA,OAAA,EAAA,MAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,WAAA,EAAA,YAAA,EAAA,aAAA,EAAA,YAAA,EAAA,WAAA,EAAA,SAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,YAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,kBAAA,EAAA,iBAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,EAAA,SAAA,EAAA,SAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,OAAA,EAAA,eAAA,EAAA,MAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,EAAA,UAAA,EAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,iBAAA,EAAA,uBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,OAAA,EAAA,eAAA,EAAA,MAAA,EAAA,YAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,gBAAA,EAAA,uBAAA,EAAA,WAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,eAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,YAAA,EAAA,wBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FD3Da,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;+BACI,mBAAmB,EAAA,QAAA,EAAA,shNAAA,EAAA,CAAA;8BAKP,cAAc,EAAA,CAAA;sBAAnC,WAAW;uBAAC,OAAO,CAAA;;;AEXlB,MAAO,aAAiB,SAAQ,aAAa,CAAA;AA4C/C,IAAA,IAAI,SAAS,GAAA;QACT,OAAO,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;KACjD;AAID,IAAA,WAAA,GAAA;AACI,QAAA,KAAK,EAAE,CAAC;AAlDO,QAAA,IAAA,CAAA,WAAW,GAAG,IAAI,YAAY,EAAQ,CAAC;AACvC,QAAA,IAAA,CAAA,UAAU,GAAG,IAAI,YAAY,EAAK,CAAC;AACnC,QAAA,IAAA,CAAA,SAAS,GAAG,IAAI,YAAY,EAAK,CAAC;AAErD;;AAEG;AACH,QAAA,IAAA,CAAA,IAAI,GAAgC,KAAK,CAAC,QAAQ,EAAE,CAAC;AACrD;;AAEG;AACH,QAAA,IAAA,CAAA,MAAM,GAAwC,KAAK,CAAyB,UAAU,CAAC,CAAC;AACxF;;;AAGG;AACH,QAAA,IAAA,CAAA,KAAK,GAAyC,KAAK,CAA0B,SAAS,CAAC,CAAC;AACxF;;AAEG;AACH,QAAA,IAAA,CAAA,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;AAChC;;;AAGG;AACH,QAAA,IAAA,CAAA,MAAM,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;AACtB;;AAEG;AACH,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,CAAC,GAAqB,KAAK,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,KAAK,EAAE,GAAG,GAAG,EAAE,CAAC,CAAC;AAChH;;AAEG;AACH,QAAA,IAAA,CAAA,SAAS,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;AACzB;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;AACxB;;AAEG;AACH,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAC,EAAO,CAAC,CAAC;QAC1B,IAAS,CAAA,SAAA,GAAG,KAAK,CAAC,IAAI,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC;AAKpB,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC,CAAC;QAK/C,MAAM,CAAC,MAAK;YACR,IAAI,CAAC,IAAI,EAAE,CAAC;YACZ,IAAI,CAAC,cAAc,EAAE,CAAC;AAC1B,SAAC,CAAC,CAAC;KACN;IAED,QAAQ,GAAA;QACJ,IAAI,CAAC,cAAc,EAAE,CAAC;AACtB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;AAExB,QAAA,MAAM,eAAe,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC,YAAY,CAAC,SAAS,CAAC,MAAM,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,WAAW,EAAO,CAAC,CAAC,CAAC;AAE9H,QAAA,IAAI,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;KAC1C;IAED,MAAM,GAAA;AACF,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,gBAAgB,EAAE,CAAC;AACpC,QAAA,IAAI,CAAC,SAAS,EAAE,CAAC,sBAAsB,EAAE,CAAC;QAC1C,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,OAAO,IAAK,OAAuB,CAAC,sBAAsB,EAAE,CAAC,CAAC;AAE/G,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE;AACxB,YAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,KAAU,CAAC,CAAC;SACpD;KACJ;IAEO,cAAc,GAAA;AAClB,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,CAAC,CAAC;AAEjG,QAAA,SAAS,CAAC,OAAO,CAAC,KAAK,IAAG;AACtB,YAAA,MAAM,UAAU,GAAkB,KAAK,CAAC,UAAU,IAAI,EAAE,CAAC;AAEzD,YAAA,IAAI,KAAK,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,UAAU,CAAC,QAAQ,CAAC,EAAE;AAC/D,gBAAA,UAAU,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC;aACxC;;AAGD,YAAA,IAAI,CAAC,SAAS,EAAE,CAAC,UAAU,CACvB,KAAK,CAAC,IAAI,EACV,IAAI,WAAW,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,QAAQ,EAAE,KAAK,CAAC,UAAU,IAAI,IAAI,CAAC,UAAU,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,CAAC,CAC3H,CAAC;AACN,SAAC,CAAC,CAAC;KACN;8GA9FQ,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,aAAa,u/CCd1B,0iCA0BA,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,0FAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAA,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,eAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,WAAA,EAAA,SAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,WAAA,EAAA,QAAA,EAAA,YAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,WAAA,EAAA,cAAA,EAAA,YAAA,EAAA,UAAA,EAAA,aAAA,EAAA,YAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,IAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,eAAA,EAAA,qBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAAC,qBAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,OAAA,EAAA,QAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;2FDZa,aAAa,EAAA,UAAA,EAAA,CAAA;kBALzB,SAAS;+BACI,UAAU,EAAA,QAAA,EAAA,0iCAAA,EAAA,CAAA;wDAKD,WAAW,EAAA,CAAA;sBAA7B,MAAM;gBACY,UAAU,EAAA,CAAA;sBAA5B,MAAM;gBACY,SAAS,EAAA,CAAA;sBAA3B,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MEyBE,aAAa,CAAA;AACtB,IAAA,WAAA,CAAY,gBAAkC,EAAA;AAC1C,QAAA,gBAAgB,CAAC,cAAc,CAACC,IAAE,EAAE,IAAI,CAAC,CAAC;AAC1C,QAAA,gBAAgB,CAAC,cAAc,CAACC,IAAE,EAAE,IAAI,CAAC,CAAC;KAC7C;8GAJQ,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAAL,IAAA,CAAA,gBAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAb,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,iBAVlB,aAAa;AACb,YAAA,qBAAqB,aAbrB,YAAY;YACZ,mBAAmB;YACnB,eAAe;YACf,kBAAkB;YAClB,cAAc;YACd,iBAAiB;YACjB,cAAc;YACd,mBAAmB;YACnB,eAAe;AACf,YAAA,iBAAiB,aAOjB,aAAa,CAAA,EAAA,CAAA,CAAA,EAAA;AAMR,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,aAAa,EAJX,SAAA,EAAA;YACP,YAAY;AACf,SAAA,EAAA,OAAA,EAAA,CApBG,YAAY;YACZ,mBAAmB;YACnB,eAAe;YAEf,cAAc;YACd,iBAAiB;YACjB,cAAc;YACd,mBAAmB;YACnB,eAAe;YACf,iBAAiB,CAAA,EAAA,CAAA,CAAA,EAAA;;2FAaZ,aAAa,EAAA,UAAA,EAAA,CAAA;kBAxBzB,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE;wBACL,YAAY;wBACZ,mBAAmB;wBACnB,eAAe;wBACf,kBAAkB;wBAClB,cAAc;wBACd,iBAAiB;wBACjB,cAAc;wBACd,mBAAmB;wBACnB,eAAe;wBACf,iBAAiB;AACpB,qBAAA;AACD,oBAAA,YAAY,EAAE;wBACV,aAAa;wBACb,qBAAqB;AACxB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACL,aAAa;AAChB,qBAAA;AACD,oBAAA,SAAS,EAAE;wBACP,YAAY;AACf,qBAAA;AACJ,iBAAA,CAAA;;;ACzCD;;AAEG;;;;"}