import { FocusMonitor } from '@angular/cdk/a11y'; import { AfterContentInit, ChangeDetectorRef, DoCheck, OnDestroy, OnInit, Provider } from '@angular/core'; import { NgControl } from '@angular/forms'; import { MatFormFieldControl } from '@angular/material/form-field'; import { Subject } from 'rxjs'; import { NgxEditorJSDirective } from '../../directives/ngx-editorjs.directive'; import { NgxEditorJSService } from '../../services/editorjs.service'; import { NgxEditorJSComponent } from '../editorjs/editorjs.component'; /** * Provider for the EditorJS Material Field Component */ export declare const EDITORJS_MATERIAL_FIELD_CONTROL: Provider; /** * Single interface for EditorJSMaterialForm */ export interface EditorJSMaterialForm extends MatFormFieldControl, OnInit, AfterContentInit, OnDestroy, DoCheck { } /** * This component provides a [Material](https://material.angular.io) compatible `` component. * It provides a full implementation of all the required properties of a Material component * * @example * * * */ export declare class NgxEditorJSMatFieldComponent extends NgxEditorJSComponent implements EditorJSMaterialForm { protected readonly editorService: NgxEditorJSService; protected focusMonitor: FocusMonitor; protected readonly changeDetection: ChangeDetectorRef; ngControl: NgControl; /** * Internal Static ID for Material for each editor instance */ static nextId: number; /** * Material state change subject */ stateChanges: Subject; /** * Material control type */ controlType: string; /** * Material error state */ errorState: boolean; /** * Get the component value */ get value(): any; /** * Set the component value * @param value The value to set */ set value(value: any); /** * Material placeholder value */ private _placeholder; /** * Get the Material placeholder value */ get placeholder(): string; /** * Set the material Placeholder value * @input placeholder The placeholder state to set */ set placeholder(placeholder: string); /** * Material focused state */ private _focused; /** * Get the Material focused state */ get focused(): boolean; /** * Set the Material focused state * @param focused The focused state to set */ set focused(focused: boolean); /** * Material Required Value */ private _required; /** * Get the Material required state */ get required(): boolean; /** * Set the Material requied state * @param required The required state to set */ set required(required: boolean); /** * Material disabled state */ private _disabled; /** * Get the Material disabled state */ get disabled(): boolean; /** * Set the Material disabled state * @param disabled The disabled state to set */ set disabled(disabled: boolean); /** * Material empty state */ private _empty; /** * Get the Material empty state */ get empty(): boolean; /** * Set the Material empty state * @param empty The empty value */ set empty(empty: boolean); /** * Access to the underlying {NgxEditorJSDirective} */ readonly editorInstance: NgxEditorJSDirective; /** * Host binding to the unique ID for this editor for material */ id: string; /** * Gets if the Material label should float */ get shouldLabelFloat(): boolean; /** * Host binding for ARIA label */ describedBy: string; /** * * @param ids The IDs of the Material components */ setDescribedByIds(ids: string[]): void; /** * Material on container click * @param event The {MouseEvent} for the container click */ onContainerClick(event: MouseEvent): void; /** * Constructor for the Material field, as this extends the `NgxEditorJSComponent` component * we call `super()` to get all the properties of that component * @param editorService The NgxEditorJSService instance * @param focusMonitor Focus monitor for the Material element * @param changeDetection The Change detection ref * @param ngControl The Angular control base class */ constructor(editorService: NgxEditorJSService, focusMonitor: FocusMonitor, changeDetection: ChangeDetectorRef, ngControl: NgControl); /** * Called on OnInit */ ngOnInit(): void; /** * Inside the AfterContentInit life-cycle we set up a listener for focus * and trigger focus autosave subscribe and unsubscribe */ ngAfterContentInit(): void; /** * Set the error state based on the underlying control state */ ngDoCheck(): void; }