@lion/progress-indicator
Version:
A progress indicator that is easily styleable and accessible in all contexts
56 lines (55 loc) • 2.15 kB
TypeScript
declare const LionProgressIndicator_base: typeof LitElement & import("@open-wc/dedupe-mixin").Constructor<import("@lion/localize/types/LocalizeMixinTypes").LocalizeMixinHost> & Pick<typeof import("@lion/localize/types/LocalizeMixinTypes").LocalizeMixinHost, "prototype" | "localizeNamespaces" | "waitForLocalizeNamespaces"> & Pick<typeof LitElement, "prototype" | "_$litElement$" | "enabledWarnings" | "enableWarning" | "disableWarning" | "addInitializer" | "_initializers" | "elementProperties" | "properties" | "elementStyles" | "styles" | "observedAttributes" | "createProperty" | "shadowRootOptions">;
/**
* @typedef {import('@lion/core').TemplateResult} TemplateResult
*/
export class LionProgressIndicator extends LionProgressIndicator_base {
static get properties(): {
value: {
type: NumberConstructor;
};
min: {
type: NumberConstructor;
};
max: {
type: NumberConstructor;
};
_ariaLabel: {
attribute: string;
type: StringConstructor;
};
_ariaLabelledby: {
attribute: string;
type: StringConstructor;
};
};
static get localizeNamespaces(): {
'lion-progress-indicator': (locale: string) => Promise<typeof import("../translations/bg")>;
}[];
/**
* @readonly
* @type {boolean}
*/
readonly get indeterminate(): boolean;
/**
* In case of a determinate progress-indicator it returns the progress percentage
* based on value, min & max.
* Could be used for styling inside the _graphicTemplate
*
* @example
* style="width: ${this._progressPercentage}%"
*/
get _progressPercentage(): number | undefined;
value: number;
min: number;
max: number;
_ariaLabel: string;
_ariaLabelledby: string;
__hasDefaultLabelSet: boolean;
/** @protected */
protected _graphicTemplate(): symbol;
_resetAriaValueAttributes(): void;
_setDefaultLabel(): void;
}
export type TemplateResult = import('@lion/core').TemplateResult;
import { LitElement } from "@lion/core";
export {};