design-angular-kit
Version:
Un toolkit Angular conforme alle linee guida di design per i servizi web della PA
131 lines (130 loc) • 5.34 kB
TypeScript
import { AfterViewInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
import { ItSteppersItemComponent } from '../steppers-item/steppers-item.component';
import { ProgressBarColor } from '../../../../interfaces/core';
import * as i0 from "@angular/core";
import * as i1 from "../../../../utils/coercion";
export declare class ItSteppersContainerComponent implements AfterViewInit, OnDestroy {
private readonly _changeDetectorRef;
/**
* The active step index
* @param index the step index
*/
activeStep: number;
/**
* Show the stepper header
* @default true
*/
showHeader: boolean;
/**
* Dark style
* @default false
*/
dark?: boolean;
/**
* The labels present in the header steps can be anticipated by the relative ordinal number.
* @efualt false
*/
steppersNumber?: boolean;
/**
* The progress style
* -<b>progress</b>: Show progress bar - You can change the color with the `progressColor` attribute
* -<b>dots</b>: Show progress dots
* @default undefined - don't show progress
*/
progressStyle: 'progress' | 'dots' | undefined;
/**
* Customize progress color
*/
progressColor: ProgressBarColor | undefined;
/**
* Show the back button
* @default true
*/
showBackButton: boolean;
/**
* Disable the back button
* @default false
*/
disableBackButton?: boolean;
/**
* Show the forward button
* @default true
*/
showForwardButton: boolean;
/**
* Disable the forward button
* @default false
*/
disableForwardButton?: boolean;
/**
* Show the confirm button
* @default false
*/
showConfirmButton?: boolean;
/**
* Disable the confirm button
* @default false
*/
disableConfirmButton?: boolean;
/**
* Show the confirm button as indeterminate progress button
*/
confirmLoading?: boolean;
/**
* Show the save button
* @default false
*/
showSaveButton?: boolean;
/**
* Disable the save button
* @default false
*/
disableSaveButton?: boolean;
/**
* Show the save button as indeterminate progress button
*/
saveLoading?: boolean;
/**
* The stepper items
*/
steps?: QueryList<ItSteppersItemComponent>;
/**
* On back button click
* @event activeStep the current step index
*/
backClick: EventEmitter<number>;
/**
* On forward button click
* @event activeStep the current step index
*/
forwardClick: EventEmitter<number>;
/**
* On confirm button click
* @event activeStep the current step index
*/
confirmClick: EventEmitter<number>;
/**
* On save button click
* @event activeStep the current step index
*/
saveClick: EventEmitter<number>;
private stepsSubscriptions?;
constructor(_changeDetectorRef: ChangeDetectorRef);
ngAfterViewInit(): void;
ngOnDestroy(): void;
static ɵfac: i0.ɵɵFactoryDeclaration<ItSteppersContainerComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<ItSteppersContainerComponent, "it-steppers-container", never, { "activeStep": { "alias": "activeStep"; "required": true; }; "showHeader": { "alias": "showHeader"; "required": false; }; "dark": { "alias": "dark"; "required": false; }; "steppersNumber": { "alias": "steppersNumber"; "required": false; }; "progressStyle": { "alias": "progressStyle"; "required": false; }; "progressColor": { "alias": "progressColor"; "required": false; }; "showBackButton": { "alias": "showBackButton"; "required": false; }; "disableBackButton": { "alias": "disableBackButton"; "required": false; }; "showForwardButton": { "alias": "showForwardButton"; "required": false; }; "disableForwardButton": { "alias": "disableForwardButton"; "required": false; }; "showConfirmButton": { "alias": "showConfirmButton"; "required": false; }; "disableConfirmButton": { "alias": "disableConfirmButton"; "required": false; }; "confirmLoading": { "alias": "confirmLoading"; "required": false; }; "showSaveButton": { "alias": "showSaveButton"; "required": false; }; "disableSaveButton": { "alias": "disableSaveButton"; "required": false; }; "saveLoading": { "alias": "saveLoading"; "required": false; }; }, { "backClick": "backClick"; "forwardClick": "forwardClick"; "confirmClick": "confirmClick"; "saveClick": "saveClick"; }, ["steps"], never, true, never>;
static ngAcceptInputType_showHeader: i1.BooleanInput;
static ngAcceptInputType_dark: i1.BooleanInput;
static ngAcceptInputType_steppersNumber: i1.BooleanInput;
static ngAcceptInputType_showBackButton: i1.BooleanInput;
static ngAcceptInputType_disableBackButton: i1.BooleanInput;
static ngAcceptInputType_showForwardButton: i1.BooleanInput;
static ngAcceptInputType_disableForwardButton: i1.BooleanInput;
static ngAcceptInputType_showConfirmButton: i1.BooleanInput;
static ngAcceptInputType_disableConfirmButton: i1.BooleanInput;
static ngAcceptInputType_confirmLoading: i1.BooleanInput;
static ngAcceptInputType_showSaveButton: i1.BooleanInput;
static ngAcceptInputType_disableSaveButton: i1.BooleanInput;
static ngAcceptInputType_saveLoading: i1.BooleanInput;
}