@seniorsistemas/angular-components 17.31.2 → 18.0.0-develop-ae6477c0

package/fesm2022/seniorsistemas-angular-components-dynamic-form.mjs

@@ -0,0 +1,3851 @@
+import { AlignmentOptions } from '@seniorsistemas/ng2-currency-mask';
+import * as i1$3 from '@seniorsistemas/angular-components/locale';
+import { NumberLocaleOptions, CalendarLocaleOptions, LocaleModule } from '@seniorsistemas/angular-components/locale';
+import * as i7$1 from '@seniorsistemas/angular-components/number-input';
+import { NumberAlignmentOption, NumberInputModule } from '@seniorsistemas/angular-components/number-input';
+import { of, Subject } from 'rxjs';
+import { delay, takeUntil, first } from 'rxjs/operators';
+import { isNullOrUndefined, randomHash } from '@seniorsistemas/angular-components/utils';
+import * as i0 from '@angular/core';
+import { Injectable, inject, ViewContainerRef, Directive, Input, input, computed, Component, ViewEncapsulation, viewChild, EventEmitter, forwardRef, Output, ViewChild, HostListener, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1$1 from '@angular/forms';
+import { FormControl, FormGroup, NG_VALUE_ACCESSOR, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i1 from '@seniorsistemas/angular-components/button';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import * as i3 from '@seniorsistemas/angular-components/control-errors';
+import { ControlErrorsModule } from '@seniorsistemas/angular-components/control-errors';
+import * as i2$1 from '@seniorsistemas/angular-components/info-sign';
+import { InfoSignModule } from '@seniorsistemas/angular-components/info-sign';
+import * as i2$2 from '@ngx-translate/core';
+import { TranslateService, TranslateModule } from '@ngx-translate/core';
+import * as i5 from '@seniorsistemas/angular-components/badge';
+import { BadgeModule } from '@seniorsistemas/angular-components/badge';
+import * as i9 from '@seniorsistemas/angular-components/empty-state';
+import { EmptyStateModule } from '@seniorsistemas/angular-components/empty-state';
+import * as i11 from '@seniorsistemas/angular-components/loading-state';
+import { LoadingStateIndicators, LoadingStateModule } from '@seniorsistemas/angular-components/loading-state';
+import * as i19 from '@seniorsistemas/angular-components/mask';
+import { MaskFormatterModule } from '@seniorsistemas/angular-components/mask';
+import * as i14 from '@seniorsistemas/angular-components/table-header';
+import { TableHeaderCheckboxModule } from '@seniorsistemas/angular-components/table-header';
+import * as i2$3 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+import * as i2$5 from '@seniorsistemas/angular-components/bignumber-input';
+import { BignumberInputModule } from '@seniorsistemas/angular-components/bignumber-input';
+import { CalendarMaskModule } from '@seniorsistemas/angular-components/calendar-mask';
+import * as i3$4 from '@seniorsistemas/angular-components/chips';
+import { ChipsModule } from '@seniorsistemas/angular-components/chips';
+import * as i1$6 from '@seniorsistemas/angular-components/country-phone-picker';
+import { CountryPhonePickerModule } from '@seniorsistemas/angular-components/country-phone-picker';
+import * as i2$8 from '@seniorsistemas/angular-components/file-upload';
+import { FileUploadModule } from '@seniorsistemas/angular-components/file-upload';
+import * as i7$2 from '@seniorsistemas/angular-components/localized-number-input';
+import { LocalizedNumberInputModule } from '@seniorsistemas/angular-components/localized-number-input';
+import * as i15 from '@seniorsistemas/angular-components/mouse-events';
+import { MouseEventsModule } from '@seniorsistemas/angular-components/mouse-events';
+import * as i3$2 from '@seniorsistemas/angular-components/switch';
+import { SwitchModule } from '@seniorsistemas/angular-components/switch';
+import * as i2$b from '@seniorsistemas/angular-components/text-area-ia';
+import { TextAreaIAModule } from '@seniorsistemas/angular-components/text-area-ia';
+import * as i1$2 from 'angular2-hotkeys';
+import { Hotkey, HotkeyModule } from 'angular2-hotkeys';
+import * as i3$1 from 'primeng/autocomplete';
+import { AutoComplete, AutoCompleteModule } from 'primeng/autocomplete';
+import { ButtonModule as ButtonModule$1 } from 'primeng/button';
+import * as i3$3 from 'primeng/datepicker';
+import { DatePickerModule } from 'primeng/datepicker';
+import * as i5$1 from 'primeng/inputmask';
+import { InputMask, InputMaskModule } from 'primeng/inputmask';
+import * as i7 from 'primeng/inputtext';
+import { InputTextModule } from 'primeng/inputtext';
+import * as i6$1 from 'primeng/keyfilter';
+import { KeyFilterModule } from 'primeng/keyfilter';
+import { MultiSelectModule } from 'primeng/multiselect';
+import { PanelModule } from 'primeng/panel';
+import * as i12 from 'primeng/table';
+import { Table, TableModule } from 'primeng/table';
+import { __decorate } from 'tslib';
+import { trigger, state, style, transition, group, query, animateChild, animate } from '@angular/animations';
+import BigNumber from 'bignumber.js';
+import { CheckDisabled } from '@seniorsistemas/angular-components/shared';
+import * as i4 from 'primeng/api';
+import * as i8 from '@seniorsistemas/angular-components/dialog';
+import { DialogComponent } from '@seniorsistemas/angular-components/dialog';
+import * as i16 from '@seniorsistemas/angular-components/template';
+import { TemplateModule } from '@seniorsistemas/angular-components/template';
+import * as i2$4 from '@seniorsistemas/angular-components/profile-picture-picker';
+import { ProfilePicturePickerModule } from '@seniorsistemas/angular-components/profile-picture-picker';
+import * as i2$6 from '@seniorsistemas/angular-components/checkbox-list';
+import { CheckboxListModule } from '@seniorsistemas/angular-components/checkbox-list';
+import * as i1$4 from '@seniorsistemas/angular-components/fieldset';
+import { FieldsetModule } from '@seniorsistemas/angular-components/fieldset';
+import * as i6 from '@seniorsistemas/angular-components/password-strength';
+import { PasswordStrengthModule } from '@seniorsistemas/angular-components/password-strength';
+import * as i2$9 from '@seniorsistemas/angular-components/slider';
+import { SliderModule } from '@seniorsistemas/angular-components/slider';
+import * as i2$a from '@seniorsistemas/angular-components/star-rating';
+import { StarRatingComponent } from '@seniorsistemas/angular-components/star-rating';
+import * as i2$c from '@seniorsistemas/angular-components/text-area';
+import { TextAreaModule } from '@seniorsistemas/angular-components/text-area';
+import * as i2$7 from 'primeng/editor';
+import { EditorModule } from 'primeng/editor';
+import * as i4$1 from '@seniorsistemas/angular-components/radio-button';
+import { RadioButtonComponent } from '@seniorsistemas/angular-components/radio-button';
+import { PrimeNG } from 'primeng/config';
+import * as i1$5 from '@angular/cdk/clipboard';
+import * as i1$7 from '@seniorsistemas/angular-components/currency';
+import { currencies } from '@seniorsistemas/angular-components/currency';
+import * as i3$5 from '@seniorsistemas/angular-components/select';
+import { SelectComponent } from '@seniorsistemas/angular-components/select';
+
+class FieldSize {
+    sm;
+    md;
+    lg;
+    xl;
+    constructor({ sm = 12, md = 6, lg = 6, xl = 6 }) {
+        this.sm = sm;
+        this.md = md;
+        this.lg = lg;
+        this.xl = xl;
+    }
+}
+
+class Field {
+    required;
+    visible;
+    id;
+    name;
+    label;
+    infoSign;
+    tooltip;
+    placeholder;
+    showClear;
+    type;
+    size;
+    defaultValue;
+    representedBy;
+    errorMessages;
+    bottomTemplate;
+    CustomFieldClass;
+    CustomFieldComponentClass;
+    displayTimeInfoSign;
+    sortableColumnName;
+    footer;
+    useInfoSignFocusedInputRef;
+    ignoreLabel;
+    constructor(config) {
+        if (config.footer?.help) {
+            config.footer.help = {
+                visible: () => true,
+                ...config.footer?.help,
+            };
+        }
+        if (config.footer?.link) {
+            config.footer.link = {
+                visible: () => true,
+                ...config.footer?.link,
+            };
+        }
+        this.required = config.required || (() => false);
+        this.visible = config.visible || (() => true);
+        this.id = config.id;
+        this.name = config.name;
+        this.label = config.label;
+        this.infoSign = config.infoSign;
+        this.tooltip = config.tooltip;
+        this.placeholder = config.placeholder || "";
+        this.showClear = config.showClear || false;
+        this.type = config.type;
+        this.size = new FieldSize(config.size || {});
+        this.errorMessages = config.errorMessages;
+        this.bottomTemplate = config.bottomTemplate;
+        this.footer = config.footer;
+        this.defaultValue = config.defaultValue;
+        this.representedBy = config.representedBy;
+        this.CustomFieldClass = config.CustomFieldClass;
+        this.CustomFieldComponentClass = config.CustomFieldComponentClass;
+        this.displayTimeInfoSign = config.displayTimeInfoSign ?? 5000;
+        this.ignoreLabel = config.ignoreLabel ?? false;
+        this.useInfoSignFocusedInputRef = config.useInfoSignFocusedInputRef ?? true;
+    }
+    get gridClass() {
+        return Object.keys(this.size).map(key => `ui-${key}-${this.size[key]}`);
+    }
+}
+
+class BignumberField extends Field {
+    allowNegative;
+    numberLocaleOptions;
+    browserAutocomplete;
+    precision;
+    scale;
+    alignTo;
+    mask;
+    leftAddon;
+    rightAddon;
+    onBlur;
+    onFocus;
+    onComplete;
+    onInput;
+    autoClear;
+    constructor(config) {
+        super(config);
+        this.allowNegative = config.allowNegative ?? true;
+        this.numberLocaleOptions = config.numberLocaleOptions ?? new NumberLocaleOptions();
+        this.browserAutocomplete = config.browserAutocomplete;
+        this.precision = config.precision;
+        this.scale = config.scale ?? 2;
+        this.alignTo = this.scale ? AlignmentOptions.RIGHT : AlignmentOptions.LEFT;
+        this.mask = config.mask;
+        this.leftAddon = config.leftAddon;
+        this.rightAddon = config.rightAddon;
+        this.onBlur = config.onBlur;
+        this.onFocus = config.onFocus;
+        this.onComplete = config.onComplete;
+        this.onInput = config.onInput;
+        this.autoClear = config.autoClear ?? true;
+    }
+}
+
+let BooleanOptionsLabel$1 = class BooleanOptionsLabel {
+    true;
+    false;
+    empty;
+    clear;
+    constructor(config) {
+        this.true = config.true;
+        this.false = config.false;
+        this.empty = config.empty;
+        this.clear = config.clear;
+    }
+};
+class BooleanField extends Field {
+    verticalAlignment;
+    optionsLabel;
+    onBlur;
+    onFocus;
+    onClick;
+    constructor(config) {
+        super(config);
+        this.verticalAlignment = config.verticalAlignment;
+        this.optionsLabel = new BooleanOptionsLabel$1(config.optionsLabel);
+        this.representedBy = 'radio';
+        this.onBlur = config.onBlur;
+        this.onFocus = config.onFocus;
+        this.onClick = config.onClick;
+    }
+}
+
+class BooleanSwitchField extends Field {
+    onChange;
+    optionsLabel;
+    constructor(config) {
+        super(config);
+        this.onChange = config.onChange;
+        if (config.optionsLabel) {
+            this.optionsLabel = new BooleanOptionsLabel$1(config.optionsLabel);
+        }
+        this.representedBy = 'switch';
+    }
+}
+
+var FieldType;
+(function (FieldType) {
+    FieldType["Autocomplete"] = "Autocomplete";
+    FieldType["Binary"] = "Binary";
+    FieldType["Blob"] = "Blob";
+    FieldType["Boolean"] = "Boolean";
+    FieldType["BooleanSwitch"] = "BooleanSwitch";
+    FieldType["Checkbox"] = "Checkbox";
+    FieldType["Chips"] = "Chips";
+    FieldType["CodeEditor"] = "CodeEditor";
+    FieldType["CountryPhonePicker"] = "CountryPhonePicker";
+    FieldType["Custom"] = "Custom";
+    FieldType["Date"] = "Date";
+    FieldType["DateTime"] = "DateTime";
+    FieldType["Double"] = "Double";
+    FieldType["Editor"] = "Editor";
+    FieldType["Enum"] = "Enum";
+    FieldType["Integer"] = "Integer";
+    FieldType["LocalDateTime"] = "LocalDateTime";
+    FieldType["Lookup"] = "Lookup";
+    FieldType["Money"] = "Money";
+    FieldType["Number"] = "Number";
+    FieldType["Password"] = "Password";
+    FieldType["Radio"] = "Radio";
+    FieldType["Slider"] = "Slider";
+    FieldType["String"] = "String";
+    FieldType["Text"] = "Text";
+    FieldType["TextIA"] = "TextIA";
+    FieldType["Time"] = "Time";
+    FieldType["ProfilePicture"] = "ProfilePicture";
+    FieldType["Button"] = "Button";
+    FieldType["StarRating"] = "StarRating";
+})(FieldType || (FieldType = {}));
+
+class CalendarField extends Field {
+    view;
+    appendTo;
+    minDate;
+    maxDate;
+    defaultDate;
+    calendarLocaleOptions;
+    showOnFocus;
+    onBlur;
+    onFocus;
+    onSelect;
+    onInput;
+    onClose;
+    onTodayClick;
+    onClearClick;
+    onMonthChange;
+    onYearChange;
+    selectionMode;
+    rangeSeparator;
+    showSeconds;
+    constructor(config) {
+        super(config);
+        this.view = config.view || 'date';
+        this.minDate = config.minDate;
+        this.maxDate = config.maxDate;
+        this.defaultDate = config.defaultDate;
+        this.appendTo = config.appendTo;
+        this.showOnFocus = typeof config.showOnFocus === 'boolean' ? config.showOnFocus : true;
+        this.calendarLocaleOptions = config.calendarLocaleOptions;
+        this.onBlur = config.onBlur;
+        this.onFocus = config.onFocus;
+        this.onSelect = config.onSelect;
+        this.onInput = config.onInput;
+        this.onClose = config.onClose;
+        this.onTodayClick = config.onTodayClick;
+        this.onClearClick = config.onClearClick;
+        this.onMonthChange = config.onMonthChange;
+        this.onYearChange = config.onYearChange;
+        this.selectionMode = config.selectionMode || 'single';
+        this.rangeSeparator = config.rangeSeparator || '-';
+        this.showSeconds = config.showSeconds;
+        // Tornando true o padrão para showSeconds.
+        if (this.showSeconds === null || this.showSeconds === undefined) {
+            switch (this.type) {
+                case FieldType.DateTime:
+                case FieldType.LocalDateTime:
+                case FieldType.Time:
+                    this.showSeconds = true;
+                    break;
+            }
+        }
+    }
+}
+
+class ChipsField extends Field {
+    keyFilter;
+    showCopyButton = false;
+    separator;
+    onAdd;
+    onRemove;
+    onChipClick;
+    onFocus;
+    onBlur;
+    onCopy;
+    constructor(config) {
+        super(config);
+        this.keyFilter = config.keyFilter;
+        this.showCopyButton = config.showCopyButton || false;
+        this.separator = config.separator;
+        this.onAdd = config.onAdd;
+        this.onRemove = config.onRemove;
+        this.onChipClick = config.onChipClick;
+        this.onFocus = config.onFocus;
+        this.onBlur = config.onBlur;
+        this.onCopy = config.onCopy;
+    }
+}
+
+/**
+ * @deprecated Should use BignumberField instead
+ */
+class NumberField extends Field {
+    /**
+     * @deprecated `numberLocaleOptions` should not be used. It is not needed anymore and should be removed if possible.
+     */
+    numberLocaleOptions;
+    browserAutocomplete;
+    precision;
+    scale;
+    alignTo;
+    mask;
+    leftAddon;
+    rightAddon;
+    onBlur;
+    onFocus;
+    onComplete;
+    onInput;
+    constructor(config) {
+        super(config);
+        this.numberLocaleOptions = config.numberLocaleOptions;
+        this.browserAutocomplete = config.browserAutocomplete;
+        this.precision = config.precision;
+        this.scale = config.scale;
+        this.alignTo = config.alignTo || NumberAlignmentOption.LEFT;
+        this.mask = config.mask;
+        this.leftAddon = config.leftAddon;
+        this.rightAddon = config.rightAddon;
+        this.onBlur = config.onBlur;
+        this.onFocus = config.onFocus;
+        this.onComplete = config.onComplete;
+        this.onInput = config.onInput;
+    }
+}
+
+/**
+ * @deprecated Should use BignumberField instead
+ */
+class DecimalField extends NumberField {
+    scale;
+    constructor(config) {
+        super(config);
+        this.numberLocaleOptions = config.numberLocaleOptions ?? new NumberLocaleOptions();
+        this.alignTo = config.alignTo || NumberAlignmentOption.RIGHT;
+        this.scale = typeof config.scale === "function" ? config.scale() : config.scale;
+    }
+}
+
+/**
+ * @deprecated Should use BignumberField instead
+ */
+class CurrencyField extends DecimalField {
+    currency;
+    constructor(config) {
+        super(config);
+        this.currency = config['currency'];
+        this.numberLocaleOptions = config.numberLocaleOptions ?? new NumberLocaleOptions();
+    }
+}
+
+class LookupField extends Field {
+    multiple = false;
+    showSearch = true;
+    searchFields = [];
+    searchGridFields = [];
+    lookupSuggestions = [];
+    suggestionsObservable = of([]);
+    searchObservable = of({ gridData: [], totalRecords: 0 });
+    dataKey = '';
+    lookupDisplayField = '';
+    searchTitle = '';
+    searchEmptyTitle = '';
+    filterLabel = '';
+    filterTitle = '';
+    clearLabel = '';
+    cancelLabel = '';
+    selectLabel = '';
+    recordLabel = '';
+    recordsLabel = '';
+    emptyFieldLabel = '';
+    emptyMessage = '';
+    appendTo;
+    autocompleteForceSelection = true;
+    showAddOption = false;
+    showEditOption = false;
+    showRemoveOption = false;
+    defaultFilter = [];
+    sortableColumnsDisabled = [];
+    onLookupRequest = () => { };
+    onSearchRequest = () => { };
+    onClear;
+    onBlur;
+    onAdd;
+    onEdit;
+    onRemove;
+    onClearButtonClick;
+    _gridData = [];
+    _searchTotalRecords = 0;
+    _searchTotalRecordsLabel = '';
+    constructor(config) {
+        super({ ...config, type: FieldType.Lookup });
+        Object.assign(this, config);
+        this.suggestionsObservable.subscribe((suggestions) => (this.lookupSuggestions = suggestions));
+        this.searchObservable.pipe(delay(0)).subscribe(({ totalRecords, gridData, searchTotalRecordsLabel }) => {
+            this._gridData = gridData;
+            this._searchTotalRecords = totalRecords;
+            this._searchTotalRecordsLabel = searchTotalRecordsLabel;
+        });
+    }
+    get gridData() {
+        return this._gridData;
+    }
+    get searchTotalRecords() {
+        return this._searchTotalRecords;
+    }
+    get searchTotalRecordsLabel() {
+        return this._searchTotalRecordsLabel;
+    }
+    onSelect = (event) => { };
+    onUnselect = (event) => { };
+}
+
+class PasswordField extends Field {
+    inputType;
+    keyFilter;
+    leftAddon;
+    rightAddon;
+    maxLength;
+    passwordStrength;
+    passwordStrengthOptions;
+    showToggle;
+    style;
+    onBlur;
+    onFocus;
+    onComplete;
+    onInput;
+    constructor(config) {
+        super(config);
+        this.inputType = config.inputType;
+        this.keyFilter = config.keyFilter;
+        this.leftAddon = config.leftAddon;
+        this.rightAddon = config.rightAddon;
+        this.maxLength = config.maxLength || 9999999;
+        this.passwordStrength = config.passwordStrength || false;
+        this.passwordStrengthOptions = config.passwordStrengthOptions;
+        this.showToggle = config.showToggle;
+        this.style = config.style;
+        this.onBlur = config.onBlur;
+        this.onFocus = config.onFocus;
+        this.onComplete = config.onComplete;
+        this.onInput = config.onInput;
+    }
+}
+
+class RationButtonOption {
+    label;
+    value;
+    constructor(config) {
+        this.label = config.label;
+        this.value = config.value;
+    }
+}
+class RadioButtonField extends Field {
+    verticalAlignment;
+    clearLabel;
+    options;
+    onBlur;
+    onFocus;
+    onClick;
+    constructor(config) {
+        super(config);
+        this.verticalAlignment = config.verticalAlignment;
+        this.clearLabel = config.clearLabel;
+        this.options = config.options;
+        this.onBlur = config.onBlur;
+        this.onFocus = config.onFocus;
+        this.onClick = config.onClick;
+    }
+}
+
+class SelectField extends Field {
+    appendTo;
+    optionLabel;
+    optionValue;
+    dataKey;
+    autoDisplayFirst;
+    options;
+    multiple;
+    multipleSelectedLabel;
+    onClick;
+    onChange;
+    emptyMessage;
+    editable;
+    filter;
+    group;
+    constructor(config) {
+        super(config);
+        this.appendTo = config.appendTo;
+        this.dataKey = config.dataKey;
+        this.optionLabel = config.optionLabel;
+        this.optionValue = config.optionValue;
+        this.autoDisplayFirst = config.autoDisplayFirst;
+        this.options = config.options;
+        this.multiple = config.multiple;
+        this.multipleSelectedLabel = config.multipleSelectedLabel;
+        this.onClick = config.onClick;
+        this.onChange = config.onChange;
+        this.emptyMessage = config.emptyMessage;
+        this.editable = config.editable;
+        this.filter = config.filter;
+        this.group = config.group;
+    }
+}
+class SelectOption {
+    label;
+    value;
+    constructor(config) {
+        this.label = config.label;
+        this.value = config.value;
+    }
+}
+
+class SliderField extends Field {
+    onChange;
+    onSlideEnd;
+    range;
+    min;
+    max;
+    step;
+    orientation;
+    disabled;
+    prefix;
+    suffix;
+    rangeSeparator;
+    _maxDefault = 100;
+    constructor(config) {
+        super(config);
+        this.onChange = config.onChange;
+        this.onSlideEnd = config.onSlideEnd;
+        this.range = config.range ?? false;
+        this.min = config.min ?? 0;
+        this.max = config.max ?? this._maxDefault;
+        this.orientation = config.orientation ?? 'horizontal';
+        this.step = config.step ?? 1;
+        this.disabled = config.disabled ?? false;
+        this.prefix = config.prefix;
+        this.suffix = config.suffix;
+        this.rangeSeparator = config.rangeSeparator ?? ' - ';
+    }
+}
+
+class TextAreaField extends Field {
+    cols;
+    rows;
+    keyFilter;
+    style = {
+        resize: 'vertical'
+    };
+    readonly;
+    speechRecognition;
+    keepContext;
+    speechRecognitionPlaceholder;
+    maxLength;
+    constructor(config) {
+        super(config);
+        this.cols = config.cols;
+        this.rows = config.rows;
+        this.keyFilter = config.keyFilter;
+        this.style = {
+            ...config.style,
+            ...this.style,
+        };
+        this.readonly = config.readonly;
+        this.speechRecognition = config.speechRecognition ?? false;
+        this.keepContext = config.keepContext ?? false;
+        this.speechRecognitionPlaceholder = config.speechRecognitionPlaceholder ?? '';
+        this.maxLength = config.maxLength ?? null;
+    }
+}
+
+class TextField extends Field {
+    mask;
+    characterPattern;
+    unmask;
+    readonly;
+    inputType;
+    keyFilter;
+    leftAddon;
+    rightAddon;
+    maxLength;
+    browserAutocomplete;
+    style;
+    onBlur;
+    onFocus;
+    onComplete;
+    onInput;
+    constructor(config) {
+        super(config);
+        this.mask = config.mask;
+        this.characterPattern = config.characterPattern ?? "[A-Za-z]";
+        this.unmask = config.unmask ?? false;
+        this.readonly = config.readonly;
+        this.inputType = config.inputType;
+        this.keyFilter = config.keyFilter;
+        this.leftAddon = config.leftAddon;
+        this.rightAddon = config.rightAddon;
+        this.maxLength = config.maxLength || 9999999;
+        this.browserAutocomplete = config.browserAutocomplete;
+        this.style = config.style;
+        this.onBlur = config.onBlur;
+        this.onFocus = config.onFocus;
+        this.onComplete = config.onComplete;
+        this.onInput = config.onInput;
+        this.sortableColumnName = config.sortableColumnName;
+    }
+}
+
+class AutocompleteField extends Field {
+    dataKey;
+    displayField;
+    multiple;
+    appendTo;
+    emptyMessage;
+    suggestionsObservable;
+    suggestions = [];
+    onSelect;
+    onUnselect;
+    onClear;
+    onSearch;
+    onBlur;
+    constructor(config) {
+        super({ ...config, type: FieldType.Autocomplete });
+        Object.assign(this, config);
+        if (this.suggestionsObservable) {
+            this.suggestionsObservable.subscribe(suggestions => (this.suggestions = suggestions));
+        }
+    }
+}
+
+var DynamicType;
+(function (DynamicType) {
+    DynamicType["Autocomplete"] = "Autocomplete";
+    DynamicType["Binary"] = "Binary";
+    DynamicType["Boolean"] = "Boolean";
+    DynamicType["Chips"] = "Chips";
+    DynamicType["Date"] = "Date";
+    DynamicType["DateTime"] = "DateTime";
+    DynamicType["LocalDateTime"] = "LocalDateTime";
+    DynamicType["Double"] = "Double";
+    DynamicType["Enum"] = "Enum";
+    DynamicType["Fieldset"] = "Fieldset";
+    DynamicType["Integer"] = "Integer";
+    DynamicType["Lookup"] = "Lookup";
+    DynamicType["Money"] = "Money";
+    DynamicType["Radio"] = "Radio";
+    DynamicType["Row"] = "Row";
+    DynamicType["Section"] = "Section";
+    DynamicType["String"] = "String";
+    DynamicType["Text"] = "Text";
+    DynamicType["Time"] = "Time";
+    DynamicType["Number"] = "Number";
+    DynamicType["Password"] = "Password";
+    DynamicType["Slider"] = "Slider";
+})(DynamicType || (DynamicType = {}));
+
+var GridType;
+(function (GridType) {
+    GridType["Row"] = "Row";
+})(GridType || (GridType = {}));
+
+class Grid {
+    fields = [];
+    type = GridType.Row;
+    visible;
+    constructor(config) {
+        Object.assign(this, { ...config });
+        if (isNullOrUndefined(config.visible)) {
+            this.visible = () => true;
+        }
+    }
+}
+
+class Row extends Grid {
+    fields = [];
+    type = GridType.Row;
+    constructor(config) {
+        super(config);
+    }
+}
+
+class Structure {
+    header = '';
+    configs;
+    type;
+    constructor(config) {
+        Object.assign(this, { ...config });
+    }
+}
+
+class Fieldset extends Structure {
+    beforeToggle;
+    afterToggle;
+    constructor(config) {
+        super(config);
+        Object.assign(this, { ...config });
+    }
+}
+
+class Section extends Structure {
+    /**
+     * Define if the structure is a flex container.
+     */
+    isFlex = false;
+    /**
+     * Define the justify-content property.
+     */
+    justifyContent = 'flex-start';
+    /**
+     * Define the align-items property.
+     */
+    alignItems = 'flex-start';
+    visible = () => true;
+    size;
+    gridClass;
+    constructor(config) {
+        super(config);
+        this.isFlex = config.isFlex || false;
+        this.justifyContent = config.justifyContent || 'flex-start';
+        this.alignItems = config.alignItems || 'flex-start';
+        if (config.visible) {
+            this.visible = config.visible;
+        }
+        this.size = new FieldSize(config.size || {});
+        this.gridClass = Object.keys(this.size).map((key) => `ui-${key}-${this.size[key]}`);
+    }
+}
+
+class DynamicConfig {
+    constructor(config) {
+        const { type, representedBy } = config;
+        switch (type) {
+            case DynamicType.Autocomplete:
+                return new AutocompleteField(config);
+            case DynamicType.Binary:
+            case DynamicType.String:
+                return new TextField(config);
+            case DynamicType.Password:
+                return new PasswordField(config);
+            case DynamicType.Boolean:
+                if (representedBy === 'switch') {
+                    return new BooleanSwitchField(config);
+                }
+                return new BooleanField(config);
+            case DynamicType.Chips:
+                return new ChipsField(config);
+            case DynamicType.Date:
+            case DynamicType.DateTime:
+            case DynamicType.LocalDateTime:
+            case DynamicType.Time:
+                return new CalendarField(config);
+            case DynamicType.Double:
+                return new DecimalField(config);
+            case DynamicType.Enum:
+                return new SelectField(config);
+            case DynamicType.Fieldset:
+                return new Fieldset(config);
+            case DynamicType.Integer:
+                return new NumberField(config);
+            case DynamicType.Number:
+                return new BignumberField(config);
+            case DynamicType.Lookup:
+                return new LookupField(config);
+            case DynamicType.Money:
+                return new CurrencyField(config);
+            case DynamicType.Radio:
+                return new RadioButtonField(config);
+            case DynamicType.Row:
+                return new Row(config);
+            case DynamicType.Section:
+                return new Section(config);
+            case DynamicType.Slider:
+                return new SliderField(config);
+            case DynamicType.Text:
+                return new TextAreaField(config);
+        }
+    }
+}
+
+var StructureType;
+(function (StructureType) {
+    StructureType["Fieldset"] = "Fieldset";
+    StructureType["Section"] = "Section";
+})(StructureType || (StructureType = {}));
+
+class DynamicFormCacheService {
+    LOADED_ALL_CACHE = false;
+    CACHED_COMPONENTS = new Map();
+    async setCache() {
+        const setAutoComplete = async () => {
+            const { AutocompleteFieldComponent } = await Promise.resolve().then(function () { return autocompleteField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Autocomplete, AutocompleteFieldComponent);
+        };
+        const setLookup = async () => {
+            const { LookupFieldComponent } = await Promise.resolve().then(function () { return lookupField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Lookup, LookupFieldComponent);
+        };
+        const setTextAreaIA = async () => {
+            const { TextAreaIAFieldComponent } = await Promise.resolve().then(function () { return textAreaIaField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.TextIA, TextAreaIAFieldComponent);
+        };
+        const setBigNumberField = async () => {
+            const { BignumberFieldComponent } = await Promise.resolve().then(function () { return bignumberField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Number, BignumberFieldComponent);
+        };
+        const setBooleanField = async () => {
+            const { BooleanFieldComponent } = await Promise.resolve().then(function () { return booleanField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Boolean, BooleanFieldComponent);
+        };
+        const setBooleanSwitchField = async () => {
+            const { BooleanSwitchFieldComponent } = await Promise.resolve().then(function () { return booleanSwitchField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.BooleanSwitch, BooleanSwitchFieldComponent);
+        };
+        const setCalendarField = async () => {
+            const { CalendarFieldComponent } = await Promise.resolve().then(function () { return calendarField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Date, CalendarFieldComponent);
+        };
+        const setCheckboxField = async () => {
+            const { CheckboxFieldComponent } = await Promise.resolve().then(function () { return checkboxField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Checkbox, CheckboxFieldComponent);
+        };
+        const setChipsField = async () => {
+            const { ChipsFieldComponent } = await Promise.resolve().then(function () { return chipsField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Chips, ChipsFieldComponent);
+        };
+        const setCountryPhonePickerField = async () => {
+            const { CountryPhonePickerFieldComponent } = await Promise.resolve().then(function () { return countryPhonePickerField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.CountryPhonePicker, CountryPhonePickerFieldComponent);
+        };
+        const setCurrencyField = async () => {
+            const { CurrencyFieldComponent } = await Promise.resolve().then(function () { return currencyField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Money, CurrencyFieldComponent);
+        };
+        const setEditorField = async () => {
+            const { EditorFieldComponent } = await Promise.resolve().then(function () { return editorField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Editor, EditorFieldComponent);
+        };
+        const setFileUploadField = async () => {
+            const { FileUploadFieldComponent } = await Promise.resolve().then(function () { return fileUploadField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Blob, FileUploadFieldComponent);
+        };
+        const setPasswordField = async () => {
+            const { PasswordFieldComponent } = await Promise.resolve().then(function () { return passwordField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Password, PasswordFieldComponent);
+        };
+        const setProfilePictureField = async () => {
+            const { ProfilePictureFieldComponent } = await Promise.resolve().then(function () { return profilePictureField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.ProfilePicture, ProfilePictureFieldComponent);
+        };
+        const setRadioButtonField = async () => {
+            const { RadioButtonFieldComponent } = await Promise.resolve().then(function () { return radioButtonField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Radio, RadioButtonFieldComponent);
+        };
+        const setSelectField = async () => {
+            const { SelectFieldComponent } = await Promise.resolve().then(function () { return selectField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Enum, SelectFieldComponent);
+        };
+        const setSliderField = async () => {
+            const { SliderFieldComponent } = await Promise.resolve().then(function () { return sliderField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Slider, SliderFieldComponent);
+        };
+        const setTextAreaField = async () => {
+            const { TextAreaFieldComponent } = await Promise.resolve().then(function () { return textAreaField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Text, TextAreaFieldComponent);
+        };
+        const setTextField = async () => {
+            const { TextFieldComponent } = await Promise.resolve().then(function () { return textField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.String, TextFieldComponent);
+        };
+        const setButtonField = async () => {
+            const { ButtonFieldComponent } = await Promise.resolve().then(function () { return buttonField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.Button, ButtonFieldComponent);
+        };
+        const setFieldSetComponent = async () => {
+            const { FieldsetComponent } = await Promise.resolve().then(function () { return fieldset_component; });
+            this.CACHED_COMPONENTS.set(StructureType.Fieldset, FieldsetComponent);
+        };
+        const setSectionComponent = async () => {
+            const { SectionComponent } = await Promise.resolve().then(function () { return section_component; });
+            this.CACHED_COMPONENTS.set(StructureType.Section, SectionComponent);
+        };
+        const setRowComponent = async () => {
+            const { RowComponent } = await Promise.resolve().then(function () { return row_component; });
+            this.CACHED_COMPONENTS.set(GridType.Row, RowComponent);
+        };
+        const setStarRatingComponent = async () => {
+            const { StarRatingFieldComponent } = await Promise.resolve().then(function () { return starRatingField_component; });
+            this.CACHED_COMPONENTS.set(FieldType.StarRating, StarRatingFieldComponent);
+        };
+        const SET_CACHE_PROMISES = [
+            setAutoComplete,
+            setLookup,
+            setTextAreaIA,
+            setBigNumberField,
+            setBooleanField,
+            setBooleanSwitchField,
+            setCalendarField,
+            setCheckboxField,
+            setChipsField,
+            setCountryPhonePickerField,
+            setCurrencyField,
+            setEditorField,
+            setFileUploadField,
+            setPasswordField,
+            setProfilePictureField,
+            setRadioButtonField,
+            setSelectField,
+            setSliderField,
+            setTextAreaField,
+            setTextField,
+            setButtonField,
+            setFieldSetComponent,
+            setSectionComponent,
+            setRowComponent,
+            setStarRatingComponent,
+        ];
+        await Promise.allSettled(SET_CACHE_PROMISES.map((promise) => promise()));
+        this.LOADED_ALL_CACHE = true;
+    }
+    get(type) {
+        return this.CACHED_COMPONENTS.get(type);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormCacheService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormCacheService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormCacheService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+class DynamicForm {
+    group;
+    errorMessages;
+    cacheService;
+    constructor({ group, errorMessages, cacheService }) {
+        this.group = group;
+        this.errorMessages = errorMessages;
+        this.cacheService = cacheService;
+    }
+}
+class DynamicField extends DynamicForm {
+    field;
+    constructor({ group, field, errorMessages, cacheService }) {
+        super({
+            group,
+            errorMessages,
+            cacheService
+        });
+        this.field = field;
+    }
+    createComponent(viewContainerRef) {
+        const component = viewContainerRef.createComponent(this.getComponent());
+        component.instance.field = this.field;
+        if (!isNullOrUndefined(this.field?.name)) {
+            // Must be this way because some teams use name like "e070emp.codemp"
+            component.instance.formControl = this.group?.['controls'][this.field.name];
+        }
+        this._switchEmptyStringToNull(component);
+        component.instance.errorMessages = this.errorMessages;
+        this.setVariablesByType(component);
+        return component;
+    }
+    setVariablesByType(component) {
+        if (this.field?.type == FieldType.Time) {
+            component.instance.timeOnly = true;
+        }
+        if (!isNullOrUndefined(this.field?.type)) {
+            if ([FieldType.LocalDateTime, FieldType.DateTime, FieldType.Time].includes(this.field.type)) {
+                component.instance.showTime = true;
+            }
+        }
+    }
+    updateVariables(component) {
+        if (isNullOrUndefined(this.field?.name))
+            return;
+        component.instance.field = this.field;
+        component.instance.formControl = this.group?.['controls'][this.field.name];
+        this.setVariablesByType(component);
+    }
+    getComponent() {
+        if (isNullOrUndefined(this.field)) {
+            throw new Error(`Field is null or undefined.`);
+        }
+        const fieldType = this.field.type;
+        switch (fieldType) {
+            case FieldType.Binary:
+            case FieldType.String: {
+                return this.cacheService.get(FieldType.String);
+            }
+            case FieldType.Boolean: {
+                if (this.field.representedBy === 'switch') {
+                    return this.cacheService.get(FieldType.BooleanSwitch);
+                }
+                else {
+                    return this.cacheService.get(FieldType.Boolean);
+                }
+            }
+            case FieldType.Date:
+            case FieldType.DateTime:
+            case FieldType.LocalDateTime:
+            case FieldType.Time: {
+                return this.cacheService.get(FieldType.Date);
+            }
+            case FieldType.Number:
+            case FieldType.Integer:
+            case FieldType.Double: {
+                return this.cacheService.get(FieldType.Number);
+            }
+            case FieldType.Autocomplete:
+            case FieldType.Checkbox:
+            case FieldType.Chips:
+            case FieldType.CountryPhonePicker:
+            case FieldType.Enum:
+            case FieldType.Lookup:
+            case FieldType.Money:
+            case FieldType.Radio:
+            case FieldType.Text:
+            case FieldType.TextIA:
+            case FieldType.Password:
+            case FieldType.Blob:
+            case FieldType.Slider:
+            case FieldType.ProfilePicture:
+            case FieldType.Editor:
+            case FieldType.StarRating:
+            case FieldType.Button: {
+                return this.cacheService.get(fieldType);
+            }
+            case FieldType.Custom:
+                return this.field.CustomFieldComponentClass;
+            default:
+                throw new Error(`Trying to use an unsupported type (${this.field?.type}).`);
+        }
+    }
+    _switchEmptyStringToNull(component) {
+        switch (component.instance.field.type) {
+            case FieldType.Password:
+            case FieldType.String:
+            case FieldType.Text:
+            case FieldType.TextIA:
+                const valueChanges$ = component.instance.formControl.valueChanges.subscribe((value) => {
+                    if (value === '') {
+                        component.instance.formControl.setValue(null, { emitEvent: false });
+                    }
+                });
+                component.onDestroy(() => {
+                    valueChanges$.unsubscribe();
+                });
+                return;
+        }
+    }
+}
+class DynamicStructure extends DynamicForm {
+    config;
+    constructor({ group, config, errorMessages, cacheService }) {
+        super({
+            group,
+            errorMessages,
+            cacheService
+        });
+        this.config = config;
+    }
+    createComponent(viewContainerRef) {
+        const component = viewContainerRef.createComponent(this.getComponent());
+        component.instance.config = this.config;
+        component.instance.group = this.group;
+        return component;
+    }
+    updateVariables(component) {
+        component.instance.structure = this.config;
+        component.instance.group = this.group;
+    }
+    getComponent() {
+        if (isNullOrUndefined(this.config)) {
+            throw new Error('Config is null or undefined.');
+        }
+        const structureType = this.config.type;
+        switch (structureType) {
+            case StructureType.Fieldset:
+            case StructureType.Section:
+                return this.cacheService.get(structureType);
+            default:
+                throw new Error(`Trying to use an unsupported type (${this.config?.type}).`);
+        }
+    }
+}
+class DynamicGrid extends DynamicForm {
+    config;
+    constructor({ group, config, errorMessages, cacheService }) {
+        super({ group, errorMessages, cacheService });
+        this.config = config;
+    }
+    createComponent(viewContainerRef) {
+        const component = viewContainerRef.createComponent(this.getComponent());
+        component.instance.config = this.config;
+        component.instance.group = this.group;
+        component.instance.errorMessages = this.errorMessages;
+        return component;
+    }
+    updateVariables(component) {
+        component.instance.config = this.config;
+        component.instance.group = this.group;
+    }
+    getComponent() {
+        if (isNullOrUndefined(this.config)) {
+            throw new Error('Config is null or undefined.');
+        }
+        switch (this.config?.type) {
+            case GridType.Row:
+                return this.cacheService.get(GridType.Row);
+            default:
+                throw new Error(`Trying to use an unsupported type (${this.config?.type}).`);
+        }
+    }
+}
+
+class DynamicFormDirective {
+    id;
+    config;
+    group;
+    errorMessages;
+    directiveConfig;
+    set sDynamicForm(context) {
+        const { id, config, group, errorMessages } = context;
+        this.id = id;
+        this.config = config;
+        this.group = group;
+        this.errorMessages = errorMessages;
+    }
+    component = null;
+    viewContainerRef = inject(ViewContainerRef);
+    dynamicFormCacheService = inject(DynamicFormCacheService);
+    ngOnInit() {
+        if (this.isField()) {
+            if (!this.config.id && this.id) {
+                this.config.id = this.id + '-' + this.config.name;
+            }
+            this.directiveConfig = new DynamicField({
+                group: this.group,
+                field: this.config,
+                errorMessages: this.errorMessages,
+                cacheService: this.dynamicFormCacheService
+            });
+        }
+        else if (this.isStructure()) {
+            this.directiveConfig = new DynamicStructure({
+                group: this.group,
+                config: this.config,
+                errorMessages: this.errorMessages,
+                cacheService: this.dynamicFormCacheService
+            });
+        }
+        else if (this.isGrid()) {
+            this.directiveConfig = new DynamicGrid({
+                group: this.group,
+                config: this.config,
+                errorMessages: this.errorMessages,
+                cacheService: this.dynamicFormCacheService
+            });
+        }
+        else
+            throw new Error(`Trying to use an unsupported type (${this.getType}).`);
+        this.component = this.directiveConfig.createComponent(this.viewContainerRef);
+        if (!isNullOrUndefined(this.component)) {
+            this.component.instance.id = this.id;
+            this.component.instance.errorMessages = this.errorMessages;
+        }
+    }
+    ngOnChanges() {
+        if (this.component) {
+            this.directiveConfig?.updateVariables(this.component);
+            this.component.instance.errorMessages = this.errorMessages;
+        }
+    }
+    ngOnDestroy() {
+        this.component?.destroy();
+    }
+    isField() {
+        if (isNullOrUndefined(this.getType)) {
+            return false;
+        }
+        return !!FieldType[this.getType];
+    }
+    isStructure() {
+        if (isNullOrUndefined(this.getType)) {
+            return false;
+        }
+        return !!StructureType[this.getType];
+    }
+    isGrid() {
+        if (isNullOrUndefined(this.getType)) {
+            return false;
+        }
+        return !!GridType[this.getType];
+    }
+    get getType() {
+        const config = this.config;
+        if (config instanceof DynamicConfig) {
+            return config.type;
+        }
+        else {
+            return config?.type;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: { sDynamicForm: "sDynamicForm" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: '[sDynamicForm]' }]
+        }], propDecorators: { sDynamicForm: [{
+                type: Input
+            }] } });
+
+class DynamicFormComponent {
+    id;
+    configs = [];
+    /**
+     * @deprecated Use `configs` input instead. Este campo será removido em versões futuras.
+     */
+    fields = input(null, {
+        transform: (fields) => [
+            {
+                type: GridType.Row,
+                fields,
+            },
+        ],
+    });
+    conf = computed(() => (this.fields() ? this.fields() : this.configs));
+    form;
+    errorMessages = {};
+    dynamicFormCacheService = inject(DynamicFormCacheService);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: DynamicFormComponent, selector: "s-dynamic-form", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: false, isRequired: false, transformFunction: null }, configs: { classPropertyName: "configs", publicName: "configs", isSignal: false, isRequired: false, transformFunction: null }, fields: { classPropertyName: "fields", publicName: "fields", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: false, isRequired: true, transformFunction: null }, errorMessages: { classPropertyName: "errorMessages", publicName: "errorMessages", isSignal: false, isRequired: false, transformFunction: null } }, ngImport: i0, template: "@if(dynamicFormCacheService.LOADED_ALL_CACHE) {\n    <ng-container *ngFor=\"let config of conf()\">\n        <ng-container\n            *sDynamicForm=\"{\n                id: id,\n                config: config,\n                group: form,\n                errorMessages: errorMessages\n            }\">\n        </ng-container>\n    </ng-container>\n}\n", styles: ["label.required:after{content:\" *\";color:#c13018}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-dynamic-form', encapsulation: ViewEncapsulation.None, template: "@if(dynamicFormCacheService.LOADED_ALL_CACHE) {\n    <ng-container *ngFor=\"let config of conf()\">\n        <ng-container\n            *sDynamicForm=\"{\n                id: id,\n                config: config,\n                group: form,\n                errorMessages: errorMessages\n            }\">\n        </ng-container>\n    </ng-container>\n}\n", styles: ["label.required:after{content:\" *\";color:#c13018}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], configs: [{
+                type: Input
+            }], form: [{
+                type: Input,
+                args: [{ required: true }]
+            }], errorMessages: [{
+                type: Input
+            }] } });
+
+class FieldLabelComponent {
+    field;
+    fieldContainerRef = null;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FieldLabelComponent, selector: "s-field-label", inputs: { field: "field", fieldContainerRef: "fieldContainerRef" }, ngImport: i0, template: "<!--\n    Caso esse componente seja alterado/removido/movido,\n    alterar a label no row.component.ts\n-->\n\n@if (field.label) {\n    <span>\n        <label\n            *sInfoSign=\"\n                field.infoSign ?? '';\n                displayTime: field.displayTimeInfoSign ?? 0;\n                focusedInputRef: fieldContainerRef;\n                useFocusedInputRef: field.useInfoSignFocusedInputRef;\n            \"\n            [for]=\"field.name\"\n            class=\"inline-block\"\n            [ngClass]=\"{ required: field.required?.() }\"\n        >\n            {{ field.label }}\n        </label>\n    </span>\n}\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2$1.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldLabelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-field-label', template: "<!--\n    Caso esse componente seja alterado/removido/movido,\n    alterar a label no row.component.ts\n-->\n\n@if (field.label) {\n    <span>\n        <label\n            *sInfoSign=\"\n                field.infoSign ?? '';\n                displayTime: field.displayTimeInfoSign ?? 0;\n                focusedInputRef: fieldContainerRef;\n                useFocusedInputRef: field.useInfoSignFocusedInputRef;\n            \"\n            [for]=\"field.name\"\n            class=\"inline-block\"\n            [ngClass]=\"{ required: field.required?.() }\"\n        >\n            {{ field.label }}\n        </label>\n    </span>\n}\n" }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], fieldContainerRef: [{
+                type: Input
+            }] } });
+
+class RowComponent {
+    id;
+    config;
+    group;
+    errorMessages;
+    FieldType = FieldType;
+    getErrorMessages(errorMessages) {
+        if (errorMessages)
+            return this.isFunction(errorMessages) ? errorMessages() : errorMessages;
+        return this.errorMessages;
+    }
+    isFunction(value) {
+        return value instanceof Function;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RowComponent, selector: "s-row", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "<div\n    class=\"p-fluid\"\n    [formGroup]=\"group\"\n>\n    <div class=\"ui-g\">\n        @for (field of config.fields; let i = $index; track i) {\n            @if (field.visible && field.visible()) {\n                <div [ngClass]=\"field.gridClass\">\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group }\"></ng-container>\n\n                    @if (field.type === FieldType.Custom && field.label) {\n                        <label\n                            *sInfoSign=\"\n                                field.infoSign ?? '';\n                                displayTime: field.displayTimeInfoSign ?? 5000;\n                                useFocusedInputRef: field.useInfoSignFocusedInputRef ?? false\n                            \"\n                            [for]=\"field.name\"\n                            [ngClass]=\"{ required: field.required ? field.required() : false }\"\n                        >\n                            {{ field.label }}\n                        </label>\n                    }\n\n                    @if (field.name) {\n                        <s-control-errors\n                            [form]=\"group\"\n                            [control]=\"group.controls[field.name]\"\n                            [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                        ></s-control-errors>\n                    }\n\n                    @if (field.footer) {\n                        @if (field.footer.help) {\n                            @if (\n                                field.name &&\n                                field.footer.help.visible &&\n                                field.footer.help.visible({\n                                    abstractControl: group.controls[field.name],\n                                    formField: field,\n                                })\n                            ) {\n                                <span style=\"color: #888b99\">\n                                    {{ field.footer.help.text }}\n                                </span>\n                            }\n                        }\n                    }\n\n                    @if (field.footer) {\n                        @if (\n                            field.name &&\n                            field.footer.link?.visible({\n                                abstractControl: group.controls[field.name],\n                                formField: field,\n                            })\n                        ) {\n                            <div\n                                class=\"ui-g\"\n                                style=\"margin-left: -17px\"\n                            >\n                                <s-button\n                                    [label]=\"field.footer.link?.label\"\n                                    priority=\"link\"\n                                    (clicked)=\"\n                                        field.footer.link?.onClick({\n                                            abstractControl: group.controls[field.name],\n                                            formField: field,\n                                        })\n                                    \"\n                                    [auxiliary]=\"true\"\n                                ></s-button>\n                            </div>\n                        }\n                    }\n                    @if (field.bottomTemplate) {\n                        <ng-template [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                    }\n                </div>\n            }\n        }\n    </div>\n</div>\n\n", dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.ControlErrorsComponent, selector: "s-control-errors", inputs: ["id", "control", "errorMessages", "form"] }, { 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: "directive", type: i2$1.InfoSignDirective, selector: "[sInfoSign]", inputs: ["sInfoSign", "sInfoSignDisplayTime", "sInfoSignFocusedInputRef", "sInfoSignUseFocusedInputRef"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RowComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-row', template: "<div\n    class=\"p-fluid\"\n    [formGroup]=\"group\"\n>\n    <div class=\"ui-g\">\n        @for (field of config.fields; let i = $index; track i) {\n            @if (field.visible && field.visible()) {\n                <div [ngClass]=\"field.gridClass\">\n                    <ng-container *sDynamicForm=\"{ id: id, config: field, group: group }\"></ng-container>\n\n                    @if (field.type === FieldType.Custom && field.label) {\n                        <label\n                            *sInfoSign=\"\n                                field.infoSign ?? '';\n                                displayTime: field.displayTimeInfoSign ?? 5000;\n                                useFocusedInputRef: field.useInfoSignFocusedInputRef ?? false\n                            \"\n                            [for]=\"field.name\"\n                            [ngClass]=\"{ required: field.required ? field.required() : false }\"\n                        >\n                            {{ field.label }}\n                        </label>\n                    }\n\n                    @if (field.name) {\n                        <s-control-errors\n                            [form]=\"group\"\n                            [control]=\"group.controls[field.name]\"\n                            [errorMessages]=\"getErrorMessages(field.errorMessages)\"\n                        ></s-control-errors>\n                    }\n\n                    @if (field.footer) {\n                        @if (field.footer.help) {\n                            @if (\n                                field.name &&\n                                field.footer.help.visible &&\n                                field.footer.help.visible({\n                                    abstractControl: group.controls[field.name],\n                                    formField: field,\n                                })\n                            ) {\n                                <span style=\"color: #888b99\">\n                                    {{ field.footer.help.text }}\n                                </span>\n                            }\n                        }\n                    }\n\n                    @if (field.footer) {\n                        @if (\n                            field.name &&\n                            field.footer.link?.visible({\n                                abstractControl: group.controls[field.name],\n                                formField: field,\n                            })\n                        ) {\n                            <div\n                                class=\"ui-g\"\n                                style=\"margin-left: -17px\"\n                            >\n                                <s-button\n                                    [label]=\"field.footer.link?.label\"\n                                    priority=\"link\"\n                                    (clicked)=\"\n                                        field.footer.link?.onClick({\n                                            abstractControl: group.controls[field.name],\n                                            formField: field,\n                                        })\n                                    \"\n                                    [auxiliary]=\"true\"\n                                ></s-button>\n                            </div>\n                        }\n                    }\n                    @if (field.bottomTemplate) {\n                        <ng-template [ngTemplateOutlet]=\"field.bottomTemplate\"></ng-template>\n                    }\n                </div>\n            }\n        }\n    </div>\n</div>\n\n" }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], group: [{
+                type: Input,
+                args: [{ required: true }]
+            }], errorMessages: [{
+                type: Input
+            }] } });
+
+var row_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    RowComponent: RowComponent
+});
+
+class BlobField extends Field {
+    accept;
+    files;
+    chooseLabel;
+    removeLabel;
+    cancelLabel;
+    successTooltip;
+    multiple;
+    onUploadFile;
+    onRemoveFile;
+    onCancelUpload;
+    onDownloadFile;
+    showFileUploadDate;
+    constructor(config) {
+        super(config);
+        this.accept = config.accept;
+        this.files = config.files || [];
+        this.chooseLabel = config.chooseLabel;
+        this.removeLabel = config.removeLabel;
+        this.cancelLabel = config.cancelLabel;
+        this.successTooltip = config.successTooltip;
+        this.multiple = config.multiple;
+        this.onUploadFile = config.onUploadFile;
+        this.onRemoveFile = config.onRemoveFile;
+        this.onCancelUpload = config.onCancelUpload;
+        this.onDownloadFile = config.onDownloadFile;
+        this.showFileUploadDate = config.showFileUploadDate;
+    }
+}
+
+class ButtonField extends Field {
+    priority;
+    iconClass;
+    disabled = false;
+    auxiliary = false;
+    caret = false;
+    onClick;
+    fullWidth;
+    iconColor;
+    badge;
+    animation;
+    slide = false;
+    menuOptions = [];
+    baseZIndex = 0;
+    styleClass;
+    rightIconClass;
+    tooltipPosition = 'top';
+    buttonType;
+    buttonSize;
+    mouseEnter;
+    mouseLeave;
+    constructor(config) {
+        super(config);
+        this.priority = config.priority || 'primary';
+        this.iconClass = config.iconClass || '';
+        this.disabled = config.disabled || false;
+        this.auxiliary = config.auxiliary || false;
+        this.caret = config.caret || false;
+        this.id = config.id || `s-button-${randomHash()}`;
+        this.onClick = config.onClick || (() => { });
+        this.fullWidth = config.fullWidth || false;
+        this.iconColor = config.iconColor;
+        this.badge = config.badge;
+        this.animation = config.animation;
+        this.slide = config.slide || false;
+        this.menuOptions = config.menuOptions || [];
+        this.baseZIndex = config.baseZIndex || 0;
+        this.styleClass = config.styleClass;
+        this.rightIconClass = config.rightIconClass;
+        this.tooltipPosition = config.tooltipPosition;
+        this.mouseEnter = config.mouseEnter;
+        this.mouseLeave = config.mouseLeave;
+    }
+}
+
+class CheckboxField extends Field {
+    data;
+    constructor(config) {
+        super(config);
+        this.data = config.data;
+    }
+}
+
+class CountryPhonePickerField extends Field {
+    countries;
+    ordination;
+    onSelected;
+    onFocusLost;
+    constructor(config) {
+        super(config);
+        this.countries = config.countries;
+        this.ordination = config.ordination;
+        this.onSelected = config.onSelected;
+        this.onFocusLost = config.onFocusLost;
+    }
+}
+
+class EditorField extends Field {
+    formats;
+    readonly;
+    modules;
+    style;
+    constructor(config) {
+        super(config);
+        this.formats = config.formats;
+        this.readonly = config.readonly;
+        this.modules = config.modules;
+        this.style = config.style;
+    }
+}
+
+class ProfilePictureField extends Field {
+    simpleTitle;
+    actionTitle;
+    subtitle;
+    aspectRatio;
+    cropperLabelsConfig;
+    removeButtonLabel;
+    changeButtonLabel;
+    confirmationTexts;
+    maxFileSize;
+    accept;
+    supportedExtensions = [];
+    onChangeImage;
+    onRemovedImage;
+    onInvalidFile;
+    constructor(config) {
+        super(config);
+        this.simpleTitle = config.simpleTitle;
+        this.actionTitle = config.actionTitle;
+        this.subtitle = config.subtitle;
+        this.aspectRatio = config.aspectRatio;
+        this.cropperLabelsConfig = config.cropperLabelsConfig;
+        this.removeButtonLabel = config.removeButtonLabel;
+        this.changeButtonLabel = config.changeButtonLabel;
+        this.confirmationTexts = config.confirmationTexts;
+        this.maxFileSize = config.maxFileSize;
+        this.accept = config.accept;
+        this.supportedExtensions = config.supportedExtensions || [];
+        this.onChangeImage = config.onChangeImage;
+        this.onRemovedImage = config.onRemovedImage;
+        this.onInvalidFile = config.onInvalidFile;
+    }
+}
+
+class TextAreaIAField extends Field {
+    cols;
+    rows;
+    keyFilter;
+    style = {
+        resize: 'vertical'
+    };
+    prompt;
+    readonly;
+    speechRecognition;
+    keepContext;
+    speechRecognitionPlaceholder;
+    maxLength;
+    constructor(config) {
+        super(config);
+        this.cols = config.cols;
+        this.rows = config.rows;
+        this.keyFilter = config.keyFilter;
+        this.style = {
+            ...config.style,
+            ...this.style,
+        };
+        this.prompt = config.prompt;
+        this.readonly = config.readonly;
+        this.speechRecognition = config.speechRecognition ?? false;
+        this.keepContext = config.keepContext ?? false;
+        this.speechRecognitionPlaceholder = config.speechRecognitionPlaceholder ?? '';
+        this.maxLength = config.maxLength ?? null;
+    }
+}
+
+class StarRatingField extends Field {
+    starRange;
+    disabled;
+    justifyContent;
+    valueChange;
+    constructor(config) {
+        super(config);
+        this.starRange = config.starRange ?? 5;
+        this.disabled = config.disabled ?? false;
+        this.justifyContent = config.justifyContent || 'start';
+        if (config.valueChange) {
+            this.valueChange = config.valueChange;
+        }
+    }
+}
+
+class FormField {
+    id;
+    /**
+     * Tells whether the field is required or not
+     */
+    required;
+    name = '';
+    sortableColumnName;
+    type;
+    label;
+    /**
+     * Labels of a Radio Button, only used to FieldType Boolean
+     */
+    optionsLabel;
+    tooltip;
+    /**
+     * Mask pattern.
+     */
+    mask;
+    /**
+     * Message to display when there are no results for a query.
+     */
+    emptyMessage;
+    cols;
+    rows;
+    placeholder;
+    options;
+    calendarLocaleOptions;
+    numberLocaleOptions;
+    multiple;
+    appendTo;
+    browserAutocomplete;
+    showClear;
+    showOnFocus;
+    style;
+    representedBy;
+    /**
+     * Whether the `RadioButton` should be displayed on the vertical or not.
+     *
+     * @default false
+     */
+    verticalAlignment;
+    /**
+     * Field max length
+     */
+    precision;
+    /**
+     * Number of decimal places
+     */
+    scale;
+    /**
+     * @deprecated Using FieldType.Number this attribute is unnecessary
+     */
+    alignTo;
+    gridClass;
+    size;
+    multipleSelectedLabel;
+    inputType;
+    accept;
+    files;
+    autocompleteForceSelection;
+    /**
+     * The minimum selectable date.
+     */
+    minDate;
+    /**
+     * The maximum selectable date.
+     */
+    maxDate;
+    /**
+     * Set the date to highlight on first opening if the field is blank.
+     */
+    defaultDate;
+    /**
+     * Text or icon to be grouped in the left of an input.
+     */
+    leftAddon;
+    /**
+     * Text or icon to be grouped in right of an input.
+     */
+    rightAddon;
+    /**
+     * InfoSign para a label do input.
+     */
+    infoSign;
+    /**
+     * Expression to restricts user input
+     */
+    keyFilter;
+    /**
+     * Default value for field
+     */
+    defaultValue;
+    /**
+     * Customized FormField error message
+     */
+    errorMessages;
+    visible;
+    /**
+     * Callback to invoke when the field loses focus
+     */
+    onBlur;
+    /**
+     * Callback to invoke when the field receives focus
+     */
+    onFocus;
+    onComplete;
+    onInput;
+    onChange;
+    onSelect;
+    /**
+     * Callback to invoke on component click.
+     */
+    onClick;
+    onClose;
+    onTodayClick;
+    onClearClick;
+    onMonthChange;
+    onYearChange;
+    /**
+     * Callback to invoke when a value is added.
+     */
+    onAdd;
+    /**
+     * Callback to invoke when a value is removed.
+     */
+    onRemove;
+    /**
+     * Callback to invoke when a chip is clicked.
+     */
+    onChipClick;
+    /**
+     * Callback to invoke when a slider is released
+     */
+    onSlideEnd;
+    CustomFieldClass;
+    CustomFieldComponentClass;
+    /**
+     * @deprecated You should use footer attribute instead.
+     */
+    bottomTemplate;
+    autoClear;
+    displayTimeInfoSign;
+    footer;
+    useInfoSignFocusedInputRef;
+    width;
+    /**
+     * In some cases DynamicFormField use a custom field that alredy exists, this happen in CustomFields when convert 'Integer, Double & Money' types to 'Custom' this create two labels. activate this property hide the parent label.
+     */
+    ignoreLabel = false;
+    constructor(config) {
+        this.useInfoSignFocusedInputRef = config.useInfoSignFocusedInputRef ?? false;
+        switch (config.type) {
+            case FieldType.Enum:
+                return new SelectField(config);
+            case FieldType.Autocomplete:
+                return new AutocompleteField(config);
+            case FieldType.Money:
+                return new CurrencyField(config);
+            case FieldType.Integer:
+                return new NumberField(config);
+            case FieldType.Double:
+                return new DecimalField(config);
+            case FieldType.Number:
+                return new BignumberField(config);
+            case FieldType.String:
+            case FieldType.Binary:
+                return new TextField(config);
+            case FieldType.Password:
+                return new PasswordField(config);
+            case FieldType.Text:
+                return new TextAreaField(config);
+            case FieldType.TextIA:
+                return new TextAreaIAField(config);
+            case FieldType.Boolean:
+                return config.representedBy === 'switch' ? new BooleanSwitchField(config) : new BooleanField(config);
+            case FieldType.Date:
+            case FieldType.DateTime:
+            case FieldType.LocalDateTime:
+            case FieldType.Time:
+                return new CalendarField(config);
+            case FieldType.Lookup:
+                return new LookupField(config);
+            case FieldType.Radio:
+                return new RadioButtonField(config);
+            case FieldType.Checkbox:
+                return new CheckboxField(config);
+            case FieldType.Chips:
+                return new ChipsField(config);
+            case FieldType.CountryPhonePicker:
+                return new CountryPhonePickerField(config);
+            case FieldType.Blob:
+                return new BlobField(config);
+            case FieldType.Slider:
+                return new SliderField(config);
+            case FieldType.ProfilePicture:
+                return new ProfilePictureField(config);
+            case FieldType.Editor:
+                return new EditorField(config);
+            case FieldType.Button:
+                return new ButtonField(config);
+            case FieldType.StarRating:
+                return new StarRatingField(config);
+            case FieldType.Custom:
+                const { CustomFieldClass, ...otherConfigs } = config;
+                return new CustomFieldClass(otherConfigs);
+        }
+    }
+}
+class Option {
+    label;
+    value;
+    constructor(label, value) {
+        this.label = label;
+        this.value = value;
+    }
+}
+
+class LookupComponent {
+    hotkeysService;
+    translateService;
+    changeDetectorRef;
+    lookupDialogContainer = viewChild('dialogContainer');
+    rowType = 'Row';
+    indicatorLogo = LoadingStateIndicators.Logo;
+    static nextId = 0;
+    formControlName;
+    id = `s-lookup-${LookupComponent.nextId++}`;
+    autocompleteForceSelection = true;
+    multiple = false;
+    dataKey;
+    disabled = false;
+    showSearch = true;
+    lookupSuggestions = [];
+    lookupDisplayField;
+    lookupDisplayFieldTooltip = false;
+    lookupEmptyMessage;
+    lookupAppendTo = 'body';
+    searchEmptyDescription;
+    searchGridData = [];
+    searchTotalRecords = 0;
+    searchFields = [];
+    searchGridFields = [];
+    multiSortMeta = [];
+    placeholder;
+    sortableColumnsDisabled = [];
+    lookupRowProps = [];
+    defaultFilter = [];
+    showAddOption = false;
+    showEditOption = false;
+    showRemoveOption = false;
+    onLookupRequest = new EventEmitter();
+    onSearchRequest = new EventEmitter();
+    onFocus = new EventEmitter();
+    onBlur = new EventEmitter();
+    onKeyUp = new EventEmitter();
+    onSelect = new EventEmitter();
+    onUnselect = new EventEmitter();
+    onClear = new EventEmitter();
+    onAdd = new EventEmitter();
+    onEdit = new EventEmitter();
+    onRemove = new EventEmitter();
+    onClearButtonClick = new EventEmitter();
+    table = null;
+    autocomplete = null;
+    labelOptions;
+    value;
+    loading = false;
+    animating = false;
+    dialogVisible = false;
+    collapsed = false;
+    selected = [];
+    formGroupDialog;
+    transitionOptions = '400ms cubic-bezier(0.86, 0, 0.07, 1)';
+    onChange;
+    onTouched;
+    originalFormValues = {};
+    ngUnsubscribe = new Subject();
+    constructor(hotkeysService, translateService, changeDetectorRef) {
+        this.hotkeysService = hotkeysService;
+        this.translateService = translateService;
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        if (!this.searchGridFields.length) {
+            this.searchGridFields = this.searchFields
+                .filter((item) => !item.visible || item.visible?.())
+                .map((item) => new FormField({ ...item }));
+        }
+        this.searchFields = this.searchFields.map((value) => new FormField({
+            ...value,
+            size: { sm: 12, md: 12, lg: 12, xl: 12 },
+        }));
+        this.searchGridFields = this.searchGridFields
+            .filter((gridField) => !gridField.visible || gridField.visible?.())
+            .map((gridField) => {
+            if (gridField.label) {
+                gridField['width'] = this.getColWidth(gridField.label);
+            }
+            const calendarOptions = new CalendarLocaleOptions({ ...gridField.calendarLocaleOptions });
+            if (calendarOptions?.dateFormat) {
+                switch (gridField.type) {
+                    case FieldType.Date:
+                        calendarOptions.dateFormat = this._convertToMomentDateFormat(calendarOptions.dateFormat);
+                        break;
+                    case FieldType.Time:
+                        calendarOptions.dateFormat = this._convertToMomentHourFormat(calendarOptions.hourFormat, calendarOptions.dateFormat);
+                        break;
+                }
+                gridField.calendarLocaleOptions = calendarOptions;
+            }
+            return gridField;
+        });
+        const hasFieldWithDotInName = this.searchFields.some((field) => field.name.includes('.'));
+        if (hasFieldWithDotInName) {
+            const fieldsWithDot = this.searchFields
+                .filter((item) => item.name.includes('.'))
+                .map((item) => item.name)
+                .join();
+            throw new Error(`This fields: [${fieldsWithDot}]  can't have dot in their names, please replace.`);
+        }
+        const formGroup = this.searchFields.reduce((result, field) => {
+            if (field.name) {
+                result[field.name] = new FormControl(field.defaultValue);
+                this.originalFormValues[field.name] = field.defaultValue;
+            }
+            return result;
+        }, {});
+        this.formGroupDialog = new FormGroup(formGroup);
+        this._subscribeEvents();
+    }
+    printRecordTotalizer() {
+        if (this.labelOptions?.searchTotalRecordsLabel) {
+            return this.labelOptions?.searchTotalRecordsLabel;
+        }
+        const recordLabel = this.labelOptions?.recordLabel
+            ? `${this.searchTotalRecords} ${this.labelOptions?.recordLabel}`
+            : this.translateService.instant('platform.angular_components.total_record', {
+                count: this.searchTotalRecords,
+            });
+        const recordsLabel = this.labelOptions?.recordsLabel
+            ? `${this.searchTotalRecords} ${this.labelOptions?.recordsLabel}`
+            : this.translateService.instant('platform.angular_components.total_records', {
+                count: this.searchTotalRecords,
+            });
+        return this.searchTotalRecords === 1 ? recordLabel : recordsLabel;
+    }
+    _convertToMomentHourFormat(hourFormat, format) {
+        if (format === 'dd/mm/yy') {
+            // valor padrão para o format.
+            return 'LTS';
+        }
+        if (hourFormat === '12') {
+            return format
+                .replace(/\bH\b/, 'h') // hour (12 hour time) (no leading zero)
+                .replace(/\bHH\b/, 'hh'); // hour (12 hour time)
+        }
+        if (hourFormat === '24') {
+            return format
+                .replace(/\bh\b/, 'H') // hour (24 hour time) (no leading zero)
+                .replace(/\bhh\b/, 'HH'); // hour (24 hour time)
+        }
+        return format;
+    }
+    _convertToMomentDateFormat(format) {
+        // A ordem dos replaces é importante.
+        return format
+            .replace(/\bd\b/, 'D') // day of month (no leading zero)
+            .replace(/\bdd\b/, 'DD') // day of month
+            .replace(/\bo\b/, 'DDD') // day of the year (no leading zero)
+            .replace(/\boo\b/, 'DDDD') // day of the year
+            .replace(/\bM\b/, 'MMM') // month name short
+            .replace(/\bMM\b/, 'MMMM') // month name long
+            .replace(/\bm\b/, 'M') // month of year (no leading)
+            .replace(/\bmm\b/, 'MM') // month of year
+            .replace(/\by\b/, 'YY') // year (two digits)
+            .replace(/\byy\b/, 'YYYY'); // year (four digits)
+    }
+    ngOnChanges(changes) {
+        if (this.dialogVisible && changes['searchGridData']) {
+            this.loading = false;
+        }
+        this._setFocusFilter();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    getGridData() {
+        return this.searchGridData;
+    }
+    getLookupSuggestions() {
+        return this.lookupSuggestions;
+    }
+    makeSearchRequestParams(event) {
+        const filters = this.formGroupDialog?.getRawValue();
+        const params = { ...event, filterData: filters };
+        const { multiSortMeta } = event;
+        this.multiSortMeta = multiSortMeta || this.multiSortMeta;
+        return params;
+    }
+    lazyLoadGrid(event) {
+        // Ao definir uma ordenação na tabela do lookup esse método é chamado 2 vezes https://github.com/primefaces/primeng/issues/5480
+        const params = this.makeSearchRequestParams(event);
+        this.onSearchRequest.next(params);
+    }
+    onCompleteMethod(event) {
+        if (!this.autocompleteForceSelection) {
+            this.onChange?.(this.value === '' ? null : this.value);
+        }
+        this.onLookupRequest.next(event.query);
+    }
+    setDefaultFilters() {
+        if (!this.defaultFilter)
+            return;
+        this.defaultFilter
+            .filter(({ field }) => this.formGroupDialog?.contains(field) && !this.formGroupDialog?.get([field])?.dirty)
+            .forEach(({ value, field }) => {
+            this.formGroupDialog?.get([field])?.patchValue(value instanceof Function ? value() : value);
+        });
+    }
+    async showDialog() {
+        this.setDefaultFilters();
+        this.searchGridData = [];
+        this.onTouched?.();
+        this.hotkeysService.pause([...this.hotkeysService.hotkeys]);
+        this.setHotkeys();
+        let selected = [];
+        if (this.multiple && this.value) {
+            selected = selected.concat(this.value);
+        }
+        else if (this.value) {
+            selected = [this.value];
+        }
+        this.selected = selected;
+        this.loading = true;
+        this.dialogVisible = true;
+    }
+    setInputs(componentRef, configs, form) {
+        componentRef.instance.configs = configs;
+        componentRef.instance.form = form;
+        // chame ngOnChanges manualmente se necessário
+        if (typeof componentRef.instance.ngOnChanges === 'function') {
+            componentRef.instance.ngOnChanges();
+        }
+    }
+    onVisibleChange(visibilityState) {
+        if (visibilityState) {
+            return;
+        }
+        this.hideDialog();
+    }
+    hideDialog() {
+        if (!this.autocomplete) {
+            return;
+        }
+        const { inputEL, multiInputEl } = this.autocomplete;
+        this.dialogVisible = false;
+        this.collapsed = false;
+        this.hotkeysService.unpause([...this.hotkeysService.pausedHotkeys]);
+        if (this.multiple) {
+            multiInputEl?.nativeElement?.focus();
+        }
+        else {
+            inputEL?.nativeElement?.focus();
+        }
+    }
+    search() {
+        this.resetTable();
+        this.collapsed = true;
+        const dialogContainer = this.lookupDialogContainer()?.nativeElement;
+        if (dialogContainer) {
+            dialogContainer.scrollIntoView({ behavior: 'smooth' });
+        }
+    }
+    clear() {
+        this.formGroupDialog?.reset(this.originalFormValues);
+        this.resetTable();
+        this.onClearButtonClick.emit();
+    }
+    resetTable() {
+        this.table?.reset();
+    }
+    select() {
+        if (!this.selected.length)
+            return;
+        const selected = this.selected && (this.multiple ? this.selected : this.selected[0]);
+        this.value = selected;
+        this.onSelect.next(selected);
+        this.hideDialog();
+    }
+    onSelectionChange(selected) {
+        if (!selected)
+            return;
+        if (Array.isArray(selected))
+            this.selected = selected;
+        else
+            this.selected = [selected];
+    }
+    registerOnChange(onChange) {
+        this.onChange = (value) => {
+            this.writeValue(value);
+            onChange(value);
+        };
+    }
+    registerOnTouched(onTouched) {
+        this.onTouched = onTouched;
+    }
+    writeValue(value) {
+        this.value = value;
+    }
+    setDisabledState(disabled) {
+        this.disabled = disabled;
+    }
+    getFieldValue(obj, path) {
+        return path.split('.').reduce((result, prop) => (result[prop] === undefined ? '' : result[prop]), obj);
+    }
+    getBadgeFromValue(value, options) {
+        return options?.find((opt) => opt.value === value)?.badge;
+    }
+    getLabelForValue(value, options) {
+        if (!options)
+            return `${value}`;
+        const option = options.find((opt) => opt.value === value);
+        return option ? option.label : `${value}`;
+    }
+    isBooleanValue(obj, path) {
+        const value = this.getFieldValue(obj, path);
+        if (value === true || value === false)
+            return true;
+        else
+            return false;
+    }
+    getBooleanLabel(obj, path, optionsLabel) {
+        if (!optionsLabel) {
+            return;
+        }
+        if (this.getFieldValue(obj, path)) {
+            return optionsLabel.true;
+        }
+        else {
+            return optionsLabel.false;
+        }
+    }
+    isNumber(obj, path) {
+        return !new BigNumber(this.getFieldValue(obj, path)).isNaN();
+    }
+    setHotkeys() {
+        const clearHotkey = this.newHotkey('alt+shift+l', this.clear.bind(this));
+        const findHotkey = this.newHotkey('alt+shift+f', this.search.bind(this));
+        const hideHotkey = this.newHotkey('alt+shift+c', this.hideDialog.bind(this));
+        const selectHotkey = this.newHotkey('alt+shift+s', this.select.bind(this));
+        const bindedHotkeys = [clearHotkey, findHotkey, hideHotkey, selectHotkey];
+        bindedHotkeys.forEach((hotkey) => this.hotkeysService.add(hotkey));
+    }
+    newHotkey(combo, fn) {
+        return new Hotkey(combo, () => {
+            fn();
+            return false;
+        }, ['INPUT', 'SELECT', 'TEXTAREA']);
+    }
+    filterToggle() {
+        if (this.animating)
+            return;
+        this.animating = true;
+        this.collapsed = !this.collapsed;
+    }
+    onToggleDone() {
+        this.animating = false;
+    }
+    /**
+     * Calculate the table column size. The minimum value is 14.286em, which is equals to 200px duo to the current font size.
+     * @param label Column name.
+     */
+    getColWidth(label) {
+        const size = label.length;
+        if (size < 14.286)
+            return `14.286em`;
+        return `${size}em`;
+    }
+    getScale(scale) {
+        return this.isFunction(scale) ? scale() : scale;
+    }
+    isFunction(value) {
+        return value instanceof Function;
+    }
+    getIntegerMaskConfig(col) {
+        return {
+            scale: 0,
+            thousandsSeparator: col.numberLocaleOptions?.thousandsSeparator,
+            prefix: '',
+        };
+    }
+    getDoubleMaskConfig(col) {
+        return {
+            scale: this.getScale(col.scale),
+            decimalSeparator: col.numberLocaleOptions?.decimalSeparator,
+            thousandsSeparator: col.numberLocaleOptions?.thousandsSeparator,
+            prefix: '',
+        };
+    }
+    getMoneyMaskConfig(col) {
+        return {
+            scale: this.getScale(col.scale),
+            decimalSeparator: col.numberLocaleOptions?.decimalSeparator,
+            thousandsSeparator: col.numberLocaleOptions?.thousandsSeparator,
+            prefix: col.numberLocaleOptions?.currencySymbol,
+        };
+    }
+    getNumberMaskConfig(col) {
+        return {
+            scale: this.getScale(col.scale),
+            decimalSeparator: col.numberLocaleOptions?.decimalSeparator,
+            thousandsSeparator: col.numberLocaleOptions?.thousandsSeparator,
+            prefix: col.numberLocaleOptions?.currencySymbol,
+        };
+    }
+    parseValueMaskValue(col, rowData) {
+        const _mask = col.mask;
+        const isFunction = this.isFunction(_mask);
+        return isFunction ? _mask({ value: rowData }) : _mask;
+    }
+    onTableRowDoubleClick(rowData) {
+        this.selected = [rowData];
+        this.select();
+    }
+    _setFocusFilter() {
+        if (this.dialogVisible && !this.collapsed) {
+            const input = this.lookupDialogContainer()?.nativeElement.querySelector('input');
+            if (input) {
+                input.focus();
+            }
+        }
+    }
+    _subscribeEvents() {
+        this.onSearchRequest.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => (this.loading = true));
+        this.onSelect.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => this.onChange?.(this.value));
+        this.onUnselect.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => this.onChange?.(this.value));
+        this.onClear.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            if (this.multiple) {
+                return;
+            }
+            this.onChange?.(null);
+        });
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.onTouched?.();
+        });
+        this.onBlur.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (isNullOrUndefined(this.lookupDisplayField))
+                return;
+            const target = event.target;
+            const currentValue = this.value && this.value[this.lookupDisplayField];
+            const { value } = target;
+            if (this.multiple || !currentValue || currentValue == value)
+                return;
+            const newValue = '';
+            target.value = newValue;
+            this.onChange?.(newValue);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LookupComponent, deps: [{ token: i1$2.HotkeysService }, { token: i2$2.TranslateService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: LookupComponent, selector: "s-lookup", inputs: { formControlName: "formControlName", id: "id", autocompleteForceSelection: "autocompleteForceSelection", multiple: "multiple", dataKey: "dataKey", disabled: "disabled", showSearch: "showSearch", lookupSuggestions: "lookupSuggestions", lookupDisplayField: "lookupDisplayField", lookupDisplayFieldTooltip: "lookupDisplayFieldTooltip", lookupEmptyMessage: "lookupEmptyMessage", lookupAppendTo: "lookupAppendTo", searchEmptyDescription: "searchEmptyDescription", searchGridData: "searchGridData", searchTotalRecords: "searchTotalRecords", searchFields: "searchFields", searchGridFields: "searchGridFields", multiSortMeta: "multiSortMeta", placeholder: "placeholder", sortableColumnsDisabled: "sortableColumnsDisabled", lookupRowProps: "lookupRowProps", defaultFilter: "defaultFilter", showAddOption: "showAddOption", showEditOption: "showEditOption", showRemoveOption: "showRemoveOption", labelOptions: "labelOptions" }, outputs: { onLookupRequest: "onLookupRequest", onSearchRequest: "onSearchRequest", onFocus: "onFocus", onBlur: "onBlur", onKeyUp: "onKeyUp", onSelect: "onSelect", onUnselect: "onUnselect", onClear: "onClear", onAdd: "onAdd", onEdit: "onEdit", onRemove: "onRemove", onClearButtonClick: "onClearButtonClick" }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => LookupComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "lookupDialogContainer", first: true, predicate: ["dialogContainer"], descendants: true, isSignal: true }, { propertyName: "table", first: true, predicate: Table, descendants: true }, { propertyName: "autocomplete", first: true, predicate: AutoComplete, descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"onCompleteMethod($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\"\n    >\n    </p-autoComplete>\n    @if (showSearch) {\n        <button\n            class=\"button-addon\"\n            [class.button-addon--disabled]=\"disabled\"\n            [disabled]=\"disabled\"\n            (click)=\"showDialog()\"\n        >\n            <i class=\"fa fa-search\"></i>\n        </button>\n    }\n</div>\n\n<s-dialog\n    [(visible)]=\"dialogVisible\"\n    (visibleChange)=\"onVisibleChange($event!)\"\n    [header]=\"labelOptions?.searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    contentClassName=\"s-lookup-modal\"\n    size=\"xl\"\n>\n    @if (dialogVisible) {\n        <div\n            class=\"s-lookup-modal-container\"\n            #dialogContainer\n        >\n            @if (searchFields && searchFields.length) {\n                <div\n                    class=\"filter\"\n                    [@collapseContent]=\"\n                        collapsed\n                            ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                            : { value: 'visible', params: { transitionParams: transitionOptions } }\n                    \"\n                    (@collapseContent.done)=\"onToggleDone()\"\n                >\n                    <form\n                        [formGroup]=\"formGroupDialog\"\n                        novalidate\n                        autocomplete=\"off\"\n                    >\n                        @if (!collapsed) {\n                            <div\n                                class=\"form-content\"\n                                [@childCollapseContent]=\"\n                                    collapsed\n                                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                                        : { value: ':enter', params: { transitionParams: transitionOptions } }\n                                \"\n                            >\n                                <div class=\"filter-title sds-section-title\">\n                                    {{ labelOptions?.filterTitle || 'platform.angular_components.filters' | translate }}\n                                </div>\n                                <div class=\"form-fields\">\n                                    @let configs =\n                                        [\n                                            {\n                                                type: rowType,\n                                                fields: searchFields,\n                                            },\n                                        ];\n\n                                    <s-dynamic-form\n                                        [configs]=\"configs\"\n                                        [form]=\"formGroupDialog\"\n                                    >\n                                    </s-dynamic-form>\n                                </div>\n                                <div class=\"ui-g\">\n                                    <div class=\"ui-g-12\">\n                                        <s-button\n                                            [id]=\"id + '-filter-button'\"\n                                            type=\"submit\"\n                                            [label]=\"\n                                                labelOptions?.filterLabel || 'platform.angular_components.filter'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"search()\"\n                                            sTooltip=\"(ALT + SHIFT + F)\"\n                                        >\n                                        </s-button>\n                                        <s-button\n                                            [id]=\"id + '-clear-button'\"\n                                            type=\"button\"\n                                            [label]=\"\n                                                labelOptions?.clearLabel || 'platform.angular_components.clear'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"clear()\"\n                                            priority=\"link\"\n                                            sTooltip=\"(ALT + SHIFT + L)\"\n                                        >\n                                        </s-button>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </form>\n                </div>\n            }\n            @if (searchFields && searchFields.length) {\n                <div class=\"filter-toggle\">\n                    <button\n                        [id]=\"id + '-filter-toggle-button'\"\n                        type=\"button\"\n                        (click)=\"filterToggle()\"\n                    >\n                        <span\n                            class=\"fa\"\n                            [ngClass]=\"{ 'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed }\"\n                            aria-hidden=\"true\"\n                        >\n                        </span>\n                    </button>\n                </div>\n            }\n            @let isEmptyContent = !searchTotalRecords && !loading;\n            <div\n                class=\"content\"\n                #contentContainer\n                [ngClass]=\"{ 'empty-content': isEmptyContent }\"\n            >\n                @if (isEmptyContent) {\n                    <s-empty-state\n                        [id]=\"id + '-empty-state'\"\n                        [title]=\"\n                            labelOptions?.searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\n                        \"\n                        [description]=\"searchEmptyDescription\"\n                        iconClass=\"fa fa-search\"\n                    >\n                    </s-empty-state>\n                }\n                <div class=\"content-child\">\n                    <p-table\n                        [dataKey]=\"dataKey\"\n                        [value]=\"getGridData()\"\n                        [columns]=\"searchGridFields\"\n                        [lazy]=\"true\"\n                        [scrollable]=\"true\"\n                        [paginator]=\"true\"\n                        sortMode=\"multiple\"\n                        [totalRecords]=\"searchTotalRecords\"\n                        [rows]=\"10\"\n                        [selection]=\"selected\"\n                        (onLazyLoad)=\"lazyLoadGrid($event)\"\n                        [multiSortMeta]=\"multiSortMeta\"\n                        [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                        [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        *sLoadingState=\"{ loading: loading, indicator: indicatorLogo }\"\n                    >\n                        <ng-template pTemplate=\"caption\">\n                            <div>\n                                @if (showAddOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.add' | translate\"\n                                        (clicked)=\"onAdd.emit()\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showEditOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.edit' | translate\"\n                                        [disabled]=\"selected.length !== 1\"\n                                        (clicked)=\"onEdit.emit(this.selected[0])\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showRemoveOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.remove' | translate\"\n                                        [disabled]=\"!selected.length\"\n                                        (clicked)=\"onRemove.emit(this.selected)\"\n                                    >\n                                    </s-button>\n                                }\n                            </div>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"colgroup\"\n                            let-columns\n                        >\n                            <colgroup>\n                                @if (multiple) {\n                                    <col style=\"width: 50px\" />\n                                }\n\n                                @for (col of columns; track $index) {\n                                    <col [style.width]=\"col.width\" />\n                                }\n                            </colgroup>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"header\"\n                            let-columns\n                        >\n                            <tr>\n                                @if (multiple) {\n                                    <th style=\"width: 50px\">\n                                        <s-table-header-checkbox\n                                            [useAllObject]=\"lookupRowProps ? false : true\"\n                                            [rowProps]=\"lookupRowProps\"\n                                        >\n                                        </s-table-header-checkbox>\n                                    </th>\n                                }\n                                @for (col of columns; track $index) {\n                                    <th\n                                        [style.width]=\"col.width\"\n                                        [pSortableColumn]=\"col.name\"\n                                        [pSortableColumnDisabled]=\"sortableColumnsDisabled.includes(col.name)\"\n                                    >\n                                        <div class=\"senior-header\">\n                                            <span class=\"senior-header-title\">{{ col.label }}</span>\n                                            @if (!sortableColumnsDisabled.includes(col.name)) {\n                                                <p-sortIcon [field]=\"col.name\"> </p-sortIcon>\n                                            }\n                                        </div>\n                                    </th>\n                                }\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\"\n                        >\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick\n                                (onDoubleClick)=\"onTableRowDoubleClick(rowData)\"\n                            >\n                                @if (multiple) {\n                                    <td\n                                        style=\"width: 50px\"\n                                        tabindex=\"0\"\n                                    >\n                                        <p-tableCheckbox\n                                            [value]=\"rowData\"\n                                            [pSelectableRow]=\"rowData\"\n                                        >\n                                        </p-tableCheckbox>\n                                    </td>\n                                }\n                                @for (col of searchGridFields; track $index) {\n                                    <td\n                                        [style.width]=\"col.width\"\n                                        [ngSwitch]=\"col.type\"\n                                        tabindex=\"0\"\n                                    >\n                                        @switch (col.type) {\n                                            @case ('Boolean') {\n                                                <ng-container\n                                                    *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getBooleanLabel(rowData, col.name, col.optionsLabel)\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Date') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedDate\n                                                                : col.calendarLocaleOptions?.dateFormat || 'L'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('DateTime') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('LocalDateTime') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Time') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedTime\n                                                                : col.calendarLocaleOptions?.dateFormat || 'LTS'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Integer') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getIntegerMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Double') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getDoubleMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Money') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getMoneyMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Number') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getNumberMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Enum') {\n                                                <ng-container\n                                                    *ngIf=\"\n                                                        getLabelForValue(getFieldValue(rowData, col.name), col.options);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(\n                                                                getFieldValue(rowData, col.name),\n                                                                col.options\n                                                            );\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (col.mask && parseValueMaskValue(col, rowData)) {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) ||\n                                                            getFieldValue(rowData, col.name)\n                                                        \"\n                                                    >\n                                                        <span>{{\n                                                            getFieldValue(rowData, col.name)\n                                                                | sMaskFormatter: parseValueMaskValue(col, rowData)\n                                                        }}</span>\n                                                    </ng-container>\n                                                } @else {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) ||\n                                                                getFieldValue(rowData, col.name);\n                                                            else emptyTemplate\n                                                        \"\n                                                    >\n                                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                                    </ng-container>\n                                                }\n                                            }\n                                        }\n                                    </td>\n                                }\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"paginatorright\">\n                            <span [attr.data-hidden]=\"loading\">\n                                {{ printRecordTotalizer() }}\n                            </span>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </div>\n        </div>\n\n        <ng-template sTemplate=\"footer\">\n            <div class=\"flex w-full justify-end\">\n                <s-button\n                    [id]=\"id + '-cancel-button'\"\n                    type=\"button\"\n                    priority=\"link\"\n                    [label]=\"labelOptions?.cancelLabel || 'platform.angular_components.cancel' | translate\"\n                    (clicked)=\"hideDialog()\"\n                    sTooltip=\"(ALT + SHIFT + C)\"\n                >\n                </s-button>\n                <s-button\n                    [id]=\"id + '-select-button'\"\n                    type=\"button\"\n                    [label]=\"labelOptions?.selectLabel || 'platform.angular_components.select' | translate\"\n                    (clicked)=\"select()\"\n                    sTooltip=\"(ALT + SHIFT + S)\"\n                    [disabled]=\"!selected.length\"\n                >\n                </s-button>\n            </div>\n        </ng-template>\n    }\n</s-dialog>\n\n<ng-template #emptyTemplate>\n    <span class=\"sds-empty-value\">\n        {{ labelOptions?.emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n", styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .p-autocomplete-input-multiple{border-top-right-radius:0!important;border-bottom-right-radius:0!important}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:35px;height:auto!important;min-width:auto;width:35px!important;overflow:hidden;border-radius:0 4px 4px 0}s-lookup p-autocomplete span.ui-autocomplete-multiple,s-lookup .inputgroup{display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);border-color:#ccc}s-lookup:not(.ng-dirty.ng-invalid) .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token{width:100%}s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.p-dialog .p-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .p-table-scrollable-body{min-width:100%}.s-lookup-modal main{padding:0}.s-lookup-modal .s-lookup-modal-container{height:85vh;display:flex;flex-direction:row;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{width:min-content;height:auto;flex-grow:0;flex-shrink:0;background-color:#e5eaea80;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:flex;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{margin-top:15px;flex-grow:0;flex-shrink:0;width:35px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{align-items:center;position:relative;background-color:#e5eaea80;height:35px;width:100%;border:1px solid #e5eaea;outline:none;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus{background-color:active(rgba(229,234,234,.5));border-color:active(#e5eaea)}.s-lookup-modal .s-lookup-modal-container .content{flex-grow:1;flex-basis:auto;overflow-x:auto;display:flex;flex-direction:column;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content-child{height:100%}.s-lookup-modal .s-lookup-modal-container .content s-loading-state{height:100%;display:block}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state .state-contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content.empty-content{align-self:center}.s-lookup-modal .s-lookup-modal-container .content.empty-content .content-child{display:none}.s-lookup-modal .s-lookup-modal-container .content p-table>.p-datatable{height:100%;display:flex;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.p-datatable .p-datatable-table-container{flex:1;margin-bottom:0}.inputgroup p-autocomplete{width:calc(100% - 35px)}\n"], dependencies: [{ kind: "component", type: i3$1.AutoComplete, selector: "p-autoComplete, p-autocomplete, p-auto-complete", inputs: ["minLength", "delay", "style", "panelStyle", "styleClass", "panelStyleClass", "inputStyle", "inputId", "inputStyleClass", "placeholder", "readonly", "disabled", "scrollHeight", "lazy", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "maxlength", "name", "required", "size", "appendTo", "autoHighlight", "forceSelection", "type", "autoZIndex", "baseZIndex", "ariaLabel", "dropdownAriaLabel", "ariaLabelledBy", "dropdownIcon", "unique", "group", "completeOnFocus", "showClear", "field", "dropdown", "showEmptyMessage", "dropdownMode", "multiple", "tabindex", "dataKey", "emptyMessage", "showTransitionOptions", "hideTransitionOptions", "autofocus", "autocomplete", "optionGroupChildren", "optionGroupLabel", "overlayOptions", "suggestions", "itemSize", "optionLabel", "optionValue", "id", "searchMessage", "emptySelectionMessage", "selectionMessage", "autoOptionFocus", "selectOnFocus", "searchLocale", "optionDisabled", "focusOnHover", "typeahead", "variant", "fluid"], outputs: ["completeMethod", "onSelect", "onUnselect", "onFocus", "onBlur", "onDropdownClick", "onClear", "onKeyUp", "onShow", "onHide", "onLazyLoad"] }, { kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i5.BadgeComponent, selector: "s-badge", inputs: ["type", "color", "title", "text", "selectable", "iconClass", "iconPosition", "infoSign"], outputs: ["selected"] }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "component", type: i8.DialogComponent, selector: "s-dialog", inputs: ["header", "visible", "size", "contentClassName", "escapeOnEsc", "destroyClickOutside"], outputs: ["visibleChange"] }, { kind: "component", type: i9.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }, { kind: "directive", type: i1$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i11.LoadingStateDirective, selector: "[sLoadingState]", inputs: ["sLoadingState"] }, { kind: "component", type: i12.Table, selector: "p-table", inputs: ["frozenColumns", "frozenValue", "style", "styleClass", "tableStyle", "tableStyleClass", "paginator", "pageLinks", "rowsPerPageOptions", "alwaysShowPaginator", "paginatorPosition", "paginatorStyleClass", "paginatorDropdownAppendTo", "paginatorDropdownScrollHeight", "currentPageReportTemplate", "showCurrentPageReport", "showJumpToPageDropdown", "showJumpToPageInput", "showFirstLastIcon", "showPageLinks", "defaultSortOrder", "sortMode", "resetPageOnSort", "selectionMode", "selectionPageOnly", "contextMenuSelection", "contextMenuSelectionMode", "dataKey", "metaKeySelection", "rowSelectable", "rowTrackBy", "lazy", "lazyLoadOnInit", "compareSelectionBy", "csvSeparator", "exportFilename", "filters", "globalFilterFields", "filterDelay", "filterLocale", "expandedRowKeys", "editingRowKeys", "rowExpandMode", "scrollable", "scrollDirection", "rowGroupMode", "scrollHeight", "virtualScroll", "virtualScrollItemSize", "virtualScrollOptions", "virtualScrollDelay", "frozenWidth", "responsive", "contextMenu", "resizableColumns", "columnResizeMode", "reorderableColumns", "loading", "loadingIcon", "showLoader", "rowHover", "customSort", "showInitialSortBadge", "autoLayout", "exportFunction", "exportHeader", "stateKey", "stateStorage", "editMode", "groupRowsBy", "size", "showGridlines", "stripedRows", "groupRowsByOrder", "responsiveLayout", "breakpoint", "paginatorLocale", "value", "columns", "first", "rows", "totalRecords", "sortField", "sortOrder", "multiSortMeta", "selection", "virtualRowHeight", "selectAll"], outputs: ["contextMenuSelectionChange", "selectAllChange", "selectionChange", "onRowSelect", "onRowUnselect", "onPage", "onSort", "onFilter", "onLazyLoad", "onRowExpand", "onRowCollapse", "onContextMenuSelect", "onColResize", "onColReorder", "onRowReorder", "onEditInit", "onEditComplete", "onEditCancel", "onHeaderCheckboxToggle", "sortFunction", "firstChange", "rowsChange", "onStateSave", "onStateRestore"] }, { kind: "directive", type: i12.SortableColumn, selector: "[pSortableColumn]", inputs: ["pSortableColumn", "pSortableColumnDisabled"] }, { kind: "directive", type: i12.SelectableRow, selector: "[pSelectableRow]", inputs: ["pSelectableRow", "pSelectableRowIndex", "pSelectableRowDisabled"] }, { kind: "component", type: i12.SortIcon, selector: "p-sortIcon", inputs: ["field"] }, { kind: "component", type: i12.TableCheckbox, selector: "p-tableCheckbox", inputs: ["disabled", "value", "index", "inputId", "name", "required", "ariaLabel"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i14.TableHeaderCheckboxComponent, selector: "s-table-header-checkbox", inputs: ["id", "disabled", "rowProps", "useAllObject"] }, { kind: "directive", type: i15.DoubleClickDirective, selector: "[sDoubleClick]", outputs: ["doubleClicked"] }, { kind: "directive", type: i16.TemplateDirective, selector: "[sTemplate]", inputs: ["sTemplate"] }, { kind: "component", type: DynamicFormComponent, selector: "s-dynamic-form", inputs: ["id", "configs", "fields", "form", "errorMessages"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i1$3.LocalizedDatePipe, name: "localizedDate" }, { kind: "pipe", type: i1$3.LocalizedTimePipe, name: "localizedTime" }, { kind: "pipe", type: i1$3.LocalizedBignumberPipe, name: "localizedBignumber" }, { kind: "pipe", type: i19.MaskFormatterPipe, name: "sMaskFormatter" }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }], animations: [
+            trigger('collapseContent', [
+                state('hidden', style({
+                    width: '10px',
+                    padding: 0,
+                })),
+                state('visible', style({
+                    width: '*',
+                })),
+                transition('visible <=> hidden', [
+                    group([query('@childCollapseContent', animateChild()), animate('{{transitionParams}}')]),
+                ]),
+            ]),
+            trigger('childCollapseContent', [
+                state(':leave', style({
+                    opacity: 0,
+                })),
+                state(':enter', style({
+                    opacity: 1,
+                })),
+                transition('* <=> *', animate('{{transitionParams}}')),
+            ]),
+        ], encapsulation: i0.ViewEncapsulation.None });
+}
+__decorate([
+    CheckDisabled()
+], LookupComponent.prototype, "showDialog", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LookupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-lookup', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => LookupComponent),
+                            multi: true,
+                        },
+                    ], encapsulation: ViewEncapsulation.None, animations: [
+                        trigger('collapseContent', [
+                            state('hidden', style({
+                                width: '10px',
+                                padding: 0,
+                            })),
+                            state('visible', style({
+                                width: '*',
+                            })),
+                            transition('visible <=> hidden', [
+                                group([query('@childCollapseContent', animateChild()), animate('{{transitionParams}}')]),
+                            ]),
+                        ]),
+                        trigger('childCollapseContent', [
+                            state(':leave', style({
+                                opacity: 0,
+                            })),
+                            state(':enter', style({
+                                opacity: 1,
+                            })),
+                            transition('* <=> *', animate('{{transitionParams}}')),
+                        ]),
+                    ], template: "<div [ngClass]=\"{ inputgroup: showSearch }\">\n    <p-autoComplete\n        #autocomplete\n        [(ngModel)]=\"value\"\n        [disabled]=\"disabled\"\n        [dataKey]=\"dataKey\"\n        [multiple]=\"multiple\"\n        [inputId]=\"id + '-autocomplete'\"\n        [forceSelection]=\"autocompleteForceSelection\"\n        [suggestions]=\"getLookupSuggestions()\"\n        (completeMethod)=\"onCompleteMethod($event)\"\n        (onSelect)=\"onSelect.next($event)\"\n        (onBlur)=\"onBlur.next($event)\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onUnselect)=\"onUnselect.next($event)\"\n        (onClear)=\"onClear.next($event)\"\n        (onKeyUp)=\"onKeyUp.next($event)\"\n        [field]=\"lookupDisplayField\"\n        [emptyMessage]=\"lookupEmptyMessage\"\n        [dropdown]=\"!showSearch\"\n        [appendTo]=\"lookupAppendTo\"\n        [placeholder]=\"placeholder || ' '\"\n        [autoHighlight]=\"true\"\n        inputStyleClass=\"mousetrap\"\n    >\n    </p-autoComplete>\n    @if (showSearch) {\n        <button\n            class=\"button-addon\"\n            [class.button-addon--disabled]=\"disabled\"\n            [disabled]=\"disabled\"\n            (click)=\"showDialog()\"\n        >\n            <i class=\"fa fa-search\"></i>\n        </button>\n    }\n</div>\n\n<s-dialog\n    [(visible)]=\"dialogVisible\"\n    (visibleChange)=\"onVisibleChange($event!)\"\n    [header]=\"labelOptions?.searchTitle || 'platform.angular_components.advanced_search' | translate\"\n    contentClassName=\"s-lookup-modal\"\n    size=\"xl\"\n>\n    @if (dialogVisible) {\n        <div\n            class=\"s-lookup-modal-container\"\n            #dialogContainer\n        >\n            @if (searchFields && searchFields.length) {\n                <div\n                    class=\"filter\"\n                    [@collapseContent]=\"\n                        collapsed\n                            ? { value: 'hidden', params: { transitionParams: transitionOptions } }\n                            : { value: 'visible', params: { transitionParams: transitionOptions } }\n                    \"\n                    (@collapseContent.done)=\"onToggleDone()\"\n                >\n                    <form\n                        [formGroup]=\"formGroupDialog\"\n                        novalidate\n                        autocomplete=\"off\"\n                    >\n                        @if (!collapsed) {\n                            <div\n                                class=\"form-content\"\n                                [@childCollapseContent]=\"\n                                    collapsed\n                                        ? { value: ':leave', params: { transitionParams: transitionOptions } }\n                                        : { value: ':enter', params: { transitionParams: transitionOptions } }\n                                \"\n                            >\n                                <div class=\"filter-title sds-section-title\">\n                                    {{ labelOptions?.filterTitle || 'platform.angular_components.filters' | translate }}\n                                </div>\n                                <div class=\"form-fields\">\n                                    @let configs =\n                                        [\n                                            {\n                                                type: rowType,\n                                                fields: searchFields,\n                                            },\n                                        ];\n\n                                    <s-dynamic-form\n                                        [configs]=\"configs\"\n                                        [form]=\"formGroupDialog\"\n                                    >\n                                    </s-dynamic-form>\n                                </div>\n                                <div class=\"ui-g\">\n                                    <div class=\"ui-g-12\">\n                                        <s-button\n                                            [id]=\"id + '-filter-button'\"\n                                            type=\"submit\"\n                                            [label]=\"\n                                                labelOptions?.filterLabel || 'platform.angular_components.filter'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"search()\"\n                                            sTooltip=\"(ALT + SHIFT + F)\"\n                                        >\n                                        </s-button>\n                                        <s-button\n                                            [id]=\"id + '-clear-button'\"\n                                            type=\"button\"\n                                            [label]=\"\n                                                labelOptions?.clearLabel || 'platform.angular_components.clear'\n                                                    | translate\n                                            \"\n                                            (clicked)=\"clear()\"\n                                            priority=\"link\"\n                                            sTooltip=\"(ALT + SHIFT + L)\"\n                                        >\n                                        </s-button>\n                                    </div>\n                                </div>\n                            </div>\n                        }\n                    </form>\n                </div>\n            }\n            @if (searchFields && searchFields.length) {\n                <div class=\"filter-toggle\">\n                    <button\n                        [id]=\"id + '-filter-toggle-button'\"\n                        type=\"button\"\n                        (click)=\"filterToggle()\"\n                    >\n                        <span\n                            class=\"fa\"\n                            [ngClass]=\"{ 'fa-chevron-left': !collapsed, 'fa-chevron-right': collapsed }\"\n                            aria-hidden=\"true\"\n                        >\n                        </span>\n                    </button>\n                </div>\n            }\n            @let isEmptyContent = !searchTotalRecords && !loading;\n            <div\n                class=\"content\"\n                #contentContainer\n                [ngClass]=\"{ 'empty-content': isEmptyContent }\"\n            >\n                @if (isEmptyContent) {\n                    <s-empty-state\n                        [id]=\"id + '-empty-state'\"\n                        [title]=\"\n                            labelOptions?.searchEmptyTitle || 'platform.angular_components.no_records_found' | translate\n                        \"\n                        [description]=\"searchEmptyDescription\"\n                        iconClass=\"fa fa-search\"\n                    >\n                    </s-empty-state>\n                }\n                <div class=\"content-child\">\n                    <p-table\n                        [dataKey]=\"dataKey\"\n                        [value]=\"getGridData()\"\n                        [columns]=\"searchGridFields\"\n                        [lazy]=\"true\"\n                        [scrollable]=\"true\"\n                        [paginator]=\"true\"\n                        sortMode=\"multiple\"\n                        [totalRecords]=\"searchTotalRecords\"\n                        [rows]=\"10\"\n                        [selection]=\"selected\"\n                        (onLazyLoad)=\"lazyLoadGrid($event)\"\n                        [multiSortMeta]=\"multiSortMeta\"\n                        [attr.data-hidden]=\"!searchTotalRecords && !loading\"\n                        [selectionMode]=\"multiple ? 'multiple' : 'single'\"\n                        (selectionChange)=\"onSelectionChange($event)\"\n                        *sLoadingState=\"{ loading: loading, indicator: indicatorLogo }\"\n                    >\n                        <ng-template pTemplate=\"caption\">\n                            <div>\n                                @if (showAddOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.add' | translate\"\n                                        (clicked)=\"onAdd.emit()\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showEditOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.edit' | translate\"\n                                        [disabled]=\"selected.length !== 1\"\n                                        (clicked)=\"onEdit.emit(this.selected[0])\"\n                                    >\n                                    </s-button>\n                                }\n                                @if (showRemoveOption) {\n                                    <s-button\n                                        priority=\"default\"\n                                        [label]=\"'platform.angular_components.remove' | translate\"\n                                        [disabled]=\"!selected.length\"\n                                        (clicked)=\"onRemove.emit(this.selected)\"\n                                    >\n                                    </s-button>\n                                }\n                            </div>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"colgroup\"\n                            let-columns\n                        >\n                            <colgroup>\n                                @if (multiple) {\n                                    <col style=\"width: 50px\" />\n                                }\n\n                                @for (col of columns; track $index) {\n                                    <col [style.width]=\"col.width\" />\n                                }\n                            </colgroup>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"header\"\n                            let-columns\n                        >\n                            <tr>\n                                @if (multiple) {\n                                    <th style=\"width: 50px\">\n                                        <s-table-header-checkbox\n                                            [useAllObject]=\"lookupRowProps ? false : true\"\n                                            [rowProps]=\"lookupRowProps\"\n                                        >\n                                        </s-table-header-checkbox>\n                                    </th>\n                                }\n                                @for (col of columns; track $index) {\n                                    <th\n                                        [style.width]=\"col.width\"\n                                        [pSortableColumn]=\"col.name\"\n                                        [pSortableColumnDisabled]=\"sortableColumnsDisabled.includes(col.name)\"\n                                    >\n                                        <div class=\"senior-header\">\n                                            <span class=\"senior-header-title\">{{ col.label }}</span>\n                                            @if (!sortableColumnsDisabled.includes(col.name)) {\n                                                <p-sortIcon [field]=\"col.name\"> </p-sortIcon>\n                                            }\n                                        </div>\n                                    </th>\n                                }\n                            </tr>\n                        </ng-template>\n                        <ng-template\n                            pTemplate=\"body\"\n                            let-rowData\n                            let-columns\n                            let-rowIndex=\"rowIndex\"\n                        >\n                            <tr\n                                sNavigation\n                                [pSelectableRow]=\"rowData\"\n                                [pSelectableRowIndex]=\"rowIndex\"\n                                sDoubleClick\n                                (onDoubleClick)=\"onTableRowDoubleClick(rowData)\"\n                            >\n                                @if (multiple) {\n                                    <td\n                                        style=\"width: 50px\"\n                                        tabindex=\"0\"\n                                    >\n                                        <p-tableCheckbox\n                                            [value]=\"rowData\"\n                                            [pSelectableRow]=\"rowData\"\n                                        >\n                                        </p-tableCheckbox>\n                                    </td>\n                                }\n                                @for (col of searchGridFields; track $index) {\n                                    <td\n                                        [style.width]=\"col.width\"\n                                        [ngSwitch]=\"col.type\"\n                                        tabindex=\"0\"\n                                    >\n                                        @switch (col.type) {\n                                            @case ('Boolean') {\n                                                <ng-container\n                                                    *ngIf=\"isBooleanValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getBooleanLabel(rowData, col.name, col.optionsLabel)\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Date') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedDate\n                                                                : col.calendarLocaleOptions?.dateFormat || 'L'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('DateTime') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('LocalDateTime') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name) | localizedDate | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Time') {\n                                                <ng-container\n                                                    *ngIf=\"getFieldValue(rowData, col.name); else emptyTemplate\"\n                                                >\n                                                    <span>{{\n                                                        getFieldValue(rowData, col.name)\n                                                            | localizedTime\n                                                                : col.calendarLocaleOptions?.dateFormat || 'LTS'\n                                                            | async\n                                                    }}</span>\n                                                </ng-container>\n                                            }\n                                            @case ('Integer') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getIntegerMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Double') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getDoubleMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Money') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getMoneyMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Number') {\n                                                <ng-container *ngIf=\"isNumber(rowData, col.name); else emptyTemplate\">\n                                                    <span>\n                                                        {{\n                                                            getFieldValue(rowData, col.name)\n                                                                | localizedBignumber: getNumberMaskConfig(col)\n                                                                | async\n                                                        }}\n                                                    </span>\n                                                </ng-container>\n                                            }\n                                            @case ('Enum') {\n                                                <ng-container\n                                                    *ngIf=\"\n                                                        getLabelForValue(getFieldValue(rowData, col.name), col.options);\n                                                        else emptyTemplate\n                                                    \"\n                                                >\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            getBadgeFromValue(\n                                                                getFieldValue(rowData, col.name),\n                                                                col.options\n                                                            );\n                                                            then withBadge;\n                                                            else withoutBadge\n                                                        \"\n                                                    ></ng-container>\n                                                    <ng-template #withBadge>\n                                                        <s-badge\n                                                            [text]=\"\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            \"\n                                                            [color]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.color\n                                                            \"\n                                                            [type]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.type\n                                                            \"\n                                                            [iconClass]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconClass\n                                                            \"\n                                                            [iconPosition]=\"\n                                                                getBadgeFromValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )?.iconPosition\n                                                            \"\n                                                        >\n                                                        </s-badge>\n                                                    </ng-template>\n                                                    <ng-template #withoutBadge>\n                                                        <span>\n                                                            {{\n                                                                getLabelForValue(\n                                                                    getFieldValue(rowData, col.name),\n                                                                    col.options\n                                                                )\n                                                            }}\n                                                        </span>\n                                                    </ng-template>\n                                                </ng-container>\n                                            }\n                                            @default {\n                                                @if (col.mask && parseValueMaskValue(col, rowData)) {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) ||\n                                                            getFieldValue(rowData, col.name)\n                                                        \"\n                                                    >\n                                                        <span>{{\n                                                            getFieldValue(rowData, col.name)\n                                                                | sMaskFormatter: parseValueMaskValue(col, rowData)\n                                                        }}</span>\n                                                    </ng-container>\n                                                } @else {\n                                                    <ng-container\n                                                        *ngIf=\"\n                                                            isNumber(rowData, col.name) ||\n                                                                getFieldValue(rowData, col.name);\n                                                            else emptyTemplate\n                                                        \"\n                                                    >\n                                                        <span>{{ getFieldValue(rowData, col.name) }}</span>\n                                                    </ng-container>\n                                                }\n                                            }\n                                        }\n                                    </td>\n                                }\n                            </tr>\n                        </ng-template>\n                        <ng-template pTemplate=\"paginatorright\">\n                            <span [attr.data-hidden]=\"loading\">\n                                {{ printRecordTotalizer() }}\n                            </span>\n                        </ng-template>\n                    </p-table>\n                </div>\n            </div>\n        </div>\n\n        <ng-template sTemplate=\"footer\">\n            <div class=\"flex w-full justify-end\">\n                <s-button\n                    [id]=\"id + '-cancel-button'\"\n                    type=\"button\"\n                    priority=\"link\"\n                    [label]=\"labelOptions?.cancelLabel || 'platform.angular_components.cancel' | translate\"\n                    (clicked)=\"hideDialog()\"\n                    sTooltip=\"(ALT + SHIFT + C)\"\n                >\n                </s-button>\n                <s-button\n                    [id]=\"id + '-select-button'\"\n                    type=\"button\"\n                    [label]=\"labelOptions?.selectLabel || 'platform.angular_components.select' | translate\"\n                    (clicked)=\"select()\"\n                    sTooltip=\"(ALT + SHIFT + S)\"\n                    [disabled]=\"!selected.length\"\n                >\n                </s-button>\n            </div>\n        </ng-template>\n    }\n</s-dialog>\n\n<ng-template #emptyTemplate>\n    <span class=\"sds-empty-value\">\n        {{ labelOptions?.emptyFieldLabel || 'platform.angular_components.not_informed' | translate }}\n    </span>\n</ng-template>\n", styles: ["s-lookup.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-lookup .p-autocomplete-input-multiple{border-top-right-radius:0!important;border-bottom-right-radius:0!important}s-lookup .inputgroup p-autocomplete+button,s-lookup p-autocomplete .ui-autocomplete-dropdown.ui-button{background-color:#fff;border-color:#ccc;border-width:1px 1px 1px 0;color:#333;min-height:35px;height:auto!important;min-width:auto;width:35px!important;overflow:hidden;border-radius:0 4px 4px 0}s-lookup p-autocomplete span.ui-autocomplete-multiple,s-lookup .inputgroup{display:flex}s-lookup .inputgroup p-autocomplete{display:inline-block}s-lookup .inputgroup p-autocomplete .p-autocomplete-input{width:100%}s-lookup .inputgroup p-autocomplete+button:enabled:hover,s-lookup .inputgroup p-autocomplete+button:focus{background-color:highlight(#ccc);border-color:#ccc}s-lookup:not(.ng-dirty.ng-invalid) .inputgroup p-autocomplete .ui-widget .ui-inputtext{border-right-width:1px;border-right-style:solid}s-lookup .ui-autocomplete-input-token{width:100%}s-lookup .ui-autocomplete-input-token input{width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token{max-width:100%}s-lookup .ui-autocomplete .ui-autocomplete-token-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body .s-lookup-modal.p-dialog .p-dialog-content{padding:0;margin-bottom:0;max-height:none}s-lookup .p-table-scrollable-body{min-width:100%}.s-lookup-modal main{padding:0}.s-lookup-modal .s-lookup-modal-container{height:85vh;display:flex;flex-direction:row;width:100%}.s-lookup-modal .s-lookup-modal-container .filter{width:min-content;height:auto;flex-grow:0;flex-shrink:0;background-color:#e5eaea80;padding:.571rem}.s-lookup-modal .s-lookup-modal-container .filter form{width:100%;height:100%}.s-lookup-modal .s-lookup-modal-container .filter form .form-content{height:100%;display:flex;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .filter-title{padding-left:.5rem}.s-lookup-modal .s-lookup-modal-container .filter form .form-content .form-fields{overflow-y:auto}.s-lookup-modal .s-lookup-modal-container .filter-toggle{margin-top:15px;flex-grow:0;flex-shrink:0;width:35px;border-radius:0 4px 4px 0}.s-lookup-modal .s-lookup-modal-container .filter-toggle button{align-items:center;position:relative;background-color:#e5eaea80;height:35px;width:100%;border:1px solid #e5eaea;outline:none;border-left:none;border-radius:0 4px 4px 0;cursor:pointer;text-decoration:none;text-transform:none;padding:7px;transition:background-color .2s ease-out,color .2s ease-out,border-color .2s ease-out}.s-lookup-modal .s-lookup-modal-container .filter-toggle button:hover,.s-lookup-modal .s-lookup-modal-container .filter-toggle button:focus{background-color:active(rgba(229,234,234,.5));border-color:active(#e5eaea)}.s-lookup-modal .s-lookup-modal-container .content{flex-grow:1;flex-basis:auto;overflow-x:auto;display:flex;flex-direction:column;padding:.5rem}.s-lookup-modal .s-lookup-modal-container .content-child{height:100%}.s-lookup-modal .s-lookup-modal-container .content s-loading-state{height:100%;display:block}.s-lookup-modal .s-lookup-modal-container .content .s-loading-state,.s-lookup-modal .s-lookup-modal-container .content .s-loading-state .state-contents{height:100%}.s-lookup-modal .s-lookup-modal-container .content.empty-content{align-self:center}.s-lookup-modal .s-lookup-modal-container .content.empty-content .content-child{display:none}.s-lookup-modal .s-lookup-modal-container .content p-table>.p-datatable{height:100%;display:flex;flex-direction:column}.s-lookup-modal .s-lookup-modal-container .content p-table>.p-datatable .p-datatable-table-container{flex:1;margin-bottom:0}.inputgroup p-autocomplete{width:calc(100% - 35px)}\n"] }]
+        }], ctorParameters: () => [{ type: i1$2.HotkeysService }, { type: i2$2.TranslateService }, { type: i0.ChangeDetectorRef }], propDecorators: { formControlName: [{
+                type: Input
+            }], id: [{
+                type: Input
+            }], autocompleteForceSelection: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], dataKey: [{
+                type: Input,
+                args: [{ required: true }]
+            }], disabled: [{
+                type: Input
+            }], showSearch: [{
+                type: Input
+            }], lookupSuggestions: [{
+                type: Input
+            }], lookupDisplayField: [{
+                type: Input
+            }], lookupDisplayFieldTooltip: [{
+                type: Input
+            }], lookupEmptyMessage: [{
+                type: Input
+            }], lookupAppendTo: [{
+                type: Input
+            }], searchEmptyDescription: [{
+                type: Input
+            }], searchGridData: [{
+                type: Input
+            }], searchTotalRecords: [{
+                type: Input
+            }], searchFields: [{
+                type: Input
+            }], searchGridFields: [{
+                type: Input
+            }], multiSortMeta: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], sortableColumnsDisabled: [{
+                type: Input
+            }], lookupRowProps: [{
+                type: Input
+            }], defaultFilter: [{
+                type: Input
+            }], showAddOption: [{
+                type: Input
+            }], showEditOption: [{
+                type: Input
+            }], showRemoveOption: [{
+                type: Input
+            }], onLookupRequest: [{
+                type: Output
+            }], onSearchRequest: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onBlur: [{
+                type: Output
+            }], onKeyUp: [{
+                type: Output
+            }], onSelect: [{
+                type: Output
+            }], onUnselect: [{
+                type: Output
+            }], onClear: [{
+                type: Output
+            }], onAdd: [{
+                type: Output
+            }], onEdit: [{
+                type: Output
+            }], onRemove: [{
+                type: Output
+            }], onClearButtonClick: [{
+                type: Output
+            }], table: [{
+                type: ViewChild,
+                args: [Table, { static: false }]
+            }], autocomplete: [{
+                type: ViewChild,
+                args: [AutoComplete, { static: false }]
+            }], labelOptions: [{
+                type: Input
+            }], showDialog: [] } });
+class BooleanOptionsLabel {
+    true;
+    false;
+    empty;
+    clear;
+    constructor(config) {
+        this.true = config.true;
+        this.false = config.false;
+        this.empty = config.empty;
+        this.clear = config.clear;
+    }
+}
+
+class ProfilePictureFieldComponent {
+    field;
+    formControl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProfilePictureFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ProfilePictureFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-profile-picture-picker\n    [formControl]=\"formControl\"\n    [simpleTitle]=\"field.simpleTitle\"\n    [actionTitle]=\"field.actionTitle\"\n    [subtitle]=\"field.subtitle\"\n    [aspectRatio]=\"field.aspectRatio\"\n    [cropperLabelsConfig]=\"field.cropperLabelsConfig\"\n    [removeButtonLabel]=\"field.removeButtonLabel\"\n    [changeButtonLabel]=\"field.changeButtonLabel\"\n    [confirmationTexts]=\"field.confirmationTexts\"\n    [maxFileSize]=\"field.maxFileSize\"\n    [accept]=\"field.accept\"\n    [supportedExtensions]=\"field.supportedExtensions\"\n    (changedImage)=\"field.onChangeImage ? field.onChangeImage($event) : null\"\n    (removedImage)=\"field.onRemovedImage ? field.onRemovedImage() : null\"\n    (invalidFile)=\"field.onInvalidFile ? field.onInvalidFile($event) : null\">\n</s-profile-picture-picker>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$4.ProfilePicturePickerComponent, selector: "s-profile-picture-picker", inputs: ["simpleTitle", "actionTitle", "subtitle", "aspectRatio", "cropperLabelsConfig", "removeButtonLabel", "changeButtonLabel", "confirmationTexts", "maxFileSize", "accept", "supportedExtensions", "image"], outputs: ["changedImage", "imageChange", "removedImage", "invalidFile"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ProfilePictureFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-profile-picture-picker\n    [formControl]=\"formControl\"\n    [simpleTitle]=\"field.simpleTitle\"\n    [actionTitle]=\"field.actionTitle\"\n    [subtitle]=\"field.subtitle\"\n    [aspectRatio]=\"field.aspectRatio\"\n    [cropperLabelsConfig]=\"field.cropperLabelsConfig\"\n    [removeButtonLabel]=\"field.removeButtonLabel\"\n    [changeButtonLabel]=\"field.changeButtonLabel\"\n    [confirmationTexts]=\"field.confirmationTexts\"\n    [maxFileSize]=\"field.maxFileSize\"\n    [accept]=\"field.accept\"\n    [supportedExtensions]=\"field.supportedExtensions\"\n    (changedImage)=\"field.onChangeImage ? field.onChangeImage($event) : null\"\n    (removedImage)=\"field.onRemovedImage ? field.onRemovedImage() : null\"\n    (invalidFile)=\"field.onInvalidFile ? field.onInvalidFile($event) : null\">\n</s-profile-picture-picker>\n" }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var profilePictureField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ProfilePictureFieldComponent: ProfilePictureFieldComponent
+});
+
+class FieldsetComponent {
+    id;
+    config;
+    group;
+    errorMessages;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldsetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FieldsetComponent, selector: "ng-component", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "<s-fieldset\n    [toggleable]=\"true\"\n    (onBeforeToggle)=\"config.beforeToggle ? config.beforeToggle($event) : 'null'\"\n    (onAfterToggle)=\"config.afterToggle ? config.afterToggle($event) : 'null'\"\n    [legend]=\"config.header ? config.header : ''\"\n>\n    @for (conf of config.configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</s-fieldset>\n", dependencies: [{ kind: "component", type: i1$4.FieldsetComponent, selector: "s-fieldset", inputs: ["legend", "toggleable", "icon", "destroyOnHide"], outputs: ["beforeToggle", "afterToggle"] }, { kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FieldsetComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<s-fieldset\n    [toggleable]=\"true\"\n    (onBeforeToggle)=\"config.beforeToggle ? config.beforeToggle($event) : 'null'\"\n    (onAfterToggle)=\"config.afterToggle ? config.afterToggle($event) : 'null'\"\n    [legend]=\"config.header ? config.header : ''\"\n>\n    @for (conf of config.configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</s-fieldset>\n" }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], group: [{
+                type: Input,
+                args: [{ required: true }]
+            }], errorMessages: [{
+                type: Input
+            }] } });
+
+var fieldset_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    FieldsetComponent: FieldsetComponent
+});
+
+class SectionComponent {
+    id;
+    config;
+    group;
+    errorMessages;
+    get flexContainer() {
+        return this.config.isFlex;
+    }
+    get configs() {
+        const _configs = this.config?.configs || [];
+        return _configs.filter((x) => x.visible === undefined || x.visible());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: SectionComponent, selector: "s-section", inputs: { id: "id", config: "config", group: "group", errorMessages: "errorMessages" }, ngImport: i0, template: "@if (config.header) {\n    <h3 class=\"sds-section-title\">\n        {{ config.header }}\n    </h3>\n}\n\n<section\n    [class.flex-container]=\"flexContainer\"\n    [style.justify-content]=\"config.justifyContent\"\n    [style.align-items]=\"config.alignItems\"\n>\n    @for (conf of configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</section>\n\n", styles: [".flex-container{display:flex}:host{height:100%}section{height:100%}\n"], dependencies: [{ kind: "directive", type: DynamicFormDirective, selector: "[sDynamicForm]", inputs: ["sDynamicForm"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SectionComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-section', template: "@if (config.header) {\n    <h3 class=\"sds-section-title\">\n        {{ config.header }}\n    </h3>\n}\n\n<section\n    [class.flex-container]=\"flexContainer\"\n    [style.justify-content]=\"config.justifyContent\"\n    [style.align-items]=\"config.alignItems\"\n>\n    @for (conf of configs; let i = $index; track i) {\n        <ng-container\n            *sDynamicForm=\"{ id: id, config: conf, group: group, errorMessages: errorMessages }\"\n        ></ng-container>\n    }\n</section>\n\n", styles: [".flex-container{display:flex}:host{height:100%}section{height:100%}\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], config: [{
+                type: Input,
+                args: [{ required: true }]
+            }], group: [{
+                type: Input,
+                args: [{ required: true }]
+            }], errorMessages: [{
+                type: Input
+            }] } });
+
+var section_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    SectionComponent: SectionComponent
+});
+
+class AutocompleteFieldComponent {
+    changeDetectorRef;
+    elementRef;
+    field;
+    formControl;
+    inputRef = null;
+    constructor(changeDetectorRef, elementRef) {
+        this.changeDetectorRef = changeDetectorRef;
+        this.elementRef = elementRef;
+    }
+    ngAfterViewInit() {
+        this.setInputRef();
+        this.changeDetectorRef.detectChanges();
+    }
+    setInputRef() {
+        this.inputRef = this.elementRef.nativeElement.querySelector('input');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutocompleteFieldComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: AutocompleteFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple!\"\n        [placeholder]=\"field.placeholder\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey!\"\n        (onLookupRequest)=\"field.onSearch ? field.onSearch($event) : null\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n    >\n    </s-lookup>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: LookupComponent, selector: "s-lookup", inputs: ["formControlName", "id", "autocompleteForceSelection", "multiple", "dataKey", "disabled", "showSearch", "lookupSuggestions", "lookupDisplayField", "lookupDisplayFieldTooltip", "lookupEmptyMessage", "lookupAppendTo", "searchEmptyDescription", "searchGridData", "searchTotalRecords", "searchFields", "searchGridFields", "multiSortMeta", "placeholder", "sortableColumnsDisabled", "lookupRowProps", "defaultFilter", "showAddOption", "showEditOption", "showRemoveOption", "labelOptions"], outputs: ["onLookupRequest", "onSearchRequest", "onFocus", "onBlur", "onKeyUp", "onSelect", "onUnselect", "onClear", "onAdd", "onEdit", "onRemove", "onClearButtonClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: AutocompleteFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple!\"\n        [placeholder]=\"field.placeholder\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.suggestions\"\n        [dataKey]=\"field.dataKey!\"\n        (onLookupRequest)=\"field.onSearch ? field.onSearch($event) : null\"\n        [lookupDisplayField]=\"field.displayField\"\n        [showSearch]=\"false\"\n        [lookupAppendTo]=\"field.appendTo\"\n        (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n        (onUnselect)=\"field.onUnselect ? field.onUnselect($event) : null\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n    >\n    </s-lookup>\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var autocompleteField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    AutocompleteFieldComponent: AutocompleteFieldComponent
+});
+
+class BaseFieldComponent {
+    isFunction(value) {
+        return value instanceof Function;
+    }
+    trigger(callback) {
+        return callback();
+    }
+    fieldPropertyIsDisabled(fieldProperty) {
+        if (!isNullOrUndefined(fieldProperty)) {
+            return typeof fieldProperty.disabled === 'function' ? fieldProperty.disabled() : !!fieldProperty.disabled;
+        }
+        return false;
+    }
+    getFieldPropertyMask(fieldData) {
+        return typeof fieldData === 'function' ? fieldData() : fieldData;
+    }
+    getFieldProperty(property) {
+        return typeof property === 'function' ? property() : property;
+    }
+}
+
+class BignumberFieldComponent extends BaseFieldComponent {
+    localeService;
+    changeDetectorRef;
+    field;
+    formControl;
+    onInput = new EventEmitter();
+    onFocus = new EventEmitter();
+    onComplete = new EventEmitter();
+    inputRef = null;
+    ngUnsubscribe = new Subject();
+    constructor(localeService, changeDetectorRef) {
+        super();
+        this.localeService = localeService;
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this.onLocaleService();
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus) {
+                this.field.onFocus(event);
+            }
+        });
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onInput) {
+                this.field.onInput(event);
+            }
+        });
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onComplete) {
+                this.field.onComplete(event);
+            }
+        });
+        this.onScale();
+    }
+    ngAfterViewInit() {
+        this.changeDetectorRef.detectChanges();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    get fieldType() {
+        return FieldType;
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                if (!this.field.numberLocaleOptions?.decimalSeparator) {
+                    this.field.numberLocaleOptions = {
+                        ...this.field.numberLocaleOptions,
+                        decimalSeparator: this.localeService.getDecimalSeparator() ?? '',
+                    };
+                }
+                if (!this.field.numberLocaleOptions?.thousandsSeparator) {
+                    this.field.numberLocaleOptions = {
+                        ...this.field.numberLocaleOptions,
+                        thousandsSeparator: this.localeService.getGroupingSeparator() ?? '',
+                    };
+                }
+                if (!this.field.numberLocaleOptions?.currencySymbol) {
+                    this.field.numberLocaleOptions = {
+                        ...this.field.numberLocaleOptions,
+                        currencySymbol: this.field.type === FieldType.Integer || this.field.type === FieldType.Double
+                            ? ''
+                            : 'R$',
+                    };
+                }
+            },
+            error: () => (this.field.numberLocaleOptions = this.field.numberLocaleOptions ?? {
+                thousandsSeparator: '.',
+                decimalSeparator: ',',
+                currencySymbol: this.field.type === FieldType.Integer || this.field.type === FieldType.Double ? '' : 'R$',
+            }),
+        });
+    }
+    onScale() {
+        // Currently, this component is used for the following types
+        // FieldType.Number, FieldType.Integer and FieldType.Double
+        if (isNullOrUndefined(this.field.scale)) {
+            this.field.scale = this.field.type === FieldType.Integer ? 0 : 2;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberFieldComponent, deps: [{ token: i1$3.LocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BignumberFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"getFieldPropertyMask(field.mask)\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [autoClear]=\"field.autoClear\"\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>\n                            {{ field.leftAddon.label }}\n                        </span>\n                    }\n                    @if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n        <input\n            #inputRef\n            [id]=\"field.id || field.name\"\n            type=\"text\"\n            [name]=\"field.name\"\n            sBignumberInput\n            [allowNegative]=\"field.allowNegative\"\n            [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n            [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            pInputText\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl\"\n        />\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority!\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>\n                            {{ field.rightAddon.label }}\n                        </span>\n                    } @else {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px!important}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "directive", type: i2$5.BignumberInputDirective, selector: "input[sBignumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BignumberFieldComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef!.nativeElement\"\n    />\n}\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"getFieldPropertyMask(field.mask)\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [autoClear]=\"field.autoClear\"\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>\n                            {{ field.leftAddon.label }}\n                        </span>\n                    }\n                    @if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n        <input\n            #inputRef\n            [id]=\"field.id || field.name\"\n            type=\"text\"\n            [name]=\"field.name\"\n            sBignumberInput\n            [allowNegative]=\"field.allowNegative\"\n            [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n            [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            pInputText\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"onFocus.next($event)\"\n            [formControl]=\"formControl\"\n        />\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority!\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>\n                            {{ field.rightAddon.label }}\n                        </span>\n                    } @else {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px!important}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.LocaleService }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onInput: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onComplete: [{
+                type: Output
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['inputRef']
+            }] } });
+
+var bignumberField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    BignumberFieldComponent: BignumberFieldComponent
+});
+
+class BooleanFieldComponent {
+    field;
+    formControl;
+    onClear() {
+        this.formControl.reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<ng-template\n    #radioButtonRender\n    let-value=\"value\"\n    let-label=\"label\"\n    let-inputIdAppend=\"inputIdAppend\"\n>\n    @let inputId = (field.id || field.name) + inputIdAppend;\n    <s-radiobutton\n        [name]=\"field.name\"\n        [value]=\"value\"\n        [formControl]=\"formControl\"\n        [inputId]=\"inputId\"\n        [label]=\"label\"\n        (focusedInput)=\"field.onFocus ? field.onFocus($event) : null\"\n        (inputFocusLost)=\"field.onBlur ? field.onBlur($event) : null\"\n    />\n</ng-template>\n\n<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n                \"\n            />\n        </div>\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n                \"\n            />\n        </div>\n        @if (!field.showClear && !!field.required && !field.required()) {\n            <div class=\"ui-g-12\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        radioButtonRender;\n                        context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n                    \"\n                />\n            </div>\n        }\n        <div>\n            @if (field.showClear && !field.required?.() && !formControl.disabled) {\n                <s-button\n                    [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                    (clicked)=\"onClear()\"\n                    priority=\"link\"\n                >\n                </s-button>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n            \"\n        />\n\n        @if (field.showClear && !field.required?.() && !formControl.disabled) {\n            <s-button\n                style=\"margin-left: 40px\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n}\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i4$1.RadioButtonComponent, selector: "s-radiobutton", inputs: ["buttonDisabled", "label", "name", "value", "inputId"], outputs: ["buttonDisabledChange", "valueChange", "focusedInput", "inputFocusLost"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<ng-template\n    #radioButtonRender\n    let-value=\"value\"\n    let-label=\"label\"\n    let-inputIdAppend=\"inputIdAppend\"\n>\n    @let inputId = (field.id || field.name) + inputIdAppend;\n    <s-radiobutton\n        [name]=\"field.name\"\n        [value]=\"value\"\n        [formControl]=\"formControl\"\n        [inputId]=\"inputId\"\n        [label]=\"label\"\n        (focusedInput)=\"field.onFocus ? field.onFocus($event) : null\"\n        (inputFocusLost)=\"field.onBlur ? field.onBlur($event) : null\"\n    />\n</ng-template>\n\n<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n                \"\n            />\n        </div>\n        <div class=\"ui-g-12\">\n            <ng-template\n                *ngTemplateOutlet=\"\n                    radioButtonRender;\n                    context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n                \"\n            />\n        </div>\n        @if (!field.showClear && !!field.required && !field.required()) {\n            <div class=\"ui-g-12\">\n                <ng-template\n                    *ngTemplateOutlet=\"\n                        radioButtonRender;\n                        context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n                    \"\n                />\n            </div>\n        }\n        <div>\n            @if (field.showClear && !field.required?.() && !formControl.disabled) {\n                <s-button\n                    [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                    (clicked)=\"onClear()\"\n                    priority=\"link\"\n                >\n                </s-button>\n            }\n        </div>\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: true, label: field.optionsLabel.true, inputIdAppend: '-1' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: false, label: field.optionsLabel.false, inputIdAppend: '-2' }\n            \"\n        />\n\n        <ng-template\n            *ngTemplateOutlet=\"\n                radioButtonRender;\n                context: { value: null, label: field.optionsLabel.empty, inputIdAppend: '-3' }\n            \"\n        />\n\n        @if (field.showClear && !field.required?.() && !formControl.disabled) {\n            <s-button\n                style=\"margin-left: 40px\"\n                [label]=\"field.optionsLabel.clear || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n}\n", styles: [".horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"] }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var booleanField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    BooleanFieldComponent: BooleanFieldComponent
+});
+
+class BooleanSwitchFieldComponent {
+    field;
+    formControl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanSwitchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: BooleanSwitchFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"ui-grid ui-grid-responsive ui-grid-pad p-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"field.id || field.name\"\n                [inputName]=\"field.name\"\n                [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"field.onChange ? field.onChange($event) : null\"\n            >\n            </s-switch>\n        </div>\n        @if (field.optionsLabel) {\n            <div class=\"i-grid-col-1\">\n                @if (formControl.value) {\n                    <span>{{ field.optionsLabel.true }}</span>\n                } @else {\n                    <span>{{ field.optionsLabel.false }}</span>\n                }\n            </div>\n        }\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i3$2.SwitchComponent, selector: "s-switch", inputs: ["readonly", "trueLabel", "falseLabel", "inputId", "inputName", "disabled", "value"], outputs: ["valueChanged"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: BooleanSwitchFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"ui-grid ui-grid-responsive ui-grid-pad p-fluid\">\n    <div class=\"ui-grid-row\">\n        <div class=\"i-grid-col-1\">\n            <s-switch\n                [id]=\"field.id || field.name\"\n                [inputName]=\"field.name\"\n                [formControl]=\"formControl\"\n                [sTooltip]=\"field.tooltip\"\n                tooltipPosition=\"top\"\n                (valueChanged)=\"field.onChange ? field.onChange($event) : null\"\n            >\n            </s-switch>\n        </div>\n        @if (field.optionsLabel) {\n            <div class=\"i-grid-col-1\">\n                @if (formControl.value) {\n                    <span>{{ field.optionsLabel.true }}</span>\n                } @else {\n                    <span>{{ field.optionsLabel.false }}</span>\n                }\n            </div>\n        }\n    </div>\n</div>\n" }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var booleanSwitchField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    BooleanSwitchFieldComponent: BooleanSwitchFieldComponent
+});
+
+class ButtonFieldComponent {
+    field;
+    clickedButton($event) {
+        if (this.field.onClick) {
+            this.field.onClick($event);
+        }
+    }
+    handleMouseEnter() {
+        if (this.field.mouseEnter) {
+            this.field.mouseEnter(this.field);
+        }
+    }
+    handleMouseLeave() {
+        if (this.field.mouseLeave) {
+            this.field.mouseLeave(this.field);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ButtonFieldComponent, selector: "s-button-field", inputs: { field: "field" }, ngImport: i0, template: "<section [class.full-width]=\"field.fullWidth\" [class.fit-content]=\"!field.fullWidth\">\n    <s-button\n        #button\n        [label]=\"field.label\"\n        [priority]=\"field.priority\"\n        [iconClass]=\"field.iconClass\"\n        [disabled]=\"field.disabled\"\n        [auxiliary]=\"field.auxiliary\"\n        [caret]=\"field.caret\"\n        [id]=\"field.id\"\n        [tooltip]=\"field.tooltip ? field.tooltip : button.tooltip\"\n        (clicked)=\"clickedButton($event)\"\n        [iconColor]=\"field.iconColor\"\n        [badge]=\"field.badge\"\n        [animation]=\"field.animation\"\n        [slide]=\"field.slide\"\n        [menuOptions]=\"field.menuOptions\"\n        [baseZIndex]=\"field.baseZIndex\"\n        [styleClass]=\"field.styleClass ? field.styleClass : button.styleClass\"\n        [rightIconClass]=\"field.rightIconClass\"\n        [tooltipPosition]=\"field.tooltipPosition ? field.tooltipPosition : button.tooltipPosition\"\n        [type]=\"field.buttonType\"\n        [size]=\"field.buttonSize\"\n        (mouseenter)=\"handleMouseEnter()\"\n        (mouseleave)=\"handleMouseLeave()\">\n    </s-button>\n</section>\n", styles: ["section{height:100%;display:flex;align-items:flex-end}section.full-width{width:100%}section.fit-content{width:fit-content}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ButtonFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-button-field', template: "<section [class.full-width]=\"field.fullWidth\" [class.fit-content]=\"!field.fullWidth\">\n    <s-button\n        #button\n        [label]=\"field.label\"\n        [priority]=\"field.priority\"\n        [iconClass]=\"field.iconClass\"\n        [disabled]=\"field.disabled\"\n        [auxiliary]=\"field.auxiliary\"\n        [caret]=\"field.caret\"\n        [id]=\"field.id\"\n        [tooltip]=\"field.tooltip ? field.tooltip : button.tooltip\"\n        (clicked)=\"clickedButton($event)\"\n        [iconColor]=\"field.iconColor\"\n        [badge]=\"field.badge\"\n        [animation]=\"field.animation\"\n        [slide]=\"field.slide\"\n        [menuOptions]=\"field.menuOptions\"\n        [baseZIndex]=\"field.baseZIndex\"\n        [styleClass]=\"field.styleClass ? field.styleClass : button.styleClass\"\n        [rightIconClass]=\"field.rightIconClass\"\n        [tooltipPosition]=\"field.tooltipPosition ? field.tooltipPosition : button.tooltipPosition\"\n        [type]=\"field.buttonType\"\n        [size]=\"field.buttonSize\"\n        (mouseenter)=\"handleMouseEnter()\"\n        (mouseleave)=\"handleMouseLeave()\">\n    </s-button>\n</section>\n", styles: ["section{height:100%;display:flex;align-items:flex-end}section.full-width{width:100%}section.fit-content{width:fit-content}\n"] }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var buttonField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ButtonFieldComponent: ButtonFieldComponent
+});
+
+class CalendarFieldComponent {
+    changeDetectorRef;
+    field;
+    formControl;
+    translateService = inject(TranslateService);
+    locale = {
+        firstDayOfWeek: 0,
+        dayNames: [
+            this.translateService.instant("platform.angular_components.sunday"),
+            this.translateService.instant("platform.angular_components.monday"),
+            this.translateService.instant("platform.angular_components.tuesday"),
+            this.translateService.instant("platform.angular_components.wednesday"),
+            this.translateService.instant("platform.angular_components.thursday"),
+            this.translateService.instant("platform.angular_components.friday"),
+            this.translateService.instant("platform.angular_components.saturday"),
+        ],
+        dayNamesShort: [
+            this.translateService.instant("platform.angular_components.sunday_short"),
+            this.translateService.instant("platform.angular_components.monday_short"),
+            this.translateService.instant("platform.angular_components.tuesday_short"),
+            this.translateService.instant("platform.angular_components.wednesday_short"),
+            this.translateService.instant("platform.angular_components.thursday_short"),
+            this.translateService.instant("platform.angular_components.friday_short"),
+            this.translateService.instant("platform.angular_components.saturday_short"),
+        ],
+        dayNamesMin: [
+            this.translateService.instant("platform.angular_components.sunday_min"),
+            this.translateService.instant("platform.angular_components.monday_min"),
+            this.translateService.instant("platform.angular_components.tuesday_min"),
+            this.translateService.instant("platform.angular_components.wednesday_min"),
+            this.translateService.instant("platform.angular_components.thursday_min"),
+            this.translateService.instant("platform.angular_components.friday_min"),
+            this.translateService.instant("platform.angular_components.saturday_min"),
+        ],
+        monthNames: [
+            this.translateService.instant("platform.angular_components.january"),
+            this.translateService.instant("platform.angular_components.february"),
+            this.translateService.instant("platform.angular_components.march"),
+            this.translateService.instant("platform.angular_components.april"),
+            this.translateService.instant("platform.angular_components.may"),
+            this.translateService.instant("platform.angular_components.june"),
+            this.translateService.instant("platform.angular_components.july"),
+            this.translateService.instant("platform.angular_components.august"),
+            this.translateService.instant("platform.angular_components.september"),
+            this.translateService.instant("platform.angular_components.october"),
+            this.translateService.instant("platform.angular_components.november"),
+            this.translateService.instant("platform.angular_components.december"),
+        ],
+        monthNamesShort: [
+            this.translateService.instant("platform.angular_components.january_short"),
+            this.translateService.instant("platform.angular_components.february_short"),
+            this.translateService.instant("platform.angular_components.march_short"),
+            this.translateService.instant("platform.angular_components.april_short"),
+            this.translateService.instant("platform.angular_components.may_short"),
+            this.translateService.instant("platform.angular_components.june_short"),
+            this.translateService.instant("platform.angular_components.july_short"),
+            this.translateService.instant("platform.angular_components.august_short"),
+            this.translateService.instant("platform.angular_components.september_short"),
+            this.translateService.instant("platform.angular_components.october_short"),
+            this.translateService.instant("platform.angular_components.november_short"),
+            this.translateService.instant("platform.angular_components.december_short"),
+        ],
+        today: this.translateService.instant("platform.angular_components.today"),
+        clear: this.translateService.instant("platform.angular_components.clear"),
+        dateFormat: this.translateService.instant("platform.angular_components.date_format"),
+        hourFormat: this.translateService.instant("platform.angular_components.hour_format"),
+    };
+    primengConfig = inject(PrimeNG);
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        const _locale = this.field.calendarLocaleOptions || this.locale;
+        this.primengConfig.setTranslation({
+            ..._locale,
+        });
+    }
+    showTime = false;
+    timeOnly = false;
+    calendar = null;
+    inputRef;
+    ngAfterViewInit() {
+        this.setInputRef();
+        this.changeDetectorRef.detectChanges();
+    }
+    setInputRef() {
+        this.inputRef = this.calendar?.inputfieldViewChild?.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalendarFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CalendarFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl", showTime: "showTime", timeOnly: "timeOnly" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: ["calendar"], descendants: true }], ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    >\n    </s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-datepicker, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n\n    <!-- A diretiva sCalendarMask n\u00E3o est\u00E1 suportando sele\u00E7\u00E3o m\u00FAltipla. A forma como ela foi escrita n\u00E3o permite identificar a quantidade de datas\n    que est\u00E3o sendo selecionadas. Removi o uso dela quando est\u00E1 com selectionMode=multiple. Analisar a remove\u00E7\u00E3o completa desta diretiva. -->\n    @if(field.selectionMode !== 'multiple') {\n        <p-datepicker\n            #calendar\n            sCalendarMask\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\"\n            [hourFormat]=\"field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }@else {\n        <!-- A \u00FAnica diferen\u00E7a deste bloco \u00E9 a remo\u00E7\u00E3o da diretiva sCalendarMask. -->\n        <p-datepicker\n            #calendar\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"\n                field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\n            \"\n            [hourFormat]=\"\n                field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\n            \"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i3$3.DatePicker, selector: "p-datePicker, p-datepicker, p-date-picker", inputs: ["iconDisplay", "style", "styleClass", "inputStyle", "inputId", "name", "inputStyleClass", "placeholder", "ariaLabelledBy", "ariaLabel", "iconAriaLabel", "disabled", "dateFormat", "multipleSeparator", "rangeSeparator", "inline", "showOtherMonths", "selectOtherMonths", "showIcon", "fluid", "icon", "appendTo", "readonlyInput", "shortYearCutoff", "monthNavigator", "yearNavigator", "hourFormat", "timeOnly", "stepHour", "stepMinute", "stepSecond", "showSeconds", "required", "showOnFocus", "showWeek", "startWeekFromFirstDayOfYear", "showClear", "dataType", "selectionMode", "maxDateCount", "showButtonBar", "todayButtonStyleClass", "clearButtonStyleClass", "autofocus", "autoZIndex", "baseZIndex", "panelStyleClass", "panelStyle", "keepInvalid", "hideOnDateTimeSelect", "touchUI", "timeSeparator", "focusTrap", "showTransitionOptions", "hideTransitionOptions", "tabindex", "variant", "size", "minDate", "maxDate", "disabledDates", "disabledDays", "yearRange", "showTime", "responsiveOptions", "numberOfMonths", "firstDayOfWeek", "locale", "view", "defaultDate"], outputs: ["onFocus", "onBlur", "onClose", "onSelect", "onClear", "onInput", "onTodayClick", "onClearClick", "onMonthChange", "onYearChange", "onClickOutside", "onShow"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CalendarFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    >\n    </s-field-label>\n}\n\n<div [sTooltip]=\"field.tooltip\">\n    <!-- Remover as propriedades [showTransitionOptions] e [hideTransitionOptions] quando atualizar para o PrimeNG v10, esses atributos foram\n    usados para remover um bug ocasionado pela anima\u00E7\u00E3o do componente p-datepicker, bug explicado nas issues: #ERPROM-5534, #ERPROM-8248 e #DSN-1045. -->\n\n    <!-- A diretiva sCalendarMask n\u00E3o est\u00E1 suportando sele\u00E7\u00E3o m\u00FAltipla. A forma como ela foi escrita n\u00E3o permite identificar a quantidade de datas\n    que est\u00E3o sendo selecionadas. Removi o uso dela quando est\u00E1 com selectionMode=multiple. Analisar a remove\u00E7\u00E3o completa desta diretiva. -->\n    @if(field.selectionMode !== 'multiple') {\n        <p-datepicker\n            #calendar\n            sCalendarMask\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\"\n            [hourFormat]=\"field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }@else {\n        <!-- A \u00FAnica diferen\u00E7a deste bloco \u00E9 a remo\u00E7\u00E3o da diretiva sCalendarMask. -->\n        <p-datepicker\n            #calendar\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [showIcon]=\"true\"\n            [timeOnly]=\"timeOnly\"\n            [selectionMode]=\"field.selectionMode\"\n            [rangeSeparator]=\"field.rangeSeparator ? field.rangeSeparator : calendar.rangeSeparator\"\n            [showTime]=\"showTime\"\n            [showSeconds]=\"field.showSeconds\"\n            [showOnFocus]=\"field.showOnFocus\"\n            [formControl]=\"formControl\"\n            [icon]=\"timeOnly ? 'fa fa-clock' : 'fa fa-calendar'\"\n            [minDate]=\"field.minDate\"\n            [maxDate]=\"field.maxDate\"\n            [defaultDate]=\"field.defaultDate ? field.defaultDate : calendar.defaultDate\"\n            [dateFormat]=\"\n                field.calendarLocaleOptions?.dateFormat || 'platform.angular_components.date_format' | translate\n            \"\n            [hourFormat]=\"\n                field.calendarLocaleOptions?.hourFormat || 'platform.angular_components.hour_format' | translate\n            \"\n            [view]=\"field.view ? field.view : calendar.view\"\n            [placeholder]=\"field.placeholder\"\n            inputStyleClass=\"mousetrap\"\n            [appendTo]=\"field.appendTo\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onSelect)=\"field.onSelect ? field.onSelect($event) : null\"\n            (onClose)=\"field.onClose ? field.onClose($event) : null\"\n            (onTodayClick)=\"field.onTodayClick ? field.onTodayClick($event) : null\"\n            (onClearClick)=\"field.onClearClick ? field.onClearClick($event) : null\"\n            (onMonthChange)=\"field.onMonthChange ? field.onMonthChange($event) : null\"\n            (onYearChange)=\"field.onYearChange ? field.onYearChange($event) : null\"\n            [showTransitionOptions]=\"'0ms'\"\n            [hideTransitionOptions]=\"'0ms'\"\n        >\n        </p-datepicker>\n    }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], showTime: [{
+                type: Input
+            }], timeOnly: [{
+                type: Input
+            }], calendar: [{
+                type: ViewChild,
+                args: ['calendar']
+            }] } });
+
+var calendarField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CalendarFieldComponent: CalendarFieldComponent
+});
+
+class CheckboxFieldComponent {
+    field;
+    formControl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: CheckboxFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-checkbox-list\n    [data]=\"field.data\"\n    [formControl]=\"formControl\"\n>\n</s-checkbox-list>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$6.CheckboxListComponent, selector: "s-checkbox-list", inputs: ["data"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CheckboxFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<s-checkbox-list\n    [data]=\"field.data\"\n    [formControl]=\"formControl\"\n>\n</s-checkbox-list>\n" }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var checkboxField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CheckboxFieldComponent: CheckboxFieldComponent
+});
+
+class ChipsFieldComponent {
+    clipboard;
+    changeDetectorRef;
+    elementRef;
+    field;
+    formControl;
+    feedbackMessageVisible = false;
+    copyButtonVisible = true;
+    inputRef = null;
+    constructor(clipboard, changeDetectorRef, elementRef) {
+        this.clipboard = clipboard;
+        this.changeDetectorRef = changeDetectorRef;
+        this.elementRef = elementRef;
+    }
+    onCopyFieldContent() {
+        if (this.formControl.value) {
+            this.copyButtonVisible = false;
+            this.feedbackMessageVisible = true;
+            setTimeout(() => {
+                this.feedbackMessageVisible = false;
+                this.copyButtonVisible = true;
+            }, 3000);
+            const content = this.formControl.value.join(this.field.separator || '\n');
+            this.clipboard.copy(content);
+            if (this.field.onCopy) {
+                this.field.onCopy(content);
+            }
+        }
+    }
+    ngAfterViewInit() {
+        this.setInputRef();
+        this.changeDetectorRef.detectChanges();
+    }
+    setInputRef() {
+        this.inputRef = this.elementRef.nativeElement.querySelector('input');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipsFieldComponent, deps: [{ token: i1$5.Clipboard }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ChipsFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div class=\"chips-field-wrapper\">\n    <div style=\"width: 100%\">\n        @if (field.keyFilter) {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n                [keyFilter]=\"field.keyFilter\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        } @else {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        }\n\n    </div>\n\n    @if(field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible) {\n        <button\n            class=\"copy-content-button\"\n            (click)=\"onCopyFieldContent()\"\n        >\n            {{ 'platform.angular_components.copy_field_content' | translate }}\n        </button>\n    }\n\n    @if(feedbackMessageVisible) {\n        <span\n            class=\"feedback-message\"\n        >\n            {{ 'platform.angular_components.copied_to_clipboard' | translate }}\n        </span>\n    }\n</div>\n", styles: [".chips-field-wrapper{align-items:flex-start;display:flex;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;user-select:none}\n"], dependencies: [{ kind: "directive", type: i4.PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: i3$4.ChipsComponent, selector: "s-chips", inputs: ["disabled", "field", "value", "placeholder", "max", "maxLength", "inputId", "allowDuplicated", "caseSensitiveDuplication", "addOnTab", "addOnBlur", "separator", "autofocus", "infoLabel", "keyFilter", "showTooltip", "maxLengthRenderWithoutTooltip"], outputs: ["added", "removed", "focused", "focusLost", "chipClicked", "valueChange"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "pipe", type: i2$2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ChipsFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div class=\"chips-field-wrapper\">\n    <div style=\"width: 100%\">\n        @if (field.keyFilter) {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n                [keyFilter]=\"field.keyFilter\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        } @else {\n            <s-chips\n                [inputId]=\"field.id || field.name\"\n                [formControl]=\"formControl\"\n                [placeholder]=\"field.placeholder\"\n                [allowDuplicated]=\"false\"\n                [addOnTab]=\"true\"\n                [addOnBlur]=\"true\"\n                (onAdd)=\"field.onAdd ? field.onAdd($event) : null\"\n                (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n                (onChipClick)=\"field.onChipClick ? field.onChipClick($event) : null\"\n                (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n                (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            >\n                <ng-template\n                    let-item\n                    pTemplate=\"item\"\n                >\n                    <span\n                        class=\"chip-content\"\n                        [sTooltip]=\"item\"\n                    >\n                        {{ item }}\n                    </span>\n                </ng-template>\n            </s-chips>\n        }\n\n    </div>\n\n    @if(field.showCopyButton && formControl.value?.length > 0 && copyButtonVisible) {\n        <button\n            class=\"copy-content-button\"\n            (click)=\"onCopyFieldContent()\"\n        >\n            {{ 'platform.angular_components.copy_field_content' | translate }}\n        </button>\n    }\n\n    @if(feedbackMessageVisible) {\n        <span\n            class=\"feedback-message\"\n        >\n            {{ 'platform.angular_components.copied_to_clipboard' | translate }}\n        </span>\n    }\n</div>\n", styles: [".chips-field-wrapper{align-items:flex-start;display:flex;flex-direction:column}.chips-field-wrapper .chip-content{display:block;overflow:hidden;padding-right:1rem;text-overflow:ellipsis}.chips-field-wrapper .copy-content-button{background-color:transparent;border:none;color:#2a6496;cursor:pointer;margin-top:8px}.chips-field-wrapper .feedback-message{color:#0c9348;display:block;margin-top:8px;-webkit-user-select:none;user-select:none}\n"] }]
+        }], ctorParameters: () => [{ type: i1$5.Clipboard }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var chipsField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    ChipsFieldComponent: ChipsFieldComponent
+});
+
+class CountryPhonePickerFieldComponent {
+    changeDetectorRef;
+    field;
+    formControl;
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngAfterViewInit() {
+        this.changeDetectorRef.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CountryPhonePickerFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CountryPhonePickerFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (countryPhonePicker.phoneInput?.nativeElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"countryPhonePicker.phoneInput?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-country-phone-picker\n    #countryPhonePicker\n    [formControl]=\"formControl\"\n    [ordination]=\"field.ordination\"\n    [countries]=\"field.countries\"\n    (selected)=\"field.onSelected($event)\"\n    (focusLost)=\"field.onFocusLost ? field.onFocusLost($event): null\"\n>\n</s-country-phone-picker>\n", dependencies: [{ kind: "component", type: i1$6.CountryPhonePickerComponent, selector: "s-country-phone-picker", inputs: ["countries", "ordination"], outputs: ["selected", "focusLost"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CountryPhonePickerFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "@if (countryPhonePicker.phoneInput?.nativeElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"countryPhonePicker.phoneInput?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-country-phone-picker\n    #countryPhonePicker\n    [formControl]=\"formControl\"\n    [ordination]=\"field.ordination\"\n    [countries]=\"field.countries\"\n    (selected)=\"field.onSelected($event)\"\n    (focusLost)=\"field.onFocusLost ? field.onFocusLost($event): null\"\n>\n</s-country-phone-picker>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var countryPhonePickerField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CountryPhonePickerFieldComponent: CountryPhonePickerFieldComponent
+});
+
+/**
+ * @deprecated Should use bignumber instead
+ */
+class CurrencyFieldComponent extends BaseFieldComponent {
+    currencyService;
+    localeService;
+    changeDetectorRef;
+    inputRefComponent = viewChild('inputRef');
+    field;
+    formControl;
+    currencies = currencies;
+    mask;
+    inputRef = computed(() => {
+        const inputRef = this.inputRefComponent();
+        if (!inputRef) {
+            return undefined;
+        }
+        if (inputRef instanceof InputMask) {
+            return inputRef.input;
+        }
+        else {
+            return inputRef.nativeElement;
+        }
+    });
+    constructor(currencyService, localeService, changeDetectorRef) {
+        super();
+        this.currencyService = currencyService;
+        this.localeService = localeService;
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this.onLocaleService();
+        this.mask = typeof this.field.mask === 'function' ? this.field.mask() : this.field.mask;
+    }
+    ngAfterViewInit() {
+        this.changeDetectorRef.detectChanges();
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                if (!this.field.numberLocaleOptions?.decimalSeparator) {
+                    this.field.numberLocaleOptions = {
+                        currencySymbol: this.field.numberLocaleOptions?.currencySymbol,
+                        thousandsSeparator: this.field.numberLocaleOptions?.thousandsSeparator,
+                        decimalSeparator: this.localeService.getDecimalSeparator(),
+                    };
+                }
+                if (!this.field.numberLocaleOptions?.thousandsSeparator) {
+                    this.field.numberLocaleOptions = {
+                        currencySymbol: this.field.numberLocaleOptions.currencySymbol,
+                        decimalSeparator: this.field.numberLocaleOptions.decimalSeparator,
+                        thousandsSeparator: this.localeService.getGroupingSeparator(),
+                    };
+                }
+                if (!this.field.numberLocaleOptions?.currencySymbol) {
+                    this.field.numberLocaleOptions = {
+                        decimalSeparator: this.field.numberLocaleOptions.decimalSeparator,
+                        thousandsSeparator: this.field.numberLocaleOptions.thousandsSeparator,
+                        currencySymbol: 'R$',
+                    };
+                }
+            },
+            error: () => (this.field.numberLocaleOptions = this.field.numberLocaleOptions ?? {
+                thousandsSeparator: '.',
+                decimalSeparator: ',',
+                currencySymbol: 'R$',
+            }),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrencyFieldComponent, deps: [{ token: i1$7.CurrencyService }, { token: i1$3.LocaleService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: CurrencyFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, viewQueries: [{ propertyName: "inputRefComponent", first: true, predicate: ["inputRef"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (inputRef()) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef()\"\n    ></s-field-label>\n}\n@let hasMask = !!field.mask;\n<div\n    class=\"[input-is-invalid>.button-container>.button-container]:border-[1px] [input-is-invalid>.button-container>.button-container]:border-r-0 [input-is-invalid>.button-container>.button-container]:border-criticality-red [input-is-invalid>.button-container>input]:border-[1px] [input-is-invalid>.button-container>input]:border-criticality-red [input-has-focus>.button-container]:border-[1px] [input-has-focus>.button-container]:border-r-0 [input-has-focus>.button-container]:border-primary flex h-[35px] w-full\"\n    [ngClass]=\"{\n        '[&:has(.input-mask.ng-invalid.ng-dirty)>.button-container]:border-[1px] [&:has(.input-mask.ng-invalid.ng-dirty)>.button-container]:border-r-0 [&:has(.input-mask.ng-invalid.ng-dirty)>.button-container]:border-criticality-red [&:has(.input-mask.ng-invalid.ng-dirty)>input]:border-[1px] [&:has(.input-mask.ng-invalid.ng-dirty)>input]:border-criticality-red':\n            hasMask,\n    }\"\n>\n    @if (field.currency || field.numberLocaleOptions?.currencySymbol) {\n        <div\n            class=\"button-container flex h-full min-w-10 items-center justify-center rounded-l-[3px] border border-r-0 border-[#c1c1cc] px-[8px]\"\n        >\n            <span class=\"text-[#212533]\">\n                {{\n                    field.currency\n                        ? currencyService.getCurrencySymbol({ currency: field.currency() })\n                        : field.numberLocaleOptions?.currencySymbol\n                }}\n            </span>\n        </div>\n    }\n\n    @if (hasMask) {\n        <p-inputMask\n            class=\"input-mask\"\n            #inputRef\n            type=\"text\"\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            [mask]=\"mask\"\n            [placeholder]=\"field.placeholder\"\n            slotChar=\"_\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            styleClass=\"mousetrap !rounded-l-[0px]\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n            (onInput)=\"field.onInput ? field.onInput($event) : null\"\n        ></p-inputMask>\n    } @else if (!hasMask) {\n        <input\n            #inputRef\n            type=\"text\"\n            [id]=\"field.id || field.name\"\n            class=\"h-full w-full rounded-r-[3px] border border-[#c1c1cc] p-2 outline-none focus:border-[1px] focus:border-primary\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            sNumberInput\n            [precision]=\"\n                field.precision\n                    ? isFunction(field.precision)\n                        ? trigger(field.precision)\n                        : field.precision\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].precision\n                      : 15\n            \"\n            [scale]=\"\n                field.scale\n                    ? isFunction(field.scale)\n                        ? trigger(field.scale)\n                        : field.scale\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].scale\n                      : 2\n            \"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n        />\n    }\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: i7$1.NumberInputDirective, selector: "input[sNumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: CurrencyFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "@if (inputRef()) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef()\"\n    ></s-field-label>\n}\n@let hasMask = !!field.mask;\n<div\n    class=\"[input-is-invalid>.button-container>.button-container]:border-[1px] [input-is-invalid>.button-container>.button-container]:border-r-0 [input-is-invalid>.button-container>.button-container]:border-criticality-red [input-is-invalid>.button-container>input]:border-[1px] [input-is-invalid>.button-container>input]:border-criticality-red [input-has-focus>.button-container]:border-[1px] [input-has-focus>.button-container]:border-r-0 [input-has-focus>.button-container]:border-primary flex h-[35px] w-full\"\n    [ngClass]=\"{\n        '[&:has(.input-mask.ng-invalid.ng-dirty)>.button-container]:border-[1px] [&:has(.input-mask.ng-invalid.ng-dirty)>.button-container]:border-r-0 [&:has(.input-mask.ng-invalid.ng-dirty)>.button-container]:border-criticality-red [&:has(.input-mask.ng-invalid.ng-dirty)>input]:border-[1px] [&:has(.input-mask.ng-invalid.ng-dirty)>input]:border-criticality-red':\n            hasMask,\n    }\"\n>\n    @if (field.currency || field.numberLocaleOptions?.currencySymbol) {\n        <div\n            class=\"button-container flex h-full min-w-10 items-center justify-center rounded-l-[3px] border border-r-0 border-[#c1c1cc] px-[8px]\"\n        >\n            <span class=\"text-[#212533]\">\n                {{\n                    field.currency\n                        ? currencyService.getCurrencySymbol({ currency: field.currency() })\n                        : field.numberLocaleOptions?.currencySymbol\n                }}\n            </span>\n        </div>\n    }\n\n    @if (hasMask) {\n        <p-inputMask\n            class=\"input-mask\"\n            #inputRef\n            type=\"text\"\n            [inputId]=\"field.id || field.name\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            [mask]=\"mask\"\n            [placeholder]=\"field.placeholder\"\n            slotChar=\"_\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [showDelay]=\"500\"\n            styleClass=\"mousetrap !rounded-l-[0px]\"\n            (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (onFocus)=\"field.onFocus ? field.onFocus($event) : null\"\n            (onComplete)=\"field.onComplete ? field.onComplete($event) : null\"\n            (onInput)=\"field.onInput ? field.onInput($event) : null\"\n        ></p-inputMask>\n    } @else if (!hasMask) {\n        <input\n            #inputRef\n            type=\"text\"\n            [id]=\"field.id || field.name\"\n            class=\"h-full w-full rounded-r-[3px] border border-[#c1c1cc] p-2 outline-none focus:border-[1px] focus:border-primary\"\n            [name]=\"field.name\"\n            [formControl]=\"formControl\"\n            sNumberInput\n            [precision]=\"\n                field.precision\n                    ? isFunction(field.precision)\n                        ? trigger(field.precision)\n                        : field.precision\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].precision\n                      : 15\n            \"\n            [scale]=\"\n                field.scale\n                    ? isFunction(field.scale)\n                        ? trigger(field.scale)\n                        : field.scale\n                    : field.currency && field.currency()\n                      ? currencies[field.currency()].scale\n                      : 2\n            \"\n            [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n            [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n            [alignTo]=\"field.alignTo\"\n            [sTooltip]=\"field.tooltip\"\n            tooltipPosition=\"top\"\n            [placeholder]=\"field.placeholder\"\n            [showDelay]=\"500\"\n            [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n            [ngClass]=\"'mousetrap'\"\n            (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n            (focus)=\"field.onFocus ? field.onFocus($event) : null\"\n        />\n    }\n</div>\n" }]
+        }], ctorParameters: () => [{ type: i1$7.CurrencyService }, { type: i1$3.LocaleService }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var currencyField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    CurrencyFieldComponent: CurrencyFieldComponent
+});
+
+class EditorFieldComponent extends BaseFieldComponent {
+    field;
+    formControl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: EditorFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<p-editor\n    [formControl]=\"formControl\"\n    [formats]=\"field.formats\"\n    [readonly]=\"field.readonly ? field.readonly : false\"\n    [modules]=\"field.modules\"\n    [style]=\"field.style\"\n>\n</p-editor>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$7.Editor, selector: "p-editor", inputs: ["style", "styleClass", "placeholder", "formats", "modules", "bounds", "scrollingContainer", "debug", "readonly"], outputs: ["onInit", "onTextChange", "onSelectionChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: EditorFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<p-editor\n    [formControl]=\"formControl\"\n    [formats]=\"field.formats\"\n    [readonly]=\"field.readonly ? field.readonly : false\"\n    [modules]=\"field.modules\"\n    [style]=\"field.style\"\n>\n</p-editor>\n" }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var editorField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    EditorFieldComponent: EditorFieldComponent
+});
+
+class FileUploadFieldComponent extends BaseFieldComponent {
+    changeDetectorRef;
+    elementRef;
+    field;
+    // TODO: TIPAR.
+    formControl;
+    inputRef = null;
+    constructor(changeDetectorRef, elementRef) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+        this.elementRef = elementRef;
+    }
+    onClick() {
+        this.dispatchFocusInputRef();
+    }
+    ngAfterViewInit() {
+        this.setInputRef();
+        this.changeDetectorRef.detectChanges();
+    }
+    onDocumentClick(event) {
+        if (!this.elementRef.nativeElement.contains(event.target)) {
+            this.inputRef?.dispatchEvent(new Event('blur'));
+        }
+    }
+    setInputRef() {
+        this.inputRef = this.elementRef.nativeElement.querySelector('input');
+    }
+    dispatchFocusInputRef() {
+        this.inputRef?.dispatchEvent(new Event('focus'));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadFieldComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: FileUploadFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, host: { listeners: { "click": "onClick()", "document:click": "onDocumentClick($event)" } }, usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<s-file-upload\n    [id]=\"field.id || field.name\"\n    [accept]=\"field.accept\"\n    [files]=\"field.files\"\n    [multiple]=\"field.multiple\"\n    [chooseLabel]=\"field.chooseLabel\"\n    [removeLabel]=\"field.removeLabel\"\n    [cancelLabel]=\"field.cancelLabel\"\n    [successTooltip]=\"field.successTooltip\"\n    (uploadHandler)=\"field.onUploadFile($event, field)\"\n    (removeFile)=\"field.onRemoveFile($event.file, field)\"\n    (cancelUpload)=\"field.onCancelUpload($event, field)\"\n    (downloadFile)=\"field.onDownloadFile($event, field)\"\n    [formGroup]=\"formControl\"\n    [showFileUploadDate]=\"field.showFileUploadDate\"\n>\n</s-file-upload>\n", 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$8.FileUploadComponent, selector: "s-file-upload", inputs: ["id", "chooseLabel", "removeLabel", "cancelLabel", "successTooltip", "multiple", "accept", "supportedExtensions", "ariaLabelFileName", "maxFileSize", "maxCombinedFileSize", "fileLimit", "ariaLabelProgress", "ariaLabelSuccess", "ariaLabelError", "ariaLabelRemove", "formGroup", "disabled", "showFileUploadDate", "permissions", "files"], outputs: ["uploadHandler", "removeFile", "cancelUpload", "downloadFile", "validateErrors"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: FileUploadFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<s-file-upload\n    [id]=\"field.id || field.name\"\n    [accept]=\"field.accept\"\n    [files]=\"field.files\"\n    [multiple]=\"field.multiple\"\n    [chooseLabel]=\"field.chooseLabel\"\n    [removeLabel]=\"field.removeLabel\"\n    [cancelLabel]=\"field.cancelLabel\"\n    [successTooltip]=\"field.successTooltip\"\n    (uploadHandler)=\"field.onUploadFile($event, field)\"\n    (removeFile)=\"field.onRemoveFile($event.file, field)\"\n    (cancelUpload)=\"field.onCancelUpload($event, field)\"\n    (downloadFile)=\"field.onDownloadFile($event, field)\"\n    [formGroup]=\"formControl\"\n    [showFileUploadDate]=\"field.showFileUploadDate\"\n>\n</s-file-upload>\n" }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onClick: [{
+                type: HostListener,
+                args: ['click']
+            }], onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+var fileUploadField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    FileUploadFieldComponent: FileUploadFieldComponent
+});
+
+class LookupFieldComponent {
+    field;
+    formControl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LookupFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: LookupFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n>\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [labelOptions]=\"{\n            recordsLabel: field.recordsLabel,\n            recordLabel: field.recordLabel,\n            emptyFieldLabel: field.emptyFieldLabel,\n            selectLabel: field.selectLabel,\n            cancelLabel: field.cancelLabel,\n            clearLabel: field.clearLabel,\n            filterLabel: field.filterLabel,\n            filterTitle: field.filterTitle,\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n        }\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        [sortableColumnsDisabled]=\"field.sortableColumnsDisabled\"\n        (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n        (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n        (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n        (onClearButtonClick)=\"field.onClearButtonClick ? field.onClearButtonClick() : null\"\n    >\n    </s-lookup>\n</div>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }, { kind: "component", type: LookupComponent, selector: "s-lookup", inputs: ["formControlName", "id", "autocompleteForceSelection", "multiple", "dataKey", "disabled", "showSearch", "lookupSuggestions", "lookupDisplayField", "lookupDisplayFieldTooltip", "lookupEmptyMessage", "lookupAppendTo", "searchEmptyDescription", "searchGridData", "searchTotalRecords", "searchFields", "searchGridFields", "multiSortMeta", "placeholder", "sortableColumnsDisabled", "lookupRowProps", "defaultFilter", "showAddOption", "showEditOption", "showRemoveOption", "labelOptions"], outputs: ["onLookupRequest", "onSearchRequest", "onFocus", "onBlur", "onKeyUp", "onSelect", "onUnselect", "onClear", "onAdd", "onEdit", "onRemove", "onClearButtonClick"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: LookupFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n>\n    <s-lookup\n        [id]=\"field.id || field.name\"\n        [multiple]=\"field.multiple\"\n        [formControl]=\"formControl\"\n        [lookupSuggestions]=\"field.lookupSuggestions\"\n        [dataKey]=\"field.dataKey\"\n        [placeholder]=\"field.placeholder\"\n        [showSearch]=\"field.showSearch\"\n        [searchFields]=\"field.searchFields\"\n        [searchGridFields]=\"field.searchGridFields\"\n        [searchGridData]=\"field.gridData\"\n        (onLookupRequest)=\"field.onLookupRequest($event)\"\n        (onSearchRequest)=\"field.onSearchRequest($event)\"\n        [lookupDisplayField]=\"field.lookupDisplayField\"\n        [searchTotalRecords]=\"field.searchTotalRecords\"\n        [labelOptions]=\"{\n            recordsLabel: field.recordsLabel,\n            recordLabel: field.recordLabel,\n            emptyFieldLabel: field.emptyFieldLabel,\n            selectLabel: field.selectLabel,\n            cancelLabel: field.cancelLabel,\n            clearLabel: field.clearLabel,\n            filterLabel: field.filterLabel,\n            filterTitle: field.filterTitle,\n            searchTotalRecordsLabel: field.searchTotalRecordsLabel,\n            searchEmptyTitle: field.searchEmptyTitle,\n            searchTitle: field.searchTitle,\n        }\"\n        (onSelect)=\"field.onSelect($event)\"\n        (onUnselect)=\"field.onUnselect($event)\"\n        (onClear)=\"field.onClear ? field.onClear($event) : null\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        [lookupAppendTo]=\"field.appendTo\"\n        [lookupEmptyMessage]=\"field.emptyMessage\"\n        [defaultFilter]=\"field.defaultFilter\"\n        [autocompleteForceSelection]=\"field.autocompleteForceSelection\"\n        [showAddOption]=\"field.showAddOption\"\n        [showEditOption]=\"field.showEditOption\"\n        [showRemoveOption]=\"field.showRemoveOption\"\n        [sortableColumnsDisabled]=\"field.sortableColumnsDisabled\"\n        (onAdd)=\"field.onAdd ? field.onAdd() : null\"\n        (onEdit)=\"field.onEdit ? field.onEdit($event) : null\"\n        (onRemove)=\"field.onRemove ? field.onRemove($event) : null\"\n        (onClearButtonClick)=\"field.onClearButtonClick ? field.onClearButtonClick() : null\"\n    >\n    </s-lookup>\n</div>\n" }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var lookupField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    LookupFieldComponent: LookupFieldComponent
+});
+
+/* eslint-disable @angular-eslint/no-output-on-prefix */
+class NumberFieldComponent extends BaseFieldComponent {
+    localeService;
+    elementRef;
+    changeDetectorRef;
+    field;
+    formControl;
+    onInput = new EventEmitter();
+    onFocus = new EventEmitter();
+    onComplete = new EventEmitter();
+    inputRef = null;
+    ngUnsubscribe = new Subject();
+    FieldType = FieldType;
+    constructor(localeService, elementRef, changeDetectorRef) {
+        super();
+        this.localeService = localeService;
+        this.elementRef = elementRef;
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this.onLocaleService();
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus)
+                this.field.onFocus(event);
+        });
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onInput)
+                this.field.onInput(event);
+        });
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onComplete)
+                this.field.onComplete(event);
+        });
+    }
+    ngAfterViewInit() {
+        this.setInputRef();
+        this.changeDetectorRef.detectChanges();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    get numberAlignmentOption() {
+        return NumberAlignmentOption;
+    }
+    get fieldType() {
+        return FieldType;
+    }
+    onLocaleService() {
+        this.localeService
+            .getLocale()
+            .pipe(first())
+            .subscribe({
+            next: () => {
+                if (!this.field.numberLocaleOptions?.decimalSeparator) {
+                    this.field.numberLocaleOptions = {
+                        ...this.field.numberLocaleOptions,
+                        decimalSeparator: this.localeService.getDecimalSeparator() ?? '',
+                    };
+                }
+                if (!this.field.numberLocaleOptions?.thousandsSeparator) {
+                    this.field.numberLocaleOptions = {
+                        ...this.field.numberLocaleOptions,
+                        thousandsSeparator: this.localeService.getGroupingSeparator() ?? '',
+                    };
+                }
+                if (!this.field.numberLocaleOptions?.currencySymbol) {
+                    this.field.numberLocaleOptions = {
+                        ...this.field.numberLocaleOptions,
+                        currencySymbol: 'R$',
+                    };
+                }
+            },
+            error: () => (this.field.numberLocaleOptions = this.field.numberLocaleOptions ?? {
+                thousandsSeparator: '.',
+                decimalSeparator: ',',
+                currencySymbol: 'R$',
+            }),
+        });
+    }
+    setInputRef() {
+        const input = this.elementRef.nativeElement.querySelector('input');
+        this.inputRef = input;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberFieldComponent, deps: [{ token: i1$3.LocaleService }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: NumberFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, usesInheritance: true, ngImport: i0, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    />\n}\n\n@let hasMask = !!field.mask;\n@if (hasMask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"field.mask ? getFieldPropertyMask(field.mask) : null\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n    >\n    </p-inputMask>\n} @else if (!hasMask) {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        @if(field.type === FieldType.Double && field.alignTo === numberAlignmentOption.LEFT) {\n            <ng-container *ngTemplateOutlet=\"localizedNumber\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n        }\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        {{ field.rightAddon.label }}\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n\n<ng-template #input>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n<ng-template #localizedNumber>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i7$2.LocalizedNumberInputDirective, selector: "input[sLocalizedNumberInput]", inputs: ["decimalSeparator", "thousandsSeparator", "precision"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: i7$1.NumberInputDirective, selector: "input[sNumberInput]", inputs: ["precision", "scale", "decimalSeparator", "thousandsSeparator", "alignTo", "allowNegative", "placeholder"], outputs: ["pasteRejected"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: NumberFieldComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, template: "@if (inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef.nativeElement\"\n    />\n}\n\n@let hasMask = !!field.mask;\n@if (hasMask) {\n    <p-inputMask\n        #inputRef\n        type=\"text\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"field.mask ? getFieldPropertyMask(field.mask) : null\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n    >\n    </p-inputMask>\n} @else if (!hasMask) {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        @if(field.type === FieldType.Double && field.alignTo === numberAlignmentOption.LEFT) {\n            <ng-container *ngTemplateOutlet=\"localizedNumber\"></ng-container>\n        } @else {\n            <ng-container *ngTemplateOutlet=\"input\"></ng-container>\n        }\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <span class=\"addon-button addon-button--right\">\n                    <s-button\n                        [label]=\"field.rightAddon.label\"\n                        [iconClass]=\"field.rightAddon.icon\"\n                        [priority]=\"field.rightAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                        (clicked)=\"field.rightAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        {{ field.rightAddon.label }}\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n\n<ng-template #input>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [scale]=\"isFunction(field.scale) ? trigger(field.scale) : field.scale\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [alignTo]=\"field.alignTo\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n<ng-template #localizedNumber>\n    <input\n        #inputRef\n        [id]=\"field.id || field.name\"\n        type=\"text\"\n        [name]=\"field.name\"\n        sLocalizedNumberInput\n        [precision]=\"isFunction(field.precision) ? trigger(field.precision) : field.precision\"\n        [decimalSeparator]=\"field.numberLocaleOptions?.decimalSeparator\"\n        [thousandsSeparator]=\"field.numberLocaleOptions?.thousandsSeparator\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        [formControl]=\"formControl\"\n    />\n</ng-template>\n", styles: ["s-number-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-number-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"] }]
+        }], ctorParameters: () => [{ type: i1$3.LocaleService }, { type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onInput: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onComplete: [{
+                type: Output
+            }] } });
+
+/* eslint-disable @angular-eslint/no-output-on-prefix */
+class PasswordFieldComponent {
+    changeDetectorRef;
+    field;
+    formControl;
+    onInput = new EventEmitter();
+    onFocus = new EventEmitter();
+    onComplete = new EventEmitter();
+    inputRef = null;
+    ngUnsubscribe = new Subject();
+    passwordVisible = false;
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus) {
+                this.field.onFocus(event);
+            }
+        });
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onInput) {
+                this.field.onInput(event);
+            }
+        });
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onComplete) {
+                this.field.onComplete(event);
+            }
+        });
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    onChangeVisible() {
+        this.passwordVisible = !this.passwordVisible;
+    }
+    ngAfterViewInit() {
+        this.changeDetectorRef.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PasswordFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: PasswordFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], ngImport: i0, template: "@if(inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div\n    class=\"password-field\"\n    [ngClass]=\"{ 'password-field--toggle': field.showToggle }\"\n>\n    <input\n        #inputRef\n        [type]=\"passwordVisible ? 'text' : 'password'\"\n        [id]=\"field.id || field.name\"\n        class=\"password-input\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [sPasswordStrength]=\"field.passwordStrength ? field.passwordStrength : false\"\n        [passwordStrengthDescription]=\"field.passwordStrengthOptions?.description ? field.passwordStrengthOptions!.description : ''\"\n        [passwordStrengthWeakTitle]=\"field.passwordStrengthOptions?.weakTitle ? field.passwordStrengthOptions?.weakTitle : ''\"\n        [passwordStrengthMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle ? field.passwordStrengthOptions?.mediumTitle : ''\"\n        [passwordStrengthStrongTitle]=\"field.passwordStrengthOptions?.strongTitle ? field.passwordStrengthOptions?.strongTitle : ''\"\n        [passwordStrengthValidation]=\"field.passwordStrengthOptions?.validation\"\n    />\n    @if (field.showToggle) {\n        <span class=\"toggle-button\">\n            <s-button\n                [iconClass]=\"passwordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'\"\n                priority=\"default\"\n                (clicked)=\"onChangeVisible()\"\n            >\n            </s-button>\n        </span>\n    }\n</div>\n", styles: ["s-text-field.ng-dirty.ng-invalid .password-input{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .password-input:hover{border-color:highlight(#c13018)}.password-field{display:flex}.password-field--toggle .password-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.password-field--toggle .toggle-button s-button button{border-bottom-left-radius:0;border-top-left-radius:0}.password-field:has(.password-input.ng-invalid.ng-dirty) s-button button{border:1px solid #c13018}.password-field:has(.password-input:focus) s-button button{border:1px solid #428bca}.password-field:has(.password-input:focus):has(button) .password-input{border-right:none}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: i6.PasswordStrengthDirective, selector: "[sPasswordStrength]", inputs: ["sPasswordStrength", "passwordStrengthValidation", "passwordStrengthPosition", "passwordStrengthWeakTitle", "passwordStrengthMediumTitle", "passwordStrengthStrongTitle", "passwordStrengthDescription"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: PasswordFieldComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, template: "@if(inputRef) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputRef\"\n    ></s-field-label>\n}\n\n<div\n    class=\"password-field\"\n    [ngClass]=\"{ 'password-field--toggle': field.showToggle }\"\n>\n    <input\n        #inputRef\n        [type]=\"passwordVisible ? 'text' : 'password'\"\n        [id]=\"field.id || field.name\"\n        class=\"password-input\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [sPasswordStrength]=\"field.passwordStrength ? field.passwordStrength : false\"\n        [passwordStrengthDescription]=\"field.passwordStrengthOptions?.description ? field.passwordStrengthOptions!.description : ''\"\n        [passwordStrengthWeakTitle]=\"field.passwordStrengthOptions?.weakTitle ? field.passwordStrengthOptions?.weakTitle : ''\"\n        [passwordStrengthMediumTitle]=\"field.passwordStrengthOptions?.mediumTitle ? field.passwordStrengthOptions?.mediumTitle : ''\"\n        [passwordStrengthStrongTitle]=\"field.passwordStrengthOptions?.strongTitle ? field.passwordStrengthOptions?.strongTitle : ''\"\n        [passwordStrengthValidation]=\"field.passwordStrengthOptions?.validation\"\n    />\n    @if (field.showToggle) {\n        <span class=\"toggle-button\">\n            <s-button\n                [iconClass]=\"passwordVisible ? 'fas fa-eye-slash' : 'fas fa-eye'\"\n                priority=\"default\"\n                (clicked)=\"onChangeVisible()\"\n            >\n            </s-button>\n        </span>\n    }\n</div>\n", styles: ["s-text-field.ng-dirty.ng-invalid .password-input{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .password-input:hover{border-color:highlight(#c13018)}.password-field{display:flex}.password-field--toggle .password-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none}.password-field--toggle .toggle-button s-button button{border-bottom-left-radius:0;border-top-left-radius:0}.password-field:has(.password-input.ng-invalid.ng-dirty) s-button button{border:1px solid #c13018}.password-field:has(.password-input:focus) s-button button{border:1px solid #428bca}.password-field:has(.password-input:focus):has(button) .password-input{border-right:none}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onInput: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onComplete: [{
+                type: Output
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['inputRef']
+            }] } });
+
+var passwordField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    PasswordFieldComponent: PasswordFieldComponent
+});
+
+/* eslint-disable @angular-eslint/no-output-on-prefix */
+class RadioButtonFieldComponent {
+    field;
+    formControl;
+    onClick = new EventEmitter();
+    onFocus = new EventEmitter();
+    _ngUnsubscribe = new Subject();
+    ngOnInit() {
+        this.onFocus.pipe(takeUntil(this._ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus)
+                this.field.onFocus(event);
+        });
+        this.onClick.pipe(takeUntil(this._ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onClick)
+                this.field.onClick(event);
+        });
+    }
+    ngOnDestroy() {
+        this._ngUnsubscribe.next();
+        this._ngUnsubscribe.complete();
+    }
+    onClear() {
+        this.formControl.reset();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: RadioButtonFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onClick: "onClick", onFocus: "onFocus" }, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        @for (option of field.options; let i = $index; track i) {\n            <div class=\"ui-g-12\">\n                <ng-container\n                    [ngTemplateOutlet]=\"radioButton\"\n                    [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n                >\n                </ng-container>\n            </div>\n        }\n        @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n            <s-button\n                [label]=\"field.clearLabel || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        @for (option of field.options; let i = $index; track i) {\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n            >\n            </ng-container>\n        }\n    </div>\n    @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n        <s-button\n            class=\"horizontal-clear-option\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (clicked)=\"onClear()\"\n            priority=\"link\"\n        >\n        </s-button>\n    }\n}\n\n<ng-template\n    #radioButton\n    let-option=\"option\"\n    let-i=\"index\"\n>\n    @let inputId = (field.id || field.name) + '-' + i;\n    <s-radiobutton\n        class=\"radio-button-item\"\n        [name]=\"field.name\"\n        [value]=\"option.value\"\n        [formControl]=\"formControl\"\n        [inputId]=\"inputId\"\n        [sTooltip]=\"field.tooltip\"\n        [label]=\"option.label\"\n        (focusedInput)=\"onFocus.next($event)\"\n        (inputFocusLost)=\"field.onBlur ? field.onBlur($event) : null\"\n    />\n</ng-template>\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i4$1.RadioButtonComponent, selector: "s-radiobutton", inputs: ["buttonDisabled", "label", "name", "value", "inputId"], outputs: ["buttonDisabledChange", "valueChange", "focusedInput", "inputFocusLost"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: RadioButtonFieldComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n@if (field.verticalAlignment) {\n    <div class=\"ui-g\">\n        @for (option of field.options; let i = $index; track i) {\n            <div class=\"ui-g-12\">\n                <ng-container\n                    [ngTemplateOutlet]=\"radioButton\"\n                    [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n                >\n                </ng-container>\n            </div>\n        }\n        @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n            <s-button\n                [label]=\"field.clearLabel || 'Clear selection'\"\n                (clicked)=\"onClear()\"\n                priority=\"link\"\n            >\n            </s-button>\n        }\n    </div>\n} @else {\n    <div class=\"ui-g horizontal-radio-buttons-container\">\n        @for (option of field.options; let i = $index; track i) {\n            <ng-container\n                [ngTemplateOutlet]=\"radioButton\"\n                [ngTemplateOutletContext]=\"{ option: option, index: i }\"\n            >\n            </ng-container>\n        }\n    </div>\n    @if (field.showClear && field.required && !field.required() && !formControl.disabled) {\n        <s-button\n            class=\"horizontal-clear-option\"\n            [label]=\"field.clearLabel || 'Clear selection'\"\n            (clicked)=\"onClear()\"\n            priority=\"link\"\n        >\n        </s-button>\n    }\n}\n\n<ng-template\n    #radioButton\n    let-option=\"option\"\n    let-i=\"index\"\n>\n    @let inputId = (field.id || field.name) + '-' + i;\n    <s-radiobutton\n        class=\"radio-button-item\"\n        [name]=\"field.name\"\n        [value]=\"option.value\"\n        [formControl]=\"formControl\"\n        [inputId]=\"inputId\"\n        [sTooltip]=\"field.tooltip\"\n        [label]=\"option.label\"\n        (focusedInput)=\"onFocus.next($event)\"\n        (inputFocusLost)=\"field.onBlur ? field.onBlur($event) : null\"\n    />\n</ng-template>\n", styles: ["s-button.horizontal-clear-option button{width:min-content!important}.horizontal-radio-buttons-container{gap:20px 40px;.radio-button-item{margin:0}}\n"] }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onClick: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }] } });
+
+var radioButtonField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    RadioButtonFieldComponent: RadioButtonFieldComponent
+});
+
+class SelectFieldComponent extends BaseFieldComponent {
+    field;
+    formControl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SelectFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-select\n    [multiple]=\"field.multiple ?? false\"\n    [filter]=\"field.filter ?? false\"\n    [id]=\"field.id || field.name\"\n    [options]=\"getFieldProperty(field.options)\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [group]=\"field.group ?? false\"\n    [showClear]=\"field.showClear ?? false\"\n    [optionLabel]=\"field.optionLabel ?? 'label'\"\n    [optionValue]=\"field.optionValue ?? 'value'\"\n    (clicked)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\"\n    [emptyMessage]=\"field.emptyMessage ?? null\"\n>\n</s-select>\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: i3$5.SelectComponent, selector: "s-select", inputs: ["placeholder", "multiple", "options", "optionLabel", "optionValue", "showClear", "filter", "checkmark", "filterBy", "group", "virtualScroll", "virtualScrollItemSize", "emptyMessage", "disabled", "showOptions"], outputs: ["disabledChange", "showOptionsChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<s-select\n    [multiple]=\"field.multiple ?? false\"\n    [filter]=\"field.filter ?? false\"\n    [id]=\"field.id || field.name\"\n    [options]=\"getFieldProperty(field.options)\"\n    [placeholder]=\"field.placeholder || ' '\"\n    [formControl]=\"formControl\"\n    [sTooltip]=\"field.tooltip\"\n    tooltipPosition=\"top\"\n    [showDelay]=\"500\"\n    [group]=\"field.group ?? false\"\n    [showClear]=\"field.showClear ?? false\"\n    [optionLabel]=\"field.optionLabel ?? 'label'\"\n    [optionValue]=\"field.optionValue ?? 'value'\"\n    (clicked)=\"field.onClick ? field.onClick($event) : null\"\n    (onChange)=\"field.onChange ? field.onChange($event) : null\"\n    [emptyMessage]=\"field.emptyMessage ?? null\"\n>\n</s-select>\n" }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var selectField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    SelectFieldComponent: SelectFieldComponent
+});
+
+/* eslint-disable @angular-eslint/no-output-on-prefix */
+class SliderFieldComponent extends BaseFieldComponent {
+    field;
+    formControl;
+    onChange = new EventEmitter();
+    onSlideEnd = new EventEmitter();
+    ngUnsubscribe = new Subject();
+    ngOnInit() {
+        const defaultValue = this.field?.range ? [this.field.min, this.field.max] : this.field.min;
+        if (!this.isValid(this.formControl.value)) {
+            this.formControl.setValue(this.field.defaultValue ?? defaultValue);
+        }
+        this.subscribeToFormControlEvents();
+    }
+    subscribeToFormControlEvents() {
+        this.onChange.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onChange) {
+                this.field.onChange(event);
+            }
+        });
+        this.onSlideEnd.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onSlideEnd) {
+                this.field.onSlideEnd(event);
+            }
+        });
+    }
+    isValid(value) {
+        if (this.field?.range) {
+            return Array.isArray(value) && this.isValidRange(value);
+        }
+        else {
+            return Number.isInteger(value) && this.isValidNoRange(value);
+        }
+    }
+    isValidRange(value) {
+        const [startValue, endValue] = value;
+        return startValue >= this.field?.min && startValue <= this.field?.max && endValue >= this.field?.min && endValue <= this.field?.max;
+    }
+    isValidNoRange(value) {
+        return value >= this.field.min && value <= this.field.max;
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    get fieldType() {
+        return FieldType;
+    }
+    getRangeLabel() {
+        let [value0, value1] = this.formControl.value ?? [0, 0];
+        const prefix = this.field.prefix ?? '';
+        const suffix = this.field.suffix ?? '';
+        const separator = this.field.rangeSeparator ?? ' - ';
+        if (!value0 || value0 < this.field.min) {
+            value0 = this.field.min;
+        }
+        if (!value1 || value1 > this.field.max) {
+            value1 = this.field.max;
+        }
+        return `${prefix}${value0}${suffix}${separator}${prefix}${value1}${suffix}`;
+    }
+    getNonRangeLabel() {
+        let value = this.formControl?.value;
+        const prefix = this.field.prefix ?? '';
+        const suffix = this.field.suffix ?? '';
+        if (!value || value < this.field.min) {
+            value = this.field.min;
+        }
+        if (value > this.field.max) {
+            value = this.field.max;
+        }
+        return `${prefix}${value}${suffix}`;
+    }
+    get label() {
+        return this.field.range ? this.getRangeLabel() : this.getNonRangeLabel();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderFieldComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SliderFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onChange: "onChange", onSlideEnd: "onSlideEnd" }, usesInheritance: true, ngImport: i0, template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"slider-group\">\n    <div class=\"slider-label\">\n        <span>{{ label }}</span>\n    </div>\n    <s-slider\n        #slider\n        [id]=\"field.id || field.name\"\n        [formControl]=\"formControl\"\n        [multiple]=\"field.range ? field.range : slider.multiple\"\n        [min]=\"field.min\"\n        [max]=\"field.max\"\n        [step]=\"field.step\"\n        (valueChange)=\"field.onChange ? field.onChange($event) : null\"\n    >\n    </s-slider>\n</div>\n", styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$9.SliderComponent, selector: "s-slider", inputs: ["multiple", "value", "step", "hiddenThumb", "disabled", "min", "max", "minValueLabel", "maxValueLabel", "tabindex"], outputs: ["valueChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SliderFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "<s-field-label [field]=\"field\"></s-field-label>\n\n<div class=\"slider-group\">\n    <div class=\"slider-label\">\n        <span>{{ label }}</span>\n    </div>\n    <s-slider\n        #slider\n        [id]=\"field.id || field.name\"\n        [formControl]=\"formControl\"\n        [multiple]=\"field.range ? field.range : slider.multiple\"\n        [min]=\"field.min\"\n        [max]=\"field.max\"\n        [step]=\"field.step\"\n        (valueChange)=\"field.onChange ? field.onChange($event) : null\"\n    >\n    </s-slider>\n</div>\n", styles: [".slider-label{margin-bottom:5px;margin-left:-10px}.slider-group{margin-left:9px;margin-right:11px}\n"] }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onChange: [{
+                type: Output
+            }], onSlideEnd: [{
+                type: Output
+            }] } });
+
+var sliderField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    SliderFieldComponent: SliderFieldComponent
+});
+
+class StarRatingFieldComponent {
+    field;
+    formControl;
+    onValueChange(newValue) {
+        if (this.field.valueChange) {
+            this.field.valueChange(newValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StarRatingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: StarRatingFieldComponent, selector: "s-star-rating-field", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "<s-field-label [field]=\"field\"/>\n\n<s-star-rating [justifyContent]=\"field.justifyContent\" [formControl]=\"formControl\" (selectedStarChange)=\"onValueChange($event)\">\n", dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$a.StarRatingComponent, selector: "s-star-rating", inputs: ["selectedStar", "starsRange", "justifyContent", "disabled"], outputs: ["selectedStarChange", "disabledChange"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: StarRatingFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-star-rating-field', template: "<s-field-label [field]=\"field\"/>\n\n<s-star-rating [justifyContent]=\"field.justifyContent\" [formControl]=\"formControl\" (selectedStarChange)=\"onValueChange($event)\">\n" }]
+        }], propDecorators: { field: [{
+                type: Input
+            }], formControl: [{
+                type: Input
+            }] } });
+
+var starRatingField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    StarRatingFieldComponent: StarRatingFieldComponent
+});
+
+class TextAreaIAFieldComponent {
+    field;
+    formControl;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaIAFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextAreaIAFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (textAreaIA.textArea()?.renderTextArea) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"textAreaIA.textArea()?.textAreaElement?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-text-area-ia\n    #textAreaIA\n    [rows]=\"field.rows ?? 5\"\n    [formControl]=\"formControl\"\n    [id]=\"field.name\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n    [prompt]=\"field.prompt ?? ''\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [label]=\"field.label\"\n    [speechRecognition]=\"field.speechRecognition\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n></s-text-area-ia>\n", styles: [".footer-content{display:flex;flex-grow:0}.textarea-ia{display:flex;align-items:flex-end;gap:8px}.textarea-ia s-textarea{width:100%}.iassist-button{display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}.speech-recognition{margin-bottom:12.5px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$b.TextAreaIAComponent, selector: "s-text-area-ia", inputs: ["id", "label", "placeholder", "prompt", "readonly", "rows", "cols", "speechRecognition", "keepContext", "speechRecognitionPlaceholder", "maxLength"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaIAFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "@if (textAreaIA.textArea()?.renderTextArea) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"textAreaIA.textArea()?.textAreaElement?.nativeElement\"\n    ></s-field-label>\n}\n\n<s-text-area-ia\n    #textAreaIA\n    [rows]=\"field.rows ?? 5\"\n    [formControl]=\"formControl\"\n    [id]=\"field.name\"\n    [readonly]=\"field.readonly ? field.readonly() : false\"\n    [prompt]=\"field.prompt ?? ''\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [label]=\"field.label\"\n    [speechRecognition]=\"field.speechRecognition\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n></s-text-area-ia>\n", styles: [".footer-content{display:flex;flex-grow:0}.textarea-ia{display:flex;align-items:flex-end;gap:8px}.textarea-ia s-textarea{width:100%}.iassist-button{display:flex;justify-content:center;align-items:center;border:none;border-radius:50%;box-shadow:none;cursor:pointer;height:32px;width:32px}.dialog-header{display:flex;gap:12px}.dialog-header .iassist-icon{display:block;height:24px;width:24px}.speech-recognition{margin-bottom:12.5px}\n"] }]
+        }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var textAreaIaField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TextAreaIAFieldComponent: TextAreaIAFieldComponent
+});
+
+class TextAreaFieldComponent {
+    changeDetectorRef;
+    field;
+    formControl;
+    constructor(changeDetectorRef) {
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngAfterViewInit() {
+        this.changeDetectorRef.detectChanges();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextAreaFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, ngImport: i0, template: "@if (textArea.renderTextArea) {\n    <s-field-label [field]=\"field\"\n    [fieldContainerRef]=\"textArea.textAreaElement.nativeElement\"></s-field-label>\n}\n\n<s-textarea\n    #textArea\n    [inputId]=\"(field.id || field.name)\"\n    [rows]=\"field.rows ?? textArea.rows\"\n    [formControl]=\"formControl\"\n    [inputStyle]=\"field.style ?? {}\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n\n", styles: [".textarea-input{resize:vertical;width:100%;border:1px solid #c1c1cc;border-radius:3px;padding:8px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2$c.TextAreaComponent, selector: "s-textarea", inputs: ["inputId", "rows", "speechRecognition", "keyFilter", "keepContext", "speechRecognitionPlaceholder", "maxLength", "placeholder", "inputStyle", "readOnly"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextAreaFieldComponent, decorators: [{
+            type: Component,
+            args: [{ template: "@if (textArea.renderTextArea) {\n    <s-field-label [field]=\"field\"\n    [fieldContainerRef]=\"textArea.textAreaElement.nativeElement\"></s-field-label>\n}\n\n<s-textarea\n    #textArea\n    [inputId]=\"(field.id || field.name)\"\n    [rows]=\"field.rows ?? textArea.rows\"\n    [formControl]=\"formControl\"\n    [inputStyle]=\"field.style ?? {}\"\n    [readOnly]=\"field.readonly ? field.readonly() : false\"\n    [keyFilter]=\"field.keyFilter\"\n    [placeholder]=\"field.placeholder ?? ''\"\n    [keepContext]=\"field.keepContext\"\n    [speechRecognitionPlaceholder]=\"field.speechRecognitionPlaceholder\"\n    [maxLength]=\"field.maxLength\"\n    [speechRecognition]=\"field.speechRecognition\">\n</s-textarea>\n\n", styles: [".textarea-input{resize:vertical;width:100%;border:1px solid #c1c1cc;border-radius:3px;padding:8px}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+var textAreaField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TextAreaFieldComponent: TextAreaFieldComponent
+});
+
+/* eslint-disable @angular-eslint/no-output-on-prefix */
+class TextFieldComponent extends BaseFieldComponent {
+    changeDetectorRef;
+    field;
+    formControl;
+    onInput = new EventEmitter();
+    onFocus = new EventEmitter();
+    onComplete = new EventEmitter();
+    inputRef = null;
+    ngUnsubscribe = new Subject();
+    constructor(changeDetectorRef) {
+        super();
+        this.changeDetectorRef = changeDetectorRef;
+    }
+    ngOnInit() {
+        this.onFocus.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onFocus)
+                this.field.onFocus(event);
+        });
+        this.onInput.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onInput)
+                this.field.onInput(event);
+        });
+        this.onComplete.pipe(takeUntil(this.ngUnsubscribe)).subscribe((event) => {
+            if (this.field.onComplete)
+                this.field.onComplete(event);
+        });
+    }
+    ngAfterViewInit() {
+        this.changeDetectorRef.detectChanges();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    getCharacterPattern() {
+        return typeof this.field.characterPattern === 'function'
+            ? this.field.characterPattern()
+            : this.field.characterPattern;
+    }
+    getUnmask() {
+        return typeof this.field.unmask === 'function' ? this.field.unmask() : this.field.unmask;
+    }
+    get inputElement() {
+        if (this.inputRef instanceof InputMask) {
+            return this.inputRef?.inputViewChild?.nativeElement;
+        }
+        else {
+            return this.inputRef?.nativeElement;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextFieldComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TextFieldComponent, selector: "ng-component", inputs: { field: "field", formControl: "formControl" }, outputs: { onInput: "onInput", onFocus: "onFocus", onComplete: "onComplete" }, viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (inputElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputElement\"\n    />\n}\n\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n        [characterPattern]=\"getCharacterPattern()\"\n        [unmask]=\"getUnmask()\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <s-button\n                    [label]=\"field.rightAddon.label\"\n                    [iconClass]=\"field.rightAddon.icon\"\n                    [priority]=\"field.rightAddon.priority\"\n                    [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                    (clicked)=\"field.rightAddon.callback()\"\n                >\n                </s-button>\n            } @else if (field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>{{ field.rightAddon.label }}</span>\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n", styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i1$1.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: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i5$1.InputMask, selector: "p-inputmask, p-inputMask, p-input-mask", inputs: ["type", "slotChar", "autoClear", "showClear", "style", "inputId", "styleClass", "placeholder", "size", "maxlength", "tabindex", "title", "variant", "ariaLabel", "ariaLabelledBy", "ariaRequired", "disabled", "readonly", "unmask", "name", "required", "characterPattern", "autofocus", "autoFocus", "autocomplete", "keepBuffer", "mask"], outputs: ["onComplete", "onFocus", "onBlur", "onInput", "onKeydown", "onClear"] }, { kind: "directive", type: i7.InputText, selector: "[pInputText]", inputs: ["variant", "fluid", "pSize"] }, { kind: "directive", type: i6$1.KeyFilter, selector: "[pKeyFilter]", inputs: ["pValidateOnly", "pKeyFilter"], outputs: ["ngModelChange"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$3.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "component", type: FieldLabelComponent, selector: "s-field-label", inputs: ["field", "fieldContainerRef"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TextFieldComponent, decorators: [{
+            type: Component,
+            args: [{ encapsulation: ViewEncapsulation.None, template: "@if (inputElement) {\n    <s-field-label\n        [field]=\"field\"\n        [fieldContainerRef]=\"inputElement\"\n    />\n}\n\n@if (field.mask) {\n    <p-inputMask\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [inputId]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [mask]=\"isFunction(field.mask) ? field.mask() : field.mask\"\n        [characterPattern]=\"getCharacterPattern()\"\n        [unmask]=\"getUnmask()\"\n        [placeholder]=\"field.placeholder\"\n        slotChar=\"_\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [showDelay]=\"500\"\n        styleClass=\"mousetrap\"\n        (onBlur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (onFocus)=\"onFocus.next($event)\"\n        (onComplete)=\"onComplete.next($event)\"\n        (onInput)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [readonly]=\"field.readonly ? field.readonly() : false\"\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n\n    >\n    </p-inputMask>\n} @else {\n    <div class=\"ui-inputgroup\">\n        @if (field.leftAddon) {\n            @if (field.leftAddon.callback) {\n                <span class=\"addon-button addon-button--left\">\n                    <s-button\n                        [label]=\"field.leftAddon.label\"\n                        [iconClass]=\"field.leftAddon.icon\"\n                        [priority]=\"field.leftAddon.priority\"\n                        [disabled]=\"fieldPropertyIsDisabled(field.leftAddon)\"\n                        (clicked)=\"field.leftAddon.callback()\"\n                    >\n                    </s-button>\n                </span>\n            }\n            @if (!field.leftAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.leftAddon.label) {\n                        <span>{{ field.leftAddon.label }}</span>\n                    } @else if (!field.leftAddon.label) {\n                        <span [ngClass]=\"field.leftAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n\n        <ng-container *ngTemplateOutlet=\"field.keyFilter ? inputKeyFilter : input\"></ng-container>\n\n        @if (field.rightAddon) {\n            @if (field.rightAddon.callback) {\n                <s-button\n                    [label]=\"field.rightAddon.label\"\n                    [iconClass]=\"field.rightAddon.icon\"\n                    [priority]=\"field.rightAddon.priority\"\n                    [disabled]=\"fieldPropertyIsDisabled(field.rightAddon)\"\n                    (clicked)=\"field.rightAddon.callback()\"\n                >\n                </s-button>\n            } @else if (field.rightAddon.callback) {\n                <span class=\"ui-inputgroup-addon\">\n                    @if (field.rightAddon.label) {\n                        <span>{{ field.rightAddon.label }}</span>\n                    } @else if (!field.rightAddon.label) {\n                        <span [ngClass]=\"field.rightAddon.icon\"></span>\n                    }\n                </span>\n            }\n        }\n    </div>\n}\n<ng-template #input>\n    <input\n        #inputRef\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n<ng-template #inputKeyFilter>\n    <input\n        #inputText\n        [type]=\"field.inputType || 'text'\"\n        [id]=\"field.id || field.name\"\n        [name]=\"field.name\"\n        [sTooltip]=\"field.tooltip\"\n        tooltipPosition=\"top\"\n        [placeholder]=\"field.placeholder\"\n        [showDelay]=\"500\"\n        [maxLength]=\"field.maxLength\"\n        pInputText\n        [autocomplete]=\"field.browserAutocomplete ? 'on' : 'off'\"\n        [ngClass]=\"'mousetrap'\"\n        (blur)=\"field.onBlur ? field.onBlur($event) : null\"\n        (focus)=\"onFocus.next($event)\"\n        (input)=\"onInput.next($event)\"\n        [pKeyFilter]=\"field.keyFilter\"\n        [formControl]=\"formControl\"\n        [ngStyle]=\"field.style\"\n        [readOnly]=\"field.readonly ? field.readonly() : false\"\n    />\n</ng-template>\n", styles: ["s-text-field.ng-dirty.ng-invalid .ui-inputtext{border-color:#c13018}s-text-field.ng-dirty.ng-invalid .ui-inputtext:hover{border-color:highlight(#c13018)}.addon-button{border:1px solid #c1c1cc}.addon-button s-button button,.addon-button s-button .s-button-with-text{height:100%;min-width:40px}.addon-button--left{border-radius:5px 0 0 5px;border-right:none}.addon-button--left s-button button{border-bottom-right-radius:0;border-top-right-radius:0}.addon-button--right{border-left:none;border-radius:0 5px 5px 0}.addon-button--right s-button button{border-bottom-left-radius:0;border-top-left-radius:0}\n"] }]
+        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { field: [{
+                type: Input,
+                args: [{ required: true }]
+            }], formControl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], onInput: [{
+                type: Output
+            }], onFocus: [{
+                type: Output
+            }], onComplete: [{
+                type: Output
+            }], inputRef: [{
+                type: ViewChild,
+                args: ['inputRef']
+            }] } });
+
+var textField_component = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TextFieldComponent: TextFieldComponent
+});
+
+class DynamicFormModule {
+    constructor(dynamicFormCache) {
+        dynamicFormCache.setCache();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, deps: [{ token: DynamicFormCacheService }], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, declarations: [FieldLabelComponent,
+            FileUploadFieldComponent,
+            AutocompleteFieldComponent,
+            BooleanFieldComponent,
+            BooleanSwitchFieldComponent,
+            CalendarFieldComponent,
+            ChipsFieldComponent,
+            CountryPhonePickerFieldComponent,
+            DynamicFormComponent,
+            DynamicFormDirective,
+            FieldsetComponent,
+            LookupComponent,
+            LookupFieldComponent,
+            RadioButtonFieldComponent,
+            RowComponent,
+            SectionComponent,
+            SelectFieldComponent,
+            SliderFieldComponent,
+            TextAreaFieldComponent,
+            TextAreaIAFieldComponent,
+            ButtonFieldComponent,
+            TextFieldComponent,
+            BignumberFieldComponent,
+            ProfilePictureFieldComponent,
+            PasswordFieldComponent,
+            NumberFieldComponent,
+            CurrencyFieldComponent,
+            EditorFieldComponent,
+            CheckboxFieldComponent,
+            StarRatingFieldComponent], imports: [AutoCompleteModule,
+            BadgeModule,
+            BignumberInputModule,
+            ButtonModule,
+            CalendarMaskModule,
+            ChipsModule,
+            CommonModule,
+            ControlErrorsModule,
+            CountryPhonePickerModule,
+            DialogComponent,
+            EmptyStateModule,
+            FormsModule,
+            HotkeyModule,
+            InputMaskModule,
+            InputTextModule,
+            KeyFilterModule,
+            LoadingStateModule,
+            LocaleModule,
+            LocalizedNumberInputModule,
+            PanelModule,
+            ButtonModule$1,
+            TableModule,
+            ReactiveFormsModule,
+            TooltipModule,
+            FieldsetModule,
+            TableHeaderCheckboxModule,
+            FileUploadModule,
+            InfoSignModule,
+            MaskFormatterModule, i1$2.HotkeyModule, MouseEventsModule,
+            SwitchModule,
+            PasswordStrengthModule,
+            SliderModule,
+            DatePickerModule, i2$2.TranslateModule, MultiSelectModule,
+            ProfilePicturePickerModule,
+            NumberInputModule,
+            EditorModule,
+            CheckboxListModule,
+            TextAreaIAModule,
+            TextAreaModule,
+            StarRatingComponent,
+            SelectComponent,
+            TemplateModule,
+            RadioButtonComponent], exports: [DynamicFormComponent, DynamicFormDirective, LookupComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, imports: [AutoCompleteModule,
+            BadgeModule,
+            BignumberInputModule,
+            ButtonModule,
+            CalendarMaskModule,
+            ChipsModule,
+            CommonModule,
+            ControlErrorsModule,
+            CountryPhonePickerModule,
+            DialogComponent,
+            EmptyStateModule,
+            FormsModule,
+            HotkeyModule,
+            InputMaskModule,
+            InputTextModule,
+            KeyFilterModule,
+            LoadingStateModule,
+            LocaleModule,
+            LocalizedNumberInputModule,
+            PanelModule,
+            ButtonModule$1,
+            TableModule,
+            ReactiveFormsModule,
+            TooltipModule,
+            FieldsetModule,
+            TableHeaderCheckboxModule,
+            FileUploadModule,
+            InfoSignModule,
+            MaskFormatterModule,
+            HotkeyModule.forRoot(),
+            MouseEventsModule,
+            SwitchModule,
+            PasswordStrengthModule,
+            SliderModule,
+            DatePickerModule,
+            TranslateModule.forChild(),
+            MultiSelectModule,
+            ProfilePicturePickerModule,
+            NumberInputModule,
+            EditorModule,
+            CheckboxListModule,
+            TextAreaIAModule,
+            TextAreaModule,
+            StarRatingComponent,
+            SelectComponent,
+            TemplateModule,
+            RadioButtonComponent] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: DynamicFormModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        AutoCompleteModule,
+                        BadgeModule,
+                        BignumberInputModule,
+                        ButtonModule,
+                        CalendarMaskModule,
+                        ChipsModule,
+                        CommonModule,
+                        ControlErrorsModule,
+                        CountryPhonePickerModule,
+                        DialogComponent,
+                        EmptyStateModule,
+                        FormsModule,
+                        HotkeyModule,
+                        InputMaskModule,
+                        InputTextModule,
+                        KeyFilterModule,
+                        LoadingStateModule,
+                        LocaleModule,
+                        LocalizedNumberInputModule,
+                        PanelModule,
+                        ButtonModule$1,
+                        TableModule,
+                        ReactiveFormsModule,
+                        TooltipModule,
+                        FieldsetModule,
+                        TableHeaderCheckboxModule,
+                        FileUploadModule,
+                        InfoSignModule,
+                        MaskFormatterModule,
+                        HotkeyModule.forRoot(),
+                        MouseEventsModule,
+                        SwitchModule,
+                        PasswordStrengthModule,
+                        SliderModule,
+                        DatePickerModule,
+                        TranslateModule.forChild(),
+                        MultiSelectModule,
+                        ProfilePicturePickerModule,
+                        NumberInputModule,
+                        EditorModule,
+                        CheckboxListModule,
+                        TextAreaIAModule,
+                        TextAreaModule,
+                        StarRatingComponent,
+                        SelectComponent,
+                        TemplateModule,
+                        RadioButtonComponent,
+                    ],
+                    declarations: [
+                        FieldLabelComponent,
+                        FileUploadFieldComponent,
+                        AutocompleteFieldComponent,
+                        BooleanFieldComponent,
+                        BooleanSwitchFieldComponent,
+                        CalendarFieldComponent,
+                        ChipsFieldComponent,
+                        CountryPhonePickerFieldComponent,
+                        DynamicFormComponent,
+                        DynamicFormDirective,
+                        FieldsetComponent,
+                        LookupComponent,
+                        LookupFieldComponent,
+                        RadioButtonFieldComponent,
+                        RowComponent,
+                        SectionComponent,
+                        SelectFieldComponent,
+                        SliderFieldComponent,
+                        TextAreaFieldComponent,
+                        TextAreaIAFieldComponent,
+                        ButtonFieldComponent,
+                        TextFieldComponent,
+                        BignumberFieldComponent,
+                        ProfilePictureFieldComponent,
+                        PasswordFieldComponent,
+                        NumberFieldComponent,
+                        CurrencyFieldComponent,
+                        EditorFieldComponent,
+                        CheckboxFieldComponent,
+                        StarRatingFieldComponent,
+                    ],
+                    exports: [DynamicFormComponent, DynamicFormDirective, LookupComponent],
+                }]
+        }], ctorParameters: () => [{ type: DynamicFormCacheService }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AutocompleteField, BignumberField, BlobField, BooleanField, BooleanOptionsLabel$1 as BooleanOptionsLabel, BooleanSwitchField, ButtonField, CalendarField, CheckboxField, ChipsField, CountryPhonePickerField, CurrencyField, DecimalField, DynamicConfig, DynamicFormComponent, DynamicFormDirective, DynamicFormModule, DynamicType, EditorField, Field, FieldSize, FieldType, Fieldset, FormField, Grid, GridType, LookupComponent, LookupField, NumberField, NumberFieldComponent, Option, PasswordField, ProfilePictureField, RadioButtonField, RationButtonOption, Row, Section, SelectField, SelectOption, SliderField, StarRatingField, Structure, StructureType, TextAreaField, TextAreaIAField, TextField };
+//# sourceMappingURL=seniorsistemas-angular-components-dynamic-form.mjs.map