@limetech/lime-elements
Version:
49 lines • 1.86 kB
TypeScript
import { EventEmitter } from '../../stencil-public-runtime';
import { FlowItem } from './progress-flow.types';
/**
* @exampleComponent limel-example-progress-flow-basic
* @exampleComponent limel-example-progress-flow-secondary-text
* @exampleComponent limel-example-progress-flow-disabled-step
* @exampleComponent limel-example-progress-flow-colors
* @exampleComponent limel-example-progress-flow-colors-css
* @exampleComponent limel-example-progress-flow-off-progress-steps
* @exampleComponent limel-example-progress-flow-narrow
*/
export declare class ProgressFlow {
element: HTMLLimelProgressFlowElement;
/**
* What flow items to render
*/
flowItems: FlowItem[];
/**
* Set to `true` to disable the progress flow.
* Use `disabled` to indicate that the component can normally be interacted
* with, but is currently disabled. This tells the user that if certain
* requirements are met, the field may become enabled again.
*/
disabled: boolean;
/**
* Disables the progress flow when `true`.
* This does not visualize the component that much differently.
* But since the component does not provide any feedback that users can
* interact with the component, it makes it perfect for illustrative and
* informative porpuses.
*/
readonly: boolean;
/**
* Fired when a new value has been selected from the progress flow
*/
change: EventEmitter<FlowItem>;
private selectedItemIndex;
componentDidRender(): void;
componentDidLoad(): void;
render(): any[][];
private renderRegularFlowItem;
private renderEndPhaseItem;
private handleFlowItemClick;
private getItemStyle;
private scrollToSelectedItem;
private getElementForSelectedItem;
private triggerIconColorWarning;
}
//# sourceMappingURL=progress-flow.d.ts.map