@gerandon/ngx-widgets 17.0.0

package/esm2022/lib/textarea-input/textarea-input.component.mjs

@@ -0,0 +1,39 @@
+import { Component, forwardRef, Input, ViewEncapsulation } from '@angular/core';
+import { FormsModule, NG_ASYNC_VALIDATORS, NG_VALUE_ACCESSOR, ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { BaseTextInput } from "../core/base-text-input";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/icon";
+import * as i4 from "@angular/material/input";
+import * as i5 from "@angular/cdk/text-field";
+export class TextareaInputComponent extends BaseTextInput {
+    constructor() {
+        super(...arguments);
+        this.rows = 10;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: TextareaInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: TextareaInputComponent, isStandalone: true, selector: "gerandon-textarea-input", inputs: { rows: "rows" }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextareaInputComponent), multi: true },
+            { provide: NG_ASYNC_VALIDATORS, useExisting: forwardRef(() => TextareaInputComponent), multi: true },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"textarea-input cva-input\">\r\n  <mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [floatLabel]=\"floatLabel\">\r\n    @if (label) {\r\n      <mat-label [class.disabled]=\"isDisabled\">{{ label }}</mat-label>\r\n    }\r\n    <textarea\r\n      [id]=\"id\"\r\n      #inputElement\r\n      #input=\"ngForm\"\r\n      #autosize=\"cdkTextareaAutosize\"\r\n      matInput\r\n      cdkTextareaAutosize\r\n      [cdkAutosizeMinRows]=\"rows\"\r\n      class=\"w-100 cva-control\"\r\n      [attr.disabled]=\"isDisabled || control.disabled ? '' : null\"\r\n      [readonly]=\"isDisabled\"\r\n      [placeholder]=\"placeholder\"\r\n      [formControl]=\"control\"\r\n      [maxLength]=\"maxLength\"\r\n      [name]=\"name\">\r\n    </textarea>\r\n    <span class=\"counter\">{{control?.value?.length || 0}} / {{ maxLength }}</span>\r\n    @if (prefixIcon) {\r\n      <mat-icon matPrefix color=\"accent\">\r\n        {{prefixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffixIcon) {\r\n      <mat-icon matSuffix color=\"accent\">\r\n        {{suffixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffix) {\r\n      <span matSuffix>{{suffix}}</span>\r\n    }\r\n    @if (control.errors?.['server']) {\r\n      <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n    } @else if (control.errors?.['required']) {\r\n      <mat-error>{{ validationTranslations.required }}</mat-error>\r\n      @for (error of validatorMessagesArray; track error) {\r\n        <mat-error>{{ error.value }}</mat-error>\r\n      }\r\n    }\r\n  </mat-form-field>\r\n</div>\r\n", styles: ["gerandon-textarea-input{display:block}gerandon-textarea-input .counter{right:20px;bottom:0;position:absolute;font-size:10px}gerandon-textarea-input .textarea-input .disabled{color:#ced4da}gerandon-textarea-input .textarea-input mat-form-field{width:100%}gerandon-textarea-input .textarea-input mat-form-field textarea{padding-top:10px}gerandon-textarea-input .textarea-input mat-form-field textarea::placeholder{color:#adb5bd;font-style:italic}gerandon-textarea-input .textarea-input mat-form-field textarea:disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { 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: "directive", type: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: TextareaInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gerandon-textarea-input', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                    ], providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextareaInputComponent), multi: true },
+                        { provide: NG_ASYNC_VALIDATORS, useExisting: forwardRef(() => TextareaInputComponent), multi: true },
+                    ], template: "<div class=\"textarea-input cva-input\">\r\n  <mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [floatLabel]=\"floatLabel\">\r\n    @if (label) {\r\n      <mat-label [class.disabled]=\"isDisabled\">{{ label }}</mat-label>\r\n    }\r\n    <textarea\r\n      [id]=\"id\"\r\n      #inputElement\r\n      #input=\"ngForm\"\r\n      #autosize=\"cdkTextareaAutosize\"\r\n      matInput\r\n      cdkTextareaAutosize\r\n      [cdkAutosizeMinRows]=\"rows\"\r\n      class=\"w-100 cva-control\"\r\n      [attr.disabled]=\"isDisabled || control.disabled ? '' : null\"\r\n      [readonly]=\"isDisabled\"\r\n      [placeholder]=\"placeholder\"\r\n      [formControl]=\"control\"\r\n      [maxLength]=\"maxLength\"\r\n      [name]=\"name\">\r\n    </textarea>\r\n    <span class=\"counter\">{{control?.value?.length || 0}} / {{ maxLength }}</span>\r\n    @if (prefixIcon) {\r\n      <mat-icon matPrefix color=\"accent\">\r\n        {{prefixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffixIcon) {\r\n      <mat-icon matSuffix color=\"accent\">\r\n        {{suffixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffix) {\r\n      <span matSuffix>{{suffix}}</span>\r\n    }\r\n    @if (control.errors?.['server']) {\r\n      <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n    } @else if (control.errors?.['required']) {\r\n      <mat-error>{{ validationTranslations.required }}</mat-error>\r\n      @for (error of validatorMessagesArray; track error) {\r\n        <mat-error>{{ error.value }}</mat-error>\r\n      }\r\n    }\r\n  </mat-form-field>\r\n</div>\r\n", styles: ["gerandon-textarea-input{display:block}gerandon-textarea-input .counter{right:20px;bottom:0;position:absolute;font-size:10px}gerandon-textarea-input .textarea-input .disabled{color:#ced4da}gerandon-textarea-input .textarea-input mat-form-field{width:100%}gerandon-textarea-input .textarea-input mat-form-field textarea{padding-top:10px}gerandon-textarea-input .textarea-input mat-form-field textarea::placeholder{color:#adb5bd;font-style:italic}gerandon-textarea-input .textarea-input mat-form-field textarea:disabled{cursor:not-allowed}\n"] }]
+        }], propDecorators: { rows: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEtaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmd4LXdpZGdldHMvc3JjL2xpYi90ZXh0YXJlYS1pbnB1dC90ZXh0YXJlYS1pbnB1dC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtd2lkZ2V0cy9zcmMvbGliL3RleHRhcmVhLWlucHV0L3RleHRhcmVhLWlucHV0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsVUFBVSxFQUFFLEtBQUssRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsV0FBVyxFQUFFLG1CQUFtQixFQUFFLGlCQUFpQixFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDMUcsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUMsYUFBYSxFQUFDLE1BQU0seUJBQXlCLENBQUM7Ozs7Ozs7QUFvQnRELE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxhQUFxQjtJQWxCakU7O1FBb0JrQixTQUFJLEdBQUcsRUFBRSxDQUFDO0tBRTNCOzhHQUpZLHNCQUFzQjtrR0FBdEIsc0JBQXNCLGdHQUx0QjtZQUNULEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1lBQ2xHLEVBQUUsT0FBTyxFQUFFLG1CQUFtQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsc0JBQXNCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO1NBQ3JHLGlEQ3ZCSCwwakRBNkNBLG1sQkQvQkksV0FBVyxzWkFDWCxrQkFBa0IseW9CQUNsQixhQUFhLG1MQUNiLGNBQWMseWtCQUNkLG1CQUFtQjs7MkZBT1Ysc0JBQXNCO2tCQWxCbEMsU0FBUzsrQkFDRSx5QkFBeUIsY0FHdkIsSUFBSSxpQkFDRCxpQkFBaUIsQ0FBQyxJQUFJLFdBQzVCO3dCQUNQLFdBQVc7d0JBQ1gsa0JBQWtCO3dCQUNsQixhQUFhO3dCQUNiLGNBQWM7d0JBQ2QsbUJBQW1CO3FCQUNwQixhQUNVO3dCQUNULEVBQUUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLHVCQUF1QixDQUFDLEVBQUUsS0FBSyxFQUFFLElBQUksRUFBRTt3QkFDbEcsRUFBRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsdUJBQXVCLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxFQUFFO3FCQUNyRzs4QkFJZSxJQUFJO3NCQUFuQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBmb3J3YXJkUmVmLCBJbnB1dCwgVmlld0VuY2Fwc3VsYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIE5HX0FTWU5DX1ZBTElEQVRPUlMsIE5HX1ZBTFVFX0FDQ0VTU09SLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcclxuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBNYXRJbnB1dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2lucHV0JztcclxuaW1wb3J0IHtCYXNlVGV4dElucHV0fSBmcm9tIFwiLi4vY29yZS9iYXNlLXRleHQtaW5wdXRcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZ2VyYW5kb24tdGV4dGFyZWEtaW5wdXQnLFxyXG4gIHRlbXBsYXRlVXJsOiAndGV4dGFyZWEtaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxyXG4gIHN0eWxlVXJsczogWyd0ZXh0YXJlYS1pbnB1dC5jb21wb25lbnQuc2NzcyddLFxyXG4gIHN0YW5kYWxvbmU6IHRydWUsXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxuICBpbXBvcnRzOiBbXHJcbiAgICBGb3Jtc01vZHVsZSxcclxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcclxuICAgIE1hdEljb25Nb2R1bGUsXHJcbiAgICBNYXRJbnB1dE1vZHVsZSxcclxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXHJcbiAgXSxcclxuICBwcm92aWRlcnM6IFtcclxuICAgIHsgcHJvdmlkZTogTkdfVkFMVUVfQUNDRVNTT1IsIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFRleHRhcmVhSW5wdXRDb21wb25lbnQpLCBtdWx0aTogdHJ1ZSB9LFxyXG4gICAgeyBwcm92aWRlOiBOR19BU1lOQ19WQUxJREFUT1JTLCB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBUZXh0YXJlYUlucHV0Q29tcG9uZW50KSwgbXVsdGk6IHRydWUgfSxcclxuICBdLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVGV4dGFyZWFJbnB1dENvbXBvbmVudCBleHRlbmRzIEJhc2VUZXh0SW5wdXQ8c3RyaW5nPiB7XHJcblxyXG4gIEBJbnB1dCgpIHB1YmxpYyByb3dzID0gMTA7XHJcblxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ0ZXh0YXJlYS1pbnB1dCBjdmEtaW5wdXRcIj5cclxuICA8bWF0LWZvcm0tZmllbGQgYXBwZWFyYW5jZT1cIm91dGxpbmVcIiBbc3Vic2NyaXB0U2l6aW5nXT1cInN1YnNjcmlwdFNpemluZ1wiIFtmbG9hdExhYmVsXT1cImZsb2F0TGFiZWxcIj5cclxuICAgIEBpZiAobGFiZWwpIHtcclxuICAgICAgPG1hdC1sYWJlbCBbY2xhc3MuZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XHJcbiAgICB9XHJcbiAgICA8dGV4dGFyZWFcclxuICAgICAgW2lkXT1cImlkXCJcclxuICAgICAgI2lucHV0RWxlbWVudFxyXG4gICAgICAjaW5wdXQ9XCJuZ0Zvcm1cIlxyXG4gICAgICAjYXV0b3NpemU9XCJjZGtUZXh0YXJlYUF1dG9zaXplXCJcclxuICAgICAgbWF0SW5wdXRcclxuICAgICAgY2RrVGV4dGFyZWFBdXRvc2l6ZVxyXG4gICAgICBbY2RrQXV0b3NpemVNaW5Sb3dzXT1cInJvd3NcIlxyXG4gICAgICBjbGFzcz1cInctMTAwIGN2YS1jb250cm9sXCJcclxuICAgICAgW2F0dHIuZGlzYWJsZWRdPVwiaXNEaXNhYmxlZCB8fCBjb250cm9sLmRpc2FibGVkID8gJycgOiBudWxsXCJcclxuICAgICAgW3JlYWRvbmx5XT1cImlzRGlzYWJsZWRcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiXHJcbiAgICAgIFttYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcclxuICAgICAgW25hbWVdPVwibmFtZVwiPlxyXG4gICAgPC90ZXh0YXJlYT5cclxuICAgIDxzcGFuIGNsYXNzPVwiY291bnRlclwiPnt7Y29udHJvbD8udmFsdWU/Lmxlbmd0aCB8fCAwfX0gLyB7eyBtYXhMZW5ndGggfX08L3NwYW4+XHJcbiAgICBAaWYgKHByZWZpeEljb24pIHtcclxuICAgICAgPG1hdC1pY29uIG1hdFByZWZpeCBjb2xvcj1cImFjY2VudFwiPlxyXG4gICAgICAgIHt7cHJlZml4SWNvbn19XHJcbiAgICAgIDwvbWF0LWljb24+XHJcbiAgICB9XHJcbiAgICBAaWYgKHN1ZmZpeEljb24pIHtcclxuICAgICAgPG1hdC1pY29uIG1hdFN1ZmZpeCBjb2xvcj1cImFjY2VudFwiPlxyXG4gICAgICAgIHt7c3VmZml4SWNvbn19XHJcbiAgICAgIDwvbWF0LWljb24+XHJcbiAgICB9XHJcbiAgICBAaWYgKHN1ZmZpeCkge1xyXG4gICAgICA8c3BhbiBtYXRTdWZmaXg+e3tzdWZmaXh9fTwvc3Bhbj5cclxuICAgIH1cclxuICAgIEBpZiAoY29udHJvbC5lcnJvcnM/Llsnc2VydmVyJ10pIHtcclxuICAgICAgPG1hdC1lcnJvcj57eyBjb250cm9sLmVycm9ycz8uWydzZXJ2ZXInXSB9fTwvbWF0LWVycm9yPlxyXG4gICAgfSBAZWxzZSBpZiAoY29udHJvbC5lcnJvcnM/LlsncmVxdWlyZWQnXSkge1xyXG4gICAgICA8bWF0LWVycm9yPnt7IHZhbGlkYXRpb25UcmFuc2xhdGlvbnMucmVxdWlyZWQgfX08L21hdC1lcnJvcj5cclxuICAgICAgQGZvciAoZXJyb3Igb2YgdmFsaWRhdG9yTWVzc2FnZXNBcnJheTsgdHJhY2sgZXJyb3IpIHtcclxuICAgICAgICA8bWF0LWVycm9yPnt7IGVycm9yLnZhbHVlIH19PC9tYXQtZXJyb3I+XHJcbiAgICAgIH1cclxuICAgIH1cclxuICA8L21hdC1mb3JtLWZpZWxkPlxyXG48L2Rpdj5cclxuIl19

package/esm2022/public-api.mjs

@@ -0,0 +1,12 @@
+/*
+ * Public API Surface of ngx-widgets
+ */
+export * from './lib/core/base-value-accessor';
+export * from './lib/core/base-input';
+export * from './lib/core/base-text-input';
+export * from './lib/core/component-unsubscribe';
+export * from './lib/basic-input/basic-input.component';
+export * from './lib/select/select.component';
+export * from './lib/textarea-input/textarea-input.component';
+export * from './lib/basic-chips/basic-chips.component';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL25neC13aWRnZXRzL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsY0FBYyxnQ0FBZ0MsQ0FBQztBQUMvQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsNEJBQTRCLENBQUM7QUFDM0MsY0FBYyxrQ0FBa0MsQ0FBQztBQUVqRCxjQUFjLHlDQUF5QyxDQUFDO0FBQ3hELGNBQWMsK0JBQStCLENBQUM7QUFDOUMsY0FBYywrQ0FBK0MsQ0FBQztBQUM5RCxjQUFjLHlDQUF5QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFB1YmxpYyBBUEkgU3VyZmFjZSBvZiBuZ3gtd2lkZ2V0c1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvcmUvYmFzZS12YWx1ZS1hY2Nlc3Nvcic7XG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb3JlL2Jhc2UtaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9iYXNlLXRleHQtaW5wdXQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29yZS9jb21wb25lbnQtdW5zdWJzY3JpYmUnO1xuXG5leHBvcnQgKiBmcm9tICcuL2xpYi9iYXNpYy1pbnB1dC9iYXNpYy1pbnB1dC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9saWIvdGV4dGFyZWEtaW5wdXQvdGV4dGFyZWEtaW5wdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbGliL2Jhc2ljLWNoaXBzL2Jhc2ljLWNoaXBzLmNvbXBvbmVudCc7XG4iXX0=

package/fesm2022/gerandon-ngx-widgets.mjs

@@ -0,0 +1,409 @@
+import * as i0 from '@angular/core';
+import { inject, Injector, ChangeDetectorRef, Directive, Input, ViewChild, InjectionToken, Optional, Inject, isDevMode, EventEmitter, forwardRef, Component, ViewEncapsulation, Output, ViewChildren } from '@angular/core';
+import * as i1 from '@angular/forms';
+import { FormControl, NgControl, NG_VALUE_ACCESSOR, NG_ASYNC_VALIDATORS, ReactiveFormsModule, FormsModule } from '@angular/forms';
+import { of, Subject, Observable, takeUntil } from 'rxjs';
+import { isEmpty, keys, isEqual } from 'lodash-es';
+import { SafeSubscriber } from 'rxjs/internal/Subscriber';
+import * as i3 from '@angular/material/form-field';
+import { MatFormFieldModule, MatFormField, MatLabel, MatError } from '@angular/material/form-field';
+import * as i2 from '@angular/material/icon';
+import { MatIconModule } from '@angular/material/icon';
+import * as i4 from '@angular/material/input';
+import { MatInputModule, MatInput } from '@angular/material/input';
+import * as i2$1 from '@angular/material/select';
+import { MatSelectModule } from '@angular/material/select';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { takeUntil as takeUntil$1 } from 'rxjs/operators';
+import * as i3$1 from '@angular/material/core';
+import * as i5 from '@angular/cdk/text-field';
+import { ENTER, COMMA } from '@angular/cdk/keycodes';
+import { AsyncPipe, JsonPipe } from '@angular/common';
+import * as i4$1 from '@angular/material/autocomplete';
+import { MatAutocompleteModule } from '@angular/material/autocomplete';
+import * as i1$1 from '@angular/material/chips';
+import { MatChipsModule } from '@angular/material/chips';
+
+class BaseValueAccessor {
+    constructor() {
+        this.validator = of({});
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        this.onChange = (value) => {
+        };
+        this.onTouched = () => {
+        };
+        this.injector = inject(Injector);
+        this.cdr = inject(ChangeDetectorRef);
+        this._defaultValidate = () => null;
+        this.destroy$ = new Subject();
+        this._validate = this._defaultValidate;
+        // Temporarily, AfterViewInit will handle the correct setting
+        this.control = new FormControl();
+    }
+    validate(control) {
+        control.setErrors({ ...control.errors, pending: true });
+        return this.validator;
+    }
+    ngAfterViewInit() {
+        this.controlDir = this.injector.get(NgControl);
+        this.control = this.controlDir.control;
+        // For ng-valid expression changed error workaround purposes
+        this.cdr.detectChanges();
+    }
+    writeValue(obj) {
+        this.valueAccessor?.writeValue(obj);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+        this.valueAccessor?.registerOnChange(fn);
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+        this.valueAccessor?.registerOnTouched(fn);
+    }
+    get valueAccessor() {
+        return this.input ? this.input.valueAccessor : null;
+    }
+    ngOnDestroy() {
+        this.destroy$.next();
+        this.destroy$.complete();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BaseValueAccessor, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: BaseValueAccessor, inputs: { validator: "validator" }, viewQueries: [{ propertyName: "inputElement", first: true, predicate: ["inputElement"], descendants: true }, { propertyName: "input", first: true, predicate: ["input"], descendants: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BaseValueAccessor, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [], propDecorators: { validator: [{
+                type: Input
+            }], inputElement: [{
+                type: ViewChild,
+                args: ['inputElement']
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+
+const NGX_WIDGETS_VALIDATION_TRANSLATIONS = new InjectionToken('NGX_WIDGETS_VALIDATION_TRANSLATIONS');
+class BaseInput extends BaseValueAccessor {
+    constructor(validationTranslations) {
+        super();
+        this.validationTranslations = validationTranslations;
+        this.isDisabled = false;
+        this.floatLabel = 'auto';
+        this.subscriptSizing = 'fixed';
+        this.hintLabel = '';
+        this.validatorMessagesArray = [];
+    }
+    ngOnInit() {
+        this.placeholder = this.placeholder === undefined ? this.label : this.placeholder;
+        if (!this.name) {
+            this.name = this.formControlName;
+            /*
+            console.warn(`name attribute is not defined for ${this.formControlName}! Please beware, that using this control multiple
+            times with the same control name could result in wrong focus, clicking on the label!`);
+             */
+        }
+        // *ngIf seems like does not re-render component when label is used with dynamic value (e.g.: translate pipe). Strange
+        this.label = this.label || ' ';
+    }
+    ngOnChanges(changes) {
+        if (changes['validatorMessages']) {
+            if (!isEmpty(this.validatorMessages)) {
+                this.validatorMessagesArray = keys(this.validatorMessages).map((key) => ({
+                    key,
+                    value: this.validatorMessages[key],
+                }));
+            }
+        }
+    }
+    ngAfterViewInit() {
+        super.ngAfterViewInit();
+        this.cdr.detectChanges();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BaseInput, deps: [{ token: NGX_WIDGETS_VALIDATION_TRANSLATIONS, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: BaseInput, inputs: { id: "id", name: "name", label: "label", translateParams: "translateParams", placeholder: "placeholder", isDisabled: "isDisabled", floatLabel: "floatLabel", prefixIcon: "prefixIcon", suffixIcon: "suffixIcon", suffix: "suffix", formControlName: "formControlName", validatorMessages: "validatorMessages", subscriptSizing: "subscriptSizing", hintLabel: "hintLabel" }, usesInheritance: true, usesOnChanges: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BaseInput, decorators: [{
+            type: Directive
+        }], ctorParameters: () => [{ type: undefined, decorators: [{
+                    type: Optional
+                }, {
+                    type: Inject,
+                    args: [NGX_WIDGETS_VALIDATION_TRANSLATIONS]
+                }] }], propDecorators: { id: [{
+                type: Input
+            }], name: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], translateParams: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], isDisabled: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], prefixIcon: [{
+                type: Input
+            }], suffixIcon: [{
+                type: Input
+            }], suffix: [{
+                type: Input
+            }], formControlName: [{
+                type: Input
+            }], validatorMessages: [{
+                type: Input
+            }], subscriptSizing: [{
+                type: Input
+            }], hintLabel: [{
+                type: Input
+            }] } });
+
+class BaseTextInput extends BaseInput {
+    constructor() {
+        super(...arguments);
+        this.type = 'text';
+        this.maxLength = 512;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BaseTextInput, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: BaseTextInput, inputs: { type: "type", maxLength: "maxLength" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BaseTextInput, decorators: [{
+            type: Directive
+        }], propDecorators: { type: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }] } });
+
+/**
+ * Automatically unsubscribe from an Observable when the view is destroyed
+ * Tested with checking the "complete" event of a subscribe method
+ * @description
+ * An Annotation that should be used with an Observable typed variable to handle its subscriptions
+ * @author gergo.asztalos
+ */
+function UnsubscribeOnDestroy() {
+    return function (target, propertyKey) {
+        const ngOnDestroy = target.ngOnDestroy;
+        const secretKey = `_${propertyKey}$`;
+        // Probably with function we could use own context
+        const destroyKey = (_this) => _this.hasOwnProperty('destroy$') ? 'destroy$' : `${_this.constructor.name}_destroy$`;
+        Object.defineProperty(target, secretKey, { enumerable: false, writable: true });
+        Object.defineProperty(target, propertyKey, {
+            configurable: true,
+            enumerable: true,
+            get: function () {
+                return this[secretKey];
+            },
+            set: function (newValue) {
+                if (!this[destroyKey(this)]) {
+                    this[destroyKey(this)] = new Subject();
+                }
+                if (newValue instanceof Observable) {
+                    this[secretKey] = newValue.pipe(takeUntil(this[destroyKey(this)]));
+                }
+                else {
+                    this[secretKey] = newValue;
+                }
+            },
+        });
+        target.ngOnDestroy = function () {
+            if (this[propertyKey] instanceof SafeSubscriber) {
+                this[propertyKey].unsubscribe();
+                this[secretKey].unsubscribe();
+            }
+            else if (this.hasOwnProperty(destroyKey(this))) {
+                this[destroyKey(this)].next();
+                this[destroyKey(this)].complete();
+            }
+            delete this[secretKey];
+            if (isDevMode()) {
+                // eslint-disable-next-line no-console,max-len
+                console.debug(`<UnsubscribeOnDestroy> - Observable/Subscription <${propertyKey}> completed in class: ${this.constructor.name}`);
+            }
+            ngOnDestroy && ngOnDestroy.call(this);
+        };
+    };
+}
+
+class BasicInputComponent extends BaseTextInput {
+    constructor() {
+        super(...arguments);
+        this.iconClick = new EventEmitter();
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.id = this.id || this.name;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BasicInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: BasicInputComponent, isStandalone: true, selector: "gerandon-basic-input", outputs: { iconClick: "iconClick" }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BasicInputComponent), multi: true },
+            { provide: NG_ASYNC_VALIDATORS, useExisting: forwardRef(() => BasicInputComponent), multi: true },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"basic-input cva-input\">\r\n  <mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [hintLabel]=\"hintLabel\" [floatLabel]=\"floatLabel\">\r\n    @if (label) {\r\n      <mat-label [class.disabled]=\"isDisabled\">{{label}}</mat-label>\r\n    }\r\n    <input\r\n      [id]=\"id\"\r\n      #inputElement\r\n      #input=\"ngForm\"\r\n      matInput\r\n      [style.padding-right]=\"(suffix || prefixIcon) && '35px'\"\r\n      [type]=\"type\"\r\n      [attr.disabled]=\"isDisabled || control.disabled ? '' : null\"\r\n      [readonly]=\"isDisabled\"\r\n      [placeholder]=\"placeholder\"\r\n      [formControl]=\"control\"\r\n      [maxLength]=\"maxLength\"\r\n      [name]=\"name\"\r\n      [required]=\"!!control.errors?.['required']\"/>\r\n    @if (prefixIcon) {\r\n      <mat-icon matPrefix color=\"accent\">\r\n        {{prefixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffixIcon) {\r\n      <mat-icon matSuffix color=\"accent\">\r\n        {{suffixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffix) {\r\n      <span matSuffix style=\"margin-right: 10px\">{{suffix}}</span>\r\n    }\r\n    @if (control.errors?.['server']) {\r\n      <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n    } @else if (control.errors?.['required']) {\r\n      <mat-error>{{ validationTranslations.required }}</mat-error>\r\n      @for (error of validatorMessagesArray; track error) {\r\n        @if (control.errors?.[error.key]) {\r\n          <mat-error>{{ error.value }}</mat-error>\r\n        }\r\n      }\r\n    }\r\n  </mat-form-field>\r\n</div>\r\n", styles: ["gerandon-basic-input{display:block}gerandon-basic-input .basic-input{height:inherit}gerandon-basic-input .basic-input .disabled{color:#ced4da}gerandon-basic-input .basic-input mat-form-field{width:100%}gerandon-basic-input .basic-input mat-form-field .mat-icon{padding:unset;margin-left:10px;margin-right:10px}gerandon-basic-input .basic-input mat-form-field input::placeholder{color:#adb5bd;font-style:italic}gerandon-basic-input .basic-input mat-form-field input:disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { 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"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BasicInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gerandon-basic-input', encapsulation: ViewEncapsulation.None, standalone: true, imports: [
+                        ReactiveFormsModule,
+                        MatIconModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                    ], providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BasicInputComponent), multi: true },
+                        { provide: NG_ASYNC_VALIDATORS, useExisting: forwardRef(() => BasicInputComponent), multi: true },
+                    ], template: "<div class=\"basic-input cva-input\">\r\n  <mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [hintLabel]=\"hintLabel\" [floatLabel]=\"floatLabel\">\r\n    @if (label) {\r\n      <mat-label [class.disabled]=\"isDisabled\">{{label}}</mat-label>\r\n    }\r\n    <input\r\n      [id]=\"id\"\r\n      #inputElement\r\n      #input=\"ngForm\"\r\n      matInput\r\n      [style.padding-right]=\"(suffix || prefixIcon) && '35px'\"\r\n      [type]=\"type\"\r\n      [attr.disabled]=\"isDisabled || control.disabled ? '' : null\"\r\n      [readonly]=\"isDisabled\"\r\n      [placeholder]=\"placeholder\"\r\n      [formControl]=\"control\"\r\n      [maxLength]=\"maxLength\"\r\n      [name]=\"name\"\r\n      [required]=\"!!control.errors?.['required']\"/>\r\n    @if (prefixIcon) {\r\n      <mat-icon matPrefix color=\"accent\">\r\n        {{prefixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffixIcon) {\r\n      <mat-icon matSuffix color=\"accent\">\r\n        {{suffixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffix) {\r\n      <span matSuffix style=\"margin-right: 10px\">{{suffix}}</span>\r\n    }\r\n    @if (control.errors?.['server']) {\r\n      <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n    } @else if (control.errors?.['required']) {\r\n      <mat-error>{{ validationTranslations.required }}</mat-error>\r\n      @for (error of validatorMessagesArray; track error) {\r\n        @if (control.errors?.[error.key]) {\r\n          <mat-error>{{ error.value }}</mat-error>\r\n        }\r\n      }\r\n    }\r\n  </mat-form-field>\r\n</div>\r\n", styles: ["gerandon-basic-input{display:block}gerandon-basic-input .basic-input{height:inherit}gerandon-basic-input .basic-input .disabled{color:#ced4da}gerandon-basic-input .basic-input mat-form-field{width:100%}gerandon-basic-input .basic-input mat-form-field .mat-icon{padding:unset;margin-left:10px;margin-right:10px}gerandon-basic-input .basic-input mat-form-field input::placeholder{color:#adb5bd;font-style:italic}gerandon-basic-input .basic-input mat-form-field input:disabled{cursor:not-allowed}\n"] }]
+        }], propDecorators: { iconClick: [{
+                type: Output
+            }] } });
+
+class SelectComponent extends BaseInput {
+    constructor() {
+        super(...arguments);
+        /**
+         * Angular Material - Select component comparsion is only '===', does not work with Array values
+         * https://github.com/angular/components/blob/a07c0758a5ec2eb4de1bb822354be08178c66aa4/src/lib/select/select.ts#L242C48-L242C58
+         */
+        this._isEqual = isEqual;
+    }
+    ngOnInit() {
+        this.placeholder = !this.placeholder ? (this.validationTranslations.selectGlobalPlaceholder || this.label) : this.placeholder;
+        super.ngOnInit();
+        this.id = this.id || this.formControlName || this.name;
+        if (this.asyncOptions) {
+            this.asyncOptions.pipe(takeUntil$1(this.destroy$)).subscribe((resp) => {
+                this.options = resp;
+                this.cdr.detectChanges();
+            });
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: SelectComponent, isStandalone: true, selector: "gerandon-select", inputs: { emptyOptionLabel: "emptyOptionLabel", multiple: "multiple", options: "options", asyncOptions: "asyncOptions" }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SelectComponent), multi: true }
+        ], viewQueries: [{ propertyName: "optionElements", predicate: ["optionElements"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [floatLabel]=\"floatLabel\">\r\n  @if (label) {\r\n    <mat-label>{{ label }}</mat-label>\r\n  }\r\n  <mat-select #inputElement\r\n              #input=\"ngForm\"\r\n              [multiple]=\"multiple\"\r\n              [placeholder]=\"!floatLabel ? label : placeholder\"\r\n              [formControl]=\"control\"\r\n              [id]=\"id\"\r\n              [class.input-disabled]=\"isDisabled || control.disabled\"\r\n              [compareWith]=\"_isEqual\"\r\n              [attr.disabled]=\"isDisabled || control.disabled ? '' : null\">\r\n    @if (emptyOptionLabel) {\r\n      <mat-option (click)=\"control.reset()\">\r\n        {{ emptyOptionLabel }}\r\n      </mat-option>\r\n    }\r\n    @for(option of options; track option) {\r\n      <mat-option [value]=\"option.value\">\r\n        {{ option.label }}\r\n      </mat-option>\r\n    }\r\n  </mat-select>\r\n  @if (suffix) {\r\n    <span matSuffix>{{suffix}}</span>\r\n  }\r\n  @if (control.errors?.['server']) {\r\n    <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n  } @else if (control.errors?.['required']) {\r\n    <mat-error>{{ validationTranslations.required }}</mat-error>\r\n    @for (error of validatorMessagesArray; track error) {\r\n      <mat-error>{{ error.value }}</mat-error>\r\n    }\r\n  }\r\n</mat-form-field>\r\n", styles: ["gerandon-select mat-form-field{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: MatInputModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i2$1.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatTooltipModule }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: SelectComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gerandon-select', encapsulation: ViewEncapsulation.None, standalone: true, providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SelectComponent), multi: true }
+                    ], imports: [
+                        MatInputModule,
+                        MatSelectModule,
+                        ReactiveFormsModule,
+                        MatTooltipModule,
+                    ], template: "<mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [floatLabel]=\"floatLabel\">\r\n  @if (label) {\r\n    <mat-label>{{ label }}</mat-label>\r\n  }\r\n  <mat-select #inputElement\r\n              #input=\"ngForm\"\r\n              [multiple]=\"multiple\"\r\n              [placeholder]=\"!floatLabel ? label : placeholder\"\r\n              [formControl]=\"control\"\r\n              [id]=\"id\"\r\n              [class.input-disabled]=\"isDisabled || control.disabled\"\r\n              [compareWith]=\"_isEqual\"\r\n              [attr.disabled]=\"isDisabled || control.disabled ? '' : null\">\r\n    @if (emptyOptionLabel) {\r\n      <mat-option (click)=\"control.reset()\">\r\n        {{ emptyOptionLabel }}\r\n      </mat-option>\r\n    }\r\n    @for(option of options; track option) {\r\n      <mat-option [value]=\"option.value\">\r\n        {{ option.label }}\r\n      </mat-option>\r\n    }\r\n  </mat-select>\r\n  @if (suffix) {\r\n    <span matSuffix>{{suffix}}</span>\r\n  }\r\n  @if (control.errors?.['server']) {\r\n    <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n  } @else if (control.errors?.['required']) {\r\n    <mat-error>{{ validationTranslations.required }}</mat-error>\r\n    @for (error of validatorMessagesArray; track error) {\r\n      <mat-error>{{ error.value }}</mat-error>\r\n    }\r\n  }\r\n</mat-form-field>\r\n", styles: ["gerandon-select mat-form-field{width:100%}\n"] }]
+        }], propDecorators: { emptyOptionLabel: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], options: [{
+                type: Input
+            }], asyncOptions: [{
+                type: Input
+            }], optionElements: [{
+                type: ViewChildren,
+                args: ['optionElements']
+            }] } });
+
+class TextareaInputComponent extends BaseTextInput {
+    constructor() {
+        super(...arguments);
+        this.rows = 10;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: TextareaInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: TextareaInputComponent, isStandalone: true, selector: "gerandon-textarea-input", inputs: { rows: "rows" }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextareaInputComponent), multi: true },
+            { provide: NG_ASYNC_VALIDATORS, useExisting: forwardRef(() => TextareaInputComponent), multi: true },
+        ], usesInheritance: true, ngImport: i0, template: "<div class=\"textarea-input cva-input\">\r\n  <mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [floatLabel]=\"floatLabel\">\r\n    @if (label) {\r\n      <mat-label [class.disabled]=\"isDisabled\">{{ label }}</mat-label>\r\n    }\r\n    <textarea\r\n      [id]=\"id\"\r\n      #inputElement\r\n      #input=\"ngForm\"\r\n      #autosize=\"cdkTextareaAutosize\"\r\n      matInput\r\n      cdkTextareaAutosize\r\n      [cdkAutosizeMinRows]=\"rows\"\r\n      class=\"w-100 cva-control\"\r\n      [attr.disabled]=\"isDisabled || control.disabled ? '' : null\"\r\n      [readonly]=\"isDisabled\"\r\n      [placeholder]=\"placeholder\"\r\n      [formControl]=\"control\"\r\n      [maxLength]=\"maxLength\"\r\n      [name]=\"name\">\r\n    </textarea>\r\n    <span class=\"counter\">{{control?.value?.length || 0}} / {{ maxLength }}</span>\r\n    @if (prefixIcon) {\r\n      <mat-icon matPrefix color=\"accent\">\r\n        {{prefixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffixIcon) {\r\n      <mat-icon matSuffix color=\"accent\">\r\n        {{suffixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffix) {\r\n      <span matSuffix>{{suffix}}</span>\r\n    }\r\n    @if (control.errors?.['server']) {\r\n      <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n    } @else if (control.errors?.['required']) {\r\n      <mat-error>{{ validationTranslations.required }}</mat-error>\r\n      @for (error of validatorMessagesArray; track error) {\r\n        <mat-error>{{ error.value }}</mat-error>\r\n      }\r\n    }\r\n  </mat-form-field>\r\n</div>\r\n", styles: ["gerandon-textarea-input{display:block}gerandon-textarea-input .counter{right:20px;bottom:0;position:absolute;font-size:10px}gerandon-textarea-input .textarea-input .disabled{color:#ced4da}gerandon-textarea-input .textarea-input mat-form-field{width:100%}gerandon-textarea-input .textarea-input mat-form-field textarea{padding-top:10px}gerandon-textarea-input .textarea-input mat-form-field textarea::placeholder{color:#adb5bd;font-style:italic}gerandon-textarea-input .textarea-input mat-form-field textarea:disabled{cursor:not-allowed}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { 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: "directive", type: i5.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: TextareaInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gerandon-textarea-input', standalone: true, encapsulation: ViewEncapsulation.None, imports: [
+                        FormsModule,
+                        MatFormFieldModule,
+                        MatIconModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                    ], providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => TextareaInputComponent), multi: true },
+                        { provide: NG_ASYNC_VALIDATORS, useExisting: forwardRef(() => TextareaInputComponent), multi: true },
+                    ], template: "<div class=\"textarea-input cva-input\">\r\n  <mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [floatLabel]=\"floatLabel\">\r\n    @if (label) {\r\n      <mat-label [class.disabled]=\"isDisabled\">{{ label }}</mat-label>\r\n    }\r\n    <textarea\r\n      [id]=\"id\"\r\n      #inputElement\r\n      #input=\"ngForm\"\r\n      #autosize=\"cdkTextareaAutosize\"\r\n      matInput\r\n      cdkTextareaAutosize\r\n      [cdkAutosizeMinRows]=\"rows\"\r\n      class=\"w-100 cva-control\"\r\n      [attr.disabled]=\"isDisabled || control.disabled ? '' : null\"\r\n      [readonly]=\"isDisabled\"\r\n      [placeholder]=\"placeholder\"\r\n      [formControl]=\"control\"\r\n      [maxLength]=\"maxLength\"\r\n      [name]=\"name\">\r\n    </textarea>\r\n    <span class=\"counter\">{{control?.value?.length || 0}} / {{ maxLength }}</span>\r\n    @if (prefixIcon) {\r\n      <mat-icon matPrefix color=\"accent\">\r\n        {{prefixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffixIcon) {\r\n      <mat-icon matSuffix color=\"accent\">\r\n        {{suffixIcon}}\r\n      </mat-icon>\r\n    }\r\n    @if (suffix) {\r\n      <span matSuffix>{{suffix}}</span>\r\n    }\r\n    @if (control.errors?.['server']) {\r\n      <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n    } @else if (control.errors?.['required']) {\r\n      <mat-error>{{ validationTranslations.required }}</mat-error>\r\n      @for (error of validatorMessagesArray; track error) {\r\n        <mat-error>{{ error.value }}</mat-error>\r\n      }\r\n    }\r\n  </mat-form-field>\r\n</div>\r\n", styles: ["gerandon-textarea-input{display:block}gerandon-textarea-input .counter{right:20px;bottom:0;position:absolute;font-size:10px}gerandon-textarea-input .textarea-input .disabled{color:#ced4da}gerandon-textarea-input .textarea-input mat-form-field{width:100%}gerandon-textarea-input .textarea-input mat-form-field textarea{padding-top:10px}gerandon-textarea-input .textarea-input mat-form-field textarea::placeholder{color:#adb5bd;font-style:italic}gerandon-textarea-input .textarea-input mat-form-field textarea:disabled{cursor:not-allowed}\n"] }]
+        }], propDecorators: { rows: [{
+                type: Input
+            }] } });
+
+class BasicChipsComponent extends BaseInput {
+    constructor() {
+        super(...arguments);
+        this.separatorKeysCodes = [ENTER, COMMA];
+    }
+    remove(item) {
+        const values = this.control.value;
+        const index = values.indexOf(item);
+        if (index >= 0) {
+            values.splice(index, 1);
+            this.control.setValue(values);
+        }
+        this.mark();
+    }
+    add(event) {
+        const value = (event.value || '').trim();
+        if (value) {
+            this.updateValue(value);
+        }
+        event.chipInput.clear();
+        this.mark();
+    }
+    selected(event) {
+        if (!this.control.value?.includes(event.option.value)) {
+            this.updateValue(event.option.value);
+        }
+        this.inputElement.nativeElement.value = '';
+        this.mark();
+    }
+    updateValue(value) {
+        this.control.setValue([
+            ...(this.control.value || []),
+            value,
+        ]);
+    }
+    mark() {
+        if (!this.control.touched) {
+            this.control.markAsTouched();
+            this.control.markAsDirty();
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BasicChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.7", type: BasicChipsComponent, isStandalone: true, selector: "gerandon-basic-chips", inputs: { asyncOptions: "asyncOptions", labelProperty: "labelProperty" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BasicChipsComponent), multi: true }], usesInheritance: true, ngImport: i0, template: "<mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [floatLabel]=\"floatLabel\">\r\n  @if (label) {\r\n    <mat-label [class.disabled]=\"isDisabled\">{{ label }}</mat-label>\r\n  }\r\n  <mat-chip-grid #chipGrid class=\"w-100\">\r\n    @for(item of control.value; track item) {\r\n      <mat-chip-row (removed)=\"remove(item)\" color=\"primary\" highlighted>\r\n        {{ labelProperty ? item[labelProperty] : item}}\r\n        <button matChipRemove [attr.aria-label]=\"(labelProperty ? item[labelProperty] : item) + ' elt\u00E1vol\u00EDt\u00E1sa'\">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n      </mat-chip-row>\r\n    }\r\n    <input #inputElement\r\n           matInput\r\n           [placeholder]=\"placeholder || label\"\r\n           [matAutocomplete]=\"auto\"\r\n           [matChipInputFor]=\"chipGrid\"\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n           (matChipInputTokenEnd)=\"!labelProperty && add($event)\"/>\r\n    <mat-autocomplete #auto=\"matAutocomplete\"\r\n                      (optionSelected)=\"selected($event)\">\r\n      @for (filterItem of asyncOptions | async; track filterItem) {\r\n        <mat-option [value]=\"filterItem\">\r\n          {{labelProperty ? filterItem[labelProperty] : filterItem}}\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n  </mat-chip-grid>\r\n  <input #input=\"ngForm\" [style.display]=\"'none'\" [formControl]=\"control\" />\r\n  @if (control.errors?.['server']) {\r\n    <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n  } @else if (control.errors?.['required']) {\r\n    <mat-error>{{ validationTranslations.required }}</mat-error>\r\n    @for (error of validatorMessagesArray; track error) {\r\n      <mat-error>{{ error.value }}</mat-error>\r\n    }\r\n  }\r\n</mat-form-field>\r\n", styles: ["gerandon-basic-chips{display:block}gerandon-basic-chips .mat-mdc-standard-chip{height:28px!important}gerandon-basic-chips mat-form-field{width:100%}gerandon-basic-chips mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{display:flex;align-items:center;min-height:40px!important;padding:unset!important}gerandon-basic-chips mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-floating-label:not(.mdc-floating-label--float-above){top:1.2rem!important}gerandon-basic-chips mat-form-field mat-chip-row{margin-top:8px!important;margin-bottom:8px!important}gerandon-basic-chips mat-form-field .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,gerandon-basic-chips mat-form-field .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,gerandon-basic-chips mat-form-field .mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:hidden!important}\n"], dependencies: [{ kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i1$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i1$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i1$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i1$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i3$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "pipe", type: AsyncPipe, name: "async" }, { kind: "component", type: MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: 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: "directive", type: MatLabel, selector: "mat-label" }, { kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }], encapsulation: i0.ViewEncapsulation.None }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: BasicChipsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'gerandon-basic-chips', standalone: true, encapsulation: ViewEncapsulation.None, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => BasicChipsComponent), multi: true }], imports: [
+                        MatChipsModule,
+                        MatIconModule,
+                        ReactiveFormsModule,
+                        MatAutocompleteModule,
+                        AsyncPipe,
+                        JsonPipe,
+                        MatFormField,
+                        MatInput,
+                        MatLabel,
+                        MatError,
+                    ], template: "<mat-form-field appearance=\"outline\" [subscriptSizing]=\"subscriptSizing\" [floatLabel]=\"floatLabel\">\r\n  @if (label) {\r\n    <mat-label [class.disabled]=\"isDisabled\">{{ label }}</mat-label>\r\n  }\r\n  <mat-chip-grid #chipGrid class=\"w-100\">\r\n    @for(item of control.value; track item) {\r\n      <mat-chip-row (removed)=\"remove(item)\" color=\"primary\" highlighted>\r\n        {{ labelProperty ? item[labelProperty] : item}}\r\n        <button matChipRemove [attr.aria-label]=\"(labelProperty ? item[labelProperty] : item) + ' elt\u00E1vol\u00EDt\u00E1sa'\">\r\n          <mat-icon>cancel</mat-icon>\r\n        </button>\r\n      </mat-chip-row>\r\n    }\r\n    <input #inputElement\r\n           matInput\r\n           [placeholder]=\"placeholder || label\"\r\n           [matAutocomplete]=\"auto\"\r\n           [matChipInputFor]=\"chipGrid\"\r\n           [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\r\n           (matChipInputTokenEnd)=\"!labelProperty && add($event)\"/>\r\n    <mat-autocomplete #auto=\"matAutocomplete\"\r\n                      (optionSelected)=\"selected($event)\">\r\n      @for (filterItem of asyncOptions | async; track filterItem) {\r\n        <mat-option [value]=\"filterItem\">\r\n          {{labelProperty ? filterItem[labelProperty] : filterItem}}\r\n        </mat-option>\r\n      }\r\n    </mat-autocomplete>\r\n  </mat-chip-grid>\r\n  <input #input=\"ngForm\" [style.display]=\"'none'\" [formControl]=\"control\" />\r\n  @if (control.errors?.['server']) {\r\n    <mat-error>{{ control.errors?.['server'] }}</mat-error>\r\n  } @else if (control.errors?.['required']) {\r\n    <mat-error>{{ validationTranslations.required }}</mat-error>\r\n    @for (error of validatorMessagesArray; track error) {\r\n      <mat-error>{{ error.value }}</mat-error>\r\n    }\r\n  }\r\n</mat-form-field>\r\n", styles: ["gerandon-basic-chips{display:block}gerandon-basic-chips .mat-mdc-standard-chip{height:28px!important}gerandon-basic-chips mat-form-field{width:100%}gerandon-basic-chips mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix{display:flex;align-items:center;min-height:40px!important;padding:unset!important}gerandon-basic-chips mat-form-field .mat-mdc-text-field-wrapper .mat-mdc-floating-label:not(.mdc-floating-label--float-above){top:1.2rem!important}gerandon-basic-chips mat-form-field mat-chip-row{margin-top:8px!important;margin-bottom:8px!important}gerandon-basic-chips mat-form-field .mat-mdc-standard-chip .mdc-evolution-chip__cell--primary,gerandon-basic-chips mat-form-field .mat-mdc-standard-chip .mdc-evolution-chip__action--primary,gerandon-basic-chips mat-form-field .mat-mdc-standard-chip .mat-mdc-chip-action-label{overflow:hidden!important}\n"] }]
+        }], propDecorators: { asyncOptions: [{
+                type: Input
+            }], labelProperty: [{
+                type: Input
+            }] } });
+
+/*
+ * Public API Surface of ngx-widgets
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BaseInput, BaseTextInput, BaseValueAccessor, BasicChipsComponent, BasicInputComponent, NGX_WIDGETS_VALIDATION_TRANSLATIONS, SelectComponent, TextareaInputComponent, UnsubscribeOnDestroy };
+//# sourceMappingURL=gerandon-ngx-widgets.mjs.map