import { CustomElement } from '../../Abstracts/CustomElement'; import type { IChatMarkerElementProps } from './IChatMarkerElementProps'; declare const ChatMarkerElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Orientable").IOrientableProps) & (abstract new (...args: Array) => import("../../../Behaviors/ContentAlignable").IContentAlignableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Stickable").IStickableProps) & (abstract new (...args: Array) => import("../../../Behaviors/TextFormattable").ITextFormattableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * Chat Marker - Represents a marker within a chat message. * * @slot - The default slot. * * @csspart icon - The icon part. * @csspart text - The text part. * * @cssprop {String} --chat-marker-background-color - The marker background color CSS custom property. * @cssprop {String} --chat-marker-border-color - The marker border color CSS custom property. * @cssprop {String} --chat-marker-border-radius - The marker border radius CSS custom property. * @cssprop {String} --chat-marker-border-style - The marker border style CSS custom property. * @cssprop {String} --chat-marker-border-width - The marker border width CSS custom property. * @cssprop {String} --chat-marker-font-family - The marker font family CSS custom property. * @cssprop {String} --chat-marker-font-letter-spacing - The marker font letter spacing CSS custom property. * @cssprop {String} --chat-marker-font-line-height - The marker font line height CSS custom property. * @cssprop {String} --chat-marker-font-size - The marker font size CSS custom property. * @cssprop {String} --chat-marker-font-text-decoration - The marker font text decoration CSS custom property. * @cssprop {String} --chat-marker-font-text-transform - The marker font text transform CSS custom property. * @cssprop {String} --chat-marker-font-weight - The marker font weight CSS custom property. * @cssprop {String} --chat-marker-foreground-color - The marker foreground color CSS custom property. * @cssprop {String} --chat-marker-gap - The marker gap CSS custom property. * @cssprop {String} --chat-marker-padding-bottom - The marker padding bottom CSS custom property. * @cssprop {String} --chat-marker-padding-left - The marker padding left CSS custom property. * @cssprop {String} --chat-marker-padding-right - The marker padding right CSS custom property. * @cssprop {String} --chat-marker-padding-top - The marker padding top CSS custom property. * @cssprop {String} --chat-marker-shadow - The marker shadow CSS custom property. * @cssprop {String} --chat-marker-shadow-blur - The marker shadow blur CSS custom property. * @cssprop {String} --chat-marker-shadow-color - The marker shadow color CSS custom property. * @cssprop {String} --chat-marker-shadow-offset-x - The marker shadow offset x CSS custom property. * @cssprop {String} --chat-marker-shadow-offset-y - The marker shadow offset y CSS custom property. * @cssprop {String} --chat-marker-shadow-spread - The marker shadow spread CSS custom property. * @cssprop {String} --chat-marker-transition-duration - The marker transition duration CSS custom property. * @cssprop {String} --chat-marker-transition-mode - The marker transition mode CSS custom property. * @cssprop {String} --chat-marker-transition-property - The marker transition property CSS custom property. * @cssprop {String} --chat-marker-translate - The marker translate CSS custom property. * * @dependency mosaik-icon - The Icon element. * @dependency mosaik-stack - The Stack element. * @dependency mosaik-sticky - The Sticky element. * @dependency mosaik-text - The Text element. * * @example * Basic chat marker: * ```html * * ``` * * @example * Chat marker with a variant: * ```html * * ``` * * @public */ export declare class ChatMarkerElement extends ChatMarkerElement_base implements IChatMarkerElementProps { private _text; private _icon; /** * @public */ constructor(); /** * Returns the `is` property. * The `is` property represents natural name of this element. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the `text` property. * * @public */ get text(): string; set text(value: string); /** * Gets or sets the `icon` property. * * @public */ get icon(): string; set icon(value: string); } /** * @public */ export declare namespace ChatMarkerElement { type Props = IChatMarkerElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-chat-marker': ChatMarkerElement; } } export {}; //# sourceMappingURL=ChatMarkerElement.d.ts.map