bakery-ui/lib/inputs/bagel-input.d.ts

🥖 A delicious Angular UI component library with bakery-inspired theming and Storybook integration

import { EventEmitter } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import * as i0 from "@angular/core";
export type BagelInputType = 'text' | 'email' | 'password' | 'number' | 'tel' | 'url' | 'search';
export type BagelInputSize = 'sm' | 'md' | 'lg';
export declare class BagelInput implements ControlValueAccessor {
    label?: string;
    placeholder?: string;
    type: BagelInputType;
    size: BagelInputSize;
    disabled: boolean;
    readonly: boolean;
    required: boolean;
    clearable: boolean;
    leftIcon?: string;
    rightIcon?: string;
    helperText?: string;
    error?: string;
    ariaLabel?: string;
    ariaDescribedBy?: string;
    autocomplete?: string;
    maxLength?: number;
    minLength?: number;
    min?: number;
    max?: number;
    step?: number;
    showCharCount: boolean;
    inputId: string;
    valueChange: EventEmitter<string>;
    inputFocus: EventEmitter<void>;
    inputBlur: EventEmitter<void>;
    enterPressed: EventEmitter<void>;
    value: string;
    private onChange;
    private onTouched;
    writeValue(value: string): void;
    registerOnChange(fn: (value: string) => void): void;
    registerOnTouched(fn: () => void): void;
    setDisabledState(isDisabled: boolean): void;
    onInput(event: Event): void;
    onBlur(): void;
    onFocus(): void;
    onEnter(): void;
    clearValue(): void;
    get labelClasses(): string;
    get containerClasses(): string;
    get inputClasses(): string;
    get helperClasses(): string;
    get errorClasses(): string;
    get charCountClasses(): string;
    static ɵfac: i0.ɵɵFactoryDeclaration<BagelInput, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<BagelInput, "bagel-input", never, { "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "required": { "alias": "required"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; "leftIcon": { "alias": "leftIcon"; "required": false; }; "rightIcon": { "alias": "rightIcon"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "step": { "alias": "step"; "required": false; }; "showCharCount": { "alias": "showCharCount"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; }, { "valueChange": "valueChange"; "inputFocus": "inputFocus"; "inputBlur": "inputBlur"; "enterPressed": "enterPressed"; }, never, never, true, never>;
}