@ascentgl/ads-ui 0.0.1

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

@@ -0,0 +1,52 @@
+import { Directive, Input } from '@angular/core';
+import { AbstractBaseComponent } from './abstract.base.component';
+import * as i0 from "@angular/core";
+export class AbstractInputComponent extends AbstractBaseComponent {
+    constructor() {
+        super(...arguments);
+        this.showExclamationOnError = false;
+        /** If true, clear button will appear in the input if it is not empty */
+        this.showClearButton = false;
+        /** Empty input field placeholder */
+        this.placeholder = '';
+        /** Whether the Input is a smaller version */
+        this.size = 'base';
+    }
+    /** @ignore */
+    get showExclamation() {
+        return this.showExclamationOnError && this.valueControl.invalid && this.valueControl.touched;
+    }
+    /** @ignore */
+    get canClear() {
+        return this.showClearButton && !!this.valueControl.value;
+    }
+    /** @ignore */
+    clear(event) {
+        this.valueControl.setValue(null);
+        this.valueControl.markAsTouched();
+        /**
+         * stop even propagation so that calendar won't open on "clear" button click
+         */
+        event.stopPropagation();
+    }
+    /** @ignore */
+    get smallSize() {
+        return this.size === 'xs';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AbstractInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.1", type: AbstractInputComponent, inputs: { showExclamationOnError: "showExclamationOnError", showClearButton: "showClearButton", tooltip: "tooltip", placeholder: "placeholder", size: "size" }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AbstractInputComponent, decorators: [{
+            type: Directive
+        }], propDecorators: { showExclamationOnError: [{
+                type: Input
+            }], showClearButton: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWJzdHJhY3QuaW5wdXQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZmllbGRzL2Fic3RyYWN0cy9hYnN0cmFjdC5pbnB1dC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7O0FBS2xFLE1BQU0sT0FBZ0Isc0JBQXVCLFNBQVEscUJBQXFCO0lBRDFFOztRQUVXLDJCQUFzQixHQUFHLEtBQUssQ0FBQztRQUV4Qyx3RUFBd0U7UUFDL0Qsb0JBQWUsR0FBRyxLQUFLLENBQUM7UUFLakMsb0NBQW9DO1FBQzNCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBRTFCLDZDQUE2QztRQUNwQyxTQUFJLEdBQWMsTUFBTSxDQUFDO0tBNEJuQztJQTFCQyxjQUFjO0lBQ2QsSUFBSSxlQUFlO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLHNCQUFzQixJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDO0lBQy9GLENBQUM7SUFFRCxjQUFjO0lBQ2QsSUFBSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsZUFBZSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztJQUMzRCxDQUFDO0lBRUQsY0FBYztJQUNkLEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsWUFBWSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUVqQyxJQUFJLENBQUMsWUFBWSxDQUFDLGFBQWEsRUFBRSxDQUFDO1FBRWxDOztXQUVHO1FBQ0gsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxjQUFjO0lBQ2QsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQztJQUM1QixDQUFDOzhHQXhDbUIsc0JBQXNCO2tHQUF0QixzQkFBc0I7OzJGQUF0QixzQkFBc0I7a0JBRDNDLFNBQVM7OEJBRUMsc0JBQXNCO3NCQUE5QixLQUFLO2dCQUdHLGVBQWU7c0JBQXZCLEtBQUs7Z0JBR0csT0FBTztzQkFBZixLQUFLO2dCQUdHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3RCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi9hYnN0cmFjdC5iYXNlLmNvbXBvbmVudCc7XG5cbmV4cG9ydCB0eXBlIEZpZWxkU2l6ZSA9ICdiYXNlJyB8ICd4cyc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFic3RyYWN0SW5wdXRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEJhc2VDb21wb25lbnQge1xuICBASW5wdXQoKSBzaG93RXhjbGFtYXRpb25PbkVycm9yID0gZmFsc2U7XG5cbiAgLyoqIElmIHRydWUsIGNsZWFyIGJ1dHRvbiB3aWxsIGFwcGVhciBpbiB0aGUgaW5wdXQgaWYgaXQgaXMgbm90IGVtcHR5ICovXG4gIEBJbnB1dCgpIHNob3dDbGVhckJ1dHRvbiA9IGZhbHNlO1xuXG4gIC8qKiBUb29sdGlwIG1lc3NhZ2UsIGRpc3BsYXllZCBvdmVyIHRvb2x0aXAgaWNvbiAqL1xuICBASW5wdXQoKSB0b29sdGlwPzogc3RyaW5nO1xuXG4gIC8qKiBFbXB0eSBpbnB1dCBmaWVsZCBwbGFjZWhvbGRlciAqL1xuICBASW5wdXQoKSBwbGFjZWhvbGRlciA9ICcnO1xuXG4gIC8qKiBXaGV0aGVyIHRoZSBJbnB1dCBpcyBhIHNtYWxsZXIgdmVyc2lvbiAqL1xuICBASW5wdXQoKSBzaXplOiBGaWVsZFNpemUgPSAnYmFzZSc7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgZ2V0IHNob3dFeGNsYW1hdGlvbigpIHtcbiAgICByZXR1cm4gdGhpcy5zaG93RXhjbGFtYXRpb25PbkVycm9yICYmIHRoaXMudmFsdWVDb250cm9sLmludmFsaWQgJiYgdGhpcy52YWx1ZUNvbnRyb2wudG91Y2hlZDtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIGdldCBjYW5DbGVhcigpIHtcbiAgICByZXR1cm4gdGhpcy5zaG93Q2xlYXJCdXR0b24gJiYgISF0aGlzLnZhbHVlQ29udHJvbC52YWx1ZTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIGNsZWFyKGV2ZW50OiBNb3VzZUV2ZW50KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZUNvbnRyb2wuc2V0VmFsdWUobnVsbCk7XG5cbiAgICB0aGlzLnZhbHVlQ29udHJvbC5tYXJrQXNUb3VjaGVkKCk7XG5cbiAgICAvKipcbiAgICAgKiBzdG9wIGV2ZW4gcHJvcGFnYXRpb24gc28gdGhhdCBjYWxlbmRhciB3b24ndCBvcGVuIG9uIFwiY2xlYXJcIiBidXR0b24gY2xpY2tcbiAgICAgKi9cbiAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIGdldCBzbWFsbFNpemUoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuc2l6ZSA9PT0gJ3hzJztcbiAgfVxufVxuIl19

package/esm2022/lib/components/form-fields/area/index.mjs

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

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

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

package/esm2022/lib/components/form-fields/area/textarea.component.mjs

@@ -0,0 +1,37 @@
+import { Component, Input } 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 "@angular/material/button";
+import * as i7 from "../common/input.tooltip.component";
+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 AdsTextareaComponent extends AbstractInputComponent {
+    constructor() {
+        super(...arguments);
+        /** Maximum amount of characters in the input field */
+        this.maxlength = 2000;
+        /** Maximum number of rows */
+        this.rows = 5;
+        /** Set to false to disallow resize */
+        this.canResize = true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsTextareaComponent, selector: "ads-textarea", inputs: { maxlength: "maxlength", rows: "rows", canResize: "canResize" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\">\n  <mat-form-field\n    [ngClass]=\"{\n      'immediate-validation': immediateValidation,\n      'no-left-padding': canClear && !showExclamation,\n      'success-label': canShowSuccess(),\n      'error-label': canShowError(),\n    }\"\n    [ngStyle]=\"{ width: width }\"\n  >\n    <mat-label *ngIf=\"label || required\">{{ label }}</mat-label>\n    <textarea\n      matInput\n      [rows]=\"rows\"\n      [maxlength]=\"maxlength\"\n      [id]=\"id\"\n      [formControl]=\"valueControl\"\n      [required]=\"required\"\n      [placeholder]=\"placeholder\"\n      [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\n    >\n    </textarea>\n    @if (canClear) {\n      <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\n        <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\n      </button>\n    }\n  </mat-form-field>\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</div>\n\n@if (tooltip) {\n  <ads-input-tooltip [tooltip]=\"tooltip\" />\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", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:22.4px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.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.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i7.AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize"] }, { 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: AdsTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-textarea', template: "<div [ngStyle]=\"{ minWidth: width }\">\n  <mat-form-field\n    [ngClass]=\"{\n      'immediate-validation': immediateValidation,\n      'no-left-padding': canClear && !showExclamation,\n      'success-label': canShowSuccess(),\n      'error-label': canShowError(),\n    }\"\n    [ngStyle]=\"{ width: width }\"\n  >\n    <mat-label *ngIf=\"label || required\">{{ label }}</mat-label>\n    <textarea\n      matInput\n      [rows]=\"rows\"\n      [maxlength]=\"maxlength\"\n      [id]=\"id\"\n      [formControl]=\"valueControl\"\n      [required]=\"required\"\n      [placeholder]=\"placeholder\"\n      [ngStyle]=\"{ resize: canResize ? null : 'none' }\"\n    >\n    </textarea>\n    @if (canClear) {\n      <button matTextSuffix type=\"button\" mat-icon-button (click)=\"clear($event)\">\n        <ads-icon name=\"cross\" size=\"xxs\" [theme]=\"'iconPrimary'\" />\n      </button>\n    }\n  </mat-form-field>\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</div>\n\n@if (tooltip) {\n  <ads-input-tooltip [tooltip]=\"tooltip\" />\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", ":host::ng-deep mat-form-field .mdc-text-field{height:auto}:host::ng-deep mat-form-field .mdc-text-field.mdc-text-field--no-label textarea{min-height:30px;margin-top:12px;margin-bottom:6px}:host::ng-deep mat-form-field .mdc-text-field:not(.mdc-text-field--no-label) .mat-mdc-form-field-infix textarea{line-height:24px;min-height:24px;margin-top:20px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea{line-height:24px;position:relative;bottom:1px}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-infix textarea::-webkit-resizer{background-size:contain;background-image:url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMjEgMTUtNiA2bTYtMTMtMTMgMTMiIHN0cm9rZT0iIzAwMCIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=)}:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-icon-suffix,:host::ng-deep mat-form-field .mdc-text-field .mat-mdc-form-field-text-suffix{align-self:baseline;height:var(--mat-form-field-container-height);display:flex;align-items:center}\n", ".footer-container{min-height:22.4px}\n"] }]
+        }], propDecorators: { maxlength: [{
+                type: Input
+            }], rows: [{
+                type: Input
+            }], canResize: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZmllbGRzL2FyZWEvdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZmllbGRzL2FyZWEvdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7Ozs7Ozs7Ozs7OztBQU8vRSxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsc0JBQXNCO0lBTGhFOztRQU1FLHNEQUFzRDtRQUM3QyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRTFCLDZCQUE2QjtRQUNwQixTQUFJLEdBQUcsQ0FBQyxDQUFDO1FBRWxCLHNDQUFzQztRQUM3QixjQUFTLEdBQUcsSUFBSSxDQUFDO0tBQzNCOzhHQVRZLG9CQUFvQjtrR0FBcEIsb0JBQW9CLHFKQ1JqQyxtM0NBMENBOzsyRkRsQ2Esb0JBQW9CO2tCQUxoQyxTQUFTOytCQUNFLGNBQWM7OEJBTWYsU0FBUztzQkFBakIsS0FBSztnQkFHRyxJQUFJO3NCQUFaLEtBQUs7Z0JBR0csU0FBUztzQkFBakIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFic3RyYWN0SW5wdXRDb21wb25lbnQgfSBmcm9tICcuLi9hYnN0cmFjdHMvYWJzdHJhY3QuaW5wdXQuY29tcG9uZW50JztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYWRzLXRleHRhcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RleHRhcmVhLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4uL2lucHV0L2lucHV0LmNvbXBvbmVudC5zY3NzJywgJy4vdGV4dGFyZWEuY29tcG9uZW50LnNjc3MnLCAnLi4vY29tbW9uL2NvbW1vbi5pbnB1dC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBBZHNUZXh0YXJlYUNvbXBvbmVudCBleHRlbmRzIEFic3RyYWN0SW5wdXRDb21wb25lbnQge1xuICAvKiogTWF4aW11bSBhbW91bnQgb2YgY2hhcmFjdGVycyBpbiB0aGUgaW5wdXQgZmllbGQgKi9cbiAgQElucHV0KCkgbWF4bGVuZ3RoID0gMjAwMDtcblxuICAvKiogTWF4aW11bSBudW1iZXIgb2Ygcm93cyAqL1xuICBASW5wdXQoKSByb3dzID0gNTtcblxuICAvKiogU2V0IHRvIGZhbHNlIHRvIGRpc2FsbG93IHJlc2l6ZSAqL1xuICBASW5wdXQoKSBjYW5SZXNpemUgPSB0cnVlO1xufVxuIiwiPGRpdiBbbmdTdHlsZV09XCJ7IG1pbldpZHRoOiB3aWR0aCB9XCI+XG4gIDxtYXQtZm9ybS1maWVsZFxuICAgIFtuZ0NsYXNzXT1cIntcbiAgICAgICdpbW1lZGlhdGUtdmFsaWRhdGlvbic6IGltbWVkaWF0ZVZhbGlkYXRpb24sXG4gICAgICAnbm8tbGVmdC1wYWRkaW5nJzogY2FuQ2xlYXIgJiYgIXNob3dFeGNsYW1hdGlvbixcbiAgICAgICdzdWNjZXNzLWxhYmVsJzogY2FuU2hvd1N1Y2Nlc3MoKSxcbiAgICAgICdlcnJvci1sYWJlbCc6IGNhblNob3dFcnJvcigpLFxuICAgIH1cIlxuICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IHdpZHRoIH1cIlxuICA+XG4gICAgPG1hdC1sYWJlbCAqbmdJZj1cImxhYmVsIHx8IHJlcXVpcmVkXCI+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICA8dGV4dGFyZWFcbiAgICAgIG1hdElucHV0XG4gICAgICBbcm93c109XCJyb3dzXCJcbiAgICAgIFttYXhsZW5ndGhdPVwibWF4bGVuZ3RoXCJcbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBbZm9ybUNvbnRyb2xdPVwidmFsdWVDb250cm9sXCJcbiAgICAgIFtyZXF1aXJlZF09XCJyZXF1aXJlZFwiXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgW25nU3R5bGVdPVwieyByZXNpemU6IGNhblJlc2l6ZSA/IG51bGwgOiAnbm9uZScgfVwiXG4gICAgPlxuICAgIDwvdGV4dGFyZWE+XG4gICAgQGlmIChjYW5DbGVhcikge1xuICAgICAgPGJ1dHRvbiBtYXRUZXh0U3VmZml4IHR5cGU9XCJidXR0b25cIiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImNsZWFyKCRldmVudClcIj5cbiAgICAgICAgPGFkcy1pY29uIG5hbWU9XCJjcm9zc1wiIHNpemU9XCJ4eHNcIiBbdGhlbWVdPVwiJ2ljb25QcmltYXJ5J1wiIC8+XG4gICAgICA8L2J1dHRvbj5cbiAgICB9XG4gIDwvbWF0LWZvcm0tZmllbGQ+XG4gIDxkaXYgY2xhc3M9XCJmb290ZXItY29udGFpbmVyXCI+XG4gICAgQGlmIChjYW5TaG93RXJyb3IoKSkge1xuICAgICAgPGFkcy1lcnJvciBbZXJyb3JdPVwiZGlzcGxheUZpcnN0RXJyb3IoKVwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IHdpZHRoIH1cIiAvPlxuICAgIH0gQGVsc2UgaWYgKGNhblNob3dTdWNjZXNzKCkpIHtcbiAgICAgIDxhZHMtc3VjY2VzcyBbc3VjY2Vzc109XCJzdWNjZXNzTWVzc2FnZSFcIiBbbmdTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aCB9XCIgLz5cbiAgICB9IEBlbHNlIGlmIChoaW50KSB7XG4gICAgICA8YWRzLWhpbnQgW2hpbnRdPVwiaGludFwiIFtjb250cm9sXT1cInZhbHVlQ29udHJvbFwiIFtuZ1N0eWxlXT1cInsgd2lkdGg6IHdpZHRoIH1cIiAvPlxuICAgIH1cbiAgPC9kaXY+XG48L2Rpdj5cblxuQGlmICh0b29sdGlwKSB7XG4gIDxhZHMtaW5wdXQtdG9vbHRpcCBbdG9vbHRpcF09XCJ0b29sdGlwXCIgLz5cbn1cbiJdfQ==

package/esm2022/lib/components/form-fields/area/textarea.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 { CommonModule } from '@angular/common';
+import { MatIconButton } from '@angular/material/button';
+import { AdsInputTooltipComponent } from '../common/input.tooltip.component';
+import { AdsSuccessComponent } from '../common/success/success.component';
+import { AdsErrorComponent } from '../common/error/error.component';
+import { AdsHintComponent } from '../common/hint/hint.component';
+import { AdsTextareaComponent } from './textarea.component';
+import * as i0 from "@angular/core";
+export class AdsTextareaModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTextareaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.1.1", ngImport: i0, type: AdsTextareaModule, declarations: [AdsTextareaComponent], imports: [CommonModule,
+            MatFormFieldModule,
+            MatInputModule,
+            ReactiveFormsModule,
+            AdsIconModule,
+            MatIconButton,
+            AdsInputTooltipComponent,
+            AdsSuccessComponent,
+            AdsErrorComponent,
+            AdsHintComponent], exports: [AdsTextareaComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTextareaModule, imports: [CommonModule,
+            MatFormFieldModule,
+            MatInputModule,
+            ReactiveFormsModule,
+            AdsIconModule,
+            MatIconButton,
+            AdsInputTooltipComponent,
+            AdsSuccessComponent,
+            AdsErrorComponent] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsTextareaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatFormFieldModule,
+                        MatInputModule,
+                        ReactiveFormsModule,
+                        AdsIconModule,
+                        MatIconButton,
+                        AdsInputTooltipComponent,
+                        AdsSuccessComponent,
+                        AdsErrorComponent,
+                        AdsHintComponent,
+                    ],
+                    declarations: [AdsTextareaComponent],
+                    exports: [AdsTextareaComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZmllbGRzL2FyZWEvdGV4dGFyZWEubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3pELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBQzFFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2pFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDOztBQWtCNUQsTUFBTSxPQUFPLGlCQUFpQjs4R0FBakIsaUJBQWlCOytHQUFqQixpQkFBaUIsaUJBSGIsb0JBQW9CLGFBWGpDLFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLG1CQUFtQjtZQUNuQixhQUFhO1lBQ2IsYUFBYTtZQUNiLHdCQUF3QjtZQUN4QixtQkFBbUI7WUFDbkIsaUJBQWlCO1lBQ2pCLGdCQUFnQixhQUdSLG9CQUFvQjsrR0FFbkIsaUJBQWlCLFlBZDFCLFlBQVk7WUFDWixrQkFBa0I7WUFDbEIsY0FBYztZQUNkLG1CQUFtQjtZQUNuQixhQUFhO1lBQ2IsYUFBYTtZQUNiLHdCQUF3QjtZQUN4QixtQkFBbUI7WUFDbkIsaUJBQWlCOzsyRkFNUixpQkFBaUI7a0JBaEI3QixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxtQkFBbUI7d0JBQ25CLGFBQWE7d0JBQ2IsYUFBYTt3QkFDYix3QkFBd0I7d0JBQ3hCLG1CQUFtQjt3QkFDbkIsaUJBQWlCO3dCQUNqQixnQkFBZ0I7cUJBQ2pCO29CQUNELFlBQVksRUFBRSxDQUFDLG9CQUFvQixDQUFDO29CQUNwQyxPQUFPLEVBQUUsQ0FBQyxvQkFBb0IsQ0FBQztpQkFDaEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcbmltcG9ydCB7IE1hdEZvcm1GaWVsZE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2Zvcm0tZmllbGQnO1xuaW1wb3J0IHsgTWF0SW5wdXRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pbnB1dCc7XG5pbXBvcnQgeyBBZHNJY29uTW9kdWxlIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy1pY29ucyc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0SWNvbkJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBBZHNJbnB1dFRvb2x0aXBDb21wb25lbnQgfSBmcm9tICcuLi9jb21tb24vaW5wdXQudG9vbHRpcC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWRzU3VjY2Vzc0NvbXBvbmVudCB9IGZyb20gJy4uL2NvbW1vbi9zdWNjZXNzL3N1Y2Nlc3MuY29tcG9uZW50JztcbmltcG9ydCB7IEFkc0Vycm9yQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL2Vycm9yL2Vycm9yLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBBZHNIaW50Q29tcG9uZW50IH0gZnJvbSAnLi4vY29tbW9uL2hpbnQvaGludC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQWRzVGV4dGFyZWFDb21wb25lbnQgfSBmcm9tICcuL3RleHRhcmVhLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgQWRzSWNvbk1vZHVsZSxcbiAgICBNYXRJY29uQnV0dG9uLFxuICAgIEFkc0lucHV0VG9vbHRpcENvbXBvbmVudCxcbiAgICBBZHNTdWNjZXNzQ29tcG9uZW50LFxuICAgIEFkc0Vycm9yQ29tcG9uZW50LFxuICAgIEFkc0hpbnRDb21wb25lbnQsXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW0Fkc1RleHRhcmVhQ29tcG9uZW50XSxcbiAgZXhwb3J0czogW0Fkc1RleHRhcmVhQ29tcG9uZW50XSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzVGV4dGFyZWFNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/components/form-fields/common/dropdown-option-template.directive.mjs

@@ -0,0 +1,17 @@
+import { Directive } from '@angular/core';
+import * as i0 from "@angular/core";
+export class DropdownOptionTemplateDirective {
+    static ngTemplateContextGuard(_dir, _ctx) {
+        return true;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DropdownOptionTemplateDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.1.1", type: DropdownOptionTemplateDirective, isStandalone: true, selector: "ng-template[dropdown-option]", ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: DropdownOptionTemplateDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[dropdown-option]',
+                    standalone: true,
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZHJvcGRvd24tb3B0aW9uLXRlbXBsYXRlLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvYWRzLXVpL3NyYy9saWIvY29tcG9uZW50cy9mb3JtLWZpZWxkcy9jb21tb24vZHJvcGRvd24tb3B0aW9uLXRlbXBsYXRlLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxQyxNQUFNLE9BQU8sK0JBQStCO0lBQzFDLE1BQU0sQ0FBQyxzQkFBc0IsQ0FBQyxJQUFxQyxFQUFFLElBQWE7UUFDaEYsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzhHQUhVLCtCQUErQjtrR0FBL0IsK0JBQStCOzsyRkFBL0IsK0JBQStCO2tCQUozQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw4QkFBOEI7b0JBQ3hDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRHJvcGRvd25Db21wb25lbnRPcHRpb24gfSBmcm9tICcuLi9hYnN0cmFjdHMvYWJzdHJhY3QuZHJvcGRvd24uY29tcG9uZW50JztcblxuZXhwb3J0IHR5cGUgVEVNUExBVEVfVFlQRSA9IHsgJGltcGxpY2l0OiBEcm9wZG93bkNvbXBvbmVudE9wdGlvbjsgdmFsdWU6IHN0cmluZyB9O1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICduZy10ZW1wbGF0ZVtkcm9wZG93bi1vcHRpb25dJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgRHJvcGRvd25PcHRpb25UZW1wbGF0ZURpcmVjdGl2ZSB7XG4gIHN0YXRpYyBuZ1RlbXBsYXRlQ29udGV4dEd1YXJkKF9kaXI6IERyb3Bkb3duT3B0aW9uVGVtcGxhdGVEaXJlY3RpdmUsIF9jdHg6IHVua25vd24pOiBfY3R4IGlzIFRFTVBMQVRFX1RZUEUge1xuICAgIHJldHVybiB0cnVlO1xuICB9XG59XG4iXX0=

package/esm2022/lib/components/form-fields/common/error/error.component.mjs

@@ -0,0 +1,29 @@
+import { Component, input } from '@angular/core';
+import { MatError } from '@angular/material/form-field';
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@ascentgl/ads-icons";
+export class AdsErrorComponent {
+    constructor() {
+        /** Set text to show error */
+        this.error = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: AdsErrorComponent, isStandalone: true, selector: "ads-error", inputs: { error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<mat-error class=\"mat-error\" [@fadeInOut]>\n  <div class=\"error\">\n    <ads-icon [name]=\"'warning_v2'\" [size]=\"'xxs'\" [theme]=\"'warn'\" [stroke]=\"'warn'\" />\n    <span [innerHTML]=\"error()\"></span>\n  </div>\n</mat-error>\n", styles: [":host{display:flex}:host mat-error{font-size:12px;font-weight:400;line-height:16px;-webkit-font-smoothing:antialiased;display:flex;padding-top:2px}:host mat-error .error{display:flex;align-items:center;gap:2px}\n"], dependencies: [{ kind: "directive", type: MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: AdsIconModule }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }], animations: [
+            trigger('fadeInOut', [
+                state('in', style({ opacity: 1, transform: 'translateX(0)' })),
+                transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
+            ]),
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-error', standalone: true, imports: [MatError, AdsIconModule], animations: [
+                        trigger('fadeInOut', [
+                            state('in', style({ opacity: 1, transform: 'translateX(0)' })),
+                            transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
+                        ]),
+                    ], template: "<mat-error class=\"mat-error\" [@fadeInOut]>\n  <div class=\"error\">\n    <ads-icon [name]=\"'warning_v2'\" [size]=\"'xxs'\" [theme]=\"'warn'\" [stroke]=\"'warn'\" />\n    <span [innerHTML]=\"error()\"></span>\n  </div>\n</mat-error>\n", styles: [":host{display:flex}:host mat-error{font-size:12px;font-weight:400;line-height:16px;-webkit-font-smoothing:antialiased;display:flex;padding-top:2px}:host mat-error .error{display:flex;align-items:center;gap:2px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXJyb3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vbGlicy9hZHMtdWkvc3JjL2xpYi9jb21wb25lbnRzL2Zvcm0tZmllbGRzL2NvbW1vbi9lcnJvci9lcnJvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvY29tbW9uL2Vycm9yL2Vycm9yLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBZXBELE1BQU0sT0FBTyxpQkFBaUI7SUFiOUI7UUFjRSw2QkFBNkI7UUFDN0IsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztLQUNsQzs4R0FIWSxpQkFBaUI7a0dBQWpCLGlCQUFpQix3TUNsQjlCLDhPQU1BLDhRRElZLFFBQVEsaUZBQUUsYUFBYSwrSUFDckI7WUFDVixPQUFPLENBQUMsV0FBVyxFQUFFO2dCQUNuQixLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxDQUFDLENBQUM7Z0JBQzlELFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUM7YUFDMUcsQ0FBQztTQUNIOzsyRkFFVSxpQkFBaUI7a0JBYjdCLFNBQVM7K0JBQ0UsV0FBVyxjQUdULElBQUksV0FDUCxDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsY0FDdEI7d0JBQ1YsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDbkIsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDOzRCQUM5RCxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO3lCQUMxRyxDQUFDO3FCQUNIIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RXJyb3IgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQWRzSWNvbk1vZHVsZSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtZXJyb3InLFxuICB0ZW1wbGF0ZVVybDogJy4vZXJyb3IuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi9lcnJvci5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWF0RXJyb3IsIEFkc0ljb25Nb2R1bGVdLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignZmFkZUluT3V0JywgW1xuICAgICAgc3RhdGUoJ2luJywgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyB9KSksXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBbc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC0zMCUpJyB9KSwgYW5pbWF0ZSgnMzAwbXMgZWFzZS1pbicpXSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFkc0Vycm9yQ29tcG9uZW50IHtcbiAgLyoqIFNldCB0ZXh0IHRvIHNob3cgZXJyb3IgKi9cbiAgZXJyb3IgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG59XG4iLCI8bWF0LWVycm9yIGNsYXNzPVwibWF0LWVycm9yXCIgW0BmYWRlSW5PdXRdPlxuICA8ZGl2IGNsYXNzPVwiZXJyb3JcIj5cbiAgICA8YWRzLWljb24gW25hbWVdPVwiJ3dhcm5pbmdfdjInXCIgW3NpemVdPVwiJ3h4cydcIiBbdGhlbWVdPVwiJ3dhcm4nXCIgW3N0cm9rZV09XCInd2FybidcIiAvPlxuICAgIDxzcGFuIFtpbm5lckhUTUxdPVwiZXJyb3IoKVwiPjwvc3Bhbj5cbiAgPC9kaXY+XG48L21hdC1lcnJvcj5cbiJdfQ==

package/esm2022/lib/components/form-fields/common/hint/hint.component.mjs

@@ -0,0 +1,36 @@
+import { Component, input } from '@angular/core';
+import { MatHint } from '@angular/material/form-field';
+import { NgIf } from '@angular/common';
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import * as i0 from "@angular/core";
+export class AdsHintComponent {
+    constructor() {
+        this.control = input.required();
+        this.hint = input.required();
+        this.state = 'off';
+    }
+    ngOnInit() {
+        if (this.control().touched) {
+            this.state = 'on';
+        }
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: AdsHintComponent, isStandalone: true, selector: "ads-hint", inputs: { control: { classPropertyName: "control", publicName: "control", isSignal: true, isRequired: true, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `<mat-hint [@fadeInOut]="state" [innerHTML]="hint()" />`, isInline: true, styles: [":host{display:flex}:host mat-hint{font-size:12px;font-weight:400;line-height:16px;color:var(--color-medium);-webkit-font-smoothing:antialiased}\n"], dependencies: [{ kind: "directive", type: MatHint, selector: "mat-hint", inputs: ["align", "id"] }], animations: [
+            trigger('fadeInOut', [
+                state('off', style({ opacity: 1, transform: 'translateX(0)' })),
+                state('on', style({ opacity: 1, transform: 'translateX(0)' })),
+                transition('void => on', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms linear')]),
+            ]),
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsHintComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-hint', template: `<mat-hint [@fadeInOut]="state" [innerHTML]="hint()" />`, standalone: true, imports: [MatHint, NgIf], animations: [
+                        trigger('fadeInOut', [
+                            state('off', style({ opacity: 1, transform: 'translateX(0)' })),
+                            state('on', style({ opacity: 1, transform: 'translateX(0)' })),
+                            transition('void => on', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms linear')]),
+                        ]),
+                    ], styles: [":host{display:flex}:host mat-hint{font-size:12px;font-weight:400;line-height:16px;color:var(--color-medium);-webkit-font-smoothing:antialiased}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGludC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvY29tbW9uL2hpbnQvaGludC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDekQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUN2QyxPQUFPLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxLQUFLLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLHFCQUFxQixDQUFDOztBQWlCakYsTUFBTSxPQUFPLGdCQUFnQjtJQWQ3QjtRQWVFLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFlLENBQUM7UUFDeEMsU0FBSSxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUVoQyxVQUFLLEdBQUcsS0FBSyxDQUFDO0tBT2Y7SUFMQyxRQUFRO1FBQ04sSUFBSSxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDM0IsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUM7UUFDcEIsQ0FBQztJQUNILENBQUM7OEdBVlUsZ0JBQWdCO2tHQUFoQixnQkFBZ0IsaVVBWmpCLHdEQUF3RCwyTkFHeEQsT0FBTyxnRUFDTDtZQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7Z0JBQ25CLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUMsQ0FBQztnQkFDL0QsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDO2dCQUM5RCxVQUFVLENBQUMsWUFBWSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO2FBQzFHLENBQUM7U0FDSDs7MkZBRVUsZ0JBQWdCO2tCQWQ1QixTQUFTOytCQUNFLFVBQVUsWUFDVix3REFBd0QsY0FFdEQsSUFBSSxXQUNQLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxjQUNaO3dCQUNWLE9BQU8sQ0FBQyxXQUFXLEVBQUU7NEJBQ25CLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsZUFBZSxFQUFFLENBQUMsQ0FBQzs0QkFDL0QsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDOzRCQUM5RCxVQUFVLENBQUMsWUFBWSxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDO3lCQUMxRyxDQUFDO3FCQUNIIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRIaW50IH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgRm9ybUNvbnRyb2wgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fkcy1oaW50JyxcbiAgdGVtcGxhdGU6IGA8bWF0LWhpbnQgW0BmYWRlSW5PdXRdPVwic3RhdGVcIiBbaW5uZXJIVE1MXT1cImhpbnQoKVwiIC8+YCxcbiAgc3R5bGVVcmxzOiBbJy4vaGludC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWF0SGludCwgTmdJZl0sXG4gIGFuaW1hdGlvbnM6IFtcbiAgICB0cmlnZ2VyKCdmYWRlSW5PdXQnLCBbXG4gICAgICBzdGF0ZSgnb2ZmJywgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyB9KSksXG4gICAgICBzdGF0ZSgnb24nLCBzdHlsZSh7IG9wYWNpdHk6IDEsIHRyYW5zZm9ybTogJ3RyYW5zbGF0ZVgoMCknIH0pKSxcbiAgICAgIHRyYW5zaXRpb24oJ3ZvaWQgPT4gb24nLCBbc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC0zMCUpJyB9KSwgYW5pbWF0ZSgnMzAwbXMgbGluZWFyJyldKSxcbiAgICBdKSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzSGludENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIGNvbnRyb2wgPSBpbnB1dC5yZXF1aXJlZDxGb3JtQ29udHJvbD4oKTtcbiAgaGludCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblxuICBzdGF0ZSA9ICdvZmYnO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIGlmICh0aGlzLmNvbnRyb2woKS50b3VjaGVkKSB7XG4gICAgICB0aGlzLnN0YXRlID0gJ29uJztcbiAgICB9XG4gIH1cbn1cbiJdfQ==

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

@@ -0,0 +1,38 @@
+import { Component, input } from '@angular/core';
+import { AdsIconModule, AdsIconRegistry } from '@ascentgl/ads-icons';
+import { adsIconInformation } from '@ascentgl/ads-icons/icons';
+import { MatTooltip } from '@angular/material/tooltip';
+import * as i0 from "@angular/core";
+import * as i1 from "@ascentgl/ads-icons";
+export class AdsInputTooltipComponent {
+    constructor(registry) {
+        this.registry = registry;
+        this.tooltip = input.required();
+        this.smallSize = input(false);
+        this.registry.register([adsIconInformation]);
+    }
+    get iconPosition() {
+        return this.smallSize() ? '3px' : '12px';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsInputTooltipComponent, deps: [{ token: i1.AdsIconRegistry }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: AdsInputTooltipComponent, isStandalone: true, selector: "ads-input-tooltip", inputs: { tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: true, transformFunction: null }, smallSize: { classPropertyName: "smallSize", publicName: "smallSize", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<ads-icon
+    [matTooltip]="tooltip()"
+    [matTooltipPosition]="'above'"
+    [name]="'information'"
+    [size]="smallSize() ? 'xxs' : 'sm'"
+    [theme]="'iconPrimary'"
+    [style.top]="iconPosition"
+  />`, isInline: true, styles: ["ads-icon{position:relative;top:12px}\n"], dependencies: [{ kind: "ngmodule", type: AdsIconModule }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }, { kind: "directive", type: MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsInputTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-input-tooltip', template: `<ads-icon
+    [matTooltip]="tooltip()"
+    [matTooltipPosition]="'above'"
+    [name]="'information'"
+    [size]="smallSize() ? 'xxs' : 'sm'"
+    [theme]="'iconPrimary'"
+    [style.top]="iconPosition"
+  />`, standalone: true, imports: [AdsIconModule, MatTooltip], styles: ["ads-icon{position:relative;top:12px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.AdsIconRegistry }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQudG9vbHRpcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvY29tbW9uL2lucHV0LnRvb2x0aXAuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDckUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDL0QsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDJCQUEyQixDQUFDOzs7QUFxQnZELE1BQU0sT0FBTyx3QkFBd0I7SUFLbkMsWUFBb0IsUUFBeUI7UUFBekIsYUFBUSxHQUFSLFFBQVEsQ0FBaUI7UUFKN0MsWUFBTyxHQUFHLEtBQUssQ0FBQyxRQUFRLEVBQVUsQ0FBQztRQUVuQyxjQUFTLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBR2hDLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDO0lBQy9DLENBQUM7SUFFRCxJQUFJLFlBQVk7UUFDZCxPQUFPLElBQUksQ0FBQyxTQUFTLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7SUFDM0MsQ0FBQzs4R0FYVSx3QkFBd0I7a0dBQXhCLHdCQUF3QiwwVkFqQnpCOzs7Ozs7O0tBT1AsK0dBUU8sYUFBYSw2SkFBRSxVQUFVOzsyRkFFeEIsd0JBQXdCO2tCQW5CcEMsU0FBUzsrQkFDRSxtQkFBbUIsWUFDbkI7Ozs7Ozs7S0FPUCxjQU9TLElBQUksV0FDUCxDQUFDLGFBQWEsRUFBRSxVQUFVLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIGlucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBBZHNJY29uTW9kdWxlLCBBZHNJY29uUmVnaXN0cnkgfSBmcm9tICdAYXNjZW50Z2wvYWRzLWljb25zJztcbmltcG9ydCB7IGFkc0ljb25JbmZvcm1hdGlvbiB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMvaWNvbnMnO1xuaW1wb3J0IHsgTWF0VG9vbHRpcCB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtaW5wdXQtdG9vbHRpcCcsXG4gIHRlbXBsYXRlOiBgPGFkcy1pY29uXG4gICAgW21hdFRvb2x0aXBdPVwidG9vbHRpcCgpXCJcbiAgICBbbWF0VG9vbHRpcFBvc2l0aW9uXT1cIidhYm92ZSdcIlxuICAgIFtuYW1lXT1cIidpbmZvcm1hdGlvbidcIlxuICAgIFtzaXplXT1cInNtYWxsU2l6ZSgpID8gJ3h4cycgOiAnc20nXCJcbiAgICBbdGhlbWVdPVwiJ2ljb25QcmltYXJ5J1wiXG4gICAgW3N0eWxlLnRvcF09XCJpY29uUG9zaXRpb25cIlxuICAvPmAsXG4gIHN0eWxlczogYFxuICAgIGFkcy1pY29uIHtcbiAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgIHRvcDogMTJweDtcbiAgICB9XG4gIGAsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtBZHNJY29uTW9kdWxlLCBNYXRUb29sdGlwXSxcbn0pXG5leHBvcnQgY2xhc3MgQWRzSW5wdXRUb29sdGlwQ29tcG9uZW50IHtcbiAgdG9vbHRpcCA9IGlucHV0LnJlcXVpcmVkPHN0cmluZz4oKTtcblxuICBzbWFsbFNpemUgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSByZWdpc3RyeTogQWRzSWNvblJlZ2lzdHJ5KSB7XG4gICAgdGhpcy5yZWdpc3RyeS5yZWdpc3RlcihbYWRzSWNvbkluZm9ybWF0aW9uXSk7XG4gIH1cblxuICBnZXQgaWNvblBvc2l0aW9uKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuc21hbGxTaXplKCkgPyAnM3B4JyA6ICcxMnB4JztcbiAgfVxufVxuIl19

package/esm2022/lib/components/form-fields/common/success/success.component.mjs

@@ -0,0 +1,29 @@
+import { Component, input } from '@angular/core';
+import { MatError } from '@angular/material/form-field';
+import { animate, state, style, transition, trigger } from '@angular/animations';
+import { AdsIconModule } from '@ascentgl/ads-icons';
+import * as i0 from "@angular/core";
+import * as i1 from "@ascentgl/ads-icons";
+export class AdsSuccessComponent {
+    constructor() {
+        /** Set text to show success */
+        this.success = input.required();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.1.1", type: AdsSuccessComponent, isStandalone: true, selector: "ads-success", inputs: { success: { classPropertyName: "success", publicName: "success", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: "<div [@fadeInOut] class=\"container\">\n  <div class=\"success\">\n    <ads-icon [name]=\"'check_circle_filled'\" [size]=\"'xxs'\" [theme]=\"'success'\" [stroke]=\"'white'\" />\n    <span [innerHTML]=\"success()\"></span>\n  </div>\n</div>\n", styles: [":host{display:flex}:host .container{font-size:12px;font-weight:400;color:var(--color-success);line-height:16px;-webkit-font-smoothing:antialiased;display:flex;padding-top:2px}:host .container .success{display:flex;align-items:center;gap:2px}\n"], dependencies: [{ kind: "ngmodule", type: AdsIconModule }, { kind: "component", type: i1.AdsIconComponent, selector: "ads-icon", inputs: ["size", "name", "color", "theme", "stroke"] }], animations: [
+            trigger('fadeInOut', [
+                state('in', style({ opacity: 1, transform: 'translateX(0)' })),
+                transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
+            ]),
+        ] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsSuccessComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-success', standalone: true, imports: [MatError, AdsIconModule], animations: [
+                        trigger('fadeInOut', [
+                            state('in', style({ opacity: 1, transform: 'translateX(0)' })),
+                            transition('void => *', [style({ opacity: 0, transform: 'translateY(-30%)' }), animate('300ms ease-in')]),
+                        ]),
+                    ], template: "<div [@fadeInOut] class=\"container\">\n  <div class=\"success\">\n    <ads-icon [name]=\"'check_circle_filled'\" [size]=\"'xxs'\" [theme]=\"'success'\" [stroke]=\"'white'\" />\n    <span [innerHTML]=\"success()\"></span>\n  </div>\n</div>\n", styles: [":host{display:flex}:host .container{font-size:12px;font-weight:400;color:var(--color-success);line-height:16px;-webkit-font-smoothing:antialiased;display:flex;padding-top:2px}:host .container .success{display:flex;align-items:center;gap:2px}\n"] }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3VjY2Vzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvY29tbW9uL3N1Y2Nlc3Mvc3VjY2Vzcy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvY29tbW9uL3N1Y2Nlc3Mvc3VjY2Vzcy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDeEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0scUJBQXFCLENBQUM7OztBQWVwRCxNQUFNLE9BQU8sbUJBQW1CO0lBYmhDO1FBY0UsK0JBQStCO1FBQy9CLFlBQU8sR0FBRyxLQUFLLENBQUMsUUFBUSxFQUFVLENBQUM7S0FDcEM7OEdBSFksbUJBQW1CO2tHQUFuQixtQkFBbUIsZ05DbEJoQyxtUEFNQSw0U0RJc0IsYUFBYSwrSUFDckI7WUFDVixPQUFPLENBQUMsV0FBVyxFQUFFO2dCQUNuQixLQUFLLENBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRSxDQUFDLENBQUM7Z0JBQzlELFVBQVUsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxrQkFBa0IsRUFBRSxDQUFDLEVBQUUsT0FBTyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUM7YUFDMUcsQ0FBQztTQUNIOzsyRkFFVSxtQkFBbUI7a0JBYi9CLFNBQVM7K0JBQ0UsYUFBYSxjQUdYLElBQUksV0FDUCxDQUFDLFFBQVEsRUFBRSxhQUFhLENBQUMsY0FDdEI7d0JBQ1YsT0FBTyxDQUFDLFdBQVcsRUFBRTs0QkFDbkIsS0FBSyxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsQ0FBQyxDQUFDOzRCQUM5RCxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUMsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLENBQUMsRUFBRSxTQUFTLEVBQUUsa0JBQWtCLEVBQUUsQ0FBQyxFQUFFLE9BQU8sQ0FBQyxlQUFlLENBQUMsQ0FBQyxDQUFDO3lCQUMxRyxDQUFDO3FCQUNIIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0RXJyb3IgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuaW1wb3J0IHsgQWRzSWNvbk1vZHVsZSB9IGZyb20gJ0Bhc2NlbnRnbC9hZHMtaWNvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhZHMtc3VjY2VzcycsXG4gIHRlbXBsYXRlVXJsOiAnLi9zdWNjZXNzLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vc3VjY2Vzcy5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbTWF0RXJyb3IsIEFkc0ljb25Nb2R1bGVdLFxuICBhbmltYXRpb25zOiBbXG4gICAgdHJpZ2dlcignZmFkZUluT3V0JywgW1xuICAgICAgc3RhdGUoJ2luJywgc3R5bGUoeyBvcGFjaXR5OiAxLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVYKDApJyB9KSksXG4gICAgICB0cmFuc2l0aW9uKCd2b2lkID0+IConLCBbc3R5bGUoeyBvcGFjaXR5OiAwLCB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC0zMCUpJyB9KSwgYW5pbWF0ZSgnMzAwbXMgZWFzZS1pbicpXSksXG4gICAgXSksXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFkc1N1Y2Nlc3NDb21wb25lbnQge1xuICAvKiogU2V0IHRleHQgdG8gc2hvdyBzdWNjZXNzICovXG4gIHN1Y2Nlc3MgPSBpbnB1dC5yZXF1aXJlZDxzdHJpbmc+KCk7XG59XG4iLCI8ZGl2IFtAZmFkZUluT3V0XSBjbGFzcz1cImNvbnRhaW5lclwiPlxuICA8ZGl2IGNsYXNzPVwic3VjY2Vzc1wiPlxuICAgIDxhZHMtaWNvbiBbbmFtZV09XCInY2hlY2tfY2lyY2xlX2ZpbGxlZCdcIiBbc2l6ZV09XCIneHhzJ1wiIFt0aGVtZV09XCInc3VjY2VzcydcIiBbc3Ryb2tlXT1cIid3aGl0ZSdcIiAvPlxuICAgIDxzcGFuIFtpbm5lckhUTUxdPVwic3VjY2VzcygpXCI+PC9zcGFuPlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19

package/esm2022/lib/components/form-fields/datepickers/date-picker/datepicker.component.mjs

@@ -0,0 +1,61 @@
+import { Component, Input } from '@angular/core';
+import { AdsDatetimepickerComponent } from '../datetime-picker';
+import { format } from 'date-fns';
+import { FORMAT_DATE } from '../datetime-picker/custom-datetime-format';
+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 "@mat-datetimepicker/core";
+import * as i7 from "../datetime-picker/datetime-picker-format-directive";
+import * as i8 from "../../common/input.tooltip.component";
+import * as i9 from "@angular/material/button";
+import * as i10 from "../../common/error/error.component";
+import * as i11 from "../../common/hint/hint.component";
+import * as i12 from "../../common/success/success.component";
+export class AdsDatepickerComponent extends AdsDatetimepickerComponent {
+    constructor() {
+        super(...arguments);
+        /** if overrideDisplayFormat=true, this display format will be used */
+        this.customDisplayFormat = FORMAT_DATE;
+        /** @ignore */
+        this.type = 'date';
+        /** @ignore */
+        this.twelveHour = false;
+        /** @ignore */
+        this.showTimePicker = false;
+        /** @ignore */
+        this.defaultErrorMessages = {
+            matDatepickerParse: 'Date must appear in this format: MM/DD/YYYY',
+        };
+    }
+    /** @ignore */
+    applyCustomFormat() {
+        this.customDisplayFormatOverride = {};
+        if (this.overrideDisplayFormat) {
+            this.customDisplayFormatOverride = { dateInput: this.customDisplayFormat };
+        }
+    }
+    /** @ignore */
+    displayedValueToControlValue(value) {
+        return format(value, 'yyyy-MM-dd');
+    }
+    /** @ignore */
+    onSyncDisplayedValue(valueToApply = this.valueControl.value) {
+        if (this.valueControl.value !== null) {
+            valueToApply = this.valueControl.value + 'T00:00:00';
+        }
+        this.setControlValue(this.displayControl, valueToApply);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.1", type: AdsDatepickerComponent, selector: "ads-datepicker", inputs: { customDisplayFormat: "customDisplayFormat" }, usesInheritance: true, ngImport: i0, template: "<div [ngStyle]=\"{ minWidth: width }\">\n  <mat-form-field\n    [ngClass]=\"{\n      'immediate-validation': immediateValidation,\n      'no-left-padding': !showExclamation,\n      invalid: canShowError(),\n      manual: allowManualInput,\n      'success-label': canShowSuccess(),\n      'x-small': smallSize,\n    }\"\n    [ngStyle]=\"{ width: width }\"\n  >\n    @if ((label || required) && !smallSize) {\n      <mat-label>{{ label }}</mat-label>\n    }\n    <mat-datetimepicker\n      #datetimePicker\n      (viewChanged)=\"onViewChanged($event)\"\n      (opened)=\"onOpened()\"\n      (closed)=\"onClosed()\"\n      [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n      [openOnFocus]=\"!allowManualInput\"\n      [twelvehour]=\"twelveHour\"\n      [timeInterval]=\"5\"\n      [mode]=\"'portrait'\"\n    />\n    <input\n      (dateChange)=\"onChanged($event)\"\n      dateTimePickerFormat\n      [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n      [customDisplayFormat]=\"customDisplayFormatOverride\"\n      [ngClass]=\"{ invisible: !valueControl.value }\"\n      #input\n      matInput\n      (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n      (input)=\"touchControls()\"\n      (blur)=\"touchControls()\"\n      [tabIndex]=\"allowManualInput ? 0 : -1\"\n      [min]=\"minDate || null\"\n      [readonly]=\"!allowManualInput\"\n      [formControl]=\"displayControl\"\n      [matDatetimepicker]=\"datetimePicker\"\n      autocomplete=\"false\"\n      [id]=\"id\"\n      [required]=\"required\"\n      [placeholder]=\"placeholder\"\n    />\n    @if (type === 'time') {\n      <button\n        matTextSuffix\n        type=\"button\"\n        mat-icon-button\n        (click)=\"toggle($event)\"\n        [disabled]=\"!showTimePicker\"\n        class=\"action-icon\"\n      >\n        <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'sm'\" [stroke]=\"'iconPrimary'\" />\n      </button>\n    } @else {\n      <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n        <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'sm'\" [stroke]=\"'iconPrimary'\" />\n        @if (type === 'datetime') {\n          <ads-icon\n            class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n            name=\"timepicker\"\n            size=\"xxs\"\n            [stroke]=\"'iconPrimary'\"\n          />\n        }\n      </button>\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  </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@if (tooltip) {\n  <ads-input-tooltip [tooltip]=\"tooltip\" />\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", "button .sub-timepicker{position:absolute;top:18%;left:18%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\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.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.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "directive", type: i6.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "directive", type: i7.DateTimePickerFormatDirective, selector: "[dateTimePickerFormat]", inputs: ["customDisplayFormat", "overrideDisplayFormat"] }, { kind: "component", type: i8.AdsInputTooltipComponent, selector: "ads-input-tooltip", inputs: ["tooltip", "smallSize"] }, { kind: "component", type: i9.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "component", type: i10.AdsErrorComponent, selector: "ads-error", inputs: ["error"] }, { kind: "component", type: i11.AdsHintComponent, selector: "ads-hint", inputs: ["control", "hint"] }, { kind: "component", type: i12.AdsSuccessComponent, selector: "ads-success", inputs: ["success"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.1", ngImport: i0, type: AdsDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ads-datepicker', template: "<div [ngStyle]=\"{ minWidth: width }\">\n  <mat-form-field\n    [ngClass]=\"{\n      'immediate-validation': immediateValidation,\n      'no-left-padding': !showExclamation,\n      invalid: canShowError(),\n      manual: allowManualInput,\n      'success-label': canShowSuccess(),\n      'x-small': smallSize,\n    }\"\n    [ngStyle]=\"{ width: width }\"\n  >\n    @if ((label || required) && !smallSize) {\n      <mat-label>{{ label }}</mat-label>\n    }\n    <mat-datetimepicker\n      #datetimePicker\n      (viewChanged)=\"onViewChanged($event)\"\n      (opened)=\"onOpened()\"\n      (closed)=\"onClosed()\"\n      [type]=\"type === 'datetime' ? (showTimePicker ? 'datetime' : 'date') : type\"\n      [openOnFocus]=\"!allowManualInput\"\n      [twelvehour]=\"twelveHour\"\n      [timeInterval]=\"5\"\n      [mode]=\"'portrait'\"\n    />\n    <input\n      (dateChange)=\"onChanged($event)\"\n      dateTimePickerFormat\n      [overrideDisplayFormat]=\"overrideDisplayFormat || (type === 'datetime' ? !showTimePicker : false)\"\n      [customDisplayFormat]=\"customDisplayFormatOverride\"\n      [ngClass]=\"{ invisible: !valueControl.value }\"\n      #input\n      matInput\n      (keydown)=\"allowManualInput ? onKeyDown($event) : null\"\n      (input)=\"touchControls()\"\n      (blur)=\"touchControls()\"\n      [tabIndex]=\"allowManualInput ? 0 : -1\"\n      [min]=\"minDate || null\"\n      [readonly]=\"!allowManualInput\"\n      [formControl]=\"displayControl\"\n      [matDatetimepicker]=\"datetimePicker\"\n      autocomplete=\"false\"\n      [id]=\"id\"\n      [required]=\"required\"\n      [placeholder]=\"placeholder\"\n    />\n    @if (type === 'time') {\n      <button\n        matTextSuffix\n        type=\"button\"\n        mat-icon-button\n        (click)=\"toggle($event)\"\n        [disabled]=\"!showTimePicker\"\n        class=\"action-icon\"\n      >\n        <ads-icon class=\"picker\" name=\"timepicker\" [size]=\"smallSize ? 'xxs' : 'sm'\" [stroke]=\"'iconPrimary'\" />\n      </button>\n    } @else {\n      <button matTextSuffix type=\"button\" mat-icon-button (click)=\"toggle($event)\" class=\"action-icon\">\n        <ads-icon class=\"picker\" name=\"datepicker\" [size]=\"smallSize ? 'xxs' : 'sm'\" [stroke]=\"'iconPrimary'\" />\n        @if (type === 'datetime') {\n          <ads-icon\n            class=\"sub-timepicker mat-mdc-button-persistent-ripple picker\"\n            name=\"timepicker\"\n            size=\"xxs\"\n            [stroke]=\"'iconPrimary'\"\n          />\n        }\n      </button>\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  </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@if (tooltip) {\n  <ads-input-tooltip [tooltip]=\"tooltip\" />\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", "button .sub-timepicker{position:absolute;top:18%;left:18%;background-color:var(--color-white);border-radius:50%}mat-form-field:not(.manual) ::ng-deep .mdc-text-field{cursor:pointer}mat-form-field:not(.manual) ::ng-deep .mdc-text-field input{cursor:pointer}::ng-deep .mdc-text-field:hover button .sub-timepicker{background-color:var(--color-light-30)}\n"] }]
+        }], propDecorators: { customDisplayFormat: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGF0ZXBpY2tlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvZGF0ZXBpY2tlcnMvZGF0ZS1waWNrZXIvZGF0ZXBpY2tlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2Fkcy11aS9zcmMvbGliL2NvbXBvbmVudHMvZm9ybS1maWVsZHMvZGF0ZXBpY2tlcnMvZGF0ZXRpbWUtcGlja2VyL2RhdGV0aW1lcGlja2VyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRWhFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFDbEMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJDQUEyQyxDQUFDOzs7Ozs7Ozs7Ozs7OztBQVF4RSxNQUFNLE9BQU8sc0JBQXVCLFNBQVEsMEJBQTBCO0lBTHRFOztRQU1FLHNFQUFzRTtRQUM3RCx3QkFBbUIsR0FBVyxXQUFXLENBQUM7UUFFbkQsY0FBYztRQUNkLFNBQUksR0FBMEIsTUFBTSxDQUFDO1FBRXJDLGNBQWM7UUFDZCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBRW5CLGNBQWM7UUFDZCxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUV2QixjQUFjO1FBQ0sseUJBQW9CLEdBQStCO1lBQ3BFLGtCQUFrQixFQUFFLDZDQUE2QztTQUNsRSxDQUFDO0tBdUJIO0lBckJDLGNBQWM7SUFDSixpQkFBaUI7UUFDekIsSUFBSSxDQUFDLDJCQUEyQixHQUFHLEVBQUUsQ0FBQztRQUV0QyxJQUFJLElBQUksQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO1lBQy9CLElBQUksQ0FBQywyQkFBMkIsR0FBRyxFQUFFLFNBQVMsRUFBRSxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUM3RSxDQUFDO0lBQ0gsQ0FBQztJQUVELGNBQWM7SUFDSiw0QkFBNEIsQ0FBQyxLQUFXO1FBQ2hELE9BQU8sTUFBTSxDQUFDLEtBQUssRUFBRSxZQUFZLENBQUMsQ0FBQztJQUNyQyxDQUFDO0lBRUQsY0FBYztJQUNKLG9CQUFvQixDQUFDLGVBQXVCLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSztRQUMzRSxJQUFJLElBQUksQ0FBQyxZQUFZLENBQUMsS0FBSyxLQUFLLElBQUksRUFBRSxDQUFDO1lBQ3JDLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssR0FBRyxXQUFXLENBQUM7UUFDdkQsQ0FBQztRQUNELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLGNBQWMsRUFBRSxZQUFZLENBQUMsQ0FBQztJQUMxRCxDQUFDOzhHQXRDVSxzQkFBc0I7a0dBQXRCLHNCQUFzQixxSUNabkMsZ3pHQTZGQTs7MkZEakZhLHNCQUFzQjtrQkFMbEMsU0FBUzsrQkFDRSxnQkFBZ0I7OEJBTWpCLG1CQUFtQjtzQkFBM0IsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEFkc0RhdGV0aW1lcGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi4vZGF0ZXRpbWUtcGlja2VyJztcbmltcG9ydCB7IE1hdERhdGV0aW1lcGlja2VyVHlwZSB9IGZyb20gJ0BtYXQtZGF0ZXRpbWVwaWNrZXIvY29yZS9kYXRldGltZXBpY2tlci9kYXRldGltZXBpY2tlci10eXBlJztcbmltcG9ydCB7IGZvcm1hdCB9IGZyb20gJ2RhdGUtZm5zJztcbmltcG9ydCB7IEZPUk1BVF9EQVRFIH0gZnJvbSAnLi4vZGF0ZXRpbWUtcGlja2VyL2N1c3RvbS1kYXRldGltZS1mb3JtYXQnO1xuaW1wb3J0IHsgR0VORVJJQ19DT0xMRUNUSU9OIH0gZnJvbSAnQGFzY2VudGdsL2Fkcy11dGlscyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2Fkcy1kYXRlcGlja2VyJyxcbiAgdGVtcGxhdGVVcmw6ICcuLi9kYXRldGltZS1waWNrZXIvZGF0ZXRpbWVwaWNrZXIuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi4vLi4vaW5wdXQvaW5wdXQuY29tcG9uZW50LnNjc3MnLCAnLi4vZGF0ZXRpbWUtcGlja2VyL2RhdGV0aW1lcGlja2VyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEFkc0RhdGVwaWNrZXJDb21wb25lbnQgZXh0ZW5kcyBBZHNEYXRldGltZXBpY2tlckNvbXBvbmVudCB7XG4gIC8qKiBpZiBvdmVycmlkZURpc3BsYXlGb3JtYXQ9dHJ1ZSwgdGhpcyBkaXNwbGF5IGZvcm1hdCB3aWxsIGJlIHVzZWQgKi9cbiAgQElucHV0KCkgY3VzdG9tRGlzcGxheUZvcm1hdDogc3RyaW5nID0gRk9STUFUX0RBVEU7XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgdHlwZTogTWF0RGF0ZXRpbWVwaWNrZXJUeXBlID0gJ2RhdGUnO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHR3ZWx2ZUhvdXIgPSBmYWxzZTtcblxuICAvKiogQGlnbm9yZSAqL1xuICBzaG93VGltZVBpY2tlciA9IGZhbHNlO1xuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCByZWFkb25seSBkZWZhdWx0RXJyb3JNZXNzYWdlczogR0VORVJJQ19DT0xMRUNUSU9OPHN0cmluZz4gPSB7XG4gICAgbWF0RGF0ZXBpY2tlclBhcnNlOiAnRGF0ZSBtdXN0IGFwcGVhciBpbiB0aGlzIGZvcm1hdDogTU0vREQvWVlZWScsXG4gIH07XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIGFwcGx5Q3VzdG9tRm9ybWF0KCk6IHZvaWQge1xuICAgIHRoaXMuY3VzdG9tRGlzcGxheUZvcm1hdE92ZXJyaWRlID0ge307XG5cbiAgICBpZiAodGhpcy5vdmVycmlkZURpc3BsYXlGb3JtYXQpIHtcbiAgICAgIHRoaXMuY3VzdG9tRGlzcGxheUZvcm1hdE92ZXJyaWRlID0geyBkYXRlSW5wdXQ6IHRoaXMuY3VzdG9tRGlzcGxheUZvcm1hdCB9O1xuICAgIH1cbiAgfVxuXG4gIC8qKiBAaWdub3JlICovXG4gIHByb3RlY3RlZCBkaXNwbGF5ZWRWYWx1ZVRvQ29udHJvbFZhbHVlKHZhbHVlOiBEYXRlKTogc3RyaW5nIHtcbiAgICByZXR1cm4gZm9ybWF0KHZhbHVlLCAneXl5eS1NTS1kZCcpO1xuICB9XG5cbiAgLyoqIEBpZ25vcmUgKi9cbiAgcHJvdGVjdGVkIG9uU3luY0Rpc3BsYXllZFZhbHVlKHZhbHVlVG9BcHBseTogc3RyaW5nID0gdGhpcy52YWx1ZUNvbnRyb2wudmFsdWUpOiB2b2lkIHtcbiAgICBpZiAodGhpcy52YWx1ZUNvbnRyb2wudmFsdWUgIT09IG51bGwpIHtcbiAgICAgIHZhbHVlVG9BcHBseSA9IHRoaXMudmFsdWVDb250cm9sLnZhbHVlICsgJ1QwMDowMDowMCc7XG4gICAgfVxuICAgIHRoaXMuc2V0Q29udHJvbFZhbHVlKHRoaXMuZGlzcGxheUNvbnRyb2wsIHZhbHVlVG9BcHBseSk7XG4gIH1cbn1cbiIsIjxkaXYgW25nU3R5bGVdPVwieyBtaW5XaWR0aDogd2lkdGggfVwiPlxuICA8bWF0LWZvcm0tZmllbGRcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAnaW1tZWRpYXRlLXZhbGlkYXRpb24nOiBpbW1lZGlhdGVWYWxpZGF0aW9uLFxuICAgICAgJ25vLWxlZnQtcGFkZGluZyc6ICFzaG93RXhjbGFtYXRpb24sXG4gICAgICBpbnZhbGlkOiBjYW5TaG93RXJyb3IoKSxcbiAgICAgIG1hbnVhbDogYWxsb3dNYW51YWxJbnB1dCxcbiAgICAgICdzdWNjZXNzLWxhYmVsJzogY2FuU2hvd1N1Y2Nlc3MoKSxcbiAgICAgICd4LXNtYWxsJzogc21hbGxTaXplLFxuICAgIH1cIlxuICAgIFtuZ1N0eWxlXT1cInsgd2lkdGg6IHdpZHRoIH1cIlxuICA+XG4gICAgQGlmICgobGFiZWwgfHwgcmVxdWlyZWQpICYmICFzbWFsbFNpemUpIHtcbiAgICAgIDxtYXQtbGFiZWw+e3sgbGFiZWwgfX08L21hdC1sYWJlbD5cbiAgICB9XG4gICAgPG1hdC1kYXRldGltZXBpY2tlclxuICAgICAgI2RhdGV0aW1lUGlja2VyXG4gICAgICAodmlld0NoYW5nZWQpPVwib25WaWV3Q2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgIChvcGVuZWQpPVwib25PcGVuZWQoKVwiXG4gICAgICAoY2xvc2VkKT1cIm9uQ2xvc2VkKClcIlxuICAgICAgW3R5cGVdPVwidHlwZSA9PT0gJ2RhdGV0aW1lJyA/IChzaG93VGltZVBpY2tlciA/ICdkYXRldGltZScgOiAnZGF0ZScpIDogdHlwZVwiXG4gICAgICBbb3Blbk9uRm9jdXNdPVwiIWFsbG93TWFudWFsSW5wdXRcIlxuICAgICAgW3R3ZWx2ZWhvdXJdPVwidHdlbHZlSG91clwiXG4gICAgICBbdGltZUludGVydmFsXT1cIjVcIlxuICAgICAgW21vZGVdPVwiJ3BvcnRyYWl0J1wiXG4gICAgLz5cbiAgICA8aW5wdXRcbiAgICAgIChkYXRlQ2hhbmdlKT1cIm9uQ2hhbmdlZCgkZXZlbnQpXCJcbiAgICAgIGRhdGVUaW1lUGlja2VyRm9ybWF0XG4gICAgICBbb3ZlcnJpZGVEaXNwbGF5Rm9ybWF0XT1cIm92ZXJyaWRlRGlzcGxheUZvcm1hdCB8fCAodHlwZSA9PT0gJ2RhdGV0aW1lJyA/ICFzaG93VGltZVBpY2tlciA6IGZhbHNlKVwiXG4gICAgICBbY3VzdG9tRGlzcGxheUZvcm1hdF09XCJjdXN0b21EaXNwbGF5Rm9ybWF0T3ZlcnJpZGVcIlxuICAgICAgW25nQ2xhc3NdPVwieyBpbnZpc2libGU6ICF2YWx1ZUNvbnRyb2wudmFsdWUgfVwiXG4gICAgICAjaW5wdXRcbiAgICAgIG1hdElucHV0XG4gICAgICAoa2V5ZG93bik9XCJhbGxvd01hbnVhbElucHV0ID8gb25LZXlEb3duKCRldmVudCkgOiBudWxsXCJcbiAgICAgIChpbnB1dCk9XCJ0b3VjaENvbnRyb2xzKClcIlxuICAgICAgKGJsdXIpPVwidG91Y2hDb250cm9scygpXCJcbiAgICAgIFt0YWJJbmRleF09XCJhbGxvd01hbnVhbElucHV0ID8gMCA6IC0xXCJcbiAgICAgIFttaW5dPVwibWluRGF0ZSB8fCBudWxsXCJcbiAgICAgIFtyZWFkb25seV09XCIhYWxsb3dNYW51YWxJbnB1dFwiXG4gICAgICBbZm9ybUNvbnRyb2xdPVwiZGlzcGxheUNvbnRyb2xcIlxuICAgICAgW21hdERhdGV0aW1lcGlja2VyXT1cImRhdGV0aW1lUGlja2VyXCJcbiAgICAgIGF1dG9jb21wbGV0ZT1cImZhbHNlXCJcbiAgICAgIFtpZF09XCJpZFwiXG4gICAgICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAvPlxuICAgIEBpZiAodHlwZSA9PT0gJ3RpbWUnKSB7XG4gICAgICA8YnV0dG9uXG4gICAgICAgIG1hdFRleHRTdWZmaXhcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIG1hdC1pY29uLWJ1dHRvblxuICAgICAgICAoY2xpY2spPVwidG9nZ2xlKCRldmVudClcIlxuICAgICAgICBbZGlzYWJsZWRdPVwiIXNob3dUaW1lUGlja2VyXCJcbiAgICAgICAgY2xhc3M9XCJhY3Rpb24taWNvblwiXG4gICAgICA+XG4gICAgICAgIDxhZHMtaWNvbiBjbGFzcz1cInBpY2tlclwiIG5hbWU9XCJ0aW1lcGlja2VyXCIgW3NpemVdPVwic21hbGxTaXplID8gJ3h4cycgOiAnc20nXCIgW3N0cm9rZV09XCInaWNvblByaW1hcnknXCIgLz5cbiAgICAgIDwvYnV0dG9uPlxuICAgIH0gQGVsc2Uge1xuICAgICAgPGJ1dHRvbiBtYXRUZXh0U3VmZml4IHR5cGU9XCJidXR0b25cIiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cInRvZ2dsZSgkZXZlbnQpXCIgY2xhc3M9XCJhY3Rpb24taWNvblwiPlxuICAgICAgICA8YWRzLWljb24gY2xhc3M9XCJwaWNrZXJcIiBuYW1lPVwiZGF0ZXBpY2tlclwiIFtzaXplXT1cInNtYWxsU2l6ZSA/ICd4eHMnIDogJ3NtJ1wiIFtzdHJva2VdPVwiJ2ljb25QcmltYXJ5J1wiIC8+XG4gICAgICAgIEBpZiAodHlwZSA9PT0gJ2RhdGV0aW1lJykge1xuICAgICAgICAgIDxhZHMtaWNvblxuICAgICAgICAgICAgY2xhc3M9XCJzdWItdGltZXBpY2tlciBtYXQtbWRjLWJ1dHRvbi1wZXJzaXN0ZW50LXJpcHBsZSBwaWNrZXJcIlxuICAgICAgICAgICAgbmFtZT1cInRpbWVwaWNrZXJcIlxuICAgICAgICAgICAgc2l6ZT1cInh4c1wiXG4gICAgICAgICAgICBbc3Ryb2tlXT1cIidpY29uUHJpbWFyeSdcIlxuICAgICAgICAgIC8+XG4gICAgICAgIH1cbiAgICAgIDwvYnV0dG9uPlxuICAgIH1cblxuICAgIEBpZiAoY2FuQ2xlYXIpIHtcbiAgICAgIDxidXR0b24gbWF0VGV4dFN1ZmZpeCB0eXBlPVwiYnV0dG9uXCIgbWF0LWljb24tYnV0dG9uIChjbGljayk9XCJjbGVhcigkZXZlbnQpXCIgY2xhc3M9XCJhY3Rpb24taWNvblwiPlxuICAgICAgICA8YWRzLWljb24gY2xhc3M9XCJjcm9zcy1pY29uXCIgbmFtZT1cImNyb3NzXCIgW3NpemVdPVwic21hbGxTaXplID8gJ3h4cycgOiAneHMnXCIgW3RoZW1lXT1cIidpY29uUHJpbWFyeSdcIiAvPlxuICAgICAgPC9idXR0b24+XG4gICAgfVxuICA8L21hdC1mb3JtLWZpZWxkPlxuICBAaWYgKHNob3dGb290ZXIpIHtcbiAgICA8ZGl2IGNsYXNzPVwiZm9vdGVyLWNvbnRhaW5lclwiPlxuICAgICAgQGlmIChjYW5TaG93RXJyb3IoKSkge1xuICAgICAgICA8YWRzLWVycm9yIFtlcnJvcl09XCJkaXNwbGF5Rmlyc3RFcnJvcigpXCIgW25nU3R5bGVdPVwieyB3aWR0aDogd2lkdGggfVwiIC8+XG4gICAgICB9IEBlbHNlIGlmIChjYW5TaG93U3VjY2VzcygpKSB7XG4gICAgICAgIDxhZHMtc3VjY2VzcyBbc3VjY2Vzc109XCJzdWNjZXNzTWVzc2FnZSFcIiBbbmdTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aCB9XCIgLz5cbiAgICAgIH0gQGVsc2UgaWYgKGhpbnQpIHtcbiAgICAgICAgPGFkcy1oaW50IFtoaW50XT1cImhpbnRcIiBbY29udHJvbF09XCJ2YWx1ZUNvbnRyb2xcIiBbbmdTdHlsZV09XCJ7IHdpZHRoOiB3aWR0aCB9XCIgLz5cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgfVxuPC9kaXY+XG5AaWYgKHRvb2x0aXApIHtcbiAgPGFkcy1pbnB1dC10b29sdGlwIFt0b29sdGlwXT1cInRvb2x0aXBcIiAvPlxufVxuIl19