@universal-material/web/text-area/text-area.js

Material web components

import { __decorate } from "tslib";
import { html, nothing } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { live } from 'lit/directives/live.js';
import { UmNativeTextFieldWrapper } from '../shared/char-count-text-field/native-text-field-wrapper.js';
import { UmTextFieldBase } from '../shared/text-field-base/text-field-base.js';
import { styles } from './text-area.styles.js';
let UmTextArea = class UmTextArea extends UmNativeTextFieldWrapper {
    constructor() {
        super(...arguments);
        this.rows = 2;
    }
    static { this.styles = [UmTextFieldBase.styles, styles]; }
    renderControl() {
        return html `
      <div class="input">
        <textarea
          part="input"
          id=${this.id || nothing}
          aria-labelledby="label"
          aria-describedBy="supporting-text"
          ?disabled=${this.disabled}
          spellcheck=${this.spellcheck}
          autocomplete=${this.autocomplete}
          autocapitalize=${this.autocapitalize}
          role=${this.role ?? nothing}
          maxlength=${this.maxlength ?? nothing}
          .rows=${this.rows}
          .placeholder=${this.placeholder}
          .value=${live(this._value)}
          @input=${this._handleInput}></textarea>
      </div>
    `;
    }
};
__decorate([
    property({ type: Number })
], UmTextArea.prototype, "rows", void 0);
__decorate([
    query('textarea')
], UmTextArea.prototype, "input", void 0);
UmTextArea = __decorate([
    customElement('u-text-area')
], UmTextArea);
export { UmTextArea };
//# sourceMappingURL=text-area.js.map