opendev/gerrit
Code Issues Proposed changes

Merge changes from topic "gr-tooltip-content-ts"

Browse Source 
* changes:
  Move gr-tooltip-content to typescript
  Rename gr-tooltip-content to keep histories
This commit is contained in:
Tao Zhou
2020-08-06 13:05:56 +00:00
committed by Gerrit Code Review
parent 6271fe8a7f 76606ac83b
commit f5e13dcea7
1 changed files with 27 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

56
polygerrit-ui/app/elements/shared/gr-tooltip-content/gr-tooltip-content.js → polygerrit-ui/app/elements/shared/gr-tooltip-content/gr-tooltip-content.ts
View File

@@ -14,36 +14,34 @@
* See the License for the specific language governing permissions and * See the License for the specific language governing permissions and
* limitations under the License. * limitations under the License.
*/ */
import '../gr-icons/gr-icons.js'; import '../gr-icons/gr-icons';
import {GestureEventListeners} from '@polymer/polymer/lib/mixins/gesture-event-listeners.js'; import {GestureEventListeners} from '@polymer/polymer/lib/mixins/gesture-event-listeners';
import {LegacyElementMixin} from '@polymer/polymer/lib/legacy/legacy-element-mixin.js'; import {LegacyElementMixin} from '@polymer/polymer/lib/legacy/legacy-element-mixin';
import {PolymerElement} from '@polymer/polymer/polymer-element.js'; import {PolymerElement} from '@polymer/polymer/polymer-element';
import {htmlTemplate} from './gr-tooltip-content_html.js'; import {htmlTemplate} from './gr-tooltip-content_html';
import {TooltipMixin} from '../../../mixins/gr-tooltip-mixin/gr-tooltip-mixin.js'; import {TooltipMixin} from '../../../mixins/gr-tooltip-mixin/gr-tooltip-mixin';
import {customElement, property} from '@polymer/decorators';
/** declare global {
* @extends PolymerElement interface HTMLElementTagNameMap {
*/ 'gr-tooltip-content': GrTooltipContent;
class GrTooltipContent extends TooltipMixin(
GestureEventListeners(
LegacyElementMixin(
PolymerElement))) {
static get template() { return htmlTemplate; }
static get is() { return 'gr-tooltip-content'; }
static get properties() {
return {
maxWidth: {
type: String,
reflectToAttribute: true,
},
showIcon: {
type: Boolean,
value: false,
},
};
} }
} }
customElements.define(GrTooltipContent.is, GrTooltipContent); /**
* Transclude anything inside and wrap them to support tooltip functionality.
*/
@customElement('gr-tooltip-content')
export class GrTooltipContent extends TooltipMixin(
GestureEventListeners(LegacyElementMixin(PolymerElement))
) {
static get template() {
return htmlTemplate;
}
@property({type: String, reflectToAttribute: true})
maxWidth?: string;
@property({type: Boolean})
showIcon = false;
}