import type { Size } from '../../../Types/Size'; import { CustomElement } from '../../Abstracts/CustomElement'; import type { ITimelineMarkerElementProps } from './ITimelineMarkerElementProps'; declare const TimelineMarkerElement_base: (abstract new (...args: Array) => import("../../../Behaviors/Themeable").IThemeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Appearanceable").IAppearanceableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Variantable").IVariantableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Sizeable").ISizeableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Busyable").IBusyableProps) & (abstract new (...args: Array) => import("../../../Behaviors/Disableable").IDisableableProps) & typeof CustomElement & import("../../../Behaviors/Themeable").IThemeableCtor; /** * TimelineMarker - Represents the visual marker of a timeline item. * * @description * Renders a `PipElement` internally that displays text, icons, or symbols * as the timeline marker indicator. All visual properties (variant, appearance, * size) are forwarded to the inner pip. Accepts custom content via the default * slot to override the built-in pip. Supports a busy state that shows a * `ProgressRingElement` spinner over the marker. * * @name TimelineMarker * @element mosaik-timeline-marker * @category Layouts * * @slot - Default slot for custom marker content. Overrides the internal pip when provided. * * @csspart pip - The internal pip element used as default marker indicator * @csspart progressRing - The indeterminate progress ring shown during busy state * * @cssprop {String} --timeline-marker-marker-border-color - Border color of the marker * @cssprop {String} --timeline-marker-marker-border-width - Border width of the marker * @cssprop {String} --timeline-marker-marker-color - Background color of the marker * @cssprop {String} --timeline-marker-marker-size - Width and height of the marker * @cssprop {String} --timeline-marker-progress-ring-width - Stroke width of the busy progress ring * * @dependency {PipElement} - Visual pip indicator rendered by default * @dependency {ProgressRingElement} - Indeterminate spinner shown in busy state * * @fires connected {ConnectedEvent} - Fired when connected to DOM * @fires changed {PropertyChangedEvent} - Fired when a property changes * * @example * Default marker (renders a pip): * ```html * * ``` * * @example * Busy marker with spinner: * ```html * * ``` * * @example * Marker with custom slotted content: * ```html * * * * ``` * * @public */ export declare class TimelineMarkerElement extends TimelineMarkerElement_base implements ITimelineMarkerElementProps { private _text; private _icon; private _iconSize; /** * @public */ constructor(); /** * Returns the `is` property. * * @public * @static * @readonly */ static get is(): string; /** * Gets or sets the text content displayed inside the marker pip. * Can be a digit, letter, or symbol (e.g., `"1"`, `"A"`, `"✓"`). * Ignored when `icon` is set. * The default value is an empty string. * * @public * @attr */ get text(): string; set text(value: string); /** * Gets or sets the icon SVG path data displayed inside the marker pip. * When set, the icon takes precedence over `text`. * The default value is an empty string (no icon). * * @public */ get icon(): string; set icon(value: string); /** * Gets or sets the size of the icon inside the marker pip. * When `null`, the icon size adapts to the pip's own size. * The default value is `null`. * * @public * @attr icon-size */ get iconSize(): Size | null; set iconSize(value: Size | null); } /** * @public */ export declare namespace TimelineMarkerElement { type Props = ITimelineMarkerElementProps; } /** * @public */ declare global { interface HTMLElementTagNameMap { 'mosaik-timeline-marker': TimelineMarkerElement; } } export {}; //# sourceMappingURL=TimelineMarkerElement.d.ts.map