carbon-components-angular
Version:
Next generation components
107 lines • 8.51 kB
JavaScript
import { Directive, HostBinding, Input } from "@angular/core";
import * as i0 from "@angular/core";
/**
* A directive for applying styling to an input element.
*
* Example:
*
* ```html
* <input cdsText/>
* ```
*
* See the [vanilla carbon docs](http://www.carbondesignsystem.com/components/text-input/code) for more detail.
*/
export class TextInput {
constructor() {
/**
* @deprecated since v5 - Use `cdsLayer` directive instead
* `light` or `dark` input theme
*/
this.theme = "dark";
/**
* Input field render size
*/
this.size = "md";
this.inputClass = true;
this.invalid = false;
this.warn = false;
this.skeleton = false;
}
/**
* @todo - remove `cds--text-input--${size}` classes in v12
*/
get isSizeSm() {
return this.size === "sm";
}
get isSizeMd() {
return this.size === "md";
}
get isSizelg() {
return this.size === "lg";
}
// Size
get sizeSm() {
return this.size === "sm";
}
get sizeMd() {
return this.size === "md";
}
get sizelg() {
return this.size === "lg";
}
get isLightTheme() {
return this.theme === "light";
}
}
TextInput.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
TextInput.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.3.0", type: TextInput, selector: "[cdsText], [ibmText]", inputs: { theme: "theme", size: "size", invalid: "invalid", warn: "warn", skeleton: "skeleton" }, host: { properties: { "class.cds--text-input": "this.inputClass", "class.cds--text-input--sm": "this.isSizeSm", "class.cds--text-input--md": "this.isSizeMd", "class.cds--text-input--lg": "this.isSizelg", "class.cds--layout--size-sm": "this.sizeSm", "class.cds--layout--size-md": "this.sizeMd", "class.cds--layout--size-lg": "this.sizelg", "class.cds--text-input--invalid": "this.invalid", "class.cds--text-input__field-wrapper--warning": "this.warn", "class.cds--skeleton": "this.skeleton", "class.cds--text-input--light": "this.isLightTheme" } }, ngImport: i0 });
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.3.0", ngImport: i0, type: TextInput, decorators: [{
type: Directive,
args: [{
selector: "[cdsText], [ibmText]"
}]
}], propDecorators: { theme: [{
type: Input
}], size: [{
type: Input
}], inputClass: [{
type: HostBinding,
args: ["class.cds--text-input"]
}], isSizeSm: [{
type: HostBinding,
args: ["class.cds--text-input--sm"]
}], isSizeMd: [{
type: HostBinding,
args: ["class.cds--text-input--md"]
}], isSizelg: [{
type: HostBinding,
args: ["class.cds--text-input--lg"]
}], sizeSm: [{
type: HostBinding,
args: ["class.cds--layout--size-sm"]
}], sizeMd: [{
type: HostBinding,
args: ["class.cds--layout--size-md"]
}], sizelg: [{
type: HostBinding,
args: ["class.cds--layout--size-lg"]
}], invalid: [{
type: HostBinding,
args: ["class.cds--text-input--invalid"]
}, {
type: Input
}], warn: [{
type: HostBinding,
args: ["class.cds--text-input__field-wrapper--warning"]
}, {
type: Input
}], skeleton: [{
type: HostBinding,
args: ["class.cds--skeleton"]
}, {
type: Input
}], isLightTheme: [{
type: HostBinding,
args: ["class.cds--text-input--light"]
}] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2lucHV0L2lucHV0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRTlEOzs7Ozs7Ozs7O0dBVUc7QUFJSCxNQUFNLE9BQU8sU0FBUztJQUh0QjtRQUlDOzs7V0FHRztRQUNNLFVBQUssR0FBcUIsTUFBTSxDQUFDO1FBRTFDOztXQUVHO1FBQ00sU0FBSSxHQUF1QixJQUFJLENBQUM7UUFFSCxlQUFVLEdBQUcsSUFBSSxDQUFDO1FBMEJBLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDRCxTQUFJLEdBQUcsS0FBSyxDQUFDO1FBQ3ZDLGFBQVEsR0FBRyxLQUFLLENBQUM7S0FJOUQ7SUE5QkE7O09BRUc7SUFDSCxJQUE4QyxRQUFRO1FBQ3JELE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQThDLFFBQVE7UUFDckQsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQztJQUMzQixDQUFDO0lBQ0QsSUFBOEMsUUFBUTtRQUNyRCxPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDO0lBQzNCLENBQUM7SUFFRCxPQUFPO0lBQ1AsSUFBK0MsTUFBTTtRQUNwRCxPQUFPLElBQUksQ0FBQyxJQUFJLEtBQUssSUFBSSxDQUFDO0lBQzNCLENBQUM7SUFDRCxJQUErQyxNQUFNO1FBQ3BELE9BQU8sSUFBSSxDQUFDLElBQUksS0FBSyxJQUFJLENBQUM7SUFDM0IsQ0FBQztJQUNELElBQStDLE1BQU07UUFDcEQsT0FBTyxJQUFJLENBQUMsSUFBSSxLQUFLLElBQUksQ0FBQztJQUMzQixDQUFDO0lBS0QsSUFBaUQsWUFBWTtRQUM1RCxPQUFPLElBQUksQ0FBQyxLQUFLLEtBQUssT0FBTyxDQUFDO0lBQy9CLENBQUM7O3NHQTNDVyxTQUFTOzBGQUFULFNBQVM7MkZBQVQsU0FBUztrQkFIckIsU0FBUzttQkFBQztvQkFDVixRQUFRLEVBQUUsc0JBQXNCO2lCQUNoQzs4QkFNUyxLQUFLO3NCQUFiLEtBQUs7Z0JBS0csSUFBSTtzQkFBWixLQUFLO2dCQUVnQyxVQUFVO3NCQUEvQyxXQUFXO3VCQUFDLHVCQUF1QjtnQkFLVSxRQUFRO3NCQUFyRCxXQUFXO3VCQUFDLDJCQUEyQjtnQkFHTSxRQUFRO3NCQUFyRCxXQUFXO3VCQUFDLDJCQUEyQjtnQkFHTSxRQUFRO3NCQUFyRCxXQUFXO3VCQUFDLDJCQUEyQjtnQkFLTyxNQUFNO3NCQUFwRCxXQUFXO3VCQUFDLDRCQUE0QjtnQkFHTSxNQUFNO3NCQUFwRCxXQUFXO3VCQUFDLDRCQUE0QjtnQkFHTSxNQUFNO3NCQUFwRCxXQUFXO3VCQUFDLDRCQUE0QjtnQkFJZSxPQUFPO3NCQUE5RCxXQUFXO3VCQUFDLGdDQUFnQzs7c0JBQUcsS0FBSztnQkFDa0IsSUFBSTtzQkFBMUUsV0FBVzt1QkFBQywrQ0FBK0M7O3NCQUFHLEtBQUs7Z0JBQ3ZCLFFBQVE7c0JBQXBELFdBQVc7dUJBQUMscUJBQXFCOztzQkFBRyxLQUFLO2dCQUNPLFlBQVk7c0JBQTVELFdBQVc7dUJBQUMsOEJBQThCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZywgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG4vKipcbiAqIEEgZGlyZWN0aXZlIGZvciBhcHBseWluZyBzdHlsaW5nIHRvIGFuIGlucHV0IGVsZW1lbnQuXG4gKlxuICogRXhhbXBsZTpcbiAqXG4gKiBgYGBodG1sXG4gKiA8aW5wdXQgY2RzVGV4dC8+XG4gKiBgYGBcbiAqXG4gKiBTZWUgdGhlIFt2YW5pbGxhIGNhcmJvbiBkb2NzXShodHRwOi8vd3d3LmNhcmJvbmRlc2lnbnN5c3RlbS5jb20vY29tcG9uZW50cy90ZXh0LWlucHV0L2NvZGUpIGZvciBtb3JlIGRldGFpbC5cbiAqL1xuQERpcmVjdGl2ZSh7XG5cdHNlbGVjdG9yOiBcIltjZHNUZXh0XSwgW2libVRleHRdXCJcbn0pXG5leHBvcnQgY2xhc3MgVGV4dElucHV0IHtcblx0LyoqXG5cdCAqIEBkZXByZWNhdGVkIHNpbmNlIHY1IC0gVXNlIGBjZHNMYXllcmAgZGlyZWN0aXZlIGluc3RlYWRcblx0ICogYGxpZ2h0YCBvciBgZGFya2AgaW5wdXQgdGhlbWVcblx0ICovXG5cdEBJbnB1dCgpIHRoZW1lOiBcImxpZ2h0XCIgfCBcImRhcmtcIiA9IFwiZGFya1wiO1xuXG5cdC8qKlxuXHQgKiBJbnB1dCBmaWVsZCByZW5kZXIgc2l6ZVxuXHQgKi9cblx0QElucHV0KCkgc2l6ZTogXCJzbVwiIHwgXCJtZFwiIHwgXCJsZ1wiID0gXCJtZFwiO1xuXG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tdGV4dC1pbnB1dFwiKSBpbnB1dENsYXNzID0gdHJ1ZTtcblxuXHQvKipcblx0ICogQHRvZG8gLSByZW1vdmUgYGNkcy0tdGV4dC1pbnB1dC0tJHtzaXplfWAgY2xhc3NlcyBpbiB2MTJcblx0ICovXG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tdGV4dC1pbnB1dC0tc21cIikgZ2V0IGlzU2l6ZVNtKCkge1xuXHRcdHJldHVybiB0aGlzLnNpemUgPT09IFwic21cIjtcblx0fVxuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLXRleHQtaW5wdXQtLW1kXCIpIGdldCBpc1NpemVNZCgpIHtcblx0XHRyZXR1cm4gdGhpcy5zaXplID09PSBcIm1kXCI7XG5cdH1cblx0QEhvc3RCaW5kaW5nKFwiY2xhc3MuY2RzLS10ZXh0LWlucHV0LS1sZ1wiKSBnZXQgaXNTaXplbGcoKSB7XG5cdFx0cmV0dXJuIHRoaXMuc2l6ZSA9PT0gXCJsZ1wiO1xuXHR9XG5cblx0Ly8gU2l6ZVxuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLWxheW91dC0tc2l6ZS1zbVwiKSBnZXQgc2l6ZVNtKCkge1xuXHRcdHJldHVybiB0aGlzLnNpemUgPT09IFwic21cIjtcblx0fVxuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLWxheW91dC0tc2l6ZS1tZFwiKSBnZXQgc2l6ZU1kKCkge1xuXHRcdHJldHVybiB0aGlzLnNpemUgPT09IFwibWRcIjtcblx0fVxuXHRASG9zdEJpbmRpbmcoXCJjbGFzcy5jZHMtLWxheW91dC0tc2l6ZS1sZ1wiKSBnZXQgc2l6ZWxnKCkge1xuXHRcdHJldHVybiB0aGlzLnNpemUgPT09IFwibGdcIjtcblx0fVxuXG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tdGV4dC1pbnB1dC0taW52YWxpZFwiKSBASW5wdXQoKSBpbnZhbGlkID0gZmFsc2U7XG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tdGV4dC1pbnB1dF9fZmllbGQtd3JhcHBlci0td2FybmluZ1wiKSBASW5wdXQoKSB3YXJuID0gZmFsc2U7XG5cdEBIb3N0QmluZGluZyhcImNsYXNzLmNkcy0tc2tlbGV0b25cIikgQElucHV0KCkgc2tlbGV0b24gPSBmYWxzZTtcblx0QEhvc3RCaW5kaW5nKFwiY2xhc3MuY2RzLS10ZXh0LWlucHV0LS1saWdodFwiKSBnZXQgaXNMaWdodFRoZW1lKCkge1xuXHRcdHJldHVybiB0aGlzLnRoZW1lID09PSBcImxpZ2h0XCI7XG5cdH1cbn1cbiJdfQ==