@ascentgl/ads-ui 0.0.1

package/esm2022/lib/components/form-fields/input/input.component.mjs

@@ -0,0 +1,72 @@
+import { Component, ElementRef, Input, ViewChild } from '@angular/core';
+import { AbstractInputComponent } from '../abstracts/abstract.input.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/material/form-field";
+import * as i3 from "@angular/material/input";
+import * as i4 from "@angular/forms";
+import * as i5 from "@ascentgl/ads-icons";
+import * as i6 from "../common/input.tooltip.component";
+import * as i7 from "@angular/material/button";
+import * as i8 from "../common/success/success.component";
+import * as i9 from "../common/error/error.component";
+import * as i10 from "../common/hint/hint.component";
+export class AdsInputComponent extends AbstractInputComponent {
+    constructor() {
+        super(...arguments);
+        /** Maximum amount of characters in the input field */
+        this.maxlength = 255;
+        /** Possible input type (as per HTML documentation). NOTE: not all types are allowed */
+        this.type = 'text';
+        /** Provide regular expression pattern if input type is set to "pattern" */
+        this.pattern = '';
+        /** mark input field as readonly */
+        this.readonly = false;
+        /** mark input field as readonly */
+        this.isPasswordField = false;
+        /** @ignore */
+        this.hidePassword = true;
+        /** @ignore */
+        this.defaultErrorMessages = {
+            pattern: 'Provided value does not match pattern',
+        };
+    }
+    ngOnInit() {
+        /**
+         * if default value is provided - emit it when input is cleared
+         */
+        if (this.defaultValue !== undefined) {
+            this.valueControl?.valueChanges.subscribe((value) => {
+                if (!value && value !== this.defaultValue) {
+                    this.valueControl.setValue(this.defaultValue);
+                }
+            });
+        }
+    }
+    /** @ignore */
+    showHidePassword() {
+        this.hidePassword = !this.hidePassword;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsInputComponent, selector: "ads-input", inputs: { maxlength: "maxlength", type: "type", pattern: "pattern", defaultValue: "defaultValue", readonly: "readonly", isPasswordField: "isPasswordField" }, viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\">\n  <mat-form-field\n    [ngClass]=\"{\n      'immediate-validation': immediateValidation,\n      'no-left-padding': canClear,\n      readonly: readonly,\n      'success-label': canShowSuccess(),\n      'error-label': canShowError(),\n      'x-small': smallSize,\n    }\"\n    [ngStyle]=\"{ width: width }\"\n  >\n    @if ((label || required) && !smallSize) {\n      <mat-label>{{ label }}</mat-label>\n    }\n    <input\n      #input\n      matInput\n      [maxlength]=\"maxlength\"\n      [readonly]=\"readonly\"\n      [pattern]=\"pattern\"\n      [id]=\"id\"\n      [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n      [formControl]=\"valueControl\"\n      [required]=\"required\"\n      [placeholder]=\"placeholder\"\n    />\n\n    @if (canClear) {\n      <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n        <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n      </button>\n    }\n\n    @if (isPasswordField && !readonly) {\n      <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\n        <ads-icon\n          class=\"visibility-eye\"\n          [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\n          [size]=\"smallSize ? 'xxs' : 'sm'\"\n          theme=\"white\"\n          stroke=\"iconPrimary\"\n        />\n      </button>\n    }\n  </mat-form-field>\n  @if (showFooter) {\n    <div class=\"footer-container\">\n      @if (canShowError()) {\n        <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n      } @else if (canShowSuccess()) {\n        <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n      } @else if (hint) {\n        <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n      }\n    </div>\n  }\n</div>\n\n@if (tooltip) {\n  <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" />\n}\n", styles: [":host{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mdc-filled-text-field-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mdc-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mdc-icon-button-state-layer-size: 22px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mdc-filled-text-field-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}\n", ".footer-container{min-height:22.4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: i3.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: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i4.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i4.PatternValidator, selector: "[pattern][formControlName],[pattern][formControl],[pattern][ngModel]", inputs: ["pattern"] }, { kind: "directive", type: i4.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i5.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "component", type: i6.AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize"] }, { kind: "component", type: i7.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i8.AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }, { kind: "component", type: i9.AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: i10.AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-input', template: "<div [ngStyle]=\"{ minWidth: width }\">\n  <mat-form-field\n    [ngClass]=\"{\n      'immediate-validation': immediateValidation,\n      'no-left-padding': canClear,\n      readonly: readonly,\n      'success-label': canShowSuccess(),\n      'error-label': canShowError(),\n      'x-small': smallSize,\n    }\"\n    [ngStyle]=\"{ width: width }\"\n  >\n    @if ((label || required) && !smallSize) {\n      <mat-label>{{ label }}</mat-label>\n    }\n    <input\n      #input\n      matInput\n      [maxlength]=\"maxlength\"\n      [readonly]=\"readonly\"\n      [pattern]=\"pattern\"\n      [id]=\"id\"\n      [type]=\"isPasswordField ? (hidePassword ? 'password' : 'text') : type\"\n      [formControl]=\"valueControl\"\n      [required]=\"required\"\n      [placeholder]=\"placeholder\"\n    />\n\n    @if (canClear) {\n      <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\" class=\"action-icon\">\n        <ads-icon class=\"cross-icon\" name=\"cross\" [size]=\"smallSize ? 'xxs' : 'xs'\" [theme]=\"'iconPrimary'\" />\n      </button>\n    }\n\n    @if (isPasswordField && !readonly) {\n      <button type=\"button\" mat-icon-button matTextSuffix (click)=\"showHidePassword()\" class=\"action-icon\">\n        <ads-icon\n          class=\"visibility-eye\"\n          [name]=\"hidePassword ? 'visibility_eye_none' : 'visibility_eye'\"\n          [size]=\"smallSize ? 'xxs' : 'sm'\"\n          theme=\"white\"\n          stroke=\"iconPrimary\"\n        />\n      </button>\n    }\n  </mat-form-field>\n  @if (showFooter) {\n    <div class=\"footer-container\">\n      @if (canShowError()) {\n        <ads-error [error]=\"displayFirstError()\" [ngStyle]=\"{ width: width }\" />\n      } @else if (canShowSuccess()) {\n        <ads-success [success]=\"successMessage!\" [ngStyle]=\"{ width: width }\" />\n      } @else if (hint) {\n        <ads-hint [hint]=\"hint\" [control]=\"valueControl\" [ngStyle]=\"{ width: width }\" />\n      }\n    </div>\n  }\n</div>\n\n@if (tooltip) {\n  <ads-input-tooltip [tooltip]=\"tooltip\" [smallSize]=\"smallSize\" />\n}\n", styles: [":host{display:flex;gap:12px;align-items:flex-start}:host::ng-deep mat-form-field{--mdc-filled-text-field-input-text-color: var(--color-medium);--mdc-filled-text-field-error-label-text-color: var(--color-error);--mdc-filled-text-field-label-text-color: var(--color-medium);--mdc-filled-text-field-focus-label-text-color: var(--color-medium);--mdc-filled-text-field-hover-label-text-color: var(--color-medium);--mdc-filled-text-field-label-text-size: 16px}:host::ng-deep mat-form-field .mdc-floating-label--float-above{--mdc-filled-text-field-label-text-size: 12px}:host::ng-deep mat-form-field .mdc-text-field{box-sizing:border-box;border-radius:5px;outline:1px solid var(--color-light);outline-offset:-1px;align-items:center;padding:0 12px;cursor:text;height:48px}:host::ng-deep mat-form-field .mdc-text-field .cross-icon{stroke:var(--color-medium)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex{height:100%}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label .mat-mdc-form-field-flex .mat-mdc-form-field-infix{align-items:center}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input{height:24px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-outer-spin-button,:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix input[type=number]{-moz-appearance:textfield}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .cross-icon,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .visibility-eye,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .picker{stroke:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .chevron-down,:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--invalid .search-icon{color:var(--color-error)!important}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex{align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{display:flex;align-items:flex-end;width:120px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label{width:100%}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix label .mat-mdc-form-field-required-marker{color:var(--mdc-filled-text-field-error-label-text-color)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{display:flex;align-items:center}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix .mat-mdc-icon-button{display:flex;align-items:center;justify-content:center}:host::ng-deep mat-form-field .action-icon{padding:0;--mdc-icon-button-state-layer-size: 35px}:host::ng-deep mat-form-field .action-icon .mat-mdc-button-touch-target{height:unset;width:unset}:host::ng-deep mat-form-field.x-small .mdc-text-field{height:24px;padding:0 8px}:host::ng-deep mat-form-field.x-small .mdc-text-field .mat-mdc-form-field-input-control{font-size:12px;line-height:16px}:host::ng-deep mat-form-field.x-small .action-icon{--mdc-icon-button-state-layer-size: 22px}:host::ng-deep mat-form-field.readonly .mdc-text-field{background-color:var(--mdc-filled-text-field-disabled-container-color);border:none}:host::ng-deep mat-form-field:not(.readonly) .mdc-text-field:hover{background-color:var(--color-light-30);outline:2px solid var(--color-secondary-hover);outline-offset:-2px}:host::ng-deep mat-form-field:not(.readonly) .mdc-text-field:hover .visibility-eye{fill:var(--color-light-30)!important}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px;background-color:var(--color-muted)}:host::ng-deep mat-form-field:not(.readonly).mat-focused .mdc-text-field .visibility-eye{fill:var(--color-muted)!important}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field{outline:2px solid var(--color-medium);outline-offset:-2px}:host::ng-deep mat-form-field.immediate-validation .mdc-text-field.mdc-text-field--invalid{outline:2px solid var(--color-error);outline-offset:-2px}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper{color:var(--mdc-filled-text-field-label-text-color)}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper:before{content:none}:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,:host::ng-deep mat-form-field .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper{position:relative;padding:0}:host::ng-deep mat-form-field .mdc-line-ripple{display:none}:host::ng-deep mat-form-field.success-label .mat-mdc-form-field-required-marker,:host::ng-deep mat-form-field.success-label mat-label{color:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .mdc-text-field{outline:2px solid var(--color-success);outline-offset:-2px}:host::ng-deep mat-form-field.success-label .cross-icon,:host::ng-deep mat-form-field.success-label .visibility-eye,:host::ng-deep mat-form-field.success-label .picker{stroke:var(--color-success)!important}:host::ng-deep mat-form-field.success-label .chevron-down,:host::ng-deep mat-form-field.success-label .search-icon{color:var(--color-success)!important}:host::ng-deep mat-form-field.error-label mat-label{color:var(--color-error)}:host::ng-deep mat-hint{display:inline-block}:host::ng-deep .mat-mdc-form-field-hint-spacer{display:none}.info-tooltip{position:relative;top:12px}mat-error{display:flex;padding-top:2px}mat-error .error{display:flex;align-items:flex-start;gap:2px}mat-error .error ads-icon{position:relative;top:2px}\n", ".footer-container{min-height:22.4px}\n"] }]
+        }], propDecorators: { maxlength: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], pattern: [{
+                type: Input
+            }], defaultValue: [{
+                type: Input
+            }], readonly: [{
+                type: Input
+            }], isPasswordField: [{
+                type: Input
+            }], input: [{
+                type: ViewChild,
+                args: ['input']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZmllbGRzL2lucHV0L2lucHV0LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWZpZWxkcy9pbnB1dC9pbnB1dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQVUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2hGLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDOzs7Ozs7Ozs7Ozs7QUFRL0UsTUFBTSxPQUFPLGlCQUFrQixTQUFRLHNCQUFzQjtJQUw3RDs7UUFNRSxzREFBc0Q7UUFDN0MsY0FBUyxHQUFHLEdBQUcsQ0FBQztRQUV6Qix1RkFBdUY7UUFDOUUsU0FBSSxHQUF5RSxNQUFNLENBQUM7UUFFN0YsMkVBQTJFO1FBQ2xFLFlBQU8sR0FBb0IsRUFBRSxDQUFDO1FBS3ZDLG1DQUFtQztRQUMxQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRTFCLG1DQUFtQztRQUMxQixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUtqQyxjQUFjO1FBQ2QsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFFcEIsY0FBYztRQUNLLHlCQUFvQixHQUErQjtZQUNwRSxPQUFPLEVBQUUsdUNBQXVDO1NBQ2pELENBQUM7S0FtQkg7SUFqQkMsUUFBUTtRQUNOOztXQUVHO1FBQ0gsSUFBSSxJQUFJLENBQUMsWUFBWSxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQ3BDLElBQUksQ0FBQyxZQUFZLEVBQUUsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO2dCQUNsRCxJQUFJLENBQUMsS0FBSyxJQUFJLEtBQUssS0FBSyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7b0JBQzFDLElBQUksQ0FBQyxZQUFZLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUMsQ0FBQztnQkFDaEQsQ0FBQztZQUNILENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQztJQUNILENBQUM7SUFFRCxjQUFjO0lBQ2QsZ0JBQWdCO1FBQ2QsSUFBSSxDQUFDLFlBQVksR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLENBQUM7SUFDekMsQ0FBQzs4R0E5Q1UsaUJBQWlCO2tHQUFqQixpQkFBaUIsc1VDVDlCLHVpRUE4REE7OzJGRHJEYSxpQkFBaUI7a0JBTDdCLFNBQVM7K0JBQ0UsV0FBVzs4QkFNWixTQUFTO3NCQUFqQixLQUFLO2dCQUdHLElBQUk7c0JBQVosS0FBSztnQkFHRyxPQUFPO3NCQUFmLEtBQUs7Z0JBR0csWUFBWTtzQkFBcEIsS0FBSztnQkFHRyxRQUFRO3NCQUFoQixLQUFLO2dCQUdHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBR2MsS0FBSztzQkFBeEIsU0FBUzt1QkFBQyxPQUFPIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFbGVtZW50UmVmLCBJbnB1dCwgT25Jbml0LCBWaWV3Q2hpbGQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0SW5wdXRDb21wb25lbnQgfSBmcm9tICcuLi9hYnN0cmFjdHMvYWJzdHJhY3QuaW5wdXQuY29tcG9uZW50JztcbmltcG9ydCB7IEdFTkVSSUNfQ09MTEVDVElPTiB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtdXRpbHMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtaW5wdXQnLFxuICB0ZW1wbGF0ZVVybDogJy4vaW5wdXQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9pbnB1dC5jb21wb25lbnQuc2NzcycsICcuLi9jb21tb24vY29tbW9uLmlucHV0LmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFkc0lucHV0Q29tcG9uZW50IGV4dGVuZHMgQWJzdHJhY3RJbnB1dENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIC8qKiBNYXhpbXVtIGFtb3VudCBvZiBjaGFyYWN0ZXJzIGluIHRoZSBpbnB1dCBmaWVsZCAqL1xuICBASW5wdXQoKSBtYXhsZW5ndGggPSAyNTU7XG5cbiAgLyoqIFBvc3NpYmxlIGlucHV0IHR5cGUgKGFzIHBlciBIVE1MIGRvY3VtZW50YXRpb24pLiBOT1RFOiBub3QgYWxsIHR5cGVzIGFyZSBhbGxvd2VkICovXG4gIEBJbnB1dCgpIHR5cGU6ICd0ZXh0JyB8ICdudW1iZXInIHwgJ2VtYWlsJyB8ICdwYXNzd29yZCcgfCAndXJsJyB8ICdwYXR0ZXJuJyB8ICd0ZWwnID0gJ3RleHQnO1xuXG4gIC8qKiBQcm92aWRlIHJlZ3VsYXIgZXhwcmVzc2lvbiBwYXR0ZXJuIGlmIGlucHV0IHR5cGUgaXMgc2V0IHRvIFwicGF0dGVyblwiICovXG4gIEBJbnB1dCgpIHBhdHRlcm46IHN0cmluZyB8IFJlZ0V4cCA9ICcnO1xuXG4gIC8qKiBQcm92aWRlIFwiZGVmYXVsdFwiIHZhbHVlIHRoYXQgd2lsbCBiZSB1c2VkIHdoZW4gY29udHJvbCB2YWx1ZSBpcyBjbGVhcmVkICovXG4gIEBJbnB1dCgpIGRlZmF1bHRWYWx1ZT86IHVua25vd247XG5cbiAgLyoqIG1hcmsgaW5wdXQgZmllbGQgYXMgcmVhZG9ubHkgKi9cbiAgQElucHV0KCkgcmVhZG9ubHkgPSBmYWxzZTtcblxuICAvKiogbWFyayBpbnB1dCBmaWVsZCBhcyByZWFkb25seSAqL1xuICBASW5wdXQoKSBpc1Bhc3N3b3JkRmllbGQgPSBmYWxzZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBAVmlld0NoaWxkKCdpbnB1dCcpIGlucHV0PzogRWxlbWVudFJlZjtcblxuICAvKiogQGlnbm9yZSAqL1xuICBoaWRlUGFzc3dvcmQgPSB0cnVlO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCByZWFkb25seSBkZWZhdWx0RXJyb3JNZXNzYWdlczogR0VORVJJQ19DT0xMRUNUSU9OPHN0cmluZz4gPSB7XG4gICAgcGF0dGVybjogJ1Byb3ZpZGVkIHZhbHVlIGRvZXMgbm90IG1hdGNoIHBhdHRlcm4nLFxuICB9O1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIC8qKlxuICAgICAqIGlmIGRlZmF1bHQgdmFsdWUgaXMgcHJvdmlkZWQgLSBlbWl0IGl0IHdoZW4gaW5wdXQgaXMgY2xlYXJlZFxuICAgICAqL1xuICAgIGlmICh0aGlzLmRlZmF1bHRWYWx1ZSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICB0aGlzLnZhbHVlQ29udHJvbD8udmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgodmFsdWUpID0+IHtcbiAgICAgICAgaWYgKCF2YWx1ZSAmJiB2YWx1ZSAhPT0gdGhpcy5kZWZhdWx0VmFsdWUpIHtcbiAgICAgICAgICB0aGlzLnZhbHVlQ29udHJvbC5zZXRWYWx1ZSh0aGlzLmRlZmF1bHRWYWx1ZSk7XG4gICAgICAgIH1cbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHNob3dIaWRlUGFzc3dvcmQoKTogdm9pZCB7XG4gICAgdGhpcy5oaWRlUGFzc3dvcmQgPSAhdGhpcy5oaWRlUGFzc3dvcmQ7XG4gIH1cbn1cbiIsIjxkaXYgW25nU3R5bGVdPVwieyBtaW5XaWR0aDogd2lkdGggfVwiPlxuICA8bWF0LWZvcm0tZmllbGRcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnaW1tZWRpYXRlLXZhbGlkYXRpb24nOiBpbW1lZGlhdGVWYWxpZGF0aW9uLFxuICAgICAgJ25vLWxlZnQtcGFkZGluZyc6IGNhbkNsZWFyLFxuICAgICAgcmVhZG9ubHk6IHJlYWRvbmx5LFxuICAgICAgJ3N1Y2Nlc3MtbGFiZWwnOiBjYW5TaG93U3VjY2VzcygpLFxuICAgICAgJ2Vycm9yLWxhYmVsJzogY2FuU2hvd0Vycm9yKCksXG4gICAgICAneC1zbWFsbCc6IHNtYWxsU2l6ZSxcbiAgICB9XCJcbiAgICBbbmdTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aCB9XCJcbiAgPlxuICAgIEBpZiAoKGxhYmVsIHx8IHJlcXVpcmVkKSAmJiAhc21hbGxTaXplKSB7XG4gICAgICA8bWF0LWxhYmVsPnt7IGxhYmVsIH19PC9tYXQtbGFiZWw+XG4gICAgfVxuICAgIDxpbnB1dFxuICAgICAgI2lucHV0XG4gICAgICBtYXRJbnB1dFxuICAgICAgW21heGxlbmd0aF09XCJtYXhsZW5ndGhcIlxuICAgICAgW3JlYWRvbmx5XT1cInJlYWRvbmx5XCJcbiAgICAgIFtwYXR0ZXJuXT1cInBhdHRlcm5cIlxuICAgICAgW2lkXT1cImlkXCJcbiAgICAgIFt0eXBlXT1cImlzUGFzc3dvcmRGaWVsZCA/IChoaWRlUGFzc3dvcmQgPyAncGFzc3dvcmQnIDogJ3RleHQnKSA6IHR5cGVcIlxuICAgICAgW2Zvcm1Db250cm9sXT1cInZhbHVlQ29udHJvbFwiXG4gICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAvPlxuXG4gICAgQGlmIChjYW5DbGVhcikge1xuICAgICAgPGJ1dHRvbiBtYXRUZXh0U3VmZml4IHR5cGU9XCJidXR0b25cIiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImNsZWFyKCRldmVudClcIiBjbGFzcz1cImFjdGlvbi1pY29uXCI+XG4gICAgICAgIDxhZHMtaWNvbiBjbGFzcz1cImNyb3NzLWljb25cIiBuYW1lPVwiY3Jvc3NcIiBbc2l6ZV09XCJzbWFsbFNpemUgPyAneHhzJyA6ICd4cydcIiBbdGhlbWVdPVwiJ2ljb25QcmltYXJ5J1wiIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG5cbiAgICBAaWYgKGlzUGFzc3dvcmRGaWVsZCAmJiAhcmVhZG9ubHkpIHtcbiAgICAgIDxidXR0b24gdHlwZT1cImJ1dHRvblwiIG1hdC1pY29uLWJ1dHRvbiBtYXRUZXh0U3VmZml4IChjbGljayk9XCJzaG93SGlkZVBhc3N3b3JkKClcIiBjbGFzcz1cImFjdGlvbi1pY29uXCI+XG4gICAgICAgIDxhZHMtaWNvblxuICAgICAgICAgIGNsYXNzPVwidmlzaWJpbGl0eS1leWVcIlxuICAgICAgICAgIFtuYW1lXT1cImhpZGVQYXNzd29yZCA/ICd2aXNpYmlsaXR5X2V5ZV9ub25lJyA6ICd2aXNpYmlsaXR5X2V5ZSdcIlxuICAgICAgICAgIFtzaXplXT1cInNtYWxsU2l6ZSA/ICd4eHMnIDogJ3NtJ1wiXG4gICAgICAgICAgdGhlbWU9XCJ3aGl0ZVwiXG4gICAgICAgICAgc3Ryb2tlPVwiaWNvblByaW1hcnlcIlxuICAgICAgICAvPlxuICAgICAgPC9idXR0b24+XG4gICAgfVxuICA8L21hdC1mb3JtLWZpZWxkPlxuICBAaWYgKHNob3dGb290ZXIpIHtcbiAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyLWNvbnRhaW5lclwiPlxuICAgICAgQGlmIChjYW5TaG93RXJyb3IoKSkge1xuICAgICAgICA8YWRzLWVycm9yIFtlcnJvcl09XCJkaXNwbGF5Rmlyc3RFcnJvcigpXCIgW25nU3R5bGVdPVwieyB3aWR0aDogd2lkdGggfVwiIC8+XG4gICAgICB9IEBlbHNlIGlmIChjYW5TaG93U3VjY2VzcygpKSB7XG4gICAgICAgIDxhZHMtc3VjY2VzcyBbc3VjY2Vzc109XCJzdWNjZXNzTWVzc2FnZSFcIiBbbmdTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aCB9XCIgLz5cbiAgICAgIH0gQGVsc2UgaWYgKGhpbnQpIHtcbiAgICAgICAgPGFkcy1oaW50IFtoaW50XT1cImhpbnRcIiBbY29udHJvbF09XCJ2YWx1ZUNvbnRyb2xcIiBbbmdTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aCB9XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG5cbkBpZiAodG9vbHRpcCkge1xuICA8YWRzLWlucHV0LXRvb2x0aXAgW3Rvb2x0aXBdPVwidG9vbHRpcFwiIFtzbWFsbFNpemVdPVwic21hbGxTaXplXCIgLz5cbn1cbiJdfQ==

package/esm2022/lib/components/form-fields/input/input.module.mjs

@@ -0,0 +1,55 @@
+import { NgModule } from '@angular/core';
+import { ReactiveFormsModule } from '@angular/forms';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatInputModule } from '@angular/material/input';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import { AdsInputComponent } from './input.component';
+import { CommonModule } from '@angular/common';
+import { AdsInputTooltipComponent } from '../common/input.tooltip.component';
+import { MatIconButton } from '@angular/material/button';
+import { AdsSuccessComponent } from '../common/success/success.component';
+import { AdsErrorComponent } from '../common/error/error.component';
+import { AdsHintComponent } from '../common/hint/hint.component';
+import * as i0 from "@angular/core";
+export class AdsInputModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsInputModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsInputModule, declarations: [AdsInputComponent], imports: [CommonModule,
+            MatFormFieldModule,
+            MatInputModule,
+            ReactiveFormsModule,
+            AdsIconModule,
+            AdsInputTooltipComponent,
+            MatIconButton,
+            AdsSuccessComponent,
+            AdsErrorComponent,
+            AdsHintComponent], exports: [AdsInputComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsInputModule, imports: [CommonModule,
+            MatFormFieldModule,
+            MatInputModule,
+            ReactiveFormsModule,
+            AdsIconModule,
+            AdsInputTooltipComponent,
+            MatIconButton,
+            AdsSuccessComponent,
+            AdsErrorComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsInputModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        AdsIconModule,
+                        AdsInputTooltipComponent,
+                        MatIconButton,
+                        AdsSuccessComponent,
+                        AdsErrorComponent,
+                        AdsHintComponent,
+                    ],
+                    declarations: [AdsInputComponent],
+                    exports: [AdsInputComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZmllbGRzL2lucHV0L2lucHV0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDcEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDdEQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUMxRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQzs7QUFrQmpFLE1BQU0sT0FBTyxjQUFjOzhHQUFkLGNBQWM7K0dBQWQsY0FBYyxpQkFIVixpQkFBaUIsYUFYOUIsWUFBWTtZQUNaLGtCQUFrQjtZQUNsQixjQUFjO1lBQ2QsbUJBQW1CO1lBQ25CLGFBQWE7WUFDYix3QkFBd0I7WUFDeEIsYUFBYTtZQUNiLG1CQUFtQjtZQUNuQixpQkFBaUI7WUFDakIsZ0JBQWdCLGFBR1IsaUJBQWlCOytHQUVoQixjQUFjLFlBZHZCLFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLG1CQUFtQjtZQUNuQixhQUFhO1lBQ2Isd0JBQXdCO1lBQ3hCLGFBQWE7WUFDYixtQkFBbUI7WUFDbkIsaUJBQWlCOzsyRkFNUixjQUFjO2tCQWhCMUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUU7d0JBQ1AsWUFBWTt3QkFDWixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsbUJBQW1CO3dCQUNuQixhQUFhO3dCQUNiLHdCQUF3Qjt3QkFDeEIsYUFBYTt3QkFDYixtQkFBbUI7d0JBQ25CLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3FCQUNqQjtvQkFDRCxZQUFZLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQztvQkFDakMsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7aUJBQzdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgQWRzSWNvbk1vZHVsZSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMnO1xuaW1wb3J0IHsgQWRzSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2lucHV0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQWRzSW5wdXRUb29sdGlwQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL2lucHV0LnRvb2x0aXAuY29tcG9uZW50JztcbmltcG9ydCB7IE1hdEljb25CdXR0b24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgQWRzU3VjY2Vzc0NvbXBvbmVudCB9IGZyb20gJy4uL2NvbW1vbi9zdWNjZXNzL3N1Y2Nlc3MuY29tcG9uZW50JztcbmltcG9ydCB7IEFkc0Vycm9yQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL2Vycm9yL2Vycm9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBZHNIaW50Q29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL2hpbnQvaGludC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEZvcm1GaWVsZE1vZHVsZSxcbiAgICBNYXRJbnB1dE1vZHVsZSxcbiAgICBSZWFjdGl2ZUZvcm1zTW9kdWxlLFxuICAgIEFkc0ljb25Nb2R1bGUsXG4gICAgQWRzSW5wdXRUb29sdGlwQ29tcG9uZW50LFxuICAgIE1hdEljb25CdXR0b24sXG4gICAgQWRzU3VjY2Vzc0NvbXBvbmVudCxcbiAgICBBZHNFcnJvckNvbXBvbmVudCxcbiAgICBBZHNIaW50Q29tcG9uZW50LFxuICBdLFxuICBkZWNsYXJhdGlvbnM6IFtBZHNJbnB1dENvbXBvbmVudF0sXG4gIGV4cG9ydHM6IFtBZHNJbnB1dENvbXBvbmVudF0sXG59KVxuZXhwb3J0IGNsYXNzIEFkc0lucHV0TW9kdWxlIHt9XG4iXX0=

package/esm2022/lib/components/form-fields/input/public-api.mjs

@@ -0,0 +1,3 @@
+export * from './input.component';
+export * from './input.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWZpZWxkcy9pbnB1dC9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsbUJBQW1CLENBQUM7QUFDbEMsY0FBYyxnQkFBZ0IsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vaW5wdXQuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQubW9kdWxlJztcbiJdfQ==

package/esm2022/lib/components/form-fields/search-fields/search-dropdown/index.mjs

@@ -0,0 +1,2 @@
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvc2VhcmNoLWZpZWxkcy9zZWFyY2gtZHJvcGRvd24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxjQUFjLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3B1YmxpYy1hcGknO1xuIl19

package/esm2022/lib/components/form-fields/search-fields/search-dropdown/public-api.mjs

@@ -0,0 +1,3 @@
+export * from './search-dropdown.component';
+export * from './search-dropdown.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWZpZWxkcy9zZWFyY2gtZmllbGRzL3NlYXJjaC1kcm9wZG93bi9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsNkJBQTZCLENBQUM7QUFDNUMsY0FBYywwQkFBMEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc2VhcmNoLWRyb3Bkb3duLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3NlYXJjaC1kcm9wZG93bi5tb2R1bGUnO1xuIl19

package/esm2022/lib/components/form-fields/search-fields/search-dropdown/search-dropdown-highlighter.pipe.mjs

@@ -0,0 +1,33 @@
+import { NgModule, Pipe } from '@angular/core';
+import * as i0 from "@angular/core";
+export class AdsSearchDropdownHighlighterPipe {
+    transform(optionValue, filter) {
+        if (filter) {
+            const value = typeof filter == 'string' ? filter : filter.value;
+            const re = new RegExp(value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'), 'igm');
+            return optionValue.replace(re, '<span class="highlighted-text">$&</span>');
+        }
+        return optionValue;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSearchDropdownHighlighterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSearchDropdownHighlighterPipe, name: "adsSearchDropdownHighlighter" }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSearchDropdownHighlighterPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'adsSearchDropdownHighlighter',
+                }]
+        }] });
+export class AdsSearchDropdownHighlighterPipeModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSearchDropdownHighlighterPipeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsSearchDropdownHighlighterPipeModule, declarations: [AdsSearchDropdownHighlighterPipe], exports: [AdsSearchDropdownHighlighterPipe] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSearchDropdownHighlighterPipeModule }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSearchDropdownHighlighterPipeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [AdsSearchDropdownHighlighterPipe],
+                    exports: [AdsSearchDropdownHighlighterPipe],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VhcmNoLWRyb3Bkb3duLWhpZ2hsaWdodGVyLnBpcGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvc2VhcmNoLWZpZWxkcy9zZWFyY2gtZHJvcGRvd24vc2VhcmNoLWRyb3Bkb3duLWhpZ2hsaWdodGVyLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQWlCLE1BQU0sZUFBZSxDQUFDOztBQU05RCxNQUFNLE9BQU8sZ0NBQWdDO0lBQzNDLFNBQVMsQ0FBQyxXQUFtQixFQUFFLE1BQXlDO1FBQ3RFLElBQUksTUFBTSxFQUFFLENBQUM7WUFDWCxNQUFNLEtBQUssR0FBRyxPQUFPLE1BQU0sSUFBSSxRQUFRLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQztZQUVoRSxNQUFNLEVBQUUsR0FBRyxJQUFJLE1BQU0sQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDLHFCQUFxQixFQUFFLE1BQU0sQ0FBQyxFQUFFLEtBQUssQ0FBQyxDQUFDO1lBRTNFLE9BQU8sV0FBVyxDQUFDLE9BQU8sQ0FBQyxFQUFFLEVBQUUsMENBQTBDLENBQUMsQ0FBQztRQUM3RSxDQUFDO1FBRUQsT0FBTyxXQUFXLENBQUM7SUFDckIsQ0FBQzs4R0FYVSxnQ0FBZ0M7NEdBQWhDLGdDQUFnQzs7MkZBQWhDLGdDQUFnQztrQkFINUMsSUFBSTttQkFBQztvQkFDSixJQUFJLEVBQUUsOEJBQThCO2lCQUNyQzs7QUFtQkQsTUFBTSxPQUFPLHNDQUFzQzs4R0FBdEMsc0NBQXNDOytHQUF0QyxzQ0FBc0MsaUJBbEJ0QyxnQ0FBZ0MsYUFBaEMsZ0NBQWdDOytHQWtCaEMsc0NBQXNDOzsyRkFBdEMsc0NBQXNDO2tCQUpsRCxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxDQUFDLGdDQUFnQyxDQUFDO29CQUNoRCxPQUFPLEVBQUUsQ0FBQyxnQ0FBZ0MsQ0FBQztpQkFDNUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSwgUGlwZSwgUGlwZVRyYW5zZm9ybSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU2VhcmNoRHJvcGRvd25EaXNwbGF5Q29udHJvbFZhbHVlIH0gZnJvbSAnLi9zZWFyY2gtZHJvcGRvd24uY29tcG9uZW50LnR5cGVzJztcblxuQFBpcGUoe1xuICBuYW1lOiAnYWRzU2VhcmNoRHJvcGRvd25IaWdobGlnaHRlcicsXG59KVxuZXhwb3J0IGNsYXNzIEFkc1NlYXJjaERyb3Bkb3duSGlnaGxpZ2h0ZXJQaXBlIGltcGxlbWVudHMgUGlwZVRyYW5zZm9ybSB7XG4gIHRyYW5zZm9ybShvcHRpb25WYWx1ZTogc3RyaW5nLCBmaWx0ZXI6IFNlYXJjaERyb3Bkb3duRGlzcGxheUNvbnRyb2xWYWx1ZSk6IHN0cmluZyB7XG4gICAgaWYgKGZpbHRlcikge1xuICAgICAgY29uc3QgdmFsdWUgPSB0eXBlb2YgZmlsdGVyID09ICdzdHJpbmcnID8gZmlsdGVyIDogZmlsdGVyLnZhbHVlO1xuXG4gICAgICBjb25zdCByZSA9IG5ldyBSZWdFeHAodmFsdWUucmVwbGFjZSgvWy4qKz9eJHt9KCl8W1xcXVxcXFxdL2csICdcXFxcJCYnKSwgJ2lnbScpO1xuXG4gICAgICByZXR1cm4gb3B0aW9uVmFsdWUucmVwbGFjZShyZSwgJzxzcGFuIGNsYXNzPVwiaGlnaGxpZ2h0ZWQtdGV4dFwiPiQmPC9zcGFuPicpO1xuICAgIH1cblxuICAgIHJldHVybiBvcHRpb25WYWx1ZTtcbiAgfVxufVxuXG5ATmdNb2R1bGUoe1xuICBkZWNsYXJhdGlvbnM6IFtBZHNTZWFyY2hEcm9wZG93bkhpZ2hsaWdodGVyUGlwZV0sXG4gIGV4cG9ydHM6IFtBZHNTZWFyY2hEcm9wZG93bkhpZ2hsaWdodGVyUGlwZV0sXG59KVxuZXhwb3J0IGNsYXNzIEFkc1NlYXJjaERyb3Bkb3duSGlnaGxpZ2h0ZXJQaXBlTW9kdWxlIHt9XG4iXX0=