@abgov/angular-components/esm2022/lib/components/textarea/textarea.mjs

Government of Alberta - UI components for Angular

import { CUSTOM_ELEMENTS_SCHEMA, Component, EventEmitter, Input, Output, booleanAttribute, forwardRef, numberAttribute, } from "@angular/core";
import { NG_VALUE_ACCESSOR } from "@angular/forms";
import { GoabControlValueAccessor } from "../base.component";
import * as i0 from "@angular/core";
export class GoabTextArea extends GoabControlValueAccessor {
    constructor() {
        super(...arguments);
        this.countBy = "";
        this.maxCount = -1;
        this.autoComplete = "on";
        this.onChange = new EventEmitter();
        this.onKeyPress = new EventEmitter();
    }
    _onChange(e) {
        const detail = e.detail;
        this.onChange.emit(detail);
        this.markAsTouched();
        this.fcChange?.(detail.value);
    }
    _onKeyPress(e) {
        const detail = e.detail;
        this.markAsTouched();
        this.onKeyPress.emit(detail);
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTextArea, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "18.0.3", type: GoabTextArea, isStandalone: true, selector: "goab-textarea", inputs: { name: "name", placeholder: "placeholder", rows: ["rows", "rows", numberAttribute], readOnly: ["readOnly", "readOnly", booleanAttribute], width: "width", ariaLabel: "ariaLabel", countBy: "countBy", maxCount: "maxCount", maxWidth: "maxWidth", autoComplete: "autoComplete" }, outputs: { onChange: "onChange", onKeyPress: "onKeyPress" }, providers: [
            {
                provide: NG_VALUE_ACCESSOR,
                multi: true,
                useExisting: forwardRef(() => GoabTextArea),
            },
        ], usesInheritance: true, ngImport: i0, template: `
    <goa-textarea
      [attr.name]="name"
      [attr.value]="value"
      [attr.placeholder]="placeholder"
      [attr.rows]="rows"
      [attr.error]="error"
      [disabled]="disabled"
      [attr.readonly]="readOnly"
      [attr.width]="width"
      [attr.maxwidth]="maxWidth"
      [attr.arialabel]="ariaLabel"
      [attr.countby]="countBy"
      [attr.maxcount]="maxCount"
      [attr.autocomplete]="autoComplete"
      [attr.testid]="testId"
      [attr.mt]="mt"
      [attr.mb]="mb"
      [attr.ml]="ml"
      [attr.mr]="mr"
      (_change)="_onChange($event)"
      (_keyPress)="_onKeyPress($event)"
    >
    </goa-textarea>
  `, isInline: true }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GoabTextArea, decorators: [{
            type: Component,
            args: [{
                    standalone: true,
                    selector: "goab-textarea",
                    template: `
    <goa-textarea
      [attr.name]="name"
      [attr.value]="value"
      [attr.placeholder]="placeholder"
      [attr.rows]="rows"
      [attr.error]="error"
      [disabled]="disabled"
      [attr.readonly]="readOnly"
      [attr.width]="width"
      [attr.maxwidth]="maxWidth"
      [attr.arialabel]="ariaLabel"
      [attr.countby]="countBy"
      [attr.maxcount]="maxCount"
      [attr.autocomplete]="autoComplete"
      [attr.testid]="testId"
      [attr.mt]="mt"
      [attr.mb]="mb"
      [attr.ml]="ml"
      [attr.mr]="mr"
      (_change)="_onChange($event)"
      (_keyPress)="_onKeyPress($event)"
    >
    </goa-textarea>
  `,
                    schemas: [CUSTOM_ELEMENTS_SCHEMA],
                    providers: [
                        {
                            provide: NG_VALUE_ACCESSOR,
                            multi: true,
                            useExisting: forwardRef(() => GoabTextArea),
                        },
                    ],
                }]
        }], propDecorators: { name: [{
                type: Input
            }], placeholder: [{
                type: Input
            }], rows: [{
                type: Input,
                args: [{ transform: numberAttribute }]
            }], readOnly: [{
                type: Input,
                args: [{ transform: booleanAttribute }]
            }], width: [{
                type: Input
            }], ariaLabel: [{
                type: Input
            }], countBy: [{
                type: Input
            }], maxCount: [{
                type: Input
            }], maxWidth: [{
                type: Input
            }], autoComplete: [{
                type: Input
            }], onChange: [{
                type: Output
            }], onKeyPress: [{
                type: Output
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGV4dGFyZWEvdGV4dGFyZWEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsT0FBTyxFQUNMLHNCQUFzQixFQUN0QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sZ0JBQWdCLEVBQ2hCLFVBQVUsRUFDVixlQUFlLEdBQ2hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQXVDN0QsTUFBTSxPQUFPLFlBQWEsU0FBUSx3QkFBd0I7SUFyQzFEOztRQTRDVyxZQUFPLEdBQXlCLEVBQUUsQ0FBQztRQUNuQyxhQUFRLEdBQVksQ0FBQyxDQUFDLENBQUM7UUFFdkIsaUJBQVksR0FBWSxJQUFJLENBQUM7UUFFNUIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUE4QixDQUFDO1FBQzFELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBZ0MsQ0FBQztLQWN6RTtJQVpDLFNBQVMsQ0FBQyxDQUFRO1FBQ2hCLE1BQU0sTUFBTSxHQUFJLENBQTZDLENBQUMsTUFBTSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxXQUFXLENBQUMsQ0FBUTtRQUNsQixNQUFNLE1BQU0sR0FBSSxDQUErQyxDQUFDLE1BQU0sQ0FBQztRQUN2RSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0ExQlUsWUFBWTtrR0FBWixZQUFZLDRIQUdILGVBQWUsc0NBQ2YsZ0JBQWdCLG1OQVp6QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsWUFBWSxDQUFDO2FBQzVDO1NBQ0YsaURBaENTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F3QlQ7OzJGQVVVLFlBQVk7a0JBckN4QixTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixRQUFRLEVBQUUsZUFBZTtvQkFDekIsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F3QlQ7b0JBQ0QsT0FBTyxFQUFFLENBQUMsc0JBQXNCLENBQUM7b0JBQ2pDLFNBQVMsRUFBRTt3QkFDVDs0QkFDRSxPQUFPLEVBQUUsaUJBQWlCOzRCQUMxQixLQUFLLEVBQUUsSUFBSTs0QkFDWCxXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxhQUFhLENBQUM7eUJBQzVDO3FCQUNGO2lCQUNGOzhCQUVVLElBQUk7c0JBQVosS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNpQyxJQUFJO3NCQUExQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGVBQWUsRUFBRTtnQkFDRyxRQUFRO3NCQUEvQyxLQUFLO3VCQUFDLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFO2dCQUM3QixLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBRUksUUFBUTtzQkFBakIsTUFBTTtnQkFDRyxVQUFVO3NCQUFuQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgR29hYlRleHRBcmVhQ291bnRCeSxcbiAgR29hYlRleHRBcmVhT25DaGFuZ2VEZXRhaWwsXG4gIEdvYWJUZXh0QXJlYU9uS2V5UHJlc3NEZXRhaWwsXG59IGZyb20gXCJAYWJnb3YvdWktY29tcG9uZW50cy1jb21tb25cIjtcbmltcG9ydCB7XG4gIENVU1RPTV9FTEVNRU5UU19TQ0hFTUEsXG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBib29sZWFuQXR0cmlidXRlLFxuICBmb3J3YXJkUmVmLFxuICBudW1iZXJBdHRyaWJ1dGUsXG59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBOR19WQUxVRV9BQ0NFU1NPUiB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuaW1wb3J0IHsgR29hYkNvbnRyb2xWYWx1ZUFjY2Vzc29yIH0gZnJvbSBcIi4uL2Jhc2UuY29tcG9uZW50XCI7XG5cbkBDb21wb25lbnQoe1xuICBzdGFuZGFsb25lOiB0cnVlLFxuICBzZWxlY3RvcjogXCJnb2FiLXRleHRhcmVhXCIsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGdvYS10ZXh0YXJlYVxuICAgICAgW2F0dHIubmFtZV09XCJuYW1lXCJcbiAgICAgIFthdHRyLnZhbHVlXT1cInZhbHVlXCJcbiAgICAgIFthdHRyLnBsYWNlaG9sZGVyXT1cInBsYWNlaG9sZGVyXCJcbiAgICAgIFthdHRyLnJvd3NdPVwicm93c1wiXG4gICAgICBbYXR0ci5lcnJvcl09XCJlcnJvclwiXG4gICAgICBbZGlzYWJsZWRdPVwiZGlzYWJsZWRcIlxuICAgICAgW2F0dHIucmVhZG9ubHldPVwicmVhZE9ubHlcIlxuICAgICAgW2F0dHIud2lkdGhdPVwid2lkdGhcIlxuICAgICAgW2F0dHIubWF4d2lkdGhdPVwibWF4V2lkdGhcIlxuICAgICAgW2F0dHIuYXJpYWxhYmVsXT1cImFyaWFMYWJlbFwiXG4gICAgICBbYXR0ci5jb3VudGJ5XT1cImNvdW50QnlcIlxuICAgICAgW2F0dHIubWF4Y291bnRdPVwibWF4Q291bnRcIlxuICAgICAgW2F0dHIuYXV0b2NvbXBsZXRlXT1cImF1dG9Db21wbGV0ZVwiXG4gICAgICBbYXR0ci50ZXN0aWRdPVwidGVzdElkXCJcbiAgICAgIFthdHRyLm10XT1cIm10XCJcbiAgICAgIFthdHRyLm1iXT1cIm1iXCJcbiAgICAgIFthdHRyLm1sXT1cIm1sXCJcbiAgICAgIFthdHRyLm1yXT1cIm1yXCJcbiAgICAgIChfY2hhbmdlKT1cIl9vbkNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIChfa2V5UHJlc3MpPVwiX29uS2V5UHJlc3MoJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvZ29hLXRleHRhcmVhPlxuICBgLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBHb2FiVGV4dEFyZWEpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEdvYWJUZXh0QXJlYSBleHRlbmRzIEdvYWJDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIG5hbWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IG51bWJlckF0dHJpYnV0ZSB9KSByb3dzPzogbnVtYmVyO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgcmVhZE9ubHk/OiBib29sZWFuO1xuICBASW5wdXQoKSB3aWR0aD86IHN0cmluZztcbiAgQElucHV0KCkgYXJpYUxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKSBjb3VudEJ5PzogR29hYlRleHRBcmVhQ291bnRCeSA9IFwiXCI7XG4gIEBJbnB1dCgpIG1heENvdW50PzogbnVtYmVyID0gLTE7XG4gIEBJbnB1dCgpIG1heFdpZHRoPzogc3RyaW5nO1xuICBASW5wdXQoKSBhdXRvQ29tcGxldGU/OiBzdHJpbmcgPSBcIm9uXCI7XG5cbiAgQE91dHB1dCgpIG9uQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxHb2FiVGV4dEFyZWFPbkNoYW5nZURldGFpbD4oKTtcbiAgQE91dHB1dCgpIG9uS2V5UHJlc3MgPSBuZXcgRXZlbnRFbWl0dGVyPEdvYWJUZXh0QXJlYU9uS2V5UHJlc3NEZXRhaWw+KCk7XG5cbiAgX29uQ2hhbmdlKGU6IEV2ZW50KSB7XG4gICAgY29uc3QgZGV0YWlsID0gKGUgYXMgQ3VzdG9tRXZlbnQ8R29hYlRleHRBcmVhT25DaGFuZ2VEZXRhaWw+KS5kZXRhaWw7XG4gICAgdGhpcy5vbkNoYW5nZS5lbWl0KGRldGFpbCk7XG4gICAgdGhpcy5tYXJrQXNUb3VjaGVkKCk7XG4gICAgdGhpcy5mY0NoYW5nZT8uKGRldGFpbC52YWx1ZSk7XG4gIH1cblxuICBfb25LZXlQcmVzcyhlOiBFdmVudCkge1xuICAgIGNvbnN0IGRldGFpbCA9IChlIGFzIEN1c3RvbUV2ZW50PEdvYWJUZXh0QXJlYU9uS2V5UHJlc3NEZXRhaWw+KS5kZXRhaWw7XG4gICAgdGhpcy5tYXJrQXNUb3VjaGVkKCk7XG4gICAgdGhpcy5vbktleVByZXNzLmVtaXQoZGV0YWlsKTtcbiAgfVxufVxuIl19