UNPKG

@progress/kendo-angular-inputs

Version:

Kendo UI for Angular Inputs Package - Everything you need to build professional form functionality (Checkbox, ColorGradient, ColorPalette, ColorPicker, FlatColorPicker, FormField, MaskedTextBox, NumericTextBox, RadioButton, RangeSlider, Slider, Switch, Te

70 lines (69 loc) 3.09 kB
/**----------------------------------------------------------------------------------------- * Copyright © 2025 Progress Software Corporation. All rights reserved. * Licensed under commercial license. See LICENSE.md in the project root for more information *-------------------------------------------------------------------------------------------*/ import { Component, HostBinding, Input } from '@angular/core'; import * as i0 from "@angular/core"; /** * Specifies the adornments in the prefix container ([see example]({% slug textarea_adornments %})). * ```ts-no-run * _@Component({ * selector: 'my-app', * template: ` * <kendo-textarea> * <kendo-textarea-prefix> * <button kendoButton look="clear" icon="image"></button> * </kendo-textarea-prefix> * </kendo-textarea> * ` * }) * class AppComponent {} * ``` */ export class TextAreaPrefixComponent { /** * @hidden */ flow = 'vertical'; /** * @hidden */ orientation = 'horizontal'; hostClass = true; get verticalOrientation() { return this.orientation === 'vertical'; } get horizontalOrientation() { return this.orientation === 'horizontal'; } get alignItems() { return this.flow === this.orientation; } static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaPrefixComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: TextAreaPrefixComponent, isStandalone: true, selector: "kendo-textarea-prefix", inputs: { flow: "flow", orientation: "orientation" }, host: { properties: { "class.k-input-prefix": "this.hostClass", "class.k-input-prefix-vertical": "this.verticalOrientation", "class.k-input-prefix-horizontal": "this.horizontalOrientation", "class.!k-align-items-start": "this.alignItems" } }, exportAs: ["kendoTextAreaPrefix"], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true }); } i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: TextAreaPrefixComponent, decorators: [{ type: Component, args: [{ exportAs: 'kendoTextAreaPrefix', selector: 'kendo-textarea-prefix', template: `<ng-content></ng-content>`, standalone: true }] }], propDecorators: { flow: [{ type: Input }], orientation: [{ type: Input }], hostClass: [{ type: HostBinding, args: ['class.k-input-prefix'] }], verticalOrientation: [{ type: HostBinding, args: ['class.k-input-prefix-vertical'] }], horizontalOrientation: [{ type: HostBinding, args: ['class.k-input-prefix-horizontal'] }], alignItems: [{ type: HostBinding, args: ['class.!k-align-items-start'] }] } });