@scoped-vaadin/avatar-group
Version:
vaadin-avatar-group
56 lines (48 loc) • 1.46 kB
JavaScript
/**
* @license
* Copyright (c) 2020 - 2024 Vaadin Ltd.
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
*/
import { html, PolymerElement } from '@polymer/polymer/polymer-element.js';
import { defineCustomElement } from '@scoped-vaadin/component-base/src/define.js';
import { DirMixin } from '@scoped-vaadin/component-base/src/dir-mixin.js';
import { ItemMixin } from '@scoped-vaadin/item/src/vaadin-item-mixin.js';
import { ThemableMixin } from '@scoped-vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
/**
* An element used internally by `<vaadin24-avatar-group>`. Not intended to be used separately.
*
* @customElement
* @extends HTMLElement
* @mixes DirMixin
* @mixes ItemMixin
* @mixes ThemableMixin
* @protected
*/
class AvatarGroupMenuItem extends ItemMixin(ThemableMixin(DirMixin(PolymerElement))) {
static get is() {
return 'vaadin24-avatar-group-menu-item';
}
static get template() {
return html`
<style>
:host {
display: inline-block;
}
:host([hidden]) {
display: none ;
}
</style>
<span part="checkmark" aria-hidden="true"></span>
<div part="content">
<slot></slot>
</div>
`;
}
/** @protected */
ready() {
super.ready();
this.setAttribute('role', 'menuitem');
}
}
defineCustomElement(AvatarGroupMenuItem);
export { AvatarGroupMenuItem };