blob: 2562a1a87dd451de44053cbcf5fa3eacf0df5510 [file] [log] [blame]
/**
* @license
* Copyright (C) 2016 The Android Open Source Project
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import '../../../styles/shared-styles';
import '../gr-autocomplete/gr-autocomplete';
import {GestureEventListeners} from '@polymer/polymer/lib/mixins/gesture-event-listeners';
import {LegacyElementMixin} from '@polymer/polymer/lib/legacy/legacy-element-mixin';
import {PolymerElement} from '@polymer/polymer/polymer-element';
import {htmlTemplate} from './gr-account-entry_html';
import {customElement, property} from '@polymer/decorators';
import {GrAutocomplete} from '../gr-autocomplete/gr-autocomplete';
export interface GrAccountEntry {
$: {
input: GrAutocomplete;
};
}
/**
* gr-account-entry is an element for entering account
* and/or group with autocomplete support.
*/
@customElement('gr-account-entry')
export class GrAccountEntry extends GestureEventListeners(
LegacyElementMixin(PolymerElement)
) {
static get template() {
return htmlTemplate;
}
/**
* Fired when an account is entered.
*
* @event add
*/
/**
* When allowAnyInput is true, account-text-changed is fired when input text
* changed. This is needed so that the reply dialog's save button can be
* enabled for arbitrary cc's, which don't need a 'commit'.
*
* @event account-text-changed
*/
@property({type: Boolean})
allowAnyInput?: boolean;
@property({type: Boolean})
borderless?: boolean;
@property({type: String})
placeholder?: string;
@property({type: Number})
suggestFrom = 0;
@property({type: Object, notify: true})
querySuggestions = () => Promise.resolve([]);
@property({type: String, observer: '_inputTextChanged'})
_inputText?: string;
get focusStart() {
return this.$.input.focusStart;
}
focus() {
this.$.input.focus();
}
clear() {
this.$.input.clear();
}
setText(text: string) {
this.$.input.setText(text);
}
getText() {
return this.$.input.text;
}
_handleInputCommit(e: CustomEvent) {
this.dispatchEvent(
new CustomEvent('add', {
detail: {value: e.detail.value},
composed: true,
bubbles: true,
})
);
this.$.input.focus();
}
_inputTextChanged(text: string) {
if (text.length && this.allowAnyInput) {
this.dispatchEvent(
new CustomEvent('account-text-changed', {bubbles: true, composed: true})
);
}
}
}
declare global {
interface HTMLElementTagNameMap {
'gr-account-entry': GrAccountEntry;
}
}