@kato-lee/components 1.0.3

package/esm2022/fields/number-field/number-field.component.mjs

@@ -0,0 +1,165 @@
+import { Component, Optional, Input, Self, Output, EventEmitter, } from '@angular/core';
+import { Validators, } from '@angular/forms';
+import { TAK_DEFAULT_APPEARANCE_FORM } from '../fields.common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@kato-lee/material/form-field";
+import * as i3 from "@kato-lee/material/button";
+import * as i4 from "../error/error.component";
+import * as i5 from "@kato-lee/material/icon";
+import * as i6 from "@kato-lee/material/input";
+export class TakNumberFieldComponent {
+    constructor(_ngControl, _formGroupDirective, _cd) {
+        this._ngControl = _ngControl;
+        this._formGroupDirective = _formGroupDirective;
+        this._cd = _cd;
+        this.autocomplete = 'off';
+        this.appearance = TAK_DEFAULT_APPEARANCE_FORM;
+        this.floatLabel = 'auto';
+        this.color = 'primary';
+        this.actionIcon = 'search';
+        this.hasActionButton = false;
+        this.hasClearButton = false;
+        this.countCaracters = false;
+        this.placeholder = '';
+        this.disabled = false;
+        this.onExecuteAction = new EventEmitter();
+        this.onKeyUp = new EventEmitter();
+        this.onChangeFn = (_) => { };
+        this.onTouchFn = (_) => { };
+        this._isSubmitted = false;
+        this._isInvalid = false;
+        this._required = false;
+        this._value = '';
+        if (_ngControl)
+            this._ngControl.valueAccessor = this;
+        if (_formGroupDirective) {
+            this._subscription = _formGroupDirective.ngSubmit.subscribe(() => {
+                this._isSubmitted = true;
+                _cd.markForCheck();
+            });
+        }
+    }
+    ngOnInit() {
+        const form = this.control;
+        if (form?._rawValidators) {
+            form._rawValidators.forEach((r) => {
+                if (r.name.includes('required'))
+                    this._required = true;
+            });
+        }
+        if (this.min)
+            this.control.addValidators(Validators.min(this.min));
+        if (this.max)
+            this.control.addValidators(Validators.max(this.max));
+        if (this.disabled)
+            this.control.disable();
+    }
+    writeValue(value) {
+        if (value === null)
+            this._isInvalid = false;
+        this._value = value;
+        this._isSubmitted = false;
+        this._cd.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchFn = fn;
+    }
+    onChange(event) {
+        this._value = event.target.value;
+        this.onChangeFn(['', null, undefined].indexOf(event.target.value) < 0 ? +event.target.value : null);
+        if (this.control.touched)
+            this._onValidate();
+    }
+    onFocusOut() {
+        this.onTouchFn(true);
+        this._onValidate();
+    }
+    _onValidate() {
+        if (this.control.invalid)
+            this._isInvalid = true;
+        else
+            this._isInvalid = false;
+    }
+    onClearControl() {
+        if (['', null, undefined].indexOf(this.control.value) >= 0) {
+            this.control.setValue('', { emitEvent: false });
+        }
+        else
+            this.control.setValue('');
+        this._value = '';
+    }
+    ngOnDestroy() {
+        if (this._subscription)
+            this._subscription.unsubscribe();
+    }
+    get control() {
+        return this._ngControl.control;
+    }
+    get directive() {
+        return this._formGroupDirective;
+    }
+    get isDisabled() {
+        return this._ngControl.disabled;
+    }
+    get isSubmitted() {
+        return this._isSubmitted;
+    }
+    get isInvalid() {
+        return this._isInvalid;
+    }
+    get required() {
+        return this._required;
+    }
+    get value() {
+        return this._value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakNumberFieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i1.FormGroupDirective, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakNumberFieldComponent, selector: "tak-number-field", inputs: { autocomplete: "autocomplete", appearance: "appearance", floatLabel: "floatLabel", color: "color", actionIcon: "actionIcon", hasActionButton: "hasActionButton", hasClearButton: "hasClearButton", countCaracters: "countCaracters", placeholder: "placeholder", min: "min", max: "max", minLength: "minLength", maxLength: "maxLength", disabled: "disabled" }, outputs: { onExecuteAction: "onExecuteAction", onKeyUp: "onKeyUp" }, ngImport: i0, template: "<div class=\"tak-form-container\">\r\n  <mat-form-field\r\n    [floatLabel]=\"floatLabel\"\r\n    [class.mat-form-field-invalid]=\"isInvalid || (isSubmitted && control.invalid)\"\r\n    [appearance]=\"appearance\"\r\n    [color]=\"color\"\r\n  >\r\n    <mat-label>\r\n      <ng-content></ng-content>{{ ' ' }}\r\n      @if (required) {\r\n        <span class=\"tak-field__danger-x\">*</span>\r\n      }\r\n    </mat-label>\r\n    <input\r\n      type=\"number\"\r\n      matInput\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n      [autocomplete]=\"autocomplete\"\r\n      [value]=\"value\"\r\n      (keyup)=\"onChange($event)\"\r\n      [placeholder]=\"placeholder\"\r\n      (change)=\"onChange($event)\"\r\n      [disabled]=\"isDisabled\"\r\n      [attr.minLength]=\"minLength\"\r\n      [attr.maxLength]=\"maxLength\"\r\n      (focusout)=\"onFocusOut()\"\r\n    />\r\n    @if (control.value && hasClearButton && !isDisabled) {\r\n      <button matSuffix mat-icon-button type=\"button\" (click)=\"onClearControl()\">\r\n        <mat-icon class=\"tak-suffix-icon-button\">close</mat-icon>\r\n      </button>\r\n    }\r\n    @if (control.value && hasActionButton && !isDisabled) {\r\n      <button matSuffix mat-icon-button type=\"button\" (click)=\"onExecuteAction.emit(control.value)\">\r\n        <mat-icon class=\"tak-suffix-icon-button\">{{ actionIcon }}</mat-icon>\r\n      </button>\r\n    }\r\n    @if (countCaracters) {\r\n      <mat-hint align=\"end\" class=\"tak-hint\">\r\n        {{ control.value?.length || 0 }}/{{ maxLength }}\r\n      </mat-hint>\r\n    }\r\n  </mat-form-field>\r\n  <div [style.maxWidth]=\"countCaracters ? '80%' : '100%'\">\r\n    @if (isInvalid || (isSubmitted && control.invalid)) {\r\n      <tak-error [control]=\"control\"></tak-error>\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.TakErrorComponent, selector: "tak-error", inputs: ["control", "start", "end", "isDateField", "isNumberField", "marginTop"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakNumberFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tak-number-field', template: "<div class=\"tak-form-container\">\r\n  <mat-form-field\r\n    [floatLabel]=\"floatLabel\"\r\n    [class.mat-form-field-invalid]=\"isInvalid || (isSubmitted && control.invalid)\"\r\n    [appearance]=\"appearance\"\r\n    [color]=\"color\"\r\n  >\r\n    <mat-label>\r\n      <ng-content></ng-content>{{ ' ' }}\r\n      @if (required) {\r\n        <span class=\"tak-field__danger-x\">*</span>\r\n      }\r\n    </mat-label>\r\n    <input\r\n      type=\"number\"\r\n      matInput\r\n      [min]=\"min\"\r\n      [max]=\"max\"\r\n      [autocomplete]=\"autocomplete\"\r\n      [value]=\"value\"\r\n      (keyup)=\"onChange($event)\"\r\n      [placeholder]=\"placeholder\"\r\n      (change)=\"onChange($event)\"\r\n      [disabled]=\"isDisabled\"\r\n      [attr.minLength]=\"minLength\"\r\n      [attr.maxLength]=\"maxLength\"\r\n      (focusout)=\"onFocusOut()\"\r\n    />\r\n    @if (control.value && hasClearButton && !isDisabled) {\r\n      <button matSuffix mat-icon-button type=\"button\" (click)=\"onClearControl()\">\r\n        <mat-icon class=\"tak-suffix-icon-button\">close</mat-icon>\r\n      </button>\r\n    }\r\n    @if (control.value && hasActionButton && !isDisabled) {\r\n      <button matSuffix mat-icon-button type=\"button\" (click)=\"onExecuteAction.emit(control.value)\">\r\n        <mat-icon class=\"tak-suffix-icon-button\">{{ actionIcon }}</mat-icon>\r\n      </button>\r\n    }\r\n    @if (countCaracters) {\r\n      <mat-hint align=\"end\" class=\"tak-hint\">\r\n        {{ control.value?.length || 0 }}/{{ maxLength }}\r\n      </mat-hint>\r\n    }\r\n  </mat-form-field>\r\n  <div [style.maxWidth]=\"countCaracters ? '80%' : '100%'\">\r\n    @if (isInvalid || (isSubmitted && control.invalid)) {\r\n      <tak-error [control]=\"control\"></tak-error>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i1.FormGroupDirective, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { autocomplete: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], actionIcon: [{
+                type: Input
+            }], hasActionButton: [{
+                type: Input
+            }], hasClearButton: [{
+                type: Input
+            }], countCaracters: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], minLength: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], onExecuteAction: [{
+                type: Output
+            }], onKeyUp: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibnVtYmVyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb21wb25lbnRzL2ZpZWxkcy9udW1iZXItZmllbGQvbnVtYmVyLWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb21wb25lbnRzL2ZpZWxkcy9udW1iZXItZmllbGQvbnVtYmVyLWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsUUFBUSxFQUVSLEtBQUssRUFDTCxJQUFJLEVBQ0osTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBS0wsVUFBVSxHQUNYLE1BQU0sZ0JBQWdCLENBQUM7QUFFeEIsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7Ozs7O0FBUS9ELE1BQU0sT0FBTyx1QkFBdUI7SUFrQ2xDLFlBQzhCLFVBQXFCLEVBQzdCLG1CQUF1QyxFQUNuRCxHQUFzQjtRQUZGLGVBQVUsR0FBVixVQUFVLENBQVc7UUFDN0Isd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFvQjtRQUNuRCxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQXBDdkIsaUJBQVksR0FBaUIsS0FBSyxDQUFDO1FBRW5DLGVBQVUsR0FBMkIsMkJBQTJCLENBQUM7UUFDakUsZUFBVSxHQUFtQixNQUFNLENBQUM7UUFDcEMsVUFBSyxHQUFpQixTQUFTLENBQUM7UUFDaEMsZUFBVSxHQUFHLFFBQVEsQ0FBQztRQUV0QixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixnQkFBVyxHQUFHLEVBQUUsQ0FBQztRQVFqQixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRWhCLG9CQUFlLEdBQUcsSUFBSSxZ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UyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUM7SUFDckIsQ0FBQzs4R0F0SVUsdUJBQXVCO2tHQUF2Qix1QkFBdUIsdWVDM0JwQyxzeERBa0RBOzsyRkR2QmEsdUJBQXVCO2tCQUpuQyxTQUFTOytCQUNFLGtCQUFrQjs7MEJBc0N6QixJQUFJOzswQkFBSSxRQUFROzswQkFDaEIsUUFBUTt5RUFuQ0YsWUFBWTtzQkFBcEIsS0FBSztnQkFFRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBRUcsZUFBZTtzQkFBdkIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFFRyxHQUFHO3NCQUFYLEtBQUs7Z0JBQ0csR0FBRztzQkFBWCxLQUFLO2dCQUVHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFRyxRQUFRO3NCQUFoQixLQUFLO2dCQUVJLGVBQWU7c0JBQXhCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XHJcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXHJcbiAgQ29tcG9uZW50LFxyXG4gIE9uRGVzdHJveSxcclxuICBPcHRpb25hbCxcclxuICBPbkluaXQsXHJcbiAgSW5wdXQsXHJcbiAgU2VsZixcclxuICBPdXRwdXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge1xyXG4gIENvbnRyb2xWYWx1ZUFjY2Vzc29yLFxyXG4gIEZvcm1Hcm91cERpcmVjdGl2ZSxcclxuICBGb3JtQ29udHJvbCxcclxuICBOZ0NvbnRyb2wsXHJcbiAgVmFsaWRhdG9ycyxcclxufSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XHJcbmltcG9ydCB7IFN1YnNjcmlwdGlvbiB9IGZyb20gJ3J4anMnO1xyXG5pbXBvcnQgeyBUQUtfREVGQVVMVF9BUFBFQVJBTkNFX0ZPUk0gfSBmcm9tICcuLi9maWVsZHMuY29tbW9uJztcclxuaW1wb3J0IHsgRmxvYXRMYWJlbFR5cGUsIE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UgfSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0BrYXRvLWxlZS9tYXRlcmlhbC9jb3JlJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAndGFrLW51bWJlci1maWVsZCcsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL251bWJlci1maWVsZC5jb21wb25lbnQuaHRtbCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWtOdW1iZXJGaWVsZENvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCkgYXV0b2NvbXBsZXRlOiAnb2ZmJyB8ICdvbicgPSAnb2ZmJztcclxuXHJcbiAgQElucHV0KCkgYXBwZWFyYW5jZTogTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSA9IFRBS19ERUZBVUxUX0FQUEVBUkFOQ0VfRk9STTtcclxuICBASW5wdXQoKSBmbG9hdExhYmVsOiBGbG9hdExhYmVsVHlwZSA9ICdhdXRvJztcclxuICBASW5wdXQoKSBjb2xvcjogVGhlbWVQYWxldHRlID0gJ3ByaW1hcnknO1xyXG4gIEBJbnB1dCgpIGFjdGlvbkljb24gPSAnc2VhcmNoJztcclxuXHJcbiAgQElucHV0KCkgaGFzQWN0aW9uQnV0dG9uID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaGFzQ2xlYXJCdXR0b24gPSBmYWxzZTtcclxuICBASW5wdXQoKSBjb3VudENhcmFjdGVycyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIG1pbiE6IG51bWJlcjtcclxuICBASW5wdXQoKSBtYXghOiBudW1iZXI7XHJcblxyXG4gIEBJbnB1dCgpIG1pbkxlbmd0aCE6IG51bWJlcjtcclxuICBASW5wdXQoKSBtYXhMZW5ndGghOiBudW1iZXI7XHJcblxyXG4gIEBJbnB1dCgpIGRpc2FibGVkID0gZmFsc2U7XHJcblxyXG4gIEBPdXRwdXQoKSBvbkV4ZWN1dGVBY3Rpb24gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcbiAgQE91dHB1dCgpIG9uS2V5VXAgPSBuZXcgRXZlbnRFbWl0dGVyKCk7XHJcblxyXG4gIHB1YmxpYyBvbkNoYW5nZUZuID0gKF86IGFueSkgPT4ge307XHJcbiAgcHVibGljIG9uVG91Y2hGbiA9IChfOiBhbnkpID0+IHt9O1xyXG5cclxuICBwcml2YXRlIF9pc1N1Ym1pdHRlZCA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX2lzSW52YWxpZCA9IGZhbHNlO1xyXG4gIHByaXZhdGUgX3JlcXVpcmVkID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfdmFsdWUgPSAnJztcclxuXHJcbiAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBTZWxmKCkgQE9wdGlvbmFsKCkgcHJpdmF0ZSBfbmdDb250cm9sOiBOZ0NvbnRyb2wsXHJcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIF9mb3JtR3JvdXBEaXJlY3RpdmU6IEZvcm1Hcm91cERpcmVjdGl2ZSxcclxuICAgIHByaXZhdGUgX2NkOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICkge1xyXG4gICAgaWYgKF9uZ0NvbnRyb2wpIHRoaXMuX25nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcclxuXHJcbiAgICBpZiAoX2Zvcm1Hcm91cERpcmVjdGl2ZSkge1xyXG4gICAgICB0aGlzLl9zdWJzY3JpcHRpb24gPSBfZm9ybUdyb3VwRGlyZWN0aXZlLm5nU3VibWl0LnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5faXNTdWJtaXR0ZWQgPSB0cnVlO1xyXG4gICAgICAgIF9jZC5tYXJrRm9yQ2hlY2soKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBmb3JtOiBhbnkgPSB0aGlzLmNvbnRyb2w7XHJcblxyXG4gICAgaWYgKGZvcm0/Ll9yYXdWYWxpZGF0b3JzKSB7XHJcbiAgICAgIGZvcm0uX3Jhd1ZhbGlkYXRvcnMuZm9yRWFjaCgocjogYW55KSA9PiB7XHJcbiAgICAgICAgaWYgKHIubmFtZS5pbmNsdWRlcygncmVxdWlyZWQnKSkgdGhpcy5fcmVxdWlyZWQgPSB0cnVlO1xyXG4gICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5taW4pIHRoaXMuY29udHJvbC5hZGRWYWxpZGF0b3JzKFZhbGlkYXRvcnMubWluKHRoaXMubWluKSk7XHJcbiAgICBpZiAodGhpcy5tYXgpIHRoaXMuY29udHJvbC5hZGRWYWxpZGF0b3JzKFZhbGlkYXRvcnMubWF4KHRoaXMubWF4KSk7XHJcblxyXG4gICAgaWYgKHRoaXMuZGlzYWJsZWQpIHRoaXMuY29udHJvbC5kaXNhYmxlKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgd3JpdGVWYWx1ZSh2YWx1ZTogc3RyaW5nKTogdm9pZCB7XHJcbiAgICBpZiAodmFsdWUgPT09IG51bGwpIHRoaXMuX2lzSW52YWxpZCA9IGZhbHNlO1xyXG4gICAgdGhpcy5fdmFsdWUgPSB2YWx1ZTtcclxuICAgIHRoaXMuX2lzU3VibWl0dGVkID0gZmFsc2U7XHJcbiAgICB0aGlzLl9jZC5tYXJrRm9yQ2hlY2soKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2VGbiA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaEZuID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5fdmFsdWUgPSBldmVudC50YXJnZXQudmFsdWU7XHJcbiAgICB0aGlzLm9uQ2hhbmdlRm4oXHJcbiAgICAgIFsnJywgbnVsbCwgdW5kZWZpbmVkXS5pbmRleE9mKGV2ZW50LnRhcmdldC52YWx1ZSkgPCAwID8gK2V2ZW50LnRhcmdldC52YWx1ZSA6IG51bGxcclxuICAgICk7XHJcbiAgICBpZiAodGhpcy5jb250cm9sLnRvdWNoZWQpIHRoaXMuX29uVmFsaWRhdGUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkZvY3VzT3V0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoRm4odHJ1ZSk7XHJcbiAgICB0aGlzLl9vblZhbGlkYXRlKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9vblZhbGlkYXRlKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuY29udHJvbC5pbnZhbGlkKSB0aGlzLl9pc0ludmFsaWQgPSB0cnVlO1xyXG4gICAgZWxzZSB0aGlzLl9pc0ludmFsaWQgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsZWFyQ29udHJvbCgpOiB2b2lkIHtcclxuICAgIGlmIChbJycsIG51bGwsIHVuZGVmaW5lZF0uaW5kZXhPZih0aGlzLmNvbnRyb2wudmFsdWUpID49IDApIHtcclxuICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKCcnLCB7IGVtaXRFdmVudDogZmFsc2UgfSk7XHJcbiAgICB9IGVsc2UgdGhpcy5jb250cm9sLnNldFZhbHVlKCcnKTtcclxuICAgIHRoaXMuX3ZhbHVlID0gJyc7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5fc3Vic2NyaXB0aW9uKSB0aGlzLl9zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcblxyXG4gIGdldCBjb250cm9sKCk6IEZvcm1Db250cm9sIHtcclxuICAgIHJldHVybiB0aGlzLl9uZ0NvbnRyb2wuY29udHJvbCBhcyBGb3JtQ29udHJvbDtcclxuICB9XHJcblxyXG4gIGdldCBkaXJlY3RpdmUoKTogRm9ybUdyb3VwRGlyZWN0aXZlIHtcclxuICAgIHJldHVybiB0aGlzLl9mb3JtR3JvdXBEaXJlY3RpdmUgYXMgRm9ybUdyb3VwRGlyZWN0aXZlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGlzRGlzYWJsZWQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fbmdDb250cm9sLmRpc2FibGVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGlzU3VibWl0dGVkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX2lzU3VibWl0dGVkO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGlzSW52YWxpZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9pc0ludmFsaWQ7XHJcbiAgfVxyXG5cclxuICBnZXQgcmVxdWlyZWQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fcmVxdWlyZWQ7XHJcbiAgfVxyXG5cclxuICBnZXQgdmFsdWUoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fdmFsdWU7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ0YWstZm9ybS1jb250YWluZXJcIj5cclxuICA8bWF0LWZvcm0tZmllbGRcclxuICAgIFtmbG9hdExhYmVsXT1cImZsb2F0TGFiZWxcIlxyXG4gICAgW2NsYXNzLm1hdC1mb3JtLWZpZWxkLWludmFsaWRdPVwiaXNJbnZhbGlkIHx8IChpc1N1Ym1pdHRlZCAmJiBjb250cm9sLmludmFsaWQpXCJcclxuICAgIFthcHBlYXJhbmNlXT1cImFwcGVhcmFuY2VcIlxyXG4gICAgW2NvbG9yXT1cImNvbG9yXCJcclxuICA+XHJcbiAgICA8bWF0LWxhYmVsPlxyXG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+e3sgJyAnIH19XHJcbiAgICAgIEBpZiAocmVxdWlyZWQpIHtcclxuICAgICAgICA8c3BhbiBjbGFzcz1cInRhay1maWVsZF9fZGFuZ2VyLXhcIj4qPC9zcGFuPlxyXG4gICAgICB9XHJcbiAgICA8L21hdC1sYWJlbD5cclxuICAgIDxpbnB1dFxyXG4gICAgICB0eXBlPVwibnVtYmVyXCJcclxuICAgICAgbWF0SW5wdXRcclxuICAgICAgW21pbl09XCJtaW5cIlxyXG4gICAgICBbbWF4XT1cIm1heFwiXHJcbiAgICAgIFthdXRvY29tcGxldGVdPVwiYXV0b2NvbXBsZXRlXCJcclxuICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgKGtleXVwKT1cIm9uQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICBbcGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxyXG4gICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXHJcbiAgICAgIFthdHRyLm1pbkxlbmd0aF09XCJtaW5MZW5ndGhcIlxyXG4gICAgICBbYXR0ci5tYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcclxuICAgICAgKGZvY3Vzb3V0KT1cIm9uRm9jdXNPdXQoKVwiXHJcbiAgICAvPlxyXG4gICAgQGlmIChjb250cm9sLnZhbHVlICYmIGhhc0NsZWFyQnV0dG9uICYmICFpc0Rpc2FibGVkKSB7XHJcbiAgICAgIDxidXR0b24gbWF0U3VmZml4IG1hdC1pY29uLWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgKGNsaWNrKT1cIm9uQ2xlYXJDb250cm9sKClcIj5cclxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJ0YWstc3VmZml4LWljb24tYnV0dG9uXCI+Y2xvc2U8L21hdC1pY29uPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIH1cclxuICAgIEBpZiAoY29udHJvbC52YWx1ZSAmJiBoYXNBY3Rpb25CdXR0b24gJiYgIWlzRGlzYWJsZWQpIHtcclxuICAgICAgPGJ1dHRvbiBtYXRTdWZmaXggbWF0LWljb24tYnV0dG9uIHR5cGU9XCJidXR0b25cIiAoY2xpY2spPVwib25FeGVjdXRlQWN0aW9uLmVtaXQoY29udHJvbC52YWx1ZSlcIj5cclxuICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJ0YWstc3VmZml4LWljb24tYnV0dG9uXCI+e3sgYWN0aW9uSWNvbiB9fTwvbWF0LWljb24+XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgfVxyXG4gICAgQGlmIChjb3VudENhcmFjdGVycykge1xyXG4gICAgICA8bWF0LWhpbnQgYWxpZ249XCJlbmRcIiBjbGFzcz1cInRhay1oaW50XCI+XHJcbiAgICAgICAge3sgY29udHJvbC52YWx1ZT8ubGVuZ3RoIHx8IDAgfX0ve3sgbWF4TGVuZ3RoIH19XHJcbiAgICAgIDwvbWF0LWhpbnQ+XHJcbiAgICB9XHJcbiAgPC9tYXQtZm9ybS1maWVsZD5cclxuICA8ZGl2IFtzdHlsZS5tYXhXaWR0aF09XCJjb3VudENhcmFjdGVycyA/ICc4MCUnIDogJzEwMCUnXCI+XHJcbiAgICBAaWYgKGlzSW52YWxpZCB8fCAoaXNTdWJtaXR0ZWQgJiYgY29udHJvbC5pbnZhbGlkKSkge1xyXG4gICAgICA8dGFrLWVycm9yIFtjb250cm9sXT1cImNvbnRyb2xcIj48L3Rhay1lcnJvcj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxuPC9kaXY+XHJcbiJdfQ==

package/esm2022/fields/select-field/select-field.component.mjs

@@ -0,0 +1,135 @@
+import { Component, Optional, Input, Self, EventEmitter, Output, } from '@angular/core';
+import { takeUntil } from 'rxjs/operators';
+import { Subject } from 'rxjs';
+import { TAK_DEFAULT_APPEARANCE_FORM } from '../fields.common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@kato-lee/material/form-field";
+import * as i3 from "@kato-lee/material/button";
+import * as i4 from "@kato-lee/material/core";
+import * as i5 from "../error/error.component";
+import * as i6 from "@kato-lee/material/icon";
+import * as i7 from "@kato-lee/material/select";
+import * as i8 from "@kato-lee/material/tooltip";
+import * as i9 from "@kato-lee/material/menu";
+export class TakSelectFieldComponent {
+    constructor(_ngControl, _formGroupDirective, _cd) {
+        this._ngControl = _ngControl;
+        this._formGroupDirective = _formGroupDirective;
+        this._cd = _cd;
+        this.autocomplete = 'off';
+        this.appearance = TAK_DEFAULT_APPEARANCE_FORM;
+        this.color = 'primary';
+        this.suggestions = [];
+        this.disabled = false;
+        this.type = 'select';
+        this.tooltip = '';
+        this.icon = 'filter_list';
+        this.option = 'option';
+        this.extraInfo = '';
+        this.hasDefaultValue = false;
+        this.onSelect = new EventEmitter();
+        this.onChangeFn = (_) => { };
+        this.onTouchFn = (_) => { };
+        this.isInvalid = false;
+        this.isSubmitted = false;
+        this._unsubscribe$ = new Subject();
+        if (_ngControl)
+            this._ngControl.valueAccessor = this;
+        if (_formGroupDirective) {
+            _formGroupDirective.ngSubmit.pipe(takeUntil(this._unsubscribe$)).subscribe(() => {
+                this.isSubmitted = true;
+                _cd.markForCheck();
+            });
+        }
+    }
+    ngOnInit() {
+        if (this.suggestions.length && this.hasDefaultValue) {
+            this._ngControl.control?.setValue(this.suggestions[0]);
+        }
+        if (this.disabled)
+            this.control.disable();
+    }
+    writeValue(value) { }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchFn = fn;
+    }
+    onChange(event) {
+        this.onChangeFn(event.target.value);
+        if (this.control.touched)
+            this._onValidate();
+    }
+    emit(el) {
+        if (el.isUserInput) {
+            this.onSelect.emit(el.source.value);
+            this.isInvalid = false;
+        }
+    }
+    justEmit(el) {
+        this.control.setValue(el);
+        this.onSelect.emit(el);
+        this.isInvalid = false;
+    }
+    onFocusOut() {
+        this._onValidate();
+    }
+    _onValidate() {
+        if (this.control.invalid)
+            this.isInvalid = true;
+        else
+            this.isInvalid = false;
+    }
+    ngOnDestroy() {
+        this._unsubscribe$.next();
+        this._unsubscribe$.complete();
+    }
+    get control() {
+        return this._ngControl?.control;
+    }
+    get directive() {
+        return this._formGroupDirective;
+    }
+    get isDisabled() {
+        return this._ngControl.disabled;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakSelectFieldComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i1.FormGroupDirective, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakSelectFieldComponent, selector: "tak-select-field", inputs: { autocomplete: "autocomplete", appearance: "appearance", color: "color", suggestions: "suggestions", disabled: "disabled", type: "type", tooltip: "tooltip", icon: "icon", option: "option", extraInfo: "extraInfo", hasDefaultValue: "hasDefaultValue" }, outputs: { onSelect: "onSelect" }, ngImport: i0, template: "@if (type === 'select') {\r\n  <div class=\"tak-form-container\">\r\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\">\r\n      <mat-label><ng-content></ng-content></mat-label>\r\n      <mat-select [formControl]=\"control\" (focusout)=\"onFocusOut()\">\r\n        @for (suggestion of suggestions; track suggestion) {\r\n          <mat-option\r\n            [value]=\"suggestion\"\r\n            (onSelectionChange)=\"emit($event)\"\r\n            title=\"{{ suggestion[option] }} {{\r\n              extraInfo ? '(' + suggestion[extraInfo] + ')' : ''\r\n            }}\"\r\n          >\r\n            {{ suggestion[option] }}\r\n            @if (extraInfo) {\r\n              <span class=\"tak-option-span-extra\">{{ suggestion[extraInfo] }}</span>\r\n            }\r\n          </mat-option>\r\n        }\r\n      </mat-select>\r\n    </mat-form-field>\r\n    @if (isInvalid || (isSubmitted && control.invalid)) {\r\n      <tak-error [control]=\"control\"></tak-error>\r\n    }\r\n  </div>\r\n} @else {\r\n  <div [matTooltip]=\"tooltip\">\r\n    @if (type === 'menu') {\r\n      <span>\r\n        <button mat-icon-button type=\"button\" [matMenuTriggerFor]=\"menu\" [disabled]=\"isDisabled\">\r\n          <mat-icon>{{ icon }}</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (item of suggestions; track item) {\r\n            <a tak-menu-item (click)=\"justEmit(item)\">\r\n              {{ item[option] }}\r\n            </a>\r\n          }\r\n        </mat-menu>\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n", dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { kind: "component", type: i5.TakErrorComponent, selector: "tak-error", inputs: ["control", "start", "end", "isDateField", "isNumberField", "marginTop"] }, { kind: "component", type: i6.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i7.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { kind: "directive", type: i8.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { kind: "component", type: i9.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i9.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakSelectFieldComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tak-select-field', template: "@if (type === 'select') {\r\n  <div class=\"tak-form-container\">\r\n    <mat-form-field [appearance]=\"appearance\" [color]=\"color\">\r\n      <mat-label><ng-content></ng-content></mat-label>\r\n      <mat-select [formControl]=\"control\" (focusout)=\"onFocusOut()\">\r\n        @for (suggestion of suggestions; track suggestion) {\r\n          <mat-option\r\n            [value]=\"suggestion\"\r\n            (onSelectionChange)=\"emit($event)\"\r\n            title=\"{{ suggestion[option] }} {{\r\n              extraInfo ? '(' + suggestion[extraInfo] + ')' : ''\r\n            }}\"\r\n          >\r\n            {{ suggestion[option] }}\r\n            @if (extraInfo) {\r\n              <span class=\"tak-option-span-extra\">{{ suggestion[extraInfo] }}</span>\r\n            }\r\n          </mat-option>\r\n        }\r\n      </mat-select>\r\n    </mat-form-field>\r\n    @if (isInvalid || (isSubmitted && control.invalid)) {\r\n      <tak-error [control]=\"control\"></tak-error>\r\n    }\r\n  </div>\r\n} @else {\r\n  <div [matTooltip]=\"tooltip\">\r\n    @if (type === 'menu') {\r\n      <span>\r\n        <button mat-icon-button type=\"button\" [matMenuTriggerFor]=\"menu\" [disabled]=\"isDisabled\">\r\n          <mat-icon>{{ icon }}</mat-icon>\r\n        </button>\r\n        <mat-menu #menu=\"matMenu\">\r\n          @for (item of suggestions; track item) {\r\n            <a tak-menu-item (click)=\"justEmit(item)\">\r\n              {{ item[option] }}\r\n            </a>\r\n          }\r\n        </mat-menu>\r\n      </span>\r\n    }\r\n  </div>\r\n}\r\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i1.FormGroupDirective, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { autocomplete: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], suggestions: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], type: [{
+                type: Input
+            }], tooltip: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], option: [{
+                type: Input
+            }], extraInfo: [{
+                type: Input
+            }], hasDefaultValue: [{
+                type: Input
+            }], onSelect: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb21wb25lbnRzL2ZpZWxkcy9zZWxlY3QtZmllbGQvc2VsZWN0LWZpZWxkLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uL2xpYnJhcmllcy9jb21wb25lbnRzL2ZpZWxkcy9zZWxlY3QtZmllbGQvc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBQ1QsUUFBUSxFQUNSLEtBQUssRUFDTCxJQUFJLEVBRUosWUFBWSxFQUNaLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUV2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUcvQixPQUFPLEVBQTRCLDJCQUEyQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7Ozs7Ozs7Ozs7O0FBTXpGLE1BQU0sT0FBTyx1QkFBdUI7SUF5QmxDLFlBQzhCLFVBQXFCLEVBQzdCLG1CQUF1QyxFQUNuRCxHQUFzQjtRQUZGLGVBQVUsR0FBVixVQUFVLENBQVc7UUFDN0Isd0JBQW1CLEdBQW5CLG1CQUFtQixDQUFvQjtRQUNuRCxRQUFHLEdBQUgsR0FBRyxDQUFtQjtRQTNCdkIsaUJBQVksR0FBNkIsS0FBSyxDQUFDO1FBQy9DLGVBQVUsR0FBMkIsMkJBQTJCLENBQUM7UUFDakUsVUFBSyxHQUFpQixTQUFTLENBQUM7UUFDaEMsZ0JBQVcsR0FBVSxFQUFFLENBQUM7UUFDeEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixTQUFJLEdBQXNCLFFBQVEsQ0FBQztRQUNuQyxZQUFPLEdBQUcsRUFBRSxDQUFDO1FBQ2IsU0FBSSxHQUFHLGFBQWEsQ0FBQztRQUVyQixXQUFNLEdBQUcsUUFBUSxDQUFDO1FBQ2xCLGNB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QixDQUFDO0lBQ2pELENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxtQkFBeUMsQ0FBQztJQUN4RCxDQUFDO0lBRUQsSUFBSSxVQUFVO1FBQ1osT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLFFBQVEsQ0FBQztJQUNsQyxDQUFDOzhHQW5HVSx1QkFBdUI7a0dBQXZCLHVCQUF1QiwrVkN0QnBDLHFpREEyQ0E7OzJGRHJCYSx1QkFBdUI7a0JBSm5DLFNBQVM7K0JBQ0Usa0JBQWtCOzswQkE2QnpCLElBQUk7OzBCQUFJLFFBQVE7OzBCQUNoQixRQUFRO3lFQTFCRixZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFFRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFFRyxlQUFlO3NCQUF2QixLQUFLO2dCQUVJLFFBQVE7c0JBQWpCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIE9uRGVzdHJveSxcclxuICBDb21wb25lbnQsXHJcbiAgT3B0aW9uYWwsXHJcbiAgSW5wdXQsXHJcbiAgU2VsZixcclxuICBPbkluaXQsXHJcbiAgRXZlbnRFbWl0dGVyLFxyXG4gIE91dHB1dCxcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Db250cm9sLCBGb3JtR3JvdXBEaXJlY3RpdmUsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgdGFrZVVudGlsIH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xyXG5pbXBvcnQgeyBTdWJqZWN0IH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UgfSBmcm9tICdAa2F0by1sZWUvbWF0ZXJpYWwvZm9ybS1maWVsZCc7XHJcbmltcG9ydCB7IE1hdE9wdGlvblNlbGVjdGlvbkNoYW5nZSwgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGthdG8tbGVlL21hdGVyaWFsL2NvcmUnO1xyXG5pbXBvcnQgeyBUYWtBdXRvY29tcGxldGVGaWVsZFR5cGUsIFRBS19ERUZBVUxUX0FQUEVBUkFOQ0VfRk9STSB9IGZyb20gJy4uL2ZpZWxkcy5jb21tb24nO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0YWstc2VsZWN0LWZpZWxkJyxcclxuICB0ZW1wbGF0ZVVybDogJy4vc2VsZWN0LWZpZWxkLmNvbXBvbmVudC5odG1sJyxcclxufSlcclxuZXhwb3J0IGNsYXNzIFRha1NlbGVjdEZpZWxkQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0LCBPbkRlc3Ryb3ksIENvbnRyb2xWYWx1ZUFjY2Vzc29yIHtcclxuICBASW5wdXQoKSBhdXRvY29tcGxldGU6IFRha0F1dG9jb21wbGV0ZUZpZWxkVHlwZSA9ICdvZmYnO1xyXG4gIEBJbnB1dCgpIGFwcGVhcmFuY2U6IE1hdEZvcm1GaWVsZEFwcGVhcmFuY2UgPSBUQUtfREVGQVVMVF9BUFBFQVJBTkNFX0ZPUk07XHJcbiAgQElucHV0KCkgY29sb3I6IFRoZW1lUGFsZXR0ZSA9ICdwcmltYXJ5JztcclxuICBASW5wdXQoKSBzdWdnZXN0aW9uczogYW55W10gPSBbXTtcclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG5cclxuICBASW5wdXQoKSB0eXBlOiAnbWVudScgfCAnc2VsZWN0JyA9ICdzZWxlY3QnO1xyXG4gIEBJbnB1dCgpIHRvb2x0aXAgPSAnJztcclxuICBASW5wdXQoKSBpY29uID0gJ2ZpbHRlcl9saXN0JztcclxuXHJcbiAgQElucHV0KCkgb3B0aW9uID0gJ29wdGlvbic7XHJcbiAgQElucHV0KCkgZXh0cmFJbmZvID0gJyc7XHJcblxyXG4gIEBJbnB1dCgpIGhhc0RlZmF1bHRWYWx1ZSA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgb25TZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPGFueT4oKTtcclxuXHJcbiAgcHVibGljIG9uQ2hhbmdlRm4gPSAoXzogYW55KSA9PiB7fTtcclxuICBwdWJsaWMgb25Ub3VjaEZuID0gKF86IGFueSkgPT4ge307XHJcblxyXG4gIHB1YmxpYyBpc0ludmFsaWQgPSBmYWxzZTtcclxuICBwdWJsaWMgaXNTdWJtaXR0ZWQgPSBmYWxzZTtcclxuICBwcml2YXRlIF91bnN1YnNjcmliZSQgPSBuZXcgU3ViamVjdDx2b2lkPigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBTZWxmKCkgQE9wdGlvbmFsKCkgcHJpdmF0ZSBfbmdDb250cm9sOiBOZ0NvbnRyb2wsXHJcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIF9mb3JtR3JvdXBEaXJlY3RpdmU6IEZvcm1Hcm91cERpcmVjdGl2ZSxcclxuICAgIHByaXZhdGUgX2NkOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICkge1xyXG4gICAgaWYgKF9uZ0NvbnRyb2wpIHRoaXMuX25nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcclxuICAgIGlmIChfZm9ybUdyb3VwRGlyZWN0aXZlKSB7XHJcbiAgICAgIF9mb3JtR3JvdXBEaXJlY3RpdmUubmdTdWJtaXQucGlwZSh0YWtlVW50aWwodGhpcy5fdW5zdWJzY3JpYmUkKSkuc3Vic2NyaWJlKCgpID0+IHtcclxuICAgICAgICB0aGlzLmlzU3VibWl0dGVkID0gdHJ1ZTtcclxuICAgICAgICBfY2QubWFya0ZvckNoZWNrKCk7XHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIG5nT25Jbml0KCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuc3VnZ2VzdGlvbnMubGVuZ3RoICYmIHRoaXMuaGFzRGVmYXVsdFZhbHVlKSB7XHJcbiAgICAgIHRoaXMuX25nQ29udHJvbC5jb250cm9sPy5zZXRWYWx1ZSh0aGlzLnN1Z2dlc3Rpb25zWzBdKTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkgdGhpcy5jb250cm9sLmRpc2FibGUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHt9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25DaGFuZ2VGbiA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIHJlZ2lzdGVyT25Ub3VjaGVkKGZuOiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMub25Ub3VjaEZuID0gZm47XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25DaGFuZ2UoZXZlbnQ6IGFueSk6IHZvaWQge1xyXG4gICAgdGhpcy5vbkNoYW5nZUZuKGV2ZW50LnRhcmdldC52YWx1ZSk7XHJcbiAgICBpZiAodGhpcy5jb250cm9sLnRvdWNoZWQpIHRoaXMuX29uVmFsaWRhdGUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBlbWl0KGVsOiBNYXRPcHRpb25TZWxlY3Rpb25DaGFuZ2UpIHtcclxuICAgIGlmIChlbC5pc1VzZXJJbnB1dCkge1xyXG4gICAgICB0aGlzLm9uU2VsZWN0LmVtaXQoZWwuc291cmNlLnZhbHVlKTtcclxuICAgICAgdGhpcy5pc0ludmFsaWQgPSBmYWxzZTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBqdXN0RW1pdChlbDogYW55KSB7XHJcbiAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoZWwpO1xyXG4gICAgdGhpcy5vblNlbGVjdC5lbWl0KGVsKTtcclxuICAgIHRoaXMuaXNJbnZhbGlkID0gZmFsc2U7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgb25Gb2N1c091dCgpIHtcclxuICAgIHRoaXMuX29uVmFsaWRhdGUoKTtcclxuICB9XHJcblxyXG4gIHByaXZhdGUgX29uVmFsaWRhdGUoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5jb250cm9sLmludmFsaWQpIHRoaXMuaXNJbnZhbGlkID0gdHJ1ZTtcclxuICAgIGVsc2UgdGhpcy5pc0ludmFsaWQgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBuZ09uRGVzdHJveSgpOiB2b2lkIHtcclxuICAgIHRoaXMuX3Vuc3Vic2NyaWJlJC5uZXh0KCk7XHJcbiAgICB0aGlzLl91bnN1YnNjcmliZSQuY29tcGxldGUoKTtcclxuICB9XHJcblxyXG4gIGdldCBjb250cm9sKCk6IEZvcm1Db250cm9sIHtcclxuICAgIHJldHVybiB0aGlzLl9uZ0NvbnRyb2w/LmNvbnRyb2wgYXMgRm9ybUNvbnRyb2w7XHJcbiAgfVxyXG5cclxuICBnZXQgZGlyZWN0aXZlKCk6IEZvcm1Hcm91cERpcmVjdGl2ZSB7XHJcbiAgICByZXR1cm4gdGhpcy5fZm9ybUdyb3VwRGlyZWN0aXZlIGFzIEZvcm1Hcm91cERpcmVjdGl2ZTtcclxuICB9XHJcblxyXG4gIGdldCBpc0Rpc2FibGVkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX25nQ29udHJvbC5kaXNhYmxlZDtcclxuICB9XHJcbn1cclxuIiwiQGlmICh0eXBlID09PSAnc2VsZWN0Jykge1xyXG4gIDxkaXYgY2xhc3M9XCJ0YWstZm9ybS1jb250YWluZXJcIj5cclxuICAgIDxtYXQtZm9ybS1maWVsZCBbYXBwZWFyYW5jZV09XCJhcHBlYXJhbmNlXCIgW2NvbG9yXT1cImNvbG9yXCI+XHJcbiAgICAgIDxtYXQtbGFiZWw+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvbWF0LWxhYmVsPlxyXG4gICAgICA8bWF0LXNlbGVjdCBbZm9ybUNvbnRyb2xdPVwiY29udHJvbFwiIChmb2N1c291dCk9XCJvbkZvY3VzT3V0KClcIj5cclxuICAgICAgICBAZm9yIChzdWdnZXN0aW9uIG9mIHN1Z2dlc3Rpb25zOyB0cmFjayBzdWdnZXN0aW9uKSB7XHJcbiAgICAgICAgICA8bWF0LW9wdGlvblxyXG4gICAgICAgICAgICBbdmFsdWVdPVwic3VnZ2VzdGlvblwiXHJcbiAgICAgICAgICAgIChvblNlbGVjdGlvbkNoYW5nZSk9XCJlbWl0KCRldmVudClcIlxyXG4gICAgICAgICAgICB0aXRsZT1cInt7IHN1Z2dlc3Rpb25bb3B0aW9uXSB9fSB7e1xyXG4gICAgICAgICAgICAgIGV4dHJhSW5mbyA/ICcoJyArIHN1Z2dlc3Rpb25bZXh0cmFJbmZvXSArICcpJyA6ICcnXHJcbiAgICAgICAgICAgIH19XCJcclxuICAgICAgICAgID5cclxuICAgICAgICAgICAge3sgc3VnZ2VzdGlvbltvcHRpb25dIH19XHJcbiAgICAgICAgICAgIEBpZiAoZXh0cmFJbmZvKSB7XHJcbiAgICAgICAgICAgICAgPHNwYW4gY2xhc3M9XCJ0YWstb3B0aW9uLXNwYW4tZXh0cmFcIj57eyBzdWdnZXN0aW9uW2V4dHJhSW5mb10gfX08L3NwYW4+XHJcbiAgICAgICAgICAgIH1cclxuICAgICAgICAgIDwvbWF0LW9wdGlvbj5cclxuICAgICAgICB9XHJcbiAgICAgIDwvbWF0LXNlbGVjdD5cclxuICAgIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgICBAaWYgKGlzSW52YWxpZCB8fCAoaXNTdWJtaXR0ZWQgJiYgY29udHJvbC5pbnZhbGlkKSkge1xyXG4gICAgICA8dGFrLWVycm9yIFtjb250cm9sXT1cImNvbnRyb2xcIj48L3Rhay1lcnJvcj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxufSBAZWxzZSB7XHJcbiAgPGRpdiBbbWF0VG9vbHRpcF09XCJ0b29sdGlwXCI+XHJcbiAgICBAaWYgKHR5cGUgPT09ICdtZW51Jykge1xyXG4gICAgICA8c3Bhbj5cclxuICAgICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgW21hdE1lbnVUcmlnZ2VyRm9yXT1cIm1lbnVcIiBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiPlxyXG4gICAgICAgICAgPG1hdC1pY29uPnt7IGljb24gfX08L21hdC1pY29uPlxyXG4gICAgICAgIDwvYnV0dG9uPlxyXG4gICAgICAgIDxtYXQtbWVudSAjbWVudT1cIm1hdE1lbnVcIj5cclxuICAgICAgICAgIEBmb3IgKGl0ZW0gb2Ygc3VnZ2VzdGlvbnM7IHRyYWNrIGl0ZW0pIHtcclxuICAgICAgICAgICAgPGEgdGFrLW1lbnUtaXRlbSAoY2xpY2spPVwianVzdEVtaXQoaXRlbSlcIj5cclxuICAgICAgICAgICAgICB7eyBpdGVtW29wdGlvbl0gfX1cclxuICAgICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgfVxyXG4gICAgICAgIDwvbWF0LW1lbnU+XHJcbiAgICAgIDwvc3Bhbj5cclxuICAgIH1cclxuICA8L2Rpdj5cclxufVxyXG4iXX0=

package/esm2022/fields/text-area/textarea.component.mjs

@@ -0,0 +1,171 @@
+import { Component, Optional, Input, Self, Output, EventEmitter, } from '@angular/core';
+import { TAK_DEFAULT_APPEARANCE_FORM } from '../fields.common';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/forms";
+import * as i2 from "@kato-lee/material/form-field";
+import * as i3 from "@kato-lee/material/button";
+import * as i4 from "../error/error.component";
+import * as i5 from "@kato-lee/material/icon";
+import * as i6 from "@kato-lee/material/input";
+export class TakTextareaComponent {
+    constructor(_ngControl, _formGroupDirective, _cd) {
+        this._ngControl = _ngControl;
+        this._formGroupDirective = _formGroupDirective;
+        this._cd = _cd;
+        this.autocomplete = 'off';
+        this.appearance = TAK_DEFAULT_APPEARANCE_FORM;
+        this.floatLabel = 'auto';
+        this.color = 'primary';
+        this.actionIcon = 'search';
+        this.defaultFilterStyle = true;
+        this.hasActionButton = false;
+        this.hasClearButton = false;
+        this.countCaracters = false;
+        this.isTextArea = false;
+        this.placeholder = '';
+        this.heightInPx = 60;
+        this.disabled = false;
+        this.onExecuteAction = new EventEmitter();
+        this.onKeyUp = new EventEmitter();
+        this.onChangeFn = (_) => { };
+        this.onTouchFn = (_) => { };
+        this._isSubmitted = false;
+        this._isInvalid = false;
+        this._required = false;
+        this._value = '';
+        this._decrypted = false;
+        if (_ngControl)
+            this._ngControl.valueAccessor = this;
+        if (_formGroupDirective) {
+            this._subscription = _formGroupDirective.ngSubmit.subscribe(() => {
+                this._isSubmitted = true;
+                _cd.markForCheck();
+            });
+        }
+    }
+    ngOnInit() {
+        const form = this.control;
+        if (form?._rawValidators) {
+            form._rawValidators.forEach((r) => {
+                if (r.name.includes('required'))
+                    this._required = true;
+            });
+        }
+        if (this.disabled)
+            this.control.disable();
+    }
+    writeValue(value) {
+        if (value === null) {
+            this._isInvalid = false;
+        }
+        this._value = value;
+        this._isSubmitted = false;
+        this._cd.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchFn = fn;
+    }
+    onChange(event) {
+        this._value = event.target.value;
+        this.onChangeFn(event.target.value);
+        if (this.control.touched)
+            this._onValidate();
+    }
+    onFocusOut() {
+        this.onTouchFn(true);
+        this._onValidate();
+    }
+    _onValidate() {
+        if (this.control.invalid)
+            this._isInvalid = true;
+        else
+            this._isInvalid = false;
+    }
+    onClearControl() {
+        if (['', null, undefined].indexOf(this.control.value) >= 0) {
+            this.control.setValue('', { emitEvent: false });
+        }
+        else {
+            this.control.setValue('');
+        }
+        this._value = '';
+    }
+    ngOnDestroy() {
+        if (this._subscription)
+            this._subscription.unsubscribe();
+    }
+    get control() {
+        return this._ngControl.control;
+    }
+    get directive() {
+        return this._formGroupDirective;
+    }
+    get decrypted() {
+        return this._decrypted;
+    }
+    get isDisabled() {
+        return this._ngControl.disabled;
+    }
+    get isSubmitted() {
+        return this._isSubmitted;
+    }
+    get isInvalid() {
+        return this._isInvalid;
+    }
+    get required() {
+        return this._required;
+    }
+    get value() {
+        return this._value;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakTextareaComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i1.FormGroupDirective, optional: true }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.3", type: TakTextareaComponent, selector: "tak-textarea", inputs: { autocomplete: "autocomplete", appearance: "appearance", floatLabel: "floatLabel", color: "color", actionIcon: "actionIcon", defaultFilterStyle: "defaultFilterStyle", hasActionButton: "hasActionButton", hasClearButton: "hasClearButton", countCaracters: "countCaracters", isTextArea: "isTextArea", placeholder: "placeholder", heightInPx: "heightInPx", minLength: "minLength", maxLength: "maxLength", disabled: "disabled" }, outputs: { onExecuteAction: "onExecuteAction", onKeyUp: "onKeyUp" }, ngImport: i0, template: "<div class=\"tak-form-container\">\r\n  <mat-form-field\r\n    [floatLabel]=\"floatLabel\"\r\n    [class.mat-form-field-invalid]=\"isInvalid || (isSubmitted && control.invalid)\"\r\n    [appearance]=\"appearance\"\r\n    [color]=\"color\"\r\n  >\r\n    <mat-label>\r\n      <ng-content></ng-content>{{ ' ' }}\r\n      @if (required) {\r\n        <span class=\"tak-field__danger-x\">*</span>\r\n      }\r\n    </mat-label>\r\n    <textarea\r\n      matInput\r\n      [autocomplete]=\"autocomplete\"\r\n      [value]=\"value\"\r\n      [style.height.px]=\"heightInPx\"\r\n      [placeholder]=\"placeholder\"\r\n      (keyup)=\"onChange($event)\"\r\n      (change)=\"onChange($event)\"\r\n      [disabled]=\"isDisabled\"\r\n      [attr.minLength]=\"minLength\"\r\n      [attr.maxLength]=\"maxLength\"\r\n      (focusout)=\"onFocusOut()\"\r\n    ></textarea>\r\n    @if (control.value && hasClearButton && !isDisabled) {\r\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"onClearControl()\">\r\n        <mat-icon class=\"tak-suffix-icon-button\">close</mat-icon>\r\n      </button>\r\n    }\r\n    @if (control.value && hasActionButton) {\r\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"onExecuteAction.emit(control.value)\">\r\n        <mat-icon class=\"tak-suffix-icon-button\">{{ actionIcon }}</mat-icon>\r\n      </button>\r\n    }\r\n    @if (countCaracters) {\r\n      <mat-hint align=\"end\" class=\"tak-hint\">\r\n        {{ control.value?.length || 0 }}/{{ maxLength }}\r\n      </mat-hint>\r\n    }\r\n  </mat-form-field>\r\n  <div [style.maxWidth]=\"countCaracters ? '80%' : '100%'\">\r\n    @if (isInvalid || (isSubmitted && control.invalid)) {\r\n      <tak-error [control]=\"control\"></tak-error>\r\n    }\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix]" }, { kind: "component", type: i3.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i4.TakErrorComponent, selector: "tak-error", inputs: ["control", "start", "end", "isDateField", "isNumberField", "marginTop"] }, { kind: "component", type: i5.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i6.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"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.3", ngImport: i0, type: TakTextareaComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tak-textarea', template: "<div class=\"tak-form-container\">\r\n  <mat-form-field\r\n    [floatLabel]=\"floatLabel\"\r\n    [class.mat-form-field-invalid]=\"isInvalid || (isSubmitted && control.invalid)\"\r\n    [appearance]=\"appearance\"\r\n    [color]=\"color\"\r\n  >\r\n    <mat-label>\r\n      <ng-content></ng-content>{{ ' ' }}\r\n      @if (required) {\r\n        <span class=\"tak-field__danger-x\">*</span>\r\n      }\r\n    </mat-label>\r\n    <textarea\r\n      matInput\r\n      [autocomplete]=\"autocomplete\"\r\n      [value]=\"value\"\r\n      [style.height.px]=\"heightInPx\"\r\n      [placeholder]=\"placeholder\"\r\n      (keyup)=\"onChange($event)\"\r\n      (change)=\"onChange($event)\"\r\n      [disabled]=\"isDisabled\"\r\n      [attr.minLength]=\"minLength\"\r\n      [attr.maxLength]=\"maxLength\"\r\n      (focusout)=\"onFocusOut()\"\r\n    ></textarea>\r\n    @if (control.value && hasClearButton && !isDisabled) {\r\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"onClearControl()\">\r\n        <mat-icon class=\"tak-suffix-icon-button\">close</mat-icon>\r\n      </button>\r\n    }\r\n    @if (control.value && hasActionButton) {\r\n      <button mat-icon-button type=\"button\" matSuffix (click)=\"onExecuteAction.emit(control.value)\">\r\n        <mat-icon class=\"tak-suffix-icon-button\">{{ actionIcon }}</mat-icon>\r\n      </button>\r\n    }\r\n    @if (countCaracters) {\r\n      <mat-hint align=\"end\" class=\"tak-hint\">\r\n        {{ control.value?.length || 0 }}/{{ maxLength }}\r\n      </mat-hint>\r\n    }\r\n  </mat-form-field>\r\n  <div [style.maxWidth]=\"countCaracters ? '80%' : '100%'\">\r\n    @if (isInvalid || (isSubmitted && control.invalid)) {\r\n      <tak-error [control]=\"control\"></tak-error>\r\n    }\r\n  </div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1.NgControl, decorators: [{
+                    type: Self
+                }, {
+                    type: Optional
+                }] }, { type: i1.FormGroupDirective, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ChangeDetectorRef }], propDecorators: { autocomplete: [{
+                type: Input
+            }], appearance: [{
+                type: Input
+            }], floatLabel: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], actionIcon: [{
+                type: Input
+            }], defaultFilterStyle: [{
+                type: Input
+            }], hasActionButton: [{
+                type: Input
+            }], hasClearButton: [{
+                type: Input
+            }], countCaracters: [{
+                type: Input
+            }], isTextArea: [{
+                type: Input
+            }], placeholder: [{
+                type: Input
+            }], heightInPx: [{
+                type: Input
+            }], minLength: [{
+                type: Input
+            }], maxLength: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], onExecuteAction: [{
+                type: Output
+            }], onKeyUp: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vbGlicmFyaWVzL2NvbXBvbmVudHMvZmllbGRzL3RleHQtYXJlYS90ZXh0YXJlYS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9maWVsZHMvdGV4dC1hcmVhL3RleHRhcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBRVQsUUFBUSxFQUVSLEtBQUssRUFDTCxJQUFJLEVBQ0osTUFBTSxFQUNOLFlBQVksR0FDYixNQUFNLGVBQWUsQ0FBQztBQUd2QixPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQzs7Ozs7Ozs7QUFRL0QsTUFBTSxPQUFPLG9CQUFvQjtJQW1DL0IsWUFDOEIsVUFBcUIsRUFDN0IsbUJBQXVDLEVBQ25ELEdBQXNCO1FBRkYsZUFBVSxHQUFWLFVBQVUsQ0FBVztRQUM3Qix3QkFBbUIsR0FBbkIsbUJBQW1CLENBQW9CO1FBQ25ELFFBQUcsR0FBSCxHQUFHLENBQW1CO1FBckN2QixpQkFBWSxHQUFpQixLQUFLLENBQUM7UUFFbkMsZUFBVSxHQUEyQiwyQkFBMkIsQ0FBQztRQUNqRSxlQUFVLEdBQW1CLE1BQU0sQ0FBQztRQUNwQyxVQUFLLEdBQWlCLFNBQVMsQ0FBQztRQUNoQyxlQUFVLEdBQUcsUUFBUSxDQUFDO1FBRXRCLHVCQUFrQixHQUFHLElBQUksQ0FBQztRQUMxQixvQkFBZSxHQUFHLEtBQUssQ0FBQztRQUN4QixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixtQkFBYyxHQUFHLEtBQUssQ0FBQztRQUN2QixlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ25CLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLGVBQVUsR0FBRyxFQUFFLENBQUM7UUFLaEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQixvQkFBZSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFDckMsWUFBTyxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFaEMsZUFBVSxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFDNUIsY0FBUyxHQUFHLENBQUMsQ0FBTSxFQUFFLEVBQUUsR0FBRSxDQUFDLENBQUM7UUFFM0IsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFDckIsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUNuQixjQUFTLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLFdBQU0sR0FBRyxFQUFFLENBQUM7UUFHWCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBT3pCLElBQUksVUFBVTtZQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsYUFBYSxHQUFHLElBQUksQ0FBQztRQUVyRCxJQUFJLG1CQUFtQixFQUFFO1lBQ3ZCLElBQUksQ0FBQyxhQUFhLEdBQUcsbUJBQW1CLENBQUMsUUFBUSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7Z0JBQy9ELElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDO2dCQUN6QixHQUFHLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDckIsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFTSxRQUFRO1FBQ2IsTUFBTSxJQUFJLEdBQVEsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUUvQixJQUFJLElBQUksRUFBRSxjQUFjLEVBQUU7WUFDeEIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFNLEVBQUUsRUFBRTtnQkFDckMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxVQUFVLENBQUM7b0JBQUUsSUFBSSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUM7WUFDekQsQ0FBQyxDQUFDLENBQUM7U0FDSjtRQUVELElBQUksSUFBSSxDQUFDLFFBQVE7WUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFFTSxVQUFVLENBQUMsS0FBYTtRQUM3QixJQUFJLEtBQUssS0FBSyxJQUFJLEVBQUU7WUFDbEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxLQUFLLENBQUM7U0FDekI7UUFDRCxJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztRQUNwQixJQUFJLENBQUMsWUFBWSxHQUFHLEtBQUssQ0FBQztRQUMxQixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFTSxnQkFBZ0IsQ0FBQyxFQUFPO1FBQzdCLElBQUksQ0FBQyxVQUFVLEdBQUcsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFTSxpQkFBaUIsQ0FBQyxFQUFPO1FBQzlCLElBQUksQ0FBQyxTQUFTLEdBQUcsRUFBRSxDQUFDO0lBQ3RCLENBQUM7SUFFTSxRQUFRLENBQUMsS0FBVTtRQUN4QixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO1FBQ2pDLElBQUksQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQyxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsT0FBTztZQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMvQyxDQUFDO0lBRU0sVUFBVTtRQUNmLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQ3JCLENBQUM7SUFFTyxXQUFXO1FBQ2pCLElBQUksSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPO1lBQUUsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUM7O1lBQzVDLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO0lBQy9CLENBQUM7SUFFTSxjQUFjO1FBQ25CLElBQUksQ0FBQyxFQUFFLEVBQUUsSUFBSSxFQUFFLFNBQVMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUMxRCxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLENBQUMsQ0FBQztTQUNqRDthQUFNO1lBQ0wsSUFBSSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUM7U0FDM0I7UUFFRCxJQUFJLENBQUMsTUFBTSxHQUFHLEVBQUUsQ0FBQztJQUNuQixDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLElBQUksQ0FBQyxhQUFhO1lBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxXQUFXLEVBQUUsQ0FBQztJQUMzRCxDQUFDO0lBRUQsSUFBSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQXNCLENBQUM7SUFDaEQsQ0FBQztJQUVELElBQUksU0FBUztRQUNYLE9BQU8sSUFBSSxDQUFDLG1CQUF5QyxDQUFDO0lBQ3hELENBQUM7SUFFRCxJQUFJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUVELElBQUksVUFBVTtRQUNaLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxRQUFRLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQUksV0FBVztRQUNiLE9BQU8sSUFBSSxDQUFDLFlBQVksQ0FBQztJQUMzQixDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxJQUFJLENBQUMsVUFBVSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxJQUFJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQUksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQztJQUNyQixDQUFDOzhHQTNJVSxvQkFBb0I7a0dBQXBCLG9CQUFvQix5aUJDckJqQyx1dkRBZ0RBOzsyRkQzQmEsb0JBQW9CO2tCQUpoQyxTQUFTOytCQUNFLGNBQWM7OzBCQXVDckIsSUFBSTs7MEJBQUksUUFBUTs7MEJBQ2hCLFFBQVE7eUVBcENGLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUcsVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUVHLGtCQUFrQjtzQkFBMUIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBQ0csY0FBYztzQkFBdEIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFFRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBRUcsUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxlQUFlO3NCQUF4QixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xyXG4gIENoYW5nZURldGVjdG9yUmVmLFxyXG4gIENvbXBvbmVudCxcclxuICBPbkRlc3Ryb3ksXHJcbiAgT3B0aW9uYWwsXHJcbiAgT25Jbml0LFxyXG4gIElucHV0LFxyXG4gIFNlbGYsXHJcbiAgT3V0cHV0LFxyXG4gIEV2ZW50RW1pdHRlcixcclxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIEZvcm1Hcm91cERpcmVjdGl2ZSwgRm9ybUNvbnRyb2wsIE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcclxuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XHJcbmltcG9ydCB7IFRBS19ERUZBVUxUX0FQUEVBUkFOQ0VfRk9STSB9IGZyb20gJy4uL2ZpZWxkcy5jb21tb24nO1xyXG5pbXBvcnQgeyBGbG9hdExhYmVsVHlwZSwgTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSB9IGZyb20gJ0BrYXRvLWxlZS9tYXRlcmlhbC9mb3JtLWZpZWxkJztcclxuaW1wb3J0IHsgVGhlbWVQYWxldHRlIH0gZnJvbSAnQGthdG8tbGVlL21hdGVyaWFsL2NvcmUnO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd0YWstdGV4dGFyZWEnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi90ZXh0YXJlYS5jb21wb25lbnQuaHRtbCcsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBUYWtUZXh0YXJlYUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCwgT25EZXN0cm95LCBDb250cm9sVmFsdWVBY2Nlc3NvciB7XHJcbiAgQElucHV0KCkgYXV0b2NvbXBsZXRlOiAnb2ZmJyB8ICdvbicgPSAnb2ZmJztcclxuXHJcbiAgQElucHV0KCkgYXBwZWFyYW5jZTogTWF0Rm9ybUZpZWxkQXBwZWFyYW5jZSA9IFRBS19ERUZBVUxUX0FQUEVBUkFOQ0VfRk9STTtcclxuICBASW5wdXQoKSBmbG9hdExhYmVsOiBGbG9hdExhYmVsVHlwZSA9ICdhdXRvJztcclxuICBASW5wdXQoKSBjb2xvcjogVGhlbWVQYWxldHRlID0gJ3ByaW1hcnknO1xyXG4gIEBJbnB1dCgpIGFjdGlvbkljb24gPSAnc2VhcmNoJztcclxuXHJcbiAgQElucHV0KCkgZGVmYXVsdEZpbHRlclN0eWxlID0gdHJ1ZTtcclxuICBASW5wdXQoKSBoYXNBY3Rpb25CdXR0b24gPSBmYWxzZTtcclxuICBASW5wdXQoKSBoYXNDbGVhckJ1dHRvbiA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIGNvdW50Q2FyYWN0ZXJzID0gZmFsc2U7XHJcbiAgQElucHV0KCkgaXNUZXh0QXJlYSA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyID0gJyc7XHJcbiAgQElucHV0KCkgaGVpZ2h0SW5QeCA9IDYwO1xyXG5cclxuICBASW5wdXQoKSBtaW5MZW5ndGghOiBudW1iZXI7XHJcbiAgQElucHV0KCkgbWF4TGVuZ3RoITogbnVtYmVyO1xyXG5cclxuICBASW5wdXQoKSBkaXNhYmxlZCA9IGZhbHNlO1xyXG5cclxuICBAT3V0cHV0KCkgb25FeGVjdXRlQWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBvbktleVVwID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBwdWJsaWMgb25DaGFuZ2VGbiA9IChfOiBhbnkpID0+IHt9O1xyXG4gIHB1YmxpYyBvblRvdWNoRm4gPSAoXzogYW55KSA9PiB7fTtcclxuXHJcbiAgcHVibGljIF9pc1N1Ym1pdHRlZCA9IGZhbHNlO1xyXG4gIHB1YmxpYyBfaXNJbnZhbGlkID0gZmFsc2U7XHJcbiAgcHVibGljIF9yZXF1aXJlZCA9IGZhbHNlO1xyXG4gIHB1YmxpYyBfdmFsdWUgPSAnJztcclxuXHJcbiAgcHJpdmF0ZSBfc3Vic2NyaXB0aW9uITogU3Vic2NyaXB0aW9uO1xyXG4gIHByaXZhdGUgX2RlY3J5cHRlZCA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIEBTZWxmKCkgQE9wdGlvbmFsKCkgcHJpdmF0ZSBfbmdDb250cm9sOiBOZ0NvbnRyb2wsXHJcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIF9mb3JtR3JvdXBEaXJlY3RpdmU6IEZvcm1Hcm91cERpcmVjdGl2ZSxcclxuICAgIHByaXZhdGUgX2NkOiBDaGFuZ2VEZXRlY3RvclJlZlxyXG4gICkge1xyXG4gICAgaWYgKF9uZ0NvbnRyb2wpIHRoaXMuX25nQ29udHJvbC52YWx1ZUFjY2Vzc29yID0gdGhpcztcclxuXHJcbiAgICBpZiAoX2Zvcm1Hcm91cERpcmVjdGl2ZSkge1xyXG4gICAgICB0aGlzLl9zdWJzY3JpcHRpb24gPSBfZm9ybUdyb3VwRGlyZWN0aXZlLm5nU3VibWl0LnN1YnNjcmliZSgoKSA9PiB7XHJcbiAgICAgICAgdGhpcy5faXNTdWJtaXR0ZWQgPSB0cnVlO1xyXG4gICAgICAgIF9jZC5tYXJrRm9yQ2hlY2soKTtcclxuICAgICAgfSk7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBjb25zdCBmb3JtOiBhbnkgPSB0aGlzLmNvbnRyb2w7XHJcblxyXG4gICAgaWYgKGZvcm0/Ll9yYXdWYWxpZGF0b3JzKSB7XHJcbiAgICAgIGZvcm0uX3Jhd1ZhbGlkYXRvcnMuZm9yRWFjaCgocjogYW55KSA9PiB7XHJcbiAgICAgICAgaWYgKHIubmFtZS5pbmNsdWRlcygncmVxdWlyZWQnKSkgdGhpcy5fcmVxdWlyZWQgPSB0cnVlO1xyXG4gICAgICB9KTtcclxuICAgIH1cclxuXHJcbiAgICBpZiAodGhpcy5kaXNhYmxlZCkgdGhpcy5jb250cm9sLmRpc2FibGUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyB3cml0ZVZhbHVlKHZhbHVlOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIGlmICh2YWx1ZSA9PT0gbnVsbCkge1xyXG4gICAgICB0aGlzLl9pc0ludmFsaWQgPSBmYWxzZTtcclxuICAgIH1cclxuICAgIHRoaXMuX3ZhbHVlID0gdmFsdWU7XHJcbiAgICB0aGlzLl9pc1N1Ym1pdHRlZCA9IGZhbHNlO1xyXG4gICAgdGhpcy5fY2QubWFya0ZvckNoZWNrKCk7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uQ2hhbmdlRm4gPSBmbjtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XHJcbiAgICB0aGlzLm9uVG91Y2hGbiA9IGZuO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIG9uQ2hhbmdlKGV2ZW50OiBhbnkpOiB2b2lkIHtcclxuICAgIHRoaXMuX3ZhbHVlID0gZXZlbnQudGFyZ2V0LnZhbHVlO1xyXG4gICAgdGhpcy5vbkNoYW5nZUZuKGV2ZW50LnRhcmdldC52YWx1ZSk7XHJcbiAgICBpZiAodGhpcy5jb250cm9sLnRvdWNoZWQpIHRoaXMuX29uVmFsaWRhdGUoKTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkZvY3VzT3V0KCk6IHZvaWQge1xyXG4gICAgdGhpcy5vblRvdWNoRm4odHJ1ZSk7XHJcbiAgICB0aGlzLl9vblZhbGlkYXRlKCk7XHJcbiAgfVxyXG5cclxuICBwcml2YXRlIF9vblZhbGlkYXRlKCk6IHZvaWQge1xyXG4gICAgaWYgKHRoaXMuY29udHJvbC5pbnZhbGlkKSB0aGlzLl9pc0ludmFsaWQgPSB0cnVlO1xyXG4gICAgZWxzZSB0aGlzLl9pc0ludmFsaWQgPSBmYWxzZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyBvbkNsZWFyQ29udHJvbCgpOiB2b2lkIHtcclxuICAgIGlmIChbJycsIG51bGwsIHVuZGVmaW5lZF0uaW5kZXhPZih0aGlzLmNvbnRyb2wudmFsdWUpID49IDApIHtcclxuICAgICAgdGhpcy5jb250cm9sLnNldFZhbHVlKCcnLCB7IGVtaXRFdmVudDogZmFsc2UgfSk7XHJcbiAgICB9IGVsc2Uge1xyXG4gICAgICB0aGlzLmNvbnRyb2wuc2V0VmFsdWUoJycpO1xyXG4gICAgfVxyXG5cclxuICAgIHRoaXMuX3ZhbHVlID0gJyc7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5fc3Vic2NyaXB0aW9uKSB0aGlzLl9zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcclxuICB9XHJcblxyXG4gIGdldCBjb250cm9sKCk6IEZvcm1Db250cm9sIHtcclxuICAgIHJldHVybiB0aGlzLl9uZ0NvbnRyb2wuY29udHJvbCBhcyBGb3JtQ29udHJvbDtcclxuICB9XHJcblxyXG4gIGdldCBkaXJlY3RpdmUoKTogRm9ybUdyb3VwRGlyZWN0aXZlIHtcclxuICAgIHJldHVybiB0aGlzLl9mb3JtR3JvdXBEaXJlY3RpdmUgYXMgRm9ybUdyb3VwRGlyZWN0aXZlO1xyXG4gIH1cclxuXHJcbiAgZ2V0IGRlY3J5cHRlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9kZWNyeXB0ZWQ7XHJcbiAgfVxyXG5cclxuICBnZXQgaXNEaXNhYmxlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9uZ0NvbnRyb2wuZGlzYWJsZWQ7XHJcbiAgfVxyXG5cclxuICBnZXQgaXNTdWJtaXR0ZWQoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5faXNTdWJtaXR0ZWQ7XHJcbiAgfVxyXG5cclxuICBnZXQgaXNJbnZhbGlkKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX2lzSW52YWxpZDtcclxuICB9XHJcblxyXG4gIGdldCByZXF1aXJlZCgpIHtcclxuICAgIHJldHVybiB0aGlzLl9yZXF1aXJlZDtcclxuICB9XHJcblxyXG4gIGdldCB2YWx1ZSgpIHtcclxuICAgIHJldHVybiB0aGlzLl92YWx1ZTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cInRhay1mb3JtLWNvbnRhaW5lclwiPlxyXG4gIDxtYXQtZm9ybS1maWVsZFxyXG4gICAgW2Zsb2F0TGFiZWxdPVwiZmxvYXRMYWJlbFwiXHJcbiAgICBbY2xhc3MubWF0LWZvcm0tZmllbGQtaW52YWxpZF09XCJpc0ludmFsaWQgfHwgKGlzU3VibWl0dGVkICYmIGNvbnRyb2wuaW52YWxpZClcIlxyXG4gICAgW2FwcGVhcmFuY2VdPVwiYXBwZWFyYW5jZVwiXHJcbiAgICBbY29sb3JdPVwiY29sb3JcIlxyXG4gID5cclxuICAgIDxtYXQtbGFiZWw+XHJcbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD57eyAnICcgfX1cclxuICAgICAgQGlmIChyZXF1aXJlZCkge1xyXG4gICAgICAgIDxzcGFuIGNsYXNzPVwidGFrLWZpZWxkX19kYW5nZXIteFwiPio8L3NwYW4+XHJcbiAgICAgIH1cclxuICAgIDwvbWF0LWxhYmVsPlxyXG4gICAgPHRleHRhcmVhXHJcbiAgICAgIG1hdElucHV0XHJcbiAgICAgIFthdXRvY29tcGxldGVdPVwiYXV0b2NvbXBsZXRlXCJcclxuICAgICAgW3ZhbHVlXT1cInZhbHVlXCJcclxuICAgICAgW3N0eWxlLmhlaWdodC5weF09XCJoZWlnaHRJblB4XCJcclxuICAgICAgW3BsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcclxuICAgICAgKGtleXVwKT1cIm9uQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICAoY2hhbmdlKT1cIm9uQ2hhbmdlKCRldmVudClcIlxyXG4gICAgICBbZGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXHJcbiAgICAgIFthdHRyLm1pbkxlbmd0aF09XCJtaW5MZW5ndGhcIlxyXG4gICAgICBbYXR0ci5tYXhMZW5ndGhdPVwibWF4TGVuZ3RoXCJcclxuICAgICAgKGZvY3Vzb3V0KT1cIm9uRm9jdXNPdXQoKVwiXHJcbiAgICA+PC90ZXh0YXJlYT5cclxuICAgIEBpZiAoY29udHJvbC52YWx1ZSAmJiBoYXNDbGVhckJ1dHRvbiAmJiAhaXNEaXNhYmxlZCkge1xyXG4gICAgICA8YnV0dG9uIG1hdC1pY29uLWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgbWF0U3VmZml4IChjbGljayk9XCJvbkNsZWFyQ29udHJvbCgpXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwidGFrLXN1ZmZpeC1pY29uLWJ1dHRvblwiPmNsb3NlPC9tYXQtaWNvbj5cclxuICAgICAgPC9idXR0b24+XHJcbiAgICB9XHJcbiAgICBAaWYgKGNvbnRyb2wudmFsdWUgJiYgaGFzQWN0aW9uQnV0dG9uKSB7XHJcbiAgICAgIDxidXR0b24gbWF0LWljb24tYnV0dG9uIHR5cGU9XCJidXR0b25cIiBtYXRTdWZmaXggKGNsaWNrKT1cIm9uRXhlY3V0ZUFjdGlvbi5lbWl0KGNvbnRyb2wudmFsdWUpXCI+XHJcbiAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwidGFrLXN1ZmZpeC1pY29uLWJ1dHRvblwiPnt7IGFjdGlvbkljb24gfX08L21hdC1pY29uPlxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgIH1cclxuICAgIEBpZiAoY291bnRDYXJhY3RlcnMpIHtcclxuICAgICAgPG1hdC1oaW50IGFsaWduPVwiZW5kXCIgY2xhc3M9XCJ0YWstaGludFwiPlxyXG4gICAgICAgIHt7IGNvbnRyb2wudmFsdWU/Lmxlbmd0aCB8fCAwIH19L3t7IG1heExlbmd0aCB9fVxyXG4gICAgICA8L21hdC1oaW50PlxyXG4gICAgfVxyXG4gIDwvbWF0LWZvcm0tZmllbGQ+XHJcbiAgPGRpdiBbc3R5bGUubWF4V2lkdGhdPVwiY291bnRDYXJhY3RlcnMgPyAnODAlJyA6ICcxMDAlJ1wiPlxyXG4gICAgQGlmIChpc0ludmFsaWQgfHwgKGlzU3VibWl0dGVkICYmIGNvbnRyb2wuaW52YWxpZCkpIHtcclxuICAgICAgPHRhay1lcnJvciBbY29udHJvbF09XCJjb250cm9sXCI+PC90YWstZXJyb3I+XHJcbiAgICB9XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=

package/esm2022/index.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9saWJyYXJpZXMvY29tcG9uZW50cy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiLypcclxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIEBrYXRvLWxlZS9jb21wb25lbnRzXHJcbiAqL1xyXG5leHBvcnQge307XHJcbiJdfQ==

package/esm2022/kato-lee-components.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './index';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoia2F0by1sZWUtY29tcG9uZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2xpYnJhcmllcy9jb21wb25lbnRzL2thdG8tbGVlLWNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLFNBQVMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9pbmRleCc7XG4iXX0=