carbon-components-angular
Version:
Next generation components
70 lines • 5.68 kB
JavaScript
import { Directive, HostBinding, Input } from "@angular/core";
import * as i0 from "@angular/core";
/**
* A directive for applying styling to a textarea element.
*
* Example:
*
* ```html
* <textarea cdsTextArea></textarea>
* ```
*
* See the [vanilla carbon docs](http://www.carbondesignsystem.com/components/text-input/code) for more detail.
*/
export class TextArea {
constructor() {
/**
* @deprecated since v5 - Use `cdsLayer` directive instead
* `light` or `dark` input theme
*/
this.theme = "dark";
this.baseClass = true;
this.invalid = false;
/**
* Set to `true` to put the textarea in a warning state.
*/
this.warn = false;
this.skeleton = false;
}
get isLightTheme() {
return this.theme === "light";
}
get getInvalidAttr() {
return this.invalid ? true : undefined;
}
}
TextArea.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextArea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
TextArea.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: TextArea, selector: "[cdsTextArea], [ibmTextArea]", inputs: { theme: "theme", invalid: "invalid", warn: "warn", skeleton: "skeleton" }, host: { properties: { "class.cds--text-area": "this.baseClass", "class.cds--text-area--invalid": "this.invalid", "class.cds--text-area--warn": "this.warn", "class.cds--skeleton": "this.skeleton", "class.cds--text-area--light": "this.isLightTheme", "attr.data-invalid": "this.getInvalidAttr" } }, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextArea, decorators: [{
type: Directive,
args: [{
selector: "[cdsTextArea], [ibmTextArea]"
}]
}], propDecorators: { theme: [{
type: Input
}], baseClass: [{
type: HostBinding,
args: ["class.cds--text-area"]
}], invalid: [{
type: HostBinding,
args: ["class.cds--text-area--invalid"]
}, {
type: Input
}], warn: [{
type: HostBinding,
args: ["class.cds--text-area--warn"]
}, {
type: Input
}], skeleton: [{
type: HostBinding,
args: ["class.cds--skeleton"]
}, {
type: Input
}], isLightTheme: [{
type: HostBinding,
args: ["class.cds--text-area--light"]
}], getInvalidAttr: [{
type: HostBinding,
args: ["attr.data-invalid"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1hcmVhLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9pbnB1dC90ZXh0LWFyZWEuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFOUQ7Ozs7Ozs7Ozs7R0FVRztBQUlILE1BQU0sT0FBTyxRQUFRO0lBSHJCO1FBSUM7OztXQUdHO1FBQ00sVUFBSyxHQUFxQixNQUFNLENBQUM7UUFFTCxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ0MsWUFBTyxHQUFHLEtBQUssQ0FBQztRQUN2RTs7V0FFRztRQUNpRCxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FROUQ7SUFQQSxJQUFnRCxZQUFZO1FBQzNELE9BQU8sSUFBSSxDQUFDLEtBQUssS0FBSyxPQUFPLENBQUM7SUFDL0IsQ0FBQztJQUVELElBQXNDLGNBQWM7UUFDbkQsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUN4QyxDQUFDOztxR0FwQlcsUUFBUTt5RkFBUixRQUFROzJGQUFSLFFBQVE7a0JBSHBCLFNBQVM7bUJBQUM7b0JBQ1YsUUFBUSxFQUFFLDhCQUE4QjtpQkFDeEM7OEJBTVMsS0FBSztzQkFBYixLQUFLO2dCQUUrQixTQUFTO3NCQUE3QyxXQUFXO3VCQUFDLHNCQUFzQjtnQkFDb0IsT0FBTztzQkFBN0QsV0FBVzt1QkFBQywrQkFBK0I7O3NCQUFHLEtBQUs7Z0JBSUEsSUFBSTtzQkFBdkQsV0FBVzt1QkFBQyw0QkFBNEI7O3NCQUFHLEtBQUs7Z0JBQ0osUUFBUTtzQkFBcEQsV0FBVzt1QkFBQyxxQkFBcUI7O3NCQUFHLEtBQUs7Z0JBQ00sWUFBWTtzQkFBM0QsV0FBVzt1QkFBQyw2QkFBNkI7Z0JBSUosY0FBYztzQkFBbkQsV0FBVzt1QkFBQyxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nLCBJbnB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbi8qKlxuICogQSBkaXJlY3RpdmUgZm9yIGFwcGx5aW5nIHN0eWxpbmcgdG8gYSB0ZXh0YXJlYSBlbGVtZW50LlxuICpcbiAqIEV4YW1wbGU6XG4gKlxuICogYGBgaHRtbFxuICogPHRleHRhcmVhIGNkc1RleHRBcmVhPjwvdGV4dGFyZWE+XG4gKiBgYGBcbiAqXG4gKiBTZWUgdGhlIFt2YW5pbGxhIGNhcmJvbiBkb2NzXShodHRwOi8vd3d3LmNhcmJvbmRlc2lnbnN5c3RlbS5jb20vY29tcG9uZW50cy90ZXh0LWlucHV0L2NvZGUpIGZvciBtb3JlIGRldGFpbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG5cdHNlbGVjdG9yOiBcIltjZHNUZXh0QXJlYV0sIFtpYm1UZXh0QXJlYV1cIlxufSlcbmV4cG9ydCBjbGFzcyBUZXh0QXJlYSB7XG5cdC8qKlxuXHQgKiBAZGVwcmVjYXRlZCBzaW5jZSB2NSAtIFVzZSBgY2RzTGF5ZXJgIGRpcmVjdGl2ZSBpbnN0ZWFkXG5cdCAqIGBsaWdodGAgb3IgYGRhcmtgIGlucHV0IHRoZW1lXG5cdCAqL1xuXHRASW5wdXQoKSB0aGVtZTogXCJsaWdodFwiIHwgXCJkYXJrXCIgPSBcImRhcmtcIjtcblxuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXRleHQtYXJlYVwiKSBiYXNlQ2xhc3MgPSB0cnVlO1xuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXRleHQtYXJlYS0taW52YWxpZFwiKSBASW5wdXQoKSBpbnZhbGlkID0gZmFsc2U7XG5cdC8qKlxuXHQgKiBTZXQgdG8gYHRydWVgIHRvIHB1dCB0aGUgdGV4dGFyZWEgaW4gYSB3YXJuaW5nIHN0YXRlLlxuXHQgKi9cblx0QEhvc3RCaW5kaW5nKFwiY2xhc3MuY2RzLS10ZXh0LWFyZWEtLXdhcm5cIikgQElucHV0KCkgd2FybiA9IGZhbHNlO1xuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXNrZWxldG9uXCIpIEBJbnB1dCgpIHNrZWxldG9uID0gZmFsc2U7XG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tdGV4dC1hcmVhLS1saWdodFwiKSBnZXQgaXNMaWdodFRoZW1lKCkge1xuXHRcdHJldHVybiB0aGlzLnRoZW1lID09PSBcImxpZ2h0XCI7XG5cdH1cblxuXHRASG9zdEJpbmRpbmcoXCJhdHRyLmRhdGEtaW52YWxpZFwiKSBnZXQgZ2V0SW52YWxpZEF0dHIoKSB7XG5cdFx0cmV0dXJuIHRoaXMuaW52YWxpZCA/IHRydWUgOiB1bmRlZmluZWQ7XG5cdH1cbn1cbiJdfQ==