import { ComponentInterface } from '../../stencil-public-runtime'; /** * @name Meter * @category Data Visualization * @summary Use for showing progress or a value within a known range. */ export declare class Q2Meter implements ComponentInterface { scheduledAfterRender: (() => void)[]; hostElement: HTMLElement; /** * Shows loading animation for bars, default is true. */ animated: boolean; /** * Defines the label for the completed bar, which appears at the bottom in the legend section. * @localizable */ completedLabel: string; /** * Defines the value for the completed bar. */ completedValue: string; /** * Defines the description for the meter, which appears at the top just below the label. * @localizable */ description: string; /** * Shows a circle shaped dot indicator on completed bar, default is true. */ dotted: boolean; /** * Hide tooltips. * @localizable */ hideTooltip: boolean; /** * Defines the label for the meter, which appears at the top. * @localizable */ label: string; /** * Defines the label for the base bar, which appears at the bottom in the legend. * @localizable */ maxLabel: string; /** * Defines the value for the base bar. */ maxValue: string; /** * Shows thin tick bars based on the number of segments provided. */ segments: number; /** * Defines the label for the suggested bar, which appears at the bottom in the legend. * @localizable */ suggestedLabel: string; /** * Defines the value for the suggested bar. */ suggestedValue: string; /** * Defines custom text for the completed bar tooltip. * @localizable */ tooltipCompleted: string; /** * Defines custom text for the suggested bar tooltip. * @localizable */ tooltipSuggested: string; componentWillLoad(): void; componentDidRender(): void; get ariaLabel(): string; adjustTooltipDirection(percentage: any, tooltipText?: string): "n" | "nw" | "ne"; convertToPercentage(completedValue: string, suggestedValue: string, maxValue: string): number[]; renderBar(completed: number, suggested: number): any; render(): any; }