@abgov/angular-components
Version:
Government of Alberta - UI components for Angular
119 lines • 9.85 kB
JavaScript
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.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" }, 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.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.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
}], onChange: [{
type: Output
}], onKeyPress: [{
type: Output
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9saWJzL2FuZ3VsYXItY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdGV4dGFyZWEvdGV4dGFyZWEudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS0EsT0FBTyxFQUNMLHNCQUFzQixFQUN0QixTQUFTLEVBQ1QsWUFBWSxFQUNaLEtBQUssRUFDTCxNQUFNLEVBQ04sZ0JBQWdCLEVBQ2hCLFVBQVUsRUFDVixlQUFlLEdBQ2hCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ25ELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG1CQUFtQixDQUFDOztBQXNDN0QsTUFBTSxPQUFPLFlBQWEsU0FBUSx3QkFBd0I7SUFwQzFEOztRQTJDVyxZQUFPLEdBQXlCLEVBQUUsQ0FBQztRQUNuQyxhQUFRLEdBQVksQ0FBQyxDQUFDLENBQUM7UUFHdEIsYUFBUSxHQUFHLElBQUksWUFBWSxFQUE4QixDQUFDO1FBQzFELGVBQVUsR0FBRyxJQUFJLFlBQVksRUFBZ0MsQ0FBQztLQWN6RTtJQVpDLFNBQVMsQ0FBQyxDQUFRO1FBQ2hCLE1BQU0sTUFBTSxHQUFJLENBQTZDLENBQUMsTUFBTSxDQUFDO1FBQ3JFLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQzNCLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztRQUNyQixJQUFJLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxXQUFXLENBQUMsQ0FBUTtRQUNsQixNQUFNLE1BQU0sR0FBSSxDQUErQyxDQUFDLE1BQU0sQ0FBQztRQUN2RSxJQUFJLENBQUMsYUFBYSxFQUFFLENBQUM7UUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDL0IsQ0FBQzs4R0F6QlUsWUFBWTtrR0FBWixZQUFZLDRIQUdILGVBQWUsc0NBQ2YsZ0JBQWdCLHFMQVp6QjtZQUNUO2dCQUNFLE9BQU8sRUFBRSxpQkFBaUI7Z0JBQzFCLEtBQUssRUFBRSxJQUFJO2dCQUNYLFdBQVcsRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsWUFBWSxDQUFDO2FBQzVDO1NBQ0YsaURBL0JTOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVDs7MkZBVVUsWUFBWTtrQkFwQ3hCLFNBQVM7bUJBQUM7b0JBQ1QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxlQUFlO29CQUN6QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUO29CQUNELE9BQU8sRUFBRSxDQUFDLHNCQUFzQixDQUFDO29CQUNqQyxTQUFTLEVBQUU7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsS0FBSyxFQUFFLElBQUk7NEJBQ1gsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUsYUFBYSxDQUFDO3lCQUM1QztxQkFDRjtpQkFDRjs4QkFFVSxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDaUMsSUFBSTtzQkFBMUMsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUU7Z0JBQ0csUUFBUTtzQkFBL0MsS0FBSzt1QkFBQyxFQUFFLFNBQVMsRUFBRSxnQkFBZ0IsRUFBRTtnQkFDN0IsS0FBSztzQkFBYixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFSSxRQUFRO3NCQUFqQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBHb2FiVGV4dEFyZWFDb3VudEJ5LFxuICBHb2FiVGV4dEFyZWFPbkNoYW5nZURldGFpbCxcbiAgR29hYlRleHRBcmVhT25LZXlQcmVzc0RldGFpbCxcbn0gZnJvbSBcIkBhYmdvdi91aS1jb21wb25lbnRzLWNvbW1vblwiO1xuaW1wb3J0IHtcbiAgQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQSxcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIElucHV0LFxuICBPdXRwdXQsXG4gIGJvb2xlYW5BdHRyaWJ1dGUsXG4gIGZvcndhcmRSZWYsXG4gIG51bWJlckF0dHJpYnV0ZSxcbn0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5pbXBvcnQgeyBHb2FiQ29udHJvbFZhbHVlQWNjZXNzb3IgfSBmcm9tIFwiLi4vYmFzZS5jb21wb25lbnRcIjtcblxuQENvbXBvbmVudCh7XG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIHNlbGVjdG9yOiBcImdvYWItdGV4dGFyZWFcIixcbiAgdGVtcGxhdGU6IGBcbiAgICA8Z29hLXRleHRhcmVhXG4gICAgICBbYXR0ci5uYW1lXT1cIm5hbWVcIlxuICAgICAgW2F0dHIudmFsdWVdPVwidmFsdWVcIlxuICAgICAgW2F0dHIucGxhY2Vob2xkZXJdPVwicGxhY2Vob2xkZXJcIlxuICAgICAgW2F0dHIucm93c109XCJyb3dzXCJcbiAgICAgIFthdHRyLmVycm9yXT1cImVycm9yXCJcbiAgICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgICBbYXR0ci5yZWFkb25seV09XCJyZWFkT25seVwiXG4gICAgICBbYXR0ci53aWR0aF09XCJ3aWR0aFwiXG4gICAgICBbYXR0ci5tYXh3aWR0aF09XCJtYXhXaWR0aFwiXG4gICAgICBbYXR0ci5hcmlhbGFiZWxdPVwiYXJpYUxhYmVsXCJcbiAgICAgIFthdHRyLmNvdW50YnldPVwiY291bnRCeVwiXG4gICAgICBbYXR0ci5tYXhjb3VudF09XCJtYXhDb3VudFwiXG4gICAgICBbYXR0ci50ZXN0aWRdPVwidGVzdElkXCJcbiAgICAgIFthdHRyLm10XT1cIm10XCJcbiAgICAgIFthdHRyLm1iXT1cIm1iXCJcbiAgICAgIFthdHRyLm1sXT1cIm1sXCJcbiAgICAgIFthdHRyLm1yXT1cIm1yXCJcbiAgICAgIChfY2hhbmdlKT1cIl9vbkNoYW5nZSgkZXZlbnQpXCJcbiAgICAgIChfa2V5UHJlc3MpPVwiX29uS2V5UHJlc3MoJGV2ZW50KVwiXG4gICAgPlxuICAgIDwvZ29hLXRleHRhcmVhPlxuICBgLFxuICBzY2hlbWFzOiBbQ1VTVE9NX0VMRU1FTlRTX1NDSEVNQV0sXG4gIHByb3ZpZGVyczogW1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IE5HX1ZBTFVFX0FDQ0VTU09SLFxuICAgICAgbXVsdGk6IHRydWUsXG4gICAgICB1c2VFeGlzdGluZzogZm9yd2FyZFJlZigoKSA9PiBHb2FiVGV4dEFyZWEpLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEdvYWJUZXh0QXJlYSBleHRlbmRzIEdvYWJDb250cm9sVmFsdWVBY2Nlc3NvciB7XG4gIEBJbnB1dCgpIG5hbWU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IG51bWJlckF0dHJpYnV0ZSB9KSByb3dzPzogbnVtYmVyO1xuICBASW5wdXQoeyB0cmFuc2Zvcm06IGJvb2xlYW5BdHRyaWJ1dGUgfSkgcmVhZE9ubHk/OiBib29sZWFuO1xuICBASW5wdXQoKSB3aWR0aD86IHN0cmluZztcbiAgQElucHV0KCkgYXJpYUxhYmVsPzogc3RyaW5nO1xuICBASW5wdXQoKSBjb3VudEJ5PzogR29hYlRleHRBcmVhQ291bnRCeSA9IFwiXCI7XG4gIEBJbnB1dCgpIG1heENvdW50PzogbnVtYmVyID0gLTE7XG4gIEBJbnB1dCgpIG1heFdpZHRoPzogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBvbkNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXI8R29hYlRleHRBcmVhT25DaGFuZ2VEZXRhaWw+KCk7XG4gIEBPdXRwdXQoKSBvbktleVByZXNzID0gbmV3IEV2ZW50RW1pdHRlcjxHb2FiVGV4dEFyZWFPbktleVByZXNzRGV0YWlsPigpO1xuXG4gIF9vbkNoYW5nZShlOiBFdmVudCkge1xuICAgIGNvbnN0IGRldGFpbCA9IChlIGFzIEN1c3RvbUV2ZW50PEdvYWJUZXh0QXJlYU9uQ2hhbmdlRGV0YWlsPikuZGV0YWlsO1xuICAgIHRoaXMub25DaGFuZ2UuZW1pdChkZXRhaWwpO1xuICAgIHRoaXMubWFya0FzVG91Y2hlZCgpO1xuICAgIHRoaXMuZmNDaGFuZ2U/LihkZXRhaWwudmFsdWUpO1xuICB9XG5cbiAgX29uS2V5UHJlc3MoZTogRXZlbnQpIHtcbiAgICBjb25zdCBkZXRhaWwgPSAoZSBhcyBDdXN0b21FdmVudDxHb2FiVGV4dEFyZWFPbktleVByZXNzRGV0YWlsPikuZGV0YWlsO1xuICAgIHRoaXMubWFya0FzVG91Y2hlZCgpO1xuICAgIHRoaXMub25LZXlQcmVzcy5lbWl0KGRldGFpbCk7XG4gIH1cbn1cbiJdfQ==