import { OnInit } from '@angular/core'; import { ProgressBarMode } from '@angular/material/progress-bar'; import { FieldLargeProgressBar } from '../../models/IFieldLargeProgressBar'; export declare class ProgressBarComponent implements OnInit { /** * The value to show in the small progress bar. * @internal */ value: number; /** * The mode of the small progress bar. * Default value: determinate. * @internal */ mode: ProgressBarMode; /** * Indicates what progress bar or progress indicator to use. * Default value: LargeHorizontal. * @internal */ size: string; /** * Indicates if the large horizontal progress is editable or not. * Default value: true. * @internal */ isEditable: boolean; /** * Is the array of the components we want to use in every step, * the emitter emitComponent will send the specific component * when we click the step. * Important note: The componentTypeDescription must be unique. * Example: this.fieldsLargeProgressBar = * [{ componentTypeDescription: 'shibaCard', label: 'In the US', onGoingOrCompleted: true, state: 'place', newStateMaterialIcon: 'call_end' }, * { componentTypeDescription: 'label', label: 'On going', onGoingOrCompleted: true, state: 'travel', newStateMaterialIcon: 'forum' }, * { componentTypeDescription: 'germanSheperdCard', label: 'Finished', onGoingOrCompleted: true, state: 'completed', newStateMaterialIcon: 'announcement' }] * @internal */ fieldsLargeProgressBar: FieldLargeProgressBar[]; /** * Is a variable used to indicates the selected item step position * for the large vertical and horizontal component. * @internal */ selectedItemPosition: number; /** * The corresponding input array, it is necessary to indicate the * same component type keys of the fieldsLargeProgressBar array here. * Used for the large vertical and horizontal progress bar. * Example: { 'shibaCard': shibaCard, 'germanSheperdCard': germanSheperdCard, 'label': label } * @internal */ customTemplate: JSON; /** * An array that saves the component types. * @internal */ componentTypes: string[]; ngOnInit(): void; /** * Sets the component types array using the component type. */ setComponentTypes: () => void; /** * Sets the custom template based on the element and the component type. * @param element The corresponding element of the template. * @param componentTypeDescription The corresponding component type. * @returns A custom template based on the element. */ setCustomTemplate: (element: string, componentTypeDescription: string) => any; /** * Sets the selected item for the large horizontal progress indicator. * @returns The current index. */ setSelectedItem: () => void; }