@dotcms/angular/lib/components/dot-editable-text/dot-editable-text.component.d.ts

Official Angular Components library to render a dotCMS page.

import { EditorComponent } from '@tinymce/tinymce-angular';
import { EventObj } from '@tinymce/tinymce-angular/editor/Events';
import { OnChanges, OnInit } from '@angular/core';
import { DOT_EDITABLE_TEXT_FORMAT, DOT_EDITABLE_TEXT_MODE } from './utils';
import { DotCMSContentlet } from '../../models';
import * as i0 from "@angular/core";
/**
 * Dot editable text component.
 * This component is responsible to render a text field that can be edited inline.
 *
 * @export
 * @class DotEditableTextComponent
 * @implements {OnInit}
 * @implements {OnChanges}
 */
export declare class DotEditableTextComponent implements OnInit, OnChanges {
    #private;
    editorComponent: EditorComponent;
    /**
     * Represents the mode of the editor which can be `plain`, `minimal`, or `full`
     *
     * @type {DOT_EDITABLE_TEXT_MODE}
     * @memberof DotEditableTextComponent
     */
    mode: DOT_EDITABLE_TEXT_MODE;
    /**
     * Represents the format of the editor which can be `text` or `html`
     *
     * @type {DOT_EDITABLE_TEXT_FORMAT}
     * @memberof DotEditableTextComponent
     */
    format: DOT_EDITABLE_TEXT_FORMAT;
    /**
     * Represents the `contentlet` that can be inline edited
     *
     * @type {DotCMSContentlet}
     * @memberof DotEditableTextComponent
     */
    contentlet: DotCMSContentlet;
    /**
     * Represents the field name of the `contentlet` that can be edited
     *
     * @memberof DotEditableTextComponent
     */
    fieldName: string;
    /**
     * Represents the content of the `contentlet` that can be edited
     *
     * @protected
     * @memberof DotEditableTextComponent
     */
    protected content: string;
    /**
     * Represents the configuration of the editor
     *
     * @protected
     * @type {EditorComponent['init']}
     * @memberof DotEditableTextComponent
     */
    protected init: EditorComponent['init'];
    /**
     * Represents if the component is inside the editor
     *
     * @protected
     * @type {boolean}
     * @memberof DotEditableTextComponent
     */
    protected isInsideEditor: boolean;
    /**
     * The TinyMCE editor
     *
     * @readonly
     * @memberof DotEditableTextComponent
     */
    get editor(): import("tinymce").Editor;
    /**
     * Returns the number of pages the contentlet is on
     *
     * @readonly
     * @memberof DotEditableTextComponent
     */
    get onNumberOfPages(): any;
    /**
     * Handle copy contentlet inline editing success event
     *
     * @param {MessageEvent} { data }
     * @return {*}
     * @memberof DotEditableTextComponent
     */
    onMessage({ data }: MessageEvent): void;
    ngOnInit(): void;
    ngOnChanges(): void;
    /**
     * Handle mouse down event
     *
     * @param {EventObj<MouseEvent>} { event }
     * @return {*}
     * @memberof DotEditableTextComponent
     */
    onMouseDown({ event }: EventObj<MouseEvent>): void;
    /**
     * Handle focus out event
     *
     * @return {*}
     * @memberof DotEditableTextComponent
     */
    onFocusOut(): void;
    /**
     * inner HTML to element
     *
     * @private
     * @param {string} editedContent
     * @return {*}
     * @memberof DotEditableTextComponent
     */
    private innerHTMLToElement;
    /**
     * Check if the content has changed
     *
     * @private
     * @param {string} editedContent
     * @return {*}
     * @memberof DotEditableTextComponent
     */
    private didContentChange;
    static ɵfac: i0.ɵɵFactoryDeclaration<DotEditableTextComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DotEditableTextComponent, "dot-editable-text", never, { "mode": { "alias": "mode"; "required": false; }; "format": { "alias": "format"; "required": false; }; "contentlet": { "alias": "contentlet"; "required": false; }; "fieldName": { "alias": "fieldName"; "required": false; }; }, {}, never, never, true, never>;
}
//# sourceMappingURL=dot-editable-text.component.d.ts.map