npm - mapa-library-ui - Versions diffs - 0.0.45 → 0.0.46 - Mend

mapa-library-ui 0.0.45 → 0.0.46

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (79) hide show

package/fesm2020/mapa-library-ui-src-lib-components-dropdown.mjs CHANGED Viewed

@@ -18,23 +18,27 @@ import { MatIconModule } from '@angular/material/icon';
 class ElementBase {
     constructor(options = {}) {
-        this.value = options.value || '';
-        this.key = options.key || '';
-        this.label = options.label || '';
+        this.value = options.value || "";
+        this.key = options.key || "";
+        this.label = options.label || "";
         this.required = !!options.required;
         this.order = options.order === undefined ? 1 : options.order;
-        this.controlType = options.controlType || '';
-        this.type = options.type || '';
-        this.placeholder = options.placeholder || '';
-        this.hint = options.hint || '';
-        this.prefix = options.prefix || '';
-        this.suffix = options.suffix || '';
+        this.controlType = options.controlType || "";
+        this.type = options.type || "";
+        this.placeholder = options.placeholder || "";
+        this.hint = options.hint || "";
+        this.prefix = options.prefix || "";
+        this.suffix = options.suffix || "";
         this.autosize = options.autosize || false;
-        this.autosizeMinWidth = options.autosizeMinWidth || '212px';
-        this.autosizeMaxWidth = options.autosizeMaxWidth || '400px';
+        this.autosizeMinWidth = options.autosizeMinWidth || "212px";
+        this.autosizeMaxWidth = options.autosizeMaxWidth || "400px";
+        this.autosizeMinRow = options.autosizeMinRow || 2;
+        this.autosizeMaxRow = options.autosizeMaxRow || 5;
         this.options = options.options || [];
         this.multiple = options.multiple || false;
         this.search = options.search || undefined;
+        this.maxLength = options.maxLength || null;
+        this.errors = options.errors || undefined;
     }
 }

package/fesm2020/mapa-library-ui-src-lib-components-dropdown.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-dropdown.mjs","sources":["../../../projects/mapa-library-ui/src/lib/core/elements/element-base.ts","../../../projects/mapa-library-ui/src/lib/core/elements/dropdown.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.html","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.module.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/public-api.ts","../../../projects/mapa-library-ui/src/dropdown.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dropdown.ts"],"sourcesContent":["import { ElementOption } from '../interfaces/option.interface';\nimport { ElementSearch } from './element-search';\n\nexport class ElementBase {\n value: string;\n key: string;\n label: string;\n required: boolean;\n order: number;\n controlType: string;\n type: string;\n placeholder?: string;\n hint?: string;\n prefix?: string;\n suffix?: string;\n autosize?: boolean;\n autosizeMinWidth?: string;\n autosizeMaxWidth?: string;\n options: ElementOption[];\n multiple?: boolean;\n search?: ElementSearch;\n \n constructor(\n options: {\n value?: string;\n key?: string;\n label?: string;\n required?: boolean;\n order?: number;\n controlType?: string;\n type?: string;\n placeholder?: string;\n hint?: string;\n prefix?: string;\n suffix?: string;\n autosize?: boolean;\n autosizeMinWidth?: string;\n autosizeMaxWidth?: string;\n options?: ElementOption[];\n multiple?: boolean;\n search?: ElementSearch;\n } = {}\n ) {\n this.value = options.value \|\| '';\n this.key = options.key \|\| '';\n this.label = options.label \|\| '';\n this.required = !!options.required;\n this.order = options.order === undefined ? 1 : options.order;\n this.controlType = options.controlType \|\| '';\n this.type = options.type \|\| '';\n this.placeholder = options.placeholder \|\| '';\n this.hint = options.hint \|\| '';\n this.prefix = options.prefix \|\| '';\n this.suffix = options.suffix \|\| '';\n this.autosize = options.autosize \|\| false;\n this.autosizeMinWidth = options.autosizeMinWidth \|\| '212px';\n this.autosizeMaxWidth = options.autosizeMaxWidth \|\| '400px';\n this.options = options.options \|\| [];\n this.multiple = options.multiple \|\| false;\n this.search = options.search \|\| undefined;\n }\n}\n","import { ElementBase } from './element-base';\n\nexport class Dropdown extends ElementBase {\n override controlType = 'dropdown';\n}\n","import {\n AfterViewInit,\n Component,\n Input,\n OnDestroy,\n OnInit,\n ViewChild,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { FormControl } from \"@angular/forms\";\n\nimport { MatSelect } from \"@angular/material/select\";\n\nimport { ReplaySubject } from \"rxjs/internal/ReplaySubject\";\nimport { Subject } from \"rxjs/internal/Subject\";\n//import { take, takeUntil } from \"rxjs/operators\";\n\nimport { ElementOption } from \"../../../core/interfaces/option.interface\";\nimport { Dropdown } from \"../../../core/elements/dropdown\";\n\n@Component({\n selector: \"mapa-dropdown\",\n templateUrl: \"./dropdown.component.html\",\n styleUrls: [\"./dropdown.component.scss\"],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MapaDropdownComponent implements OnInit, AfterViewInit, OnDestroy {\n @Input() formControl!: FormControl;\n @Input() formControlSearch!: FormControl;\n @Input() element!: Dropdown;\n @Input() border: \"soft\" \| \"tag\" \| \"highlight\" \| null \| undefined;\n\n @ViewChild(\"dropdown\", { static: true }) dropdown!: MatSelect;\n\n public filteredOptions: ReplaySubject<ElementOption[]> = new ReplaySubject<\n ElementOption[]\n >(1);\n protected filteredOptionsCache: ElementOption[] = [];\n protected _onDestroy = new Subject<void>();\n \n isIndeterminate = false;\n isChecked = false;\n\n constructor() {}\n\n ngOnInit() {\n this.filteredOptionsCache = this.element.options.slice();\n this.filteredOptions.next(this.filteredOptionsCache);\n\n if (this.element.search) {\n this.element.search.formControl?.valueChanges\n //.pipe(takeUntil(this._onDestroy))\n .subscribe(() => {\n this.filterOptions();\n this.setToggleAllCheckboxState();\n });\n }\n }\n\n ngAfterViewInit() {\n this.setInitialValue();\n }\n\n ngOnDestroy() {\n this._onDestroy.next();\n this._onDestroy.complete();\n }\n\n protected filterOptions() {\n if (!this.element.options) {\n return;\n }\n // get the search keyword\n let search = this.element.search?.formControl?.value;\n if (!search) {\n this.filteredOptionsCache = this.element.options.slice();\n this.filteredOptions.next(this.filteredOptionsCache);\n return;\n }\n // filter the options\n this.filteredOptionsCache = this.element.options.filter(\n (option: ElementOption) =>\n option.value.toLowerCase().indexOf(search) > -1\n );\n this.filteredOptions.next(this.filteredOptionsCache);\n }\n\n protected setInitialValue() {\n this.filteredOptions\n //.pipe(take(1), takeUntil(this._onDestroy))\n .subscribe(() => {\n this.dropdown.compareWith = (a: Element, b: Element) => a && b && a.id === b.id;\n });\n }\n\n protected setToggleAllCheckboxState() {\n let filteredLength = 0;\n let search = this.element.search?.formControl?.value;\n\n if (search && search.value) {\n this.filteredOptionsCache.forEach(el => {\n if (search.value.toLowerCase().indexOf(el) > -1) {\n filteredLength++;\n }\n });\n this.isIndeterminate = filteredLength > 0 && filteredLength < this.filteredOptionsCache.length;\n this.isChecked = filteredLength > 0 && filteredLength === this.filteredOptionsCache.length;\n }\n }\n\n toggleSelectAll(selectAllValue: boolean) {\n this.filteredOptions\n //.pipe(take(1), takeUntil(this._onDestroy))\n .subscribe((options: ElementOption[]) => {\n if (selectAllValue) {\n this.formControl?.patchValue(options);\n } else {\n this.formControl?.patchValue([]);\n }\n });\n }\n}\n","<label ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n {{ element.label }}\n</label>\n<mat-form-field\n appearance=\"outline\"\n class=\"mapa-dropdown\"\n [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n [class.mapa-dropdown--tag]=\"border === 'tag'\"\n [class.mapa-dropdown--labeled]=\"!!element.label\">\n <mat-select\n #dropdown\n [formControl]=\"formControl\"\n [multiple]=\"element.multiple\"\n [placeholder]=\"element.placeholder \|\| ''\"\n >\n <mat-option ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n <ngx-mat-select-search\n ngIf=\"element.search.formControl\"\n [showToggleAllCheckbox]=\"true\"\n [formControl]=\"element.search.formControl\"\n [placeholderLabel]=\"element.search.placeholder \|\| ''\"\n i18n-placeholderLabel\n [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel \|\| ''\"\n [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n [toggleAllCheckboxChecked]=\"isChecked\"\n (toggleAll)=\"toggleSelectAll($event)\"\n ></ngx-mat-select-search>\n </mat-option>\n\n <mat-option ngFor=\"let option of filteredOptions \| async\" [value]=\"option\">\n {{ option.value }}\n </mat-option>\n </mat-select>\n</mat-form-field>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { MatListModule } from \"@angular/material/list\";\nimport { MatIconModule } from \"@angular/material/icon\";\n\nimport { MapaDropdownComponent } from \"./dropdown.component\";\nimport { MAT_SELECT_CONFIG, MatSelectModule } from \"@angular/material/select\";\nimport { NgxMatSelectSearchModule } from \"ngx-mat-select-search\";\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS } from \"@angular/material/form-field\";\n\n@NgModule({\n declarations: [MapaDropdownComponent],\n exports: [MapaDropdownComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n MatListModule,\n MatIconModule,\n MatSelectModule,\n NgxMatSelectSearchModule,\n ],\n providers: [\n {\n provide: MAT_SELECT_CONFIG,\n useValue: { overlayPanelClass: \"mapa-overlay-dropdown\" },\n },\n {\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: { appearance: \"outline\" },\n },\n ],\n})\nexport class MapaDropdownModule {}\n","/\n Public API Surface of mapa-library-ui dropdown\n /\n\nexport from './src/dropdown.component';\nexport * from './src/dropdown.module';\n","/\n Public API Surface of mapa-library-ui dropdown\n /\n\nexport from './lib/core/elements/element-search';\nexport * from './lib/core/elements/element-base';\nexport * from './lib/core/elements/dropdown';\n\nexport * from './lib/components/dropdown/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './dropdown';\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-dropdown.mjs","sources":["../../../projects/mapa-library-ui/src/lib/core/elements/element-base.ts","../../../projects/mapa-library-ui/src/lib/core/elements/dropdown.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.component.html","../../../projects/mapa-library-ui/src/lib/components/dropdown/src/dropdown.module.ts","../../../projects/mapa-library-ui/src/lib/components/dropdown/public-api.ts","../../../projects/mapa-library-ui/src/dropdown.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-dropdown.ts"],"sourcesContent":["import { ElementOption } from \"../interfaces/option.interface\";\nimport { ElementSearch } from \"./element-search\";\nimport { Errors } from \"./errors\";\n\nexport class ElementBase {\n value: string;\n key: string;\n label: string;\n required: boolean;\n order: number;\n controlType: string;\n type: string;\n placeholder?: string;\n hint?: string;\n prefix?: string;\n suffix?: string;\n autosize?: boolean;\n autosizeMinWidth?: string;\n autosizeMaxWidth?: string;\n autosizeMinRow?: number;\n autosizeMaxRow?: number;\n options: ElementOption[];\n multiple?: boolean;\n search?: ElementSearch;\n maxLength!: string \| number \| null;\n errors?: Errors;\n\n constructor(\n options: {\n value?: string;\n key?: string;\n label?: string;\n required?: boolean;\n order?: number;\n controlType?: string;\n type?: string;\n placeholder?: string;\n hint?: string;\n prefix?: string;\n suffix?: string;\n autosize?: boolean;\n autosizeMinWidth?: string;\n autosizeMaxWidth?: string;\n autosizeMinRow?: number;\n autosizeMaxRow?: number;\n options?: ElementOption[];\n multiple?: boolean;\n search?: ElementSearch;\n maxLength?: string \| number \| null;\n errors?: Errors;\n } = {}\n ) {\n this.value = options.value \|\| \"\";\n this.key = options.key \|\| \"\";\n this.label = options.label \|\| \"\";\n this.required = !!options.required;\n this.order = options.order === undefined ? 1 : options.order;\n this.controlType = options.controlType \|\| \"\";\n this.type = options.type \|\| \"\";\n this.placeholder = options.placeholder \|\| \"\";\n this.hint = options.hint \|\| \"\";\n this.prefix = options.prefix \|\| \"\";\n this.suffix = options.suffix \|\| \"\";\n this.autosize = options.autosize \|\| false;\n this.autosizeMinWidth = options.autosizeMinWidth \|\| \"212px\";\n this.autosizeMaxWidth = options.autosizeMaxWidth \|\| \"400px\";\n this.autosizeMinRow = options.autosizeMinRow \|\| 2;\n this.autosizeMaxRow = options.autosizeMaxRow \|\| 5;\n this.options = options.options \|\| [];\n this.multiple = options.multiple \|\| false;\n this.search = options.search \|\| undefined;\n this.maxLength = options.maxLength \|\| null;\n this.errors = options.errors \|\| undefined;\n }\n}\n","import { ElementBase } from './element-base';\n\nexport class Dropdown extends ElementBase {\n override controlType = 'dropdown';\n}\n","import {\n AfterViewInit,\n Component,\n Input,\n OnDestroy,\n OnInit,\n ViewChild,\n ViewEncapsulation,\n} from \"@angular/core\";\nimport { FormControl } from \"@angular/forms\";\n\nimport { MatSelect } from \"@angular/material/select\";\n\nimport { ReplaySubject } from \"rxjs/internal/ReplaySubject\";\nimport { Subject } from \"rxjs/internal/Subject\";\n//import { take, takeUntil } from \"rxjs/operators\";\n\nimport { ElementOption } from \"../../../core/interfaces/option.interface\";\nimport { Dropdown } from \"../../../core/elements/dropdown\";\n\n@Component({\n selector: \"mapa-dropdown\",\n templateUrl: \"./dropdown.component.html\",\n styleUrls: [\"./dropdown.component.scss\"],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MapaDropdownComponent implements OnInit, AfterViewInit, OnDestroy {\n @Input() formControl!: FormControl;\n @Input() formControlSearch!: FormControl;\n @Input() element!: Dropdown;\n @Input() border: \"soft\" \| \"tag\" \| \"highlight\" \| null \| undefined;\n\n @ViewChild(\"dropdown\", { static: true }) dropdown!: MatSelect;\n\n public filteredOptions: ReplaySubject<ElementOption[]> = new ReplaySubject<\n ElementOption[]\n >(1);\n protected filteredOptionsCache: ElementOption[] = [];\n protected _onDestroy = new Subject<void>();\n \n isIndeterminate = false;\n isChecked = false;\n\n constructor() {}\n\n ngOnInit() {\n this.filteredOptionsCache = this.element.options.slice();\n this.filteredOptions.next(this.filteredOptionsCache);\n\n if (this.element.search) {\n this.element.search.formControl?.valueChanges\n //.pipe(takeUntil(this._onDestroy))\n .subscribe(() => {\n this.filterOptions();\n this.setToggleAllCheckboxState();\n });\n }\n }\n\n ngAfterViewInit() {\n this.setInitialValue();\n }\n\n ngOnDestroy() {\n this._onDestroy.next();\n this._onDestroy.complete();\n }\n\n protected filterOptions() {\n if (!this.element.options) {\n return;\n }\n // get the search keyword\n let search = this.element.search?.formControl?.value;\n if (!search) {\n this.filteredOptionsCache = this.element.options.slice();\n this.filteredOptions.next(this.filteredOptionsCache);\n return;\n }\n // filter the options\n this.filteredOptionsCache = this.element.options.filter(\n (option: ElementOption) =>\n option.value.toLowerCase().indexOf(search) > -1\n );\n this.filteredOptions.next(this.filteredOptionsCache);\n }\n\n protected setInitialValue() {\n this.filteredOptions\n //.pipe(take(1), takeUntil(this._onDestroy))\n .subscribe(() => {\n this.dropdown.compareWith = (a: Element, b: Element) => a && b && a.id === b.id;\n });\n }\n\n protected setToggleAllCheckboxState() {\n let filteredLength = 0;\n let search = this.element.search?.formControl?.value;\n\n if (search && search.value) {\n this.filteredOptionsCache.forEach(el => {\n if (search.value.toLowerCase().indexOf(el) > -1) {\n filteredLength++;\n }\n });\n this.isIndeterminate = filteredLength > 0 && filteredLength < this.filteredOptionsCache.length;\n this.isChecked = filteredLength > 0 && filteredLength === this.filteredOptionsCache.length;\n }\n }\n\n toggleSelectAll(selectAllValue: boolean) {\n this.filteredOptions\n //.pipe(take(1), takeUntil(this._onDestroy))\n .subscribe((options: ElementOption[]) => {\n if (selectAllValue) {\n this.formControl?.patchValue(options);\n } else {\n this.formControl?.patchValue([]);\n }\n });\n }\n}\n","<label ngIf=\"element.label\" class=\"mapa-dropdown__label\">\n {{ element.label }}\n</label>\n<mat-form-field\n appearance=\"outline\"\n class=\"mapa-dropdown\"\n [class.mapa-dropdown--highlight]=\"border === 'highlight'\"\n [class.mapa-dropdown--soft-border]=\"border === 'soft'\"\n [class.mapa-dropdown--tag]=\"border === 'tag'\"\n [class.mapa-dropdown--labeled]=\"!!element.label\">\n <mat-select\n #dropdown\n [formControl]=\"formControl\"\n [multiple]=\"element.multiple\"\n [placeholder]=\"element.placeholder \|\| ''\"\n >\n <mat-option ngIf=\"element.search\" class=\"mapa-dropdown__search\">\n <ngx-mat-select-search\n ngIf=\"element.search.formControl\"\n [showToggleAllCheckbox]=\"true\"\n [formControl]=\"element.search.formControl\"\n [placeholderLabel]=\"element.search.placeholder \|\| ''\"\n i18n-placeholderLabel\n [noEntriesFoundLabel]=\"element.search.noEntriesFoundLabel \|\| ''\"\n [toggleAllCheckboxIndeterminate]=\"isIndeterminate\"\n [toggleAllCheckboxChecked]=\"isChecked\"\n (toggleAll)=\"toggleSelectAll($event)\"\n ></ngx-mat-select-search>\n </mat-option>\n\n <mat-option ngFor=\"let option of filteredOptions \| async\" [value]=\"option\">\n {{ option.value }}\n </mat-option>\n </mat-select>\n</mat-form-field>\n","import { NgModule } from \"@angular/core\";\nimport { CommonModule } from \"@angular/common\";\n\nimport { FormsModule, ReactiveFormsModule } from \"@angular/forms\";\n\nimport { MatListModule } from \"@angular/material/list\";\nimport { MatIconModule } from \"@angular/material/icon\";\n\nimport { MapaDropdownComponent } from \"./dropdown.component\";\nimport { MAT_SELECT_CONFIG, MatSelectModule } from \"@angular/material/select\";\nimport { NgxMatSelectSearchModule } from \"ngx-mat-select-search\";\nimport { MAT_FORM_FIELD_DEFAULT_OPTIONS } from \"@angular/material/form-field\";\n\n@NgModule({\n declarations: [MapaDropdownComponent],\n exports: [MapaDropdownComponent],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n MatListModule,\n MatIconModule,\n MatSelectModule,\n NgxMatSelectSearchModule,\n ],\n providers: [\n {\n provide: MAT_SELECT_CONFIG,\n useValue: { overlayPanelClass: \"mapa-overlay-dropdown\" },\n },\n {\n provide: MAT_FORM_FIELD_DEFAULT_OPTIONS,\n useValue: { appearance: \"outline\" },\n },\n ],\n})\nexport class MapaDropdownModule {}\n","/\n Public API Surface of mapa-library-ui dropdown\n /\n\nexport from './src/dropdown.component';\nexport * from './src/dropdown.module';\n","/\n Public API Surface of mapa-library-ui dropdown\n /\n\nexport from './lib/core/elements/element-search';\nexport * from './lib/core/elements/element-base';\nexport * from './lib/core/elements/dropdown';\n\nexport * from './lib/components/dropdown/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './dropdown';\n"],"names":[],"mappings":"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"}

package/fesm2020/mapa-library-ui-src-lib-components-input.mjs CHANGED Viewed

@@ -25,10 +25,10 @@ class MapaInputComponent {
     }
 }
 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" }, outputs: { suffix: "suffix" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\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  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix (click)=\"suffix.emit()\">\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{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:SF-Pro;font-size:16px;font-style:normal;font-weight:400;margin-top:unset!important}.mapa-input .mat-form-field-flex{display:flex;align-items:center;height:48px;padding:0 1em!important}.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.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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }], encapsulation: i0.ViewEncapsulation.None });
+MapaInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: MapaInputComponent, selector: "mapa-input", inputs: { formControl: "formControl", element: "element" }, outputs: { suffix: "suffix" }, ngImport: i0, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\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  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n    [maxlength]=\"element.maxLength\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\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-form-field>\n", styles: [".mapa-input__label{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:SF-Pro;font-size:16px;font-style:normal;font-weight:400;margin-top:unset!important}.mapa-input .mat-form-field-flex{display:flex;align-items:center;height:48px;padding:0 1em!important}.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.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: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix]" }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i4.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: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.MatInputAutosizeDirective, selector: "[matInputAutosize]", inputs: ["matInputAutosizeMaxWidth", "matInputAutosizeMinWidth", "matInputAutosizeFontStyle"] }], 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<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\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  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\n    (click)=\"clearValue()\"\n    class=\"mapa-input--close\"\n    matSuffix\n    >close</mat-icon\n  >\n  <mat-icon *ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix (click)=\"suffix.emit()\">\n    {{ element.suffix }}\n  </mat-icon>\n  <mat-hint *ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n", styles: [".mapa-input__label{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:SF-Pro;font-size:16px;font-style:normal;font-weight:400;margin-top:unset!important}.mapa-input .mat-form-field-flex{display:flex;align-items:center;height:48px;padding:0 1em!important}.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"] }]
+            args: [{ selector: 'mapa-input', encapsulation: ViewEncapsulation.None, template: "<label *ngIf=\"element.label\" class=\"mapa-input__label\">\n  {{ element.label }}\n</label>\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  />\n  <input\n    matInput\n    *ngIf=\"!element.autosize\"\n    [formControl]=\"formControl\"\n    [placeholder]=\"element.placeholder || element.label\"\n    [maxlength]=\"element.maxLength\"\n  />\n  <mat-icon\n    *ngIf=\"hasValue()\"\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-form-field>\n", styles: [".mapa-input__label{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:SF-Pro;font-size:16px;font-style:normal;font-weight:400;margin-top:unset!important}.mapa-input .mat-form-field-flex{display:flex;align-items:center;height:48px;padding:0 1em!important}.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: [{

package/fesm2020/mapa-library-ui-src-lib-components-input.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-input.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/input/src/input.component.ts","../../../projects/mapa-library-ui/src/lib/components/input/src/input.component.html","../../../projects/mapa-library-ui/src/lib/components/input/src/input.module.ts","../../../projects/mapa-library-ui/src/lib/components/input/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/input/mapa-library-ui-src-lib-components-input.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { InputText } from 'mapa-library-ui';\n\n@Component({\n selector: 'mapa-input',\n templateUrl: './input.component.html',\n styleUrls: ['./input-legacy.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MapaInputComponent {\n @Input() formControl!: FormControl;\n @Input() element!: InputText;\n @Output() suffix: EventEmitter<any> = new EventEmitter();\n \n hasValue(): boolean {\n return !!this.formControl.value;\n }\n\n clearValue(): void {\n this.formControl.setValue(null);\n }\n}\n","<label ngIf=\"element.label\" class=\"mapa-input__label\">\n {{ element.label }}\n</label>\n<mat-form-field class=\"mapa-input\" appearance=\"outline\" subscriptSizing=\"dynamic\">\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 />\n <input\n matInput\n ngIf=\"!element.autosize\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder \|\| element.label\"\n />\n <mat-icon\n ngIf=\"hasValue()\"\n (click)=\"clearValue()\"\n class=\"mapa-input--close\"\n matSuffix\n >close</mat-icon\n >\n <mat-icon ngIf=\"element.suffix\" class=\"mapa-input--suffix\" matSuffix (click)=\"suffix.emit()\">\n {{ element.suffix }}\n </mat-icon>\n <mat-hint ngIf=\"element.hint\">{{ element.hint }}</mat-hint>\n</mat-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { MapaInputComponent } from './input.component';\nimport { MatInputAutosizeDirective } from 'mapa-library-ui';\n\n@NgModule({\n declarations: [\n MapaInputComponent,\n ],\n exports: [\n MapaInputComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n MatFormFieldModule,\n MatInputModule,\n MatIconModule,\n MatInputAutosizeDirective,\n ]\n})\nexport class MapaInputModule { }\n","/\n * Public API Surface of mapa-library-ui input\n /\n\nexport from './src/input.component';\nexport * from './src/input.module';","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;MAWa,kBAAkB,CAAA;AAN/B,IAAA,WAAA,GAAA;AASY,QAAA,IAAA,CAAA,MAAM,GAAsB,IAAI,YAAY,EAAE,CAAC;AAS1D,KAAA;IAPC,QAAQ,GAAA;AACN,QAAA,OAAO,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,KAAK,CAAC;KACjC;IAED,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;KACjC;;gHAXU,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAlB,kBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,kBAAkB,6ICX/B,~~onCAkCA~~,EAAA,MAAA,EAAA,CAAA,qkBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,YAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,IAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,QAAA,EAAA,QAAA,EAAA,yHAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,IAAA,EAAA,aAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,kBAAA,EAAA,OAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,yBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,0BAAA,EAAA,0BAAA,EAAA,2BAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;~~4FDvBa~~,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAN9B,SAAS;+BACE,YAAY,EAAA,aAAA,EAGP,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,~~onCAAA~~,EAAA,MAAA,EAAA,CAAA,qkBAAA,CAAA,EAAA,CAAA;8BAG5B,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACI,MAAM,EAAA,CAAA;sBAAf,MAAM;;;MEcI,eAAe,CAAA;;6GAAf,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;8GAAf,eAAe,EAAA,YAAA,EAAA,CAfxB,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAMlB,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,kBAAkB;QAClB,cAAc;QACd,aAAa;AACb,QAAA,yBAAyB,aATzB,kBAAkB,CAAA,EAAA,CAAA,CAAA;AAYT,eAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,eAAe,YATxB,YAAY;QACZ,WAAW;QACX,mBAAmB;QACnB,kBAAkB;QAClB,cAAc;QACd,aAAa,CAAA,EAAA,CAAA,CAAA;4FAIJ,eAAe,EAAA,UAAA,EAAA,CAAA;kBAjB3B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,kBAAkB;AACnB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,WAAW;wBACX,mBAAmB;wBACnB,kBAAkB;wBAClB,cAAc;wBACd,aAAa;wBACb,yBAAyB;AAC1B,qBAAA;AACF,iBAAA,CAAA;;;AC3BD;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-input.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/input/src/input.component.ts","../../../projects/mapa-library-ui/src/lib/components/input/src/input.component.html","../../../projects/mapa-library-ui/src/lib/components/input/src/input.module.ts","../../../projects/mapa-library-ui/src/lib/components/input/public-api.ts","../../../projects/mapa-library-ui/src/lib/components/input/mapa-library-ui-src-lib-components-input.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\n\nimport { InputText } from 'mapa-library-ui';\n\n@Component({\n selector: 'mapa-input',\n templateUrl: './input.component.html',\n styleUrls: ['./input-legacy.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MapaInputComponent {\n @Input() formControl!: FormControl;\n @Input() element!: InputText;\n @Output() suffix: EventEmitter<any> = new EventEmitter();\n \n hasValue(): boolean {\n return !!this.formControl.value;\n }\n\n clearValue(): void {\n this.formControl.setValue(null);\n }\n}\n","<label ngIf=\"element.label\" class=\"mapa-input__label\">\n {{ element.label }}\n</label>\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 />\n <input\n matInput\n ngIf=\"!element.autosize\"\n [formControl]=\"formControl\"\n [placeholder]=\"element.placeholder \|\| element.label\"\n [maxlength]=\"element.maxLength\"\n />\n <mat-icon\n ngIf=\"hasValue()\"\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-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { MapaInputComponent } from './input.component';\nimport { MatInputAutosizeDirective } from 'mapa-library-ui';\n\n@NgModule({\n declarations: [\n MapaInputComponent,\n ],\n exports: [\n MapaInputComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n MatFormFieldModule,\n MatInputModule,\n MatIconModule,\n MatInputAutosizeDirective,\n ]\n})\nexport class MapaInputModule { }\n","/\n * Public API Surface of mapa-library-ui input\n /\n\nexport from './src/input.component';\nexport * from './src/input.module';","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2020/mapa-library-ui-src-lib-components-radio-button.mjs CHANGED Viewed

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { EventEmitter, Component, ViewEncapsulation, Input, Output, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/material/radio';
@@ -7,9 +7,7 @@ import { MatRadioModule } from '@angular/material/radio';
 class RadioButtonComponent {
     constructor() {
-        this.options = [];
         this.optionSelected = new EventEmitter();
-        this.selectedOption = '';
     }
     onChange(optionValue) {
         this.selectedOption = optionValue;
@@ -17,11 +15,13 @@ class RadioButtonComponent {
     }
 }
 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: { options: "options" }, outputs: { optionSelected: "optionSelected" }, ngImport: i0, template: "<div class=\"custom-radio-button\">\n    <mat-radio-group [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n        <mat-radio-button *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</mat-radio-button>\n    </mat-radio-group>\n</div>\n", styles: [".custom-radio-button{color:#000;font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:28px}.custom-radio-button .mat-mdc-radio-button.mat-accent{--mdc-radio-selected-focus-icon-color: #000;--mdc-radio-selected-icon-color: #000;--mdc-radio-selected-pressed-icon-color: #000;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #000;--mdc-radio-selected-hover-icon-color: #000}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.MatRadioButton, selector: "mat-radio-button", inputs: ["disableRipple", "tabIndex"], exportAs: ["matRadioButton"] }] });
+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" }, ngImport: i0, template: "<section class=\"mapa-radio-button\">\n  <mat-radio-group [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of element.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:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:28px}.mapa-radio-button .mat-radio-button.mat-accent{--mat-radio-selected-focus-icon-color: #000;--mat-radio-selected-icon-color: #000;--mat-radio-selected-pressed-icon-color: #000;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #000;--mat-radio-selected-hover-icon-color: #000}.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}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.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', template: "<div class=\"custom-radio-button\">\n    <mat-radio-group [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n        <mat-radio-button *ngFor=\"let option of options\" [value]=\"option.value\">{{ option.label }}</mat-radio-button>\n    </mat-radio-group>\n</div>\n", styles: [".custom-radio-button{color:#000;font-family:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:28px}.custom-radio-button .mat-mdc-radio-button.mat-accent{--mdc-radio-selected-focus-icon-color: #000;--mdc-radio-selected-icon-color: #000;--mdc-radio-selected-pressed-icon-color: #000;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #000;--mdc-radio-selected-hover-icon-color: #000}\n"] }]
-        }], ctorParameters: function () { return []; }, propDecorators: { options: [{
+            args: [{ selector: 'mapa-radio-button', encapsulation: ViewEncapsulation.None, template: "<section class=\"mapa-radio-button\">\n  <mat-radio-group [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n    <mat-radio-button\n      *ngFor=\"let option of element.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:SF-Pro;font-size:20px;font-style:normal;font-weight:400;line-height:28px}.mapa-radio-button .mat-radio-button.mat-accent{--mat-radio-selected-focus-icon-color: #000;--mat-radio-selected-icon-color: #000;--mat-radio-selected-pressed-icon-color: #000;--mat-radio-ripple-color: #000;--mat-radio-checked-ripple-color: #000;--mat-radio-selected-hover-icon-color: #000}.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}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { formControl: [{
+                type: Input
+            }], element: [{
                 type: Input
             }], optionSelected: [{
                 type: Output
@@ -54,6 +54,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Public API Surface of mapa-library-ui icon
  */
+/*
+ * Public API Surface of mapa-library-ui radio-button
+ */
 /**
  * Generated bundle index. Do not edit.
  */

package/fesm2020/mapa-library-ui-src-lib-components-radio-button.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"mapa-library-ui-src-lib-components-radio-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.html","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.module.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/public-api.ts","../../../projects/mapa-library-ui/src/~~lib/components/~~radio-button/mapa-library-ui-src-lib-components-radio-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\~~n\nexport~~ ~~interface~~ ~~RadioButtonOption~~ {~~\n value:~~ ~~string~~;\~~n label:~~ ~~string~~;\n}\n\n@Component({\n selector: 'mapa-radio-button',\n templateUrl: './radio-button.component.html',\n styleUrls: ['./radio-button.component.scss']\n})\nexport class RadioButtonComponent {\n @Input() ~~options:~~ ~~RadioButtonOption[]~~ = [];\n @Output() optionSelected: EventEmitter<~~string~~> = new EventEmitter<~~string~~>();\n selectedOption: ~~string = ''~~;\n\n constructor() { }\n\n onChange(optionValue: ~~string~~) {\n this.selectedOption = optionValue;\n this.optionSelected.emit(this.selectedOption);\n }\n}\n","<~~div~~ class=\"~~custom~~-radio-button\">\n <mat-radio-group [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n <mat-radio-button ngFor=\"let option of options\" [value]=\"option~~.value~~\">{{ option.~~label~~ }}</mat-radio-button>\n </mat-radio-group>\n</~~div~~>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RadioButtonComponent } from './radio-button.component';\nimport {MatRadioModule} from '@angular/material/radio';\n\n\n@NgModule({\n declarations: [\n RadioButtonComponent\n ],\n imports: [\n CommonModule,\n MatRadioModule\n ],\n exports: [\n RadioButtonComponent\n ] \n})\nexport class MapaRadioButtonModule { }\n","/\n * Public API Surface of mapa-library-ui icon\n /\n\nexport from './src/radio-button.component';\nexport * from './src/radio-button.module';","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './~~public~~-~~api~~';\n"],"names":[],"mappings":";;;;;;;~~MAYa~~,oBAAoB,CAAA;~~AAK~~/B,IAAA,WAAA,GAAA;~~QAJS~~,~~IAAO,CAAA,OAAA,GAAwB,EAAE,CAAC;AACjC,~~QAAA,IAAA,CAAA,cAAc,~~GAAyB~~,IAAI,YAAY,~~EAAU~~,CAAC;~~QAC5E,IAAc,CAAA,cAAA,GAAW,EAAE,CAAC~~;~~KAEX;~~AAEjB,IAAA,QAAQ,CAAC,~~WAAmB~~,EAAA;~~AAC1B~~,QAAA,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC;QAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KAC/C;;~~kHAVU~~,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,~~wICZjC~~,~~wRAKA~~,EAAA,MAAA,EAAA,CAAA,~~iaAAA~~,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;~~4FDOa~~,oBAAoB,EAAA,UAAA,EAAA,CAAA;~~kBALhC~~,SAAS;+BACE,mBAAmB,EAAA,QAAA,EAAA,~~wRAAA~~,EAAA,MAAA,EAAA,CAAA,~~iaAAA~~,CAAA,EAAA,CAAA;~~0EAKpB~~,OAAO,EAAA,CAAA;sBAAf,KAAK;~~gBACI~~,cAAc,EAAA,CAAA;sBAAvB,MAAM;;;~~MEII~~,qBAAqB,CAAA;;mHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CAV9B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;AACZ,QAAA,cAAc,aAGd,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAP9B,YAAY;QACZ,cAAc,CAAA,EAAA,CAAA,CAAA;4FAML,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,cAAc;AACf,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;ACFH;;AAEG;;;;"}
1	+ {"version":3,"file":"mapa-library-ui-src-lib-components-radio-button.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.component.html","../../../projects/mapa-library-ui/src/lib/components/radio-button/src/radio-button.module.ts","../../../projects/mapa-library-ui/src/lib/components/radio-button/public-api.ts","../../../projects/mapa-library-ui/src/radio-button.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-radio-button.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { ElementOption } from '../../../core/interfaces/option.interface';\nimport { ElementBase } from '../../../core/elements/element-base';\n\n@Component({\n selector: 'mapa-radio-button',\n templateUrl: './radio-button.component.html',\n styleUrls: ['./radio-button.component.scss'],\n encapsulation: ViewEncapsulation.None\n})\nexport class RadioButtonComponent {\n @Input() formControl!: FormControl;\n @Input() element!: ElementBase;\n \n @Output() optionSelected: EventEmitter<ElementOption> = new EventEmitter<ElementOption>();\n\n selectedOption!: ElementOption;\n\n constructor() { }\n\n onChange(optionValue: ElementOption) {\n this.selectedOption = optionValue;\n this.optionSelected.emit(this.selectedOption);\n }\n}\n","<section class=\"mapa-radio-button\">\n <mat-radio-group [value]=\"selectedOption\" (change)=\"onChange($event.value)\">\n <mat-radio-button\n ngFor=\"let option of element.options\"\n [value]=\"option\"\n >\n {{ option.value }}\n </mat-radio-button>\n </mat-radio-group>\n</section>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { RadioButtonComponent } from './radio-button.component';\nimport {MatRadioModule} from '@angular/material/radio';\n\n\n@NgModule({\n declarations: [\n RadioButtonComponent\n ],\n imports: [\n CommonModule,\n MatRadioModule\n ],\n exports: [\n RadioButtonComponent\n ] \n})\nexport class MapaRadioButtonModule { }\n","/\n * Public API Surface of mapa-library-ui icon\n /\n\nexport from './src/radio-button.component';\nexport * from './src/radio-button.module';","/\n Public API Surface of mapa-library-ui radio-button\n /\n\nexport from './lib/components/radio-button/public-api';\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './radio-button';\n"],"names":[],"mappings":";;;;;;;MAWa,oBAAoB,CAAA;AAQ/B,IAAA,WAAA,GAAA;AAJU,QAAA,IAAA,CAAA,cAAc,GAAgC,IAAI,YAAY,EAAiB,CAAC;KAIzE;AAEjB,IAAA,QAAQ,CAAC,WAA0B,EAAA;AACjC,QAAA,IAAI,CAAC,cAAc,GAAG,WAAW,CAAC;QAClC,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;KAC/C;;kHAbU,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAApB,oBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,oKCXjC,4TAUA,EAAA,MAAA,EAAA,CAAA,wtBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,cAAA,EAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,eAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;4FDCa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,mBAAmB,EAAA,aAAA,EAGd,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,4TAAA,EAAA,MAAA,EAAA,CAAA,wtBAAA,CAAA,EAAA,CAAA;0EAG5B,WAAW,EAAA,CAAA;sBAAnB,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBAEI,cAAc,EAAA,CAAA;sBAAvB,MAAM;;;MEGI,qBAAqB,CAAA;;mHAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;oHAArB,qBAAqB,EAAA,YAAA,EAAA,CAV9B,oBAAoB,CAAA,EAAA,OAAA,EAAA,CAGpB,YAAY;AACZ,QAAA,cAAc,aAGd,oBAAoB,CAAA,EAAA,CAAA,CAAA;AAGX,qBAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,YAP9B,YAAY;QACZ,cAAc,CAAA,EAAA,CAAA,CAAA;4FAML,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAZjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,oBAAoB;AACrB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ,cAAc;AACf,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,oBAAoB;AACrB,qBAAA;AACF,iBAAA,CAAA;;;ACjBD;;AAEG;;ACFH;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2020/mapa-library-ui-src-lib-components-textarea.mjs ADDED Viewed

@@ -0,0 +1,75 @@
+import * as i0 from '@angular/core';
+import { Component, ViewEncapsulation, Input, NgModule } from '@angular/core';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import * as i4 from '@angular/cdk/text-field';
+import * as i5 from '@angular/material/input';
+import { MatInputModule } from '@angular/material/input';
+import { MatIconModule } from '@angular/material/icon';
+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    *ngIf=\"formControl?.hasError('required')\">\n    {{ element.errors?.required }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('minlength')\">\n    {{ element.errors?.minlength }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cpf')\">\n    {{ element.errors?.cpf }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cnpj')\">\n    {{ element.errors?.cnpj }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('email')\">\n    {{ element.errors?.email }}\n  </mat-error>\n</mat-form-field>\n", styles: [".mapa-textarea__label{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:SF-Pro;font-size:16px;font-style:normal;font-weight:400;margin-top:unset!important}.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.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.MatError, selector: "mat-error", inputs: ["id"] }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i4.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i5.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"] }], 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    *ngIf=\"formControl?.hasError('required')\">\n    {{ element.errors?.required }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('minlength')\">\n    {{ element.errors?.minlength }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cpf')\">\n    {{ element.errors?.cpf }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('cnpj')\">\n    {{ element.errors?.cnpj }}\n  </mat-error>\n  <mat-error\n    *ngIf=\"formControl?.hasError('email')\">\n    {{ element.errors?.email }}\n  </mat-error>\n</mat-form-field>\n", styles: [".mapa-textarea__label{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:SF-Pro;font-size:16px;font-style:normal;font-weight:400;margin-top:unset!important}.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], 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] });
+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,
+                    ]
+                }]
+        }] });
+/*
+ * Public API Surface of mapa-library-ui textarea
+ */
+/*
+ * Public API Surface of mapa-library-ui textarea
+ */
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { MapaTextareaComponent, MapaTextareaModule };
+//# sourceMappingURL=mapa-library-ui-src-lib-components-textarea.mjs.map

package/fesm2020/mapa-library-ui-src-lib-components-textarea.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mapa-library-ui-src-lib-components-textarea.mjs","sources":["../../../projects/mapa-library-ui/src/lib/components/textarea/src/textarea.component.ts","../../../projects/mapa-library-ui/src/lib/components/textarea/src/textarea.component.html","../../../projects/mapa-library-ui/src/lib/components/textarea/src/textarea.module.ts","../../../projects/mapa-library-ui/src/lib/components/textarea/public-api.ts","../../../projects/mapa-library-ui/src/textarea.ts","../../../projects/mapa-library-ui/src/mapa-library-ui-src-lib-components-textarea.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output, ViewEncapsulation } from '@angular/core';\nimport { FormControl } from '@angular/forms';\nimport { Textarea } from '../../../core/elements/textarea';\n\n@Component({\n selector: 'mapa-textarea',\n templateUrl: './textarea.component.html',\n styleUrls: ['./textarea.component.scss'],\n encapsulation: ViewEncapsulation.None,\n})\nexport class MapaTextareaComponent {\n @Input() formControl!: FormControl;\n @Input() element!: Textarea;\n\n}\n","<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 *ngIf=\"formControl?.hasError('required')\">\n {{ element.errors?.required }}\n </mat-error>\n <mat-error\n *ngIf=\"formControl?.hasError('minlength')\">\n {{ element.errors?.minlength }}\n </mat-error>\n <mat-error\n *ngIf=\"formControl?.hasError('cpf')\">\n {{ element.errors?.cpf }}\n </mat-error>\n <mat-error\n *ngIf=\"formControl?.hasError('cnpj')\">\n {{ element.errors?.cnpj }}\n </mat-error>\n <mat-error\n *ngIf=\"formControl?.hasError('email')\">\n {{ element.errors?.email }}\n </mat-error>\n</mat-form-field>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { FormsModule, ReactiveFormsModule } from '@angular/forms';\n\nimport { MatFormFieldModule } from '@angular/material/form-field';\nimport { MatIconModule } from '@angular/material/icon';\nimport { MatInputModule } from '@angular/material/input';\n\nimport { MapaTextareaComponent } from './textarea.component';\n\n@NgModule({\n declarations: [\n MapaTextareaComponent,\n ],\n exports: [\n MapaTextareaComponent,\n ],\n imports: [\n CommonModule,\n FormsModule,\n ReactiveFormsModule,\n MatFormFieldModule,\n MatInputModule,\n MatIconModule,\n ]\n})\nexport class MapaTextareaModule { }\n","/*\n * Public API Surface of mapa-library-ui textarea\n */\n\nexport * from './src/textarea.component';\nexport * from './src/textarea.module';","/*\n * Public API Surface of mapa-library-ui textarea\n */\n\nexport * from './lib/components/textarea/public-api';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './textarea';\n"],"names":[],"mappings":"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"}

package/fesm2020/mapa-library-ui.mjs CHANGED Viewed

@@ -6,23 +6,27 @@ import * as i1$1 from '@angular/material/paginator';
 class ElementBase {
     constructor(options = {}) {
-        this.value = options.value || '';
-        this.key = options.key || '';
-        this.label = options.label || '';
+        this.value = options.value || "";
+        this.key = options.key || "";
+        this.label = options.label || "";
         this.required = !!options.required;
         this.order = options.order === undefined ? 1 : options.order;
-        this.controlType = options.controlType || '';
-        this.type = options.type || '';
-        this.placeholder = options.placeholder || '';
-        this.hint = options.hint || '';
-        this.prefix = options.prefix || '';
-        this.suffix = options.suffix || '';
+        this.controlType = options.controlType || "";
+        this.type = options.type || "";
+        this.placeholder = options.placeholder || "";
+        this.hint = options.hint || "";
+        this.prefix = options.prefix || "";
+        this.suffix = options.suffix || "";
         this.autosize = options.autosize || false;
-        this.autosizeMinWidth = options.autosizeMinWidth || '212px';
-        this.autosizeMaxWidth = options.autosizeMaxWidth || '400px';
+        this.autosizeMinWidth = options.autosizeMinWidth || "212px";
+        this.autosizeMaxWidth = options.autosizeMaxWidth || "400px";
+        this.autosizeMinRow = options.autosizeMinRow || 2;
+        this.autosizeMaxRow = options.autosizeMaxRow || 5;
         this.options = options.options || [];
         this.multiple = options.multiple || false;
         this.search = options.search || undefined;
+        this.maxLength = options.maxLength || null;
+        this.errors = options.errors || undefined;
     }
 }
@@ -40,6 +44,20 @@ class InputText extends ElementBase {
     }
 }
+class RadioButton extends ElementBase {
+    constructor() {
+        super(...arguments);
+        this.controlType = 'radio-button';
+    }
+}
+class Textarea extends ElementBase {
+    constructor() {
+        super(...arguments);
+        this.controlType = 'textarea';
+    }
+}
 /*
 * Originally from: https://github.com/anotherkitten/mat-input-autosize
 * @author: Ellie Larson (anotherkitten)
@@ -364,5 +382,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
  * Generated bundle index. Do not edit.
  */
-export { Dropdown, ElementBase, InputText, MatInputAutosizeDirective, PaginatorLegacyDirective };
+export { Dropdown, ElementBase, InputText, MatInputAutosizeDirective, PaginatorLegacyDirective, RadioButton, Textarea };
 //# sourceMappingURL=mapa-library-ui.mjs.map