@obliczeniowo/elementary
Version:
Library made in Angular version 19
61 lines (60 loc) • 2.83 kB
TypeScript
import { ElementRef, EventEmitter } from '@angular/core';
import { ControlValueAccessor } from '@angular/forms';
import { InputWrappersDefaultSettingsService } from '@obliczeniowo/elementary/input';
import * as i0 from "@angular/core";
export type EditInputType = 'text' | 'number' | 'password';
export interface EditInputFormValue {
value: string;
type?: EditInputType;
label?: string;
}
export declare class EditInputComponent implements ControlValueAccessor {
private readonly settings;
_value: string;
set value(value: string);
get value(): string;
label: string;
/**
* Enable type text animation for label
*/
labelAnimation: boolean;
/**
* Mode when true it's in edit state, other way it's in display only
*/
mode: boolean;
disabled?: any;
editOnly: boolean;
/**
* min value for number input
*/
min: import("@angular/core").InputSignal<number | undefined>;
/**
* max value for number input
*/
max: import("@angular/core").InputSignal<number | undefined>;
/**
* Style of displayed input
*/
display: import("@angular/core").InputSignal<"outlined" | "none" | "underlined">;
formatter: import("@angular/core").InputSignal<(value: string | number) => string | number>;
type: EditInputType;
changed: EventEmitter<{
text: string;
numeric?: number;
}>;
input?: ElementRef<HTMLInputElement>;
current: string;
constructor(settings: InputWrappersDefaultSettingsService);
setValue(event: any): void;
save(): void;
cancel(): void;
onEdit(): void;
onChange: (value: EditInputFormValue) => void;
onTouched: () => void;
writeValue(value: EditInputFormValue): void;
registerOnChange(onChange: any): void;
registerOnTouched(onTouched: any): void;
setDisabledState(disabled: boolean): void;
static ɵfac: i0.ɵɵFactoryDeclaration<EditInputComponent, never>;
static ɵcmp: i0.ɵɵComponentDeclaration<EditInputComponent, "obl-edit-input", never, { "value": { "alias": "value"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelAnimation": { "alias": "labelAnimation"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "editOnly": { "alias": "editOnly"; "required": false; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "display": { "alias": "display"; "required": false; "isSignal": true; }; "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; }; }, { "changed": "changed"; }, never, ["[prefix]", "[suffix]", "[edit-prefix]", "[edit-suffix]"], false, never>;
}