mapa-library-ui 0.90.2 → 1.0.0

package/fesm2020/mapa-library-ui-src-lib-components-form.mjs

@@ -1,723 +0,0 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule, Directive, Self, Optional, InjectionToken, Injectable, Inject, ViewEncapsulation } from '@angular/core';
-import * as i1$1 from '@angular/common';
-import { CommonModule } from '@angular/common';
-import { MatButtonModule } from '@angular/material/button';
-import * as i2 from '@angular/forms';
-import { FormsModule, ReactiveFormsModule } from '@angular/forms';
-import * as i3 from 'ngx-mask';
-import { NgxMaskDirective, NgxMaskPipe, provideNgxMask } from 'ngx-mask';
-import * as i4 from '@angular/material/form-field';
-import { MatFormFieldModule } from '@angular/material/form-field';
-import * as i5 from 'mapa-library-ui/src/lib/components/button';
-import { MapaButtonModule as MapaButtonModule$1 } from 'mapa-library-ui/src/lib/components/button';
-import * as i1 from '@angular/material/input';
-import { MatInputModule } from '@angular/material/input';
-import * as i7 from '@angular/material/icon';
-import { MatIconModule } from '@angular/material/icon';
-import { Subject, BehaviorSubject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-import * as i3$1 from '@angular/material/radio';
-import { MatRadioModule } from '@angular/material/radio';
-import * as i3$2 from '@angular/material/slide-toggle';
-import { MatSlideToggleModule } from '@angular/material/slide-toggle';
-import * as i4$1 from '@angular/cdk/text-field';
-import * as i2$1 from 'mapa-library-ui/src/lib/components/input';
-import { MapaInputModule as MapaInputModule$1 } from 'mapa-library-ui/src/lib/components/input';
-import * as i3$3 from 'mapa-library-ui/src/lib/components/dropdown';
-import { MapaDropdownModule } from 'mapa-library-ui/src/lib/components/dropdown';
-import * as i4$2 from 'mapa-library-ui/src/lib/components/dropdown-tree';
-import { MapaDropdownTreeModule } from 'mapa-library-ui/src/lib/components/dropdown-tree';
-import * as i5$1 from 'mapa-library-ui/src/lib/components/radio-button';
-import { MapaRadioButtonModule as MapaRadioButtonModule$1 } from 'mapa-library-ui/src/lib/components/radio-button';
-import * as i6 from 'mapa-library-ui/src/lib/components/textarea';
-import { MapaTextareaModule as MapaTextareaModule$1 } from 'mapa-library-ui/src/lib/components/textarea';
-import * as i7$1 from 'mapa-library-ui/src/lib/components/slide-toggle';
-import { MapaSlideToggleModule as MapaSlideToggleModule$1 } from 'mapa-library-ui/src/lib/components/slide-toggle';
-
-class ButtonComponent {
-    constructor() {
-        this.clicked = new EventEmitter();
-    }
-    onClick() {
-        this.clicked.emit();
-    }
-}
-ButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: ButtonComponent, selector: "mapa-button", inputs: { color: "color", disabled: "disabled" }, outputs: { clicked: "clicked" }, ngImport: i0, template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-button', template: "<button\n  class=\"mapa-button\"\n  (click)=\"onClick()\"\n  [class.primary]=\"color === 'primary'\"\n  [class.accent]=\"color === 'accent'\"\n  [class.basic]=\"color === 'basic'\"\n  [disabled]=\"disabled\"\n>\n  <ng-content></ng-content>\n</button>  ", styles: [".mapa-button{display:flex;padding:14px 42px;justify-content:center;align-items:center;gap:10px;border-radius:28px;border:none;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-weight:500;cursor:pointer;transform-origin:center;transition:transform .2s ease-in-out}.mapa-button:active{transform:scale(1.1)}.mapa-button:disabled{color:#dcdcde!important;background-color:transparent!important}.mapa-button.basic{color:#ea561d;background-color:transparent}.mapa-button.accent{border:2px solid #ea561d!important;color:#ea561d;background-color:#fff}.mapa-button.primary{background-color:#ea561d;color:#fff}\n"] }]
-        }], propDecorators: { color: [{
-                type: Input
-            }], disabled: [{
-                type: Input
-            }], clicked: [{
-                type: Output
-            }] } });
-
-class MapaButtonModule {
-}
-MapaButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, declarations: [ButtonComponent], imports: [CommonModule, MatButtonModule], exports: [ButtonComponent] });
-MapaButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, imports: [CommonModule, MatButtonModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [ButtonComponent],
-                    exports: [ButtonComponent],
-                    imports: [CommonModule, MatButtonModule],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui button
- */
-
-/*
-* Originally from: https://github.com/anotherkitten/mat-input-autosize
-* @author: Ellie Larson (anotherkitten)
-*/
-class MatInputAutosizeDirective {
-    constructor(el, childMatInput, childNgModel) {
-        this.childMatInput = childMatInput;
-        this.childNgModel = childNgModel;
-        this.onDestroy$ = new Subject();
-        this.matInputAutosizeMinWidth = '120px';
-        this.changeHiddenText = (newValue) => {
-            if (this.hiddenText) {
-                this.hiddenText.data = newValue + ' ';
-            }
-        };
-        this.inputElement = el.nativeElement;
-    }
-    ngAfterViewInit() {
-        this.checkErrors();
-        this.overwriteParentWidth();
-        this.createHiddenTextContainer();
-        this.setOwnStyles();
-        this.subscribeToChanges();
-    }
-    ngOnDestroy() {
-        this.onDestroy$.next();
-        this.onDestroy$.complete();
-    }
-    checkErrors() {
-        if (!(this.inputElement instanceof HTMLInputElement)) {
-            throw new Error('matInputAutosize directive must be on an input element');
-        }
-        if (!this.childMatInput) {
-            throw new Error('Element with matInputAutosize directive must also have the matInput directive');
-        }
-    }
-    overwriteParentWidth() {
-        Object.assign(this.inputElement.parentNode.style, {
-            width: '100%',
-        });
-    }
-    createHiddenTextContainer() {
-        const textContainer = document.createElement('div');
-        Object.assign(textContainer.style, {
-            display: 'inline-block',
-            'max-width': this.matInputAutosizeMaxWidth || null,
-            'min-width': this.matInputAutosizeMinWidth,
-            font: this.matInputAutosizeFontStyle || null,
-            visibility: 'hidden',
-            'white-space': 'pre',
-        });
-        this.inputElement.parentNode?.appendChild(textContainer);
-        this.hiddenText = document.createTextNode(' ');
-        textContainer.appendChild(this.hiddenText);
-    }
-    setOwnStyles() {
-        Object.assign(this.inputElement.style, {
-            position: 'absolute',
-            left: '0',
-        });
-    }
-    subscribeToChanges() {
-        if (this.childNgModel) {
-            this.childNgModel.control.valueChanges
-                .pipe(takeUntil(this.onDestroy$))
-                .subscribe(this.changeHiddenText);
-            return;
-        }
-        this.inputElement.addEventListener('input', () => this.changeHiddenText(this.inputElement.value));
-    }
-}
-MatInputAutosizeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MatInputAutosizeDirective, deps: [{ token: i0.ElementRef }, { token: i1.MatInput, self: true }, { token: i2.NgModel, optional: true, self: true }], target: i0.ɵɵFactoryTarget.Directive });
-MatInputAutosizeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: MatInputAutosizeDirective, isStandalone: true, selector: "[matInputAutosize]", inputs: { matInputAutosizeMaxWidth: "matInputAutosizeMaxWidth", matInputAutosizeMinWidth: "matInputAutosizeMinWidth", matInputAutosizeFontStyle: "matInputAutosizeFontStyle" }, ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MatInputAutosizeDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[matInputAutosize]',
-                    standalone: true,
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.MatInput, decorators: [{
-                    type: Self
-                }] }, { type: i2.NgModel, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }]; }, propDecorators: { matInputAutosizeMaxWidth: [{
-                type: Input
-            }], matInputAutosizeMinWidth: [{
-                type: Input
-            }], matInputAutosizeFontStyle: [{
-                type: Input
-            }] } });
-
-const MAPA_UI_TEXTS = new InjectionToken("MAPA_UI_TEXTS");
-const MAPA_UI_DEFAULT_TEXTS = {
-    common: {
-        selectAll: "Selecionar todos",
-    },
-    filters: {
-        clear: "Limpar filtros",
-        submit: "Filtrar",
-    },
-    datepicker: {
-        startDatePlaceholder: "Data inicial",
-        endDatePlaceholder: "Data final",
-    },
-    capability: {
-        groupAverageTitle: "Média geral do grupo",
-        individualAverageTitle: "Média geral do indivíduo",
-        conceptTitle: "Conceito",
-        resultTitle: "Resultado",
-        positiveIndicatorsTitle: "Indicadores positivos",
-        negativeIndicatorsTitle: "Indicadores negativos",
-        riskIndicatorsTitle: "Indicadores de risco",
-        precipitationRiskTitle: "Risco de acidente por precipitação",
-        negligenceRiskTitle: "Risco de acidente por negligência",
-        negativeDirectionLabel: "Direção Negativa |",
-        positiveDirectionLabel: "Direção Positiva |",
-    },
-    paginator: {
-        itemsPerPage: "Itens por página",
-        nextPage: "Próxima página",
-        previousPage: "Página anterior",
-        rangeLabel: (page, pageSize, length) => {
-            if (length === 0 || pageSize === 0) {
-                return `0 de ${length}`;
-            }
-            const startIndex = page * pageSize;
-            const endIndex = startIndex < length
-                ? Math.min(startIndex + pageSize, length)
-                : startIndex + pageSize;
-            return `${startIndex + 1} - ${endIndex} de ${length}`;
-        },
-        showingRangeLabel: (page, pageSize, length) => {
-            if (length === 0) {
-                return "Mostrando 0 - 0 de 0 item";
-            }
-            const startIndex = page * pageSize;
-            const endIndex = startIndex < length
-                ? Math.min(startIndex + pageSize, length)
-                : startIndex + pageSize;
-            const itemLabel = length === 1 ? "item" : "itens";
-            return `Mostrando ${startIndex + 1} - ${endIndex} de ${length} ${itemLabel}`;
-        },
-    },
-    validation: {
-        cnpj: "CNPJ inválido",
-        cpf: "CPF inválido",
-        email: "E-mail inválido",
-        max: (context) => `O valor máximo permitido é ${context?.max ?? ""}`.trim(),
-        maxLength: (context) => `O máximo permitido é ${context?.requiredLength ?? ""} caracteres`.trim(),
-        min: (context) => `O valor minimo permitido é ${context?.min ?? ""}`.trim(),
-        minLength: (context) => `O mínimo permitido é ${context?.requiredLength ?? ""} caracteres`.trim(),
-        pattern: "Formato inválido",
-        required: "Campo obrigatório",
-    },
-};
-function mergeMapaUiTexts(customTexts) {
-    return {
-        common: {
-            ...MAPA_UI_DEFAULT_TEXTS.common,
-            ...(customTexts?.common ?? {}),
-        },
-        filters: {
-            ...MAPA_UI_DEFAULT_TEXTS.filters,
-            ...(customTexts?.filters ?? {}),
-        },
-        datepicker: {
-            ...MAPA_UI_DEFAULT_TEXTS.datepicker,
-            ...(customTexts?.datepicker ?? {}),
-        },
-        capability: {
-            ...MAPA_UI_DEFAULT_TEXTS.capability,
-            ...(customTexts?.capability ?? {}),
-        },
-        paginator: {
-            ...MAPA_UI_DEFAULT_TEXTS.paginator,
-            ...(customTexts?.paginator ?? {}),
-        },
-        validation: {
-            ...MAPA_UI_DEFAULT_TEXTS.validation,
-            ...(customTexts?.validation ?? {}),
-        },
-    };
-}
-function provideMapaUiTexts(texts) {
-    return {
-        provide: MAPA_UI_TEXTS,
-        useValue: texts,
-    };
-}
-
-class MapaI18nService {
-    constructor(customTexts) {
-        this.textsSubject = new BehaviorSubject(mergeMapaUiTexts(customTexts));
-        this.texts$ = this.textsSubject.asObservable();
-    }
-    get texts() {
-        return this.textsSubject.value;
-    }
-    setTexts(texts) {
-        this.textsSubject.next(mergeMapaUiTexts(texts));
-    }
-    resolveValidationText(key, context) {
-        return this.resolveText(this.texts.validation[key], context);
-    }
-    resolveText(value, context) {
-        return typeof value === "function" ? value(context) : value;
-    }
-}
-MapaI18nService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaI18nService, deps: [{ token: MAPA_UI_TEXTS, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-MapaI18nService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaI18nService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaI18nService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
-                    type: Optional
-                }, {
-                    type: Inject,
-                    args: [MAPA_UI_TEXTS]
-                }] }]; } });
-
-class ValidationMessageResolverService {
-    constructor(i18n) {
-        this.i18n = i18n;
-        this.errorOrder = [
-            "required",
-            "minlength",
-            "maxlength",
-            "cpf",
-            "cnpj",
-            "email",
-            "pattern",
-            "min",
-            "max",
-        ];
-    }
-    resolveFirstError(control, errors) {
-        const validationErrors = control?.errors;
-        if (!validationErrors) {
-            return null;
-        }
-        const firstErrorKey = this.errorOrder.find((key) => control?.hasError(key));
-        if (!firstErrorKey) {
-            return null;
-        }
-        return this.resolveErrorMessage(firstErrorKey, validationErrors, errors);
-    }
-    resolveErrorMessage(errorKey, validationErrors, errors) {
-        const errorOverrides = errors;
-        const customMessage = this.getCustomMessage(errorKey, errorOverrides);
-        if (customMessage) {
-            return customMessage;
-        }
-        const errorValue = validationErrors[errorKey];
-        switch (errorKey) {
-            case "minlength":
-                return this.i18n.resolveValidationText("minLength", errorValue);
-            case "maxlength":
-                return this.i18n.resolveValidationText("maxLength", errorValue);
-            case "min":
-                return this.i18n.resolveValidationText("min", errorValue);
-            case "max":
-                return this.i18n.resolveValidationText("max", errorValue);
-            default:
-                return this.i18n.resolveValidationText(errorKey);
-        }
-    }
-    getCustomMessage(errorKey, errors) {
-        if (!errors) {
-            return undefined;
-        }
-        switch (errorKey) {
-            case "minlength":
-                return errors.minLength ?? errors.minlength;
-            case "maxlength":
-                return errors.maxLength ?? errors.maxlength;
-            default:
-                return errors[errorKey];
-        }
-    }
-}
-ValidationMessageResolverService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValidationMessageResolverService, deps: [{ token: MapaI18nService }], target: i0.ɵɵFactoryTarget.Injectable });
-ValidationMessageResolverService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValidationMessageResolverService, providedIn: "root" });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: ValidationMessageResolverService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: "root",
-                }]
-        }], ctorParameters: function () { return [{ type: MapaI18nService }]; } });
-
-class MapaFormErrorsComponent {
-    constructor(validationMessageResolver) {
-        this.validationMessageResolver = validationMessageResolver;
-    }
-    get message() {
-        return this.validationMessageResolver.resolveFirstError(this.control, this.errors);
-    }
-}
-MapaFormErrorsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFormErrorsComponent, deps: [{ token: ValidationMessageResolverService }], target: i0.ɵɵFactoryTarget.Component });
-MapaFormErrorsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaFormErrorsComponent, isStandalone: true, selector: "mapa-form-errors", inputs: { control: "control", errors: "errors" }, ngImport: i0, template: "<span *ngIf=\"message\">\n  {{ message }}\n</span>\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFormErrorsComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-form-errors", standalone: true, imports: [CommonModule, MatFormFieldModule], template: "<span *ngIf=\"message\">\n  {{ message }}\n</span>\n" }]
-        }], ctorParameters: function () { return [{ type: ValidationMessageResolverService }]; }, propDecorators: { control: [{
-                type: Input
-            }], errors: [{
-                type: Input
-            }] } });
-
-class MapaInputComponent {
-    constructor() {
-        this.suffix = new EventEmitter();
-    }
-    hasValue() {
-        return !!this.formControl.value;
-    }
-    clearValue() {
-        this.formControl.setValue(null);
-    }
-    suffixEmit() {
-        this.suffix.emit();
-    }
-}
-MapaInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaInputComponent, selector: "mapa-input", inputs: { formControl: "formControl", element: "element", type: "type" }, outputs: { suffix: "suffix" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<div class=\"mapa-form--inline\">\n  <mat-form-field\n    class=\"mapa-input\"\n    appearance=\"outline\"\n    subscriptSizing=\"dynamic\"\n  >\n    <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n      {{ element.prefix }}\n    </mat-icon>\n    <input\n      *ngIf=\"element.autosize\"\n      matInput\n      matInputAutosize\n      [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n      [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"element.placeholder || element.label\"\n      [maxlength]=\"element.maxLength\"\n      (keydown.enter)=\"suffixEmit()\"\n      [type]=\"type\"\n      [mask]=\"element.mask\"\n      thousandSeparator=\".\"\n      decimalMarker=\",\"\n      [autocomplete]=\"element.autocomplete\"\n      [readOnly]=\"element.readonly\"\n    />\n    <input\n      matInput\n      *ngIf=\"!element.autosize\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"element.placeholder || element.label\"\n      [maxlength]=\"element.maxLength\"\n      (keydown.enter)=\"suffixEmit()\"\n      [type]=\"type\"\n      [mask]=\"element.mask\"\n      [autocomplete]=\"element.autocomplete\"\n      [readOnly]=\"element.readonly\"\n    />\n    <mat-icon\n      *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n      (click)=\"clearValue()\"\n      class=\"mapa-input--close\"\n      matSuffix\n      >close</mat-icon\n    >\n    <mat-icon\n      *ngIf=\"element.suffix\"\n      class=\"mapa-input--suffix\"\n      matSuffix\n      (click)=\"suffix.emit()\"\n    >\n      {{ element.suffix }}\n    </mat-icon>\n    <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n    <mat-error>\n      <mapa-form-errors\n        [control]=\"formControl\"\n        [errors]=\"element.errors\"\n      ></mapa-form-errors>\n    </mat-error>\n  </mat-form-field>\n\n  <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n    <mapa-button\n      color=\"basic\"\n      (clicked)=\"element.actionButton.action.emit(true)\"\n    >\n      {{ element.actionButton.label }}\n    </mapa-button>\n  </div>\n</div>\n", styles: [".mapa-input input[readonly]:focus,.mapa-input input[disabled]{caret-color:transparent!important}.mapa-input__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.mapa-input .mat-form-field-flex{display:flex;align-items:center;height:48px;padding:0 1em!important}.mapa-input .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-input .mat-form-field-infix{padding:unset!important;border-top:unset!important}.mapa-input .mat-form-field-suffix{display:flex;top:.1em!important}.mapa-input .mat-form-field-label-wrapper{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3.NgxMaskDirective, selector: "input[mask], textarea[mask]", inputs: ["mask", "specialCharacters", "patterns", "prefix", "suffix", "thousandSeparator", "decimalMarker", "dropSpecialCharacters", "hiddenInput", "showMaskTyped", "placeHolderCharacter", "shownMaskExpression", "showTemplate", "clearIfNotMatch", "validation", "separatorLimit", "allowNegativeNumbers", "leadZeroDateTime", "leadZero", "triggerOnMaskChange", "apm", "inputTransformFn", "outputTransformFn", "keepCharacterPositions"], outputs: ["maskFilled"], exportAs: ["mask", "ngxMask"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i4.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i5.ButtonComponent, selector: "mapa-button", inputs: ["color", "disabled"], outputs: ["clicked"] }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-input', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<div class=\"mapa-form--inline\">\n  <mat-form-field\n    class=\"mapa-input\"\n    appearance=\"outline\"\n    subscriptSizing=\"dynamic\"\n  >\n    <mat-icon *ngIf=\"element.prefix\" class=\"mapa-input--prefix\" matPrefix>\n      {{ element.prefix }}\n    </mat-icon>\n    <input\n      *ngIf=\"element.autosize\"\n      matInput\n      matInputAutosize\n      [matInputAutosizeMinWidth]=\"element.autosizeMinWidth!\"\n      [matInputAutosizeMaxWidth]=\"element.autosizeMaxWidth!\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"element.placeholder || element.label\"\n      [maxlength]=\"element.maxLength\"\n      (keydown.enter)=\"suffixEmit()\"\n      [type]=\"type\"\n      [mask]=\"element.mask\"\n      thousandSeparator=\".\"\n      decimalMarker=\",\"\n      [autocomplete]=\"element.autocomplete\"\n      [readOnly]=\"element.readonly\"\n    />\n    <input\n      matInput\n      *ngIf=\"!element.autosize\"\n      [formControl]=\"formControl\"\n      [placeholder]=\"element.placeholder || element.label\"\n      [maxlength]=\"element.maxLength\"\n      (keydown.enter)=\"suffixEmit()\"\n      [type]=\"type\"\n      [mask]=\"element.mask\"\n      [autocomplete]=\"element.autocomplete\"\n      [readOnly]=\"element.readonly\"\n    />\n    <mat-icon\n      *ngIf=\"hasValue() && !formControl.disabled && element.clearValue\"\n      (click)=\"clearValue()\"\n      class=\"mapa-input--close\"\n      matSuffix\n      >close</mat-icon\n    >\n    <mat-icon\n      *ngIf=\"element.suffix\"\n      class=\"mapa-input--suffix\"\n      matSuffix\n      (click)=\"suffix.emit()\"\n    >\n      {{ element.suffix }}\n    </mat-icon>\n    <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n    <mat-error>\n      <mapa-form-errors\n        [control]=\"formControl\"\n        [errors]=\"element.errors\"\n      ></mapa-form-errors>\n    </mat-error>\n  </mat-form-field>\n\n  <div *ngIf=\"element.actionButton\" class=\"mapa-form--action\">\n    <mapa-button\n      color=\"basic\"\n      (clicked)=\"element.actionButton.action.emit(true)\"\n    >\n      {{ element.actionButton.label }}\n    </mapa-button>\n  </div>\n</div>\n", styles: [".mapa-input input[readonly]:focus,.mapa-input input[disabled]{caret-color:transparent!important}.mapa-input__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-input .mat-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400}.mapa-input .mat-form-field-flex{display:flex;align-items:center;height:48px;padding:0 1em!important}.mapa-input .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-input .mat-form-field-infix{padding:unset!important;border-top:unset!important}.mapa-input .mat-form-field-suffix{display:flex;top:.1em!important}.mapa-input .mat-form-field-label-wrapper{display:none}\n"] }]
-        }], propDecorators: { formControl: [{
-                type: Input
-            }], element: [{
-                type: Input
-            }], type: [{
-                type: Input
-            }], suffix: [{
-                type: Output
-            }] } });
-
-class MapaInputModule {
-}
-MapaInputModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaInputModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaInputModule, declarations: [MapaInputComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        NgxMaskDirective,
-        NgxMaskPipe,
-        MatFormFieldModule,
-        MatButtonModule,
-        MapaButtonModule$1,
-        MatInputModule,
-        MatIconModule,
-        MatInputAutosizeDirective,
-        MapaFormErrorsComponent], exports: [MapaInputComponent] });
-MapaInputModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputModule, providers: [provideNgxMask()], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatFormFieldModule,
-        MatButtonModule,
-        MapaButtonModule$1,
-        MatInputModule,
-        MatIconModule,
-        MapaFormErrorsComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaInputModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaInputComponent],
-                    exports: [MapaInputComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        NgxMaskDirective,
-                        NgxMaskPipe,
-                        MatFormFieldModule,
-                        MatButtonModule,
-                        MapaButtonModule$1,
-                        MatInputModule,
-                        MatIconModule,
-                        MatInputAutosizeDirective,
-                        MapaFormErrorsComponent,
-                    ],
-                    providers: [provideNgxMask()],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui input
- */
-
-class RadioButtonComponent {
-    constructor() {
-        this.optionSelected = new EventEmitter();
-        this.options = [];
-    }
-    ngOnInit() {
-        this.options = this.element.options;
-    }
-    ngOnChanges(changes) {
-        if (changes['element']) {
-            this.options = this.element?.options ?? [];
-        }
-    }
-    onChange(optionValue) {
-        this.selectedOption = optionValue;
-        this.optionSelected.emit(this.selectedOption);
-    }
-}
-RadioButtonComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-RadioButtonComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: RadioButtonComponent, selector: "mapa-radio-button", inputs: { formControl: "formControl", element: "element" }, outputs: { optionSelected: "optionSelected" }, usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-radio-button__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-radio-button .mat-radio-button{margin-right:24px}.mapa-radio-button .mat-radio-container,.mapa-radio-button .mat-radio-outer-circle,.mapa-radio-button .mat-radio-inner-circle{height:12px;width:12px}.mapa-radio-button .mat-radio-button .mat-radio-ripple{border-radius:50%;left:-6px;top:-6px;height:24px;width:24px}.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ea561d}.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-inner-circle,.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mapa-radio-button .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ea561d}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i3$1.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$1.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: RadioButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-radio-button', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-radio-button__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-radio-button\">\n  <mat-radio-group [formControl]=\"formControl\" [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of options\"\n      [value]=\"option\"\n      >\n      {{ option.value }}\n    </mat-radio-button>\n  </mat-radio-group>\n</section>\n", styles: [".mapa-radio-button{color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-radio-button__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-radio-button .mat-radio-button{margin-right:24px}.mapa-radio-button .mat-radio-container,.mapa-radio-button .mat-radio-outer-circle,.mapa-radio-button .mat-radio-inner-circle{height:12px;width:12px}.mapa-radio-button .mat-radio-button .mat-radio-ripple{border-radius:50%;left:-6px;top:-6px;height:24px;width:24px}.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle{border-color:#ea561d}.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-inner-circle,.mapa-radio-button .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),.mapa-radio-button .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,.mapa-radio-button .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple{background-color:#ea561d}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { formControl: [{
-                type: Input
-            }], element: [{
-                type: Input
-            }], optionSelected: [{
-                type: Output
-            }] } });
-
-class MapaRadioButtonModule {
-}
-MapaRadioButtonModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaRadioButtonModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaRadioButtonModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaRadioButtonModule, declarations: [RadioButtonComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatRadioModule,
-        MatFormFieldModule], exports: [RadioButtonComponent] });
-MapaRadioButtonModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaRadioButtonModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatRadioModule,
-        MatFormFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaRadioButtonModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [RadioButtonComponent],
-                    exports: [RadioButtonComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatRadioModule,
-                        MatFormFieldModule,
-                    ],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui icon
- */
-
-class SlideToggleComponent {
-    constructor() {
-        this.optionSelected = new EventEmitter();
-        this.options = [];
-    }
-    ngOnInit() {
-        this.options = this.element.options;
-    }
-    ngOnChanges(changes) {
-        if (changes['element']) {
-            this.options = this.element?.options ?? [];
-        }
-    }
-    onChange(optionValue) {
-        this.selectedOption = optionValue;
-        this.optionSelected.emit(this.selectedOption);
-    }
-}
-SlideToggleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SlideToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SlideToggleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: SlideToggleComponent, selector: "mapa-slide-toggle", inputs: { formControl: "formControl", element: "element" }, outputs: { optionSelected: "optionSelected" }, usesOnChanges: true, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-slide-toggle__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-slide-toggle\">\n  <mat-slide-toggle [formControl]=\"formControl\" color=\"primary\">\n    {{ element.status ? ( formControl?.value ? element.status[1].label :\n    element.status[0].label ) :( formControl?.value ? \"Ativo\" : \"Inativo\" ) }}\n  </mat-slide-toggle>\n</section>\n", styles: [".mapa-slide-toggle{color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-slide-toggle__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: SlideToggleComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-slide-toggle', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-slide-toggle__label\">\n  {{ element.label }}\n</label>\n<section class=\"mapa-slide-toggle\">\n  <mat-slide-toggle [formControl]=\"formControl\" color=\"primary\">\n    {{ element.status ? ( formControl?.value ? element.status[1].label :\n    element.status[0].label ) :( formControl?.value ? \"Ativo\" : \"Inativo\" ) }}\n  </mat-slide-toggle>\n</section>\n", styles: [".mapa-slide-toggle{color:#000;font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;line-height:20px}.mapa-slide-toggle__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { formControl: [{
-                type: Input
-            }], element: [{
-                type: Input
-            }], optionSelected: [{
-                type: Output
-            }] } });
-
-class MapaSlideToggleModule {
-}
-MapaSlideToggleModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaSlideToggleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaSlideToggleModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaSlideToggleModule, declarations: [SlideToggleComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatSlideToggleModule,
-        MatFormFieldModule], exports: [SlideToggleComponent] });
-MapaSlideToggleModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaSlideToggleModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatSlideToggleModule,
-        MatFormFieldModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaSlideToggleModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SlideToggleComponent],
-                    exports: [SlideToggleComponent],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatSlideToggleModule,
-                        MatFormFieldModule,
-                    ],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui slide-toggle
- */
-
-class MapaTextareaComponent {
-}
-MapaTextareaComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTextareaComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaTextareaComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaTextareaComponent, selector: "mapa-textarea", inputs: { formControl: "formControl", element: "element" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-textarea__label\">\n  {{ element.label }}\n</label>\n<mat-form-field\n  class=\"mapa-textarea\"\n  appearance=\"outline\"\n  subscriptSizing=\"dynamic\"\n>\n  <textarea\n    *ngIf=\"element.autosize\"\n    matInput\n    cdkTextareaAutosize\n    #autosize=\"cdkTextareaAutosize\"\n    [cdkAutosizeMinRows]=\"element.autosizeMinRow\"\n    [cdkAutosizeMaxRows]=\"element.autosizeMaxRow\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  ></textarea>\n  <textarea\n    matInput\n    *ngIf=\"!element.autosize\"\n    [maxlength]=\"element.maxLength\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  ></textarea>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n  <mat-error>\n    <mapa-form-errors\n      [control]=\"formControl\"\n      [errors]=\"element.errors\"\n    ></mapa-form-errors>\n  </mat-error>\n</mat-form-field>\n", styles: [".mapa-textarea__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-textarea .mat-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;margin-top:unset!important}.mapa-textarea .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-textarea .mat-form-field-flex{display:flex;align-items:center;padding:1em!important}.mapa-textarea .mat-form-field-infix{padding:unset!important;border-top:unset!important}.mapa-textarea .mat-form-field-label-wrapper{display:none}\n"], dependencies: [{ kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i4.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i4.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i4.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4$1.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: MapaFormErrorsComponent, selector: "mapa-form-errors", inputs: ["control", "errors"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTextareaComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'mapa-textarea', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-textarea__label\">\n  {{ element.label }}\n</label>\n<mat-form-field\n  class=\"mapa-textarea\"\n  appearance=\"outline\"\n  subscriptSizing=\"dynamic\"\n>\n  <textarea\n    *ngIf=\"element.autosize\"\n    matInput\n    cdkTextareaAutosize\n    #autosize=\"cdkTextareaAutosize\"\n    [cdkAutosizeMinRows]=\"element.autosizeMinRow\"\n    [cdkAutosizeMaxRows]=\"element.autosizeMaxRow\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  ></textarea>\n  <textarea\n    matInput\n    *ngIf=\"!element.autosize\"\n    [maxlength]=\"element.maxLength\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  ></textarea>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n  <mat-error>\n    <mapa-form-errors\n      [control]=\"formControl\"\n      [errors]=\"element.errors\"\n    ></mapa-form-errors>\n  </mat-error>\n</mat-form-field>\n", styles: [".mapa-textarea__label{font-family:var(--mapa-font-heading, \"Asap\", \"Inter\", sans-serif);display:block;font-size:12px;font-style:normal;font-weight:600;line-height:16px;text-transform:uppercase;margin-bottom:16px}.mapa-textarea .mat-input-element{font-family:var(--mapa-font-body, \"Asap\", \"Roboto\", \"Inter\", sans-serif);font-size:16px;font-style:normal;font-weight:400;margin-top:unset!important}.mapa-textarea .mat-form-field-outline{background-color:#fff;border-radius:8px}.mapa-textarea .mat-form-field-flex{display:flex;align-items:center;padding:1em!important}.mapa-textarea .mat-form-field-infix{padding:unset!important;border-top:unset!important}.mapa-textarea .mat-form-field-label-wrapper{display:none}\n"] }]
-        }], propDecorators: { formControl: [{
-                type: Input
-            }], element: [{
-                type: Input
-            }] } });
-
-class MapaTextareaModule {
-}
-MapaTextareaModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaTextareaModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaTextareaModule, declarations: [MapaTextareaComponent], imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatIconModule,
-        MapaFormErrorsComponent], exports: [MapaTextareaComponent] });
-MapaTextareaModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTextareaModule, imports: [CommonModule,
-        FormsModule,
-        ReactiveFormsModule,
-        MatFormFieldModule,
-        MatInputModule,
-        MatIconModule,
-        MapaFormErrorsComponent] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaTextareaModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        MapaTextareaComponent,
-                    ],
-                    exports: [
-                        MapaTextareaComponent,
-                    ],
-                    imports: [
-                        CommonModule,
-                        FormsModule,
-                        ReactiveFormsModule,
-                        MatFormFieldModule,
-                        MatInputModule,
-                        MatIconModule,
-                        MapaFormErrorsComponent,
-                    ]
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui textarea
- */
-
-class MapaFormComponent {
-    constructor() {
-        this.emitter = new EventEmitter();
-    }
-    getFormControl(element) {
-        return this.formGroup.get(element.key);
-    }
-    onOptionSelected(optionValue) {
-        const radioControl = this.formGroup.get("radio");
-        if (radioControl) {
-            radioControl.setValue(optionValue.key);
-        }
-    }
-    emitSuffix(element) {
-        this.emitter.emit(element);
-    }
-    triggerOpenedChange(element, event) {
-        element.openedChange?.emit(event);
-    }
-}
-MapaFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-MapaFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaFormComponent, selector: "mapa-form", inputs: { formGroup: "formGroup", elements: "elements" }, outputs: { emitter: "emitter" }, ngImport: i0, template: "<section class=\"mapa-form\">\n  <div *ngFor=\"let element of elements\" class=\"mapa-form__element\">\n    <div [ngSwitch]=\"element.controlType\" class=\"mapa-form__element--type\">\n      <mapa-input\n        *ngSwitchCase=\"'input'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n        (suffix)=\"emitSuffix(element)\"\n      ></mapa-input>\n      <mapa-dropdown\n        *ngSwitchCase=\"'dropdown'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n        (openedChange)=\"triggerOpenedChange(element, $event)\"\n      ></mapa-dropdown>\n      <mapa-dropdown-tree\n        *ngSwitchCase=\"'dropdown-tree'\"\n        [formGroup]=\"formGroup\"\n        [element]=\"element\"\n      ></mapa-dropdown-tree>\n      <mapa-radio-button\n        *ngSwitchCase=\"'radio-button'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n        (optionSelected)=\"onOptionSelected($event)\"\n      ></mapa-radio-button>\n      <mapa-slide-toggle\n        *ngSwitchCase=\"'slide-toggle'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n      ></mapa-slide-toggle>\n      <mapa-textarea\n        *ngSwitchCase=\"'textarea'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n      ></mapa-textarea>\n    </div>\n  </div>\n</section>\n", styles: [".mapa-form{display:flex;flex-direction:column;margin-top:40px;gap:24px;width:100%}.mapa-form__element,.mapa-form__element--type{width:100%}.mapa-form mapa-input .mat-form-field,.mapa-form mapa-dropdown .mat-form-field,.mapa-form mapa-textarea .mat-form-field{width:100%;max-width:100%!important}.mapa-form--inline{display:flex;flex-direction:row;align-items:baseline}.mapa-form--action{margin-left:24px}.mapa-form--action button{white-space:nowrap}\n"], dependencies: [{ kind: "directive", type: i1$1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1$1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2$1.MapaInputComponent, selector: "mapa-input", inputs: ["formControl", "element", "type"], outputs: ["suffix"] }, { kind: "component", type: i3$3.MapaDropdownComponent, selector: "mapa-dropdown", inputs: ["formControl", "formControlSearch", "element", "border"], outputs: ["openedChange"] }, { kind: "component", type: i4$2.MapaDropdownTreeComponent, selector: "mapa-dropdown-tree", inputs: ["formGroup", "element"], outputs: ["openedChange"] }, { kind: "component", type: i5$1.RadioButtonComponent, selector: "mapa-radio-button", inputs: ["formControl", "element"], outputs: ["optionSelected"] }, { kind: "component", type: i6.MapaTextareaComponent, selector: "mapa-textarea", inputs: ["formControl", "element"] }, { kind: "component", type: i7$1.SlideToggleComponent, selector: "mapa-slide-toggle", inputs: ["formControl", "element"], outputs: ["optionSelected"] }], encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFormComponent, decorators: [{
-            type: Component,
-            args: [{ selector: "mapa-form", encapsulation: ViewEncapsulation.None, template: "<section class=\"mapa-form\">\n  <div *ngFor=\"let element of elements\" class=\"mapa-form__element\">\n    <div [ngSwitch]=\"element.controlType\" class=\"mapa-form__element--type\">\n      <mapa-input\n        *ngSwitchCase=\"'input'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n        (suffix)=\"emitSuffix(element)\"\n      ></mapa-input>\n      <mapa-dropdown\n        *ngSwitchCase=\"'dropdown'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n        (openedChange)=\"triggerOpenedChange(element, $event)\"\n      ></mapa-dropdown>\n      <mapa-dropdown-tree\n        *ngSwitchCase=\"'dropdown-tree'\"\n        [formGroup]=\"formGroup\"\n        [element]=\"element\"\n      ></mapa-dropdown-tree>\n      <mapa-radio-button\n        *ngSwitchCase=\"'radio-button'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n        (optionSelected)=\"onOptionSelected($event)\"\n      ></mapa-radio-button>\n      <mapa-slide-toggle\n        *ngSwitchCase=\"'slide-toggle'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n      ></mapa-slide-toggle>\n      <mapa-textarea\n        *ngSwitchCase=\"'textarea'\"\n        [formControl]=\"getFormControl(element)\"\n        [element]=\"element\"\n      ></mapa-textarea>\n    </div>\n  </div>\n</section>\n", styles: [".mapa-form{display:flex;flex-direction:column;margin-top:40px;gap:24px;width:100%}.mapa-form__element,.mapa-form__element--type{width:100%}.mapa-form mapa-input .mat-form-field,.mapa-form mapa-dropdown .mat-form-field,.mapa-form mapa-textarea .mat-form-field{width:100%;max-width:100%!important}.mapa-form--inline{display:flex;flex-direction:row;align-items:baseline}.mapa-form--action{margin-left:24px}.mapa-form--action button{white-space:nowrap}\n"] }]
-        }], propDecorators: { formGroup: [{
-                type: Input
-            }], elements: [{
-                type: Input
-            }], emitter: [{
-                type: Output
-            }] } });
-
-const MAPA_UI = [
-    MapaInputModule$1,
-    MapaDropdownModule,
-    MapaDropdownTreeModule,
-    MapaRadioButtonModule$1,
-    MapaTextareaModule$1,
-    MapaSlideToggleModule$1,
-];
-class MapaFormModule {
-}
-MapaFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-MapaFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: MapaFormModule, declarations: [MapaFormComponent], imports: [CommonModule, MapaInputModule$1,
-        MapaDropdownModule,
-        MapaDropdownTreeModule,
-        MapaRadioButtonModule$1,
-        MapaTextareaModule$1,
-        MapaSlideToggleModule$1], exports: [MapaFormComponent] });
-MapaFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFormModule, imports: [CommonModule, MAPA_UI] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: MapaFormModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [MapaFormComponent],
-                    exports: [MapaFormComponent],
-                    imports: [CommonModule, ...MAPA_UI],
-                }]
-        }] });
-
-/*
- * Public API Surface of mapa-library-ui form
- */
-
-/*
- * Public API Surface of mapa-library-ui form
- */
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { ButtonComponent, MapaButtonModule, MapaFormComponent, MapaFormModule, MapaInputComponent, MapaInputModule, MapaRadioButtonModule, MapaSlideToggleModule, MapaTextareaComponent, MapaTextareaModule, RadioButtonComponent, SlideToggleComponent };
-//# sourceMappingURL=mapa-library-ui-src-lib-components-form.mjs.map