import { LitElement } from '../../../../external/lit/index.js'; /** * An overlay that frames its parent with a rounded border and shows a label tab * just above the parent's top-right corner. Visibility is controlled by the consumer via * `--umb-entity-frame-opacity` (defaults to `1`); the typical pattern is for the parent * container to set it to `0` by default and toggle to `1` on `:hover` and/or `:focus-within`. * The parent must establish a positioning context (e.g. `position: relative`), and must not * clip overflow above its top edge (the tab renders outside the parent's content box). * @element umb-entity-frame * @slot - Optional rich content for the tab. Falls back to the `label` property. * @cssprop --umb-entity-frame-border-width - Thickness of the border. Defaults to `2px`. * @cssprop --umb-entity-frame-color - Accent colour for the border and tab background. Defaults to `--uui-color-focus`. * @cssprop --umb-entity-frame-contrast-color - Text colour for the tab. Defaults to `--uui-color-selected-contrast`. Override when using a custom `--umb-entity-frame-color` that does not pair with the default contrast token. * @cssprop --umb-entity-frame-opacity - Opacity of the border and tab. Defaults to `1`. Set to `0` on the parent and toggle to `1` on `:hover` / `:focus-within` to gate visibility. * @augments {LitElement} */ export declare class UmbEntityFrameElement extends LitElement { /** * Text displayed in the tab when no slot content is projected. * @type {string} * @attr * @default '' */ label: string; render(): import("lit-html").TemplateResult<1>; static readonly styles: import("lit").CSSResult[]; } declare global { interface HTMLElementTagNameMap { 'umb-entity-frame': UmbEntityFrameElement; } }