@wizco/fenixds-ngx/lib/step/step.component.d.ts

Componentes fenix design system para Angular.

import { EventEmitter } from '@angular/core';
import * as i0 from "@angular/core";
export declare class StepComponent {
    /**
     * Se o step está ativo
     * @param {boolean} active
    */
    active: boolean;
    /**
    * Texto do label do step
    */
    label: string;
    /**
    * Ícone do step (opcional) - deve ser um ícone do material icon
    */
    iconName: string | undefined;
    /**
     * Texto do bulletValue do step (opcional) - deve ser um texto de 1 a 2 caracteres
    */
    bulletValue: string | undefined;
    /**
    * Sentido do stepper (horizontal ou vertical)
    */
    isVertical: boolean;
    /**
    * Desabilitar linha inicial
    */
    lineStart: boolean;
    /**
     * Desabilitar linha final
    */
    lineEnd: boolean;
    /**
      * Classe do step
      *
      * finalized - step finalizado
      * current - step atual
      * waiting - step aguardando
      * error - step com erro
      *
      * @param {string} status
    */
    status: 'finalized' | 'current' | 'waiting' | 'error' | string;
    /**
     * size do step
     * @param {string} size
     */
    size: 'small' | 'medium' | 'large' | string;
    /**
     * Se o step é clicável
     * @param {boolean} clickable
    */
    hasClick: boolean;
    /**
    * Função que retorna o valor do ícone ou bullet
    */
    clicked: EventEmitter<number>;
    constructor();
    /**
    * se o item do stepper estive com o evento de clicked true, ele retorna qual elemento é selecionado para o componente pai
    * */
    clickedItem(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<StepComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<StepComponent, "wco-step", never, { "active": { "alias": "active"; "required": false; }; "label": { "alias": "label"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; "bulletValue": { "alias": "bulletValue"; "required": false; }; "isVertical": { "alias": "isVertical"; "required": false; }; "lineStart": { "alias": "lineStart"; "required": false; }; "lineEnd": { "alias": "lineEnd"; "required": false; }; "status": { "alias": "status"; "required": false; }; "size": { "alias": "size"; "required": false; }; "hasClick": { "alias": "hasClick"; "required": false; }; }, { "clicked": "clicked"; }, never, ["[step-bullet-content]", "[step-title]"], true, never>;
}
//# sourceMappingURL=step.component.d.ts.map