@vaadin/avatar-group
Version:
vaadin-avatar-group
51 lines (46 loc) • 1.61 kB
JavaScript
/**
* @license
* Copyright (c) 2020 - 2026 Vaadin Ltd.
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
*/
import { html, LitElement } from 'lit';
import { defineCustomElement } from '@vaadin/component-base/src/define.js';
import { DirMixin } from '@vaadin/component-base/src/dir-mixin.js';
import { PolylitMixin } from '@vaadin/component-base/src/polylit-mixin.js';
import { overlayStyles } from '@vaadin/overlay/src/styles/vaadin-overlay-base-styles.js';
import { OverlayMixin } from '@vaadin/overlay/src/vaadin-overlay-mixin.js';
import { PositionMixin } from '@vaadin/overlay/src/vaadin-overlay-position-mixin.js';
import { LumoInjectionMixin } from '@vaadin/vaadin-themable-mixin/lumo-injection-mixin.js';
import { ThemableMixin } from '@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js';
/**
* An element used internally by `<vaadin-avatar-group>`. Not intended to be used separately.
*
* @customElement
* @extends HTMLElement
* @mixes PositionMixin
* @mixes OverlayMixin
* @mixes DirMixin
* @mixes ThemableMixin
* @private
*/
class AvatarGroupOverlay extends PositionMixin(
OverlayMixin(DirMixin(ThemableMixin(PolylitMixin(LumoInjectionMixin(LitElement))))),
) {
static get is() {
return 'vaadin-avatar-group-overlay';
}
static get styles() {
return overlayStyles;
}
/** @protected */
render() {
return html`
<div part="overlay" id="overlay">
<div part="content" id="content">
<slot></slot>
</div>
</div>
`;
}
}
defineCustomElement(AvatarGroupOverlay);