@kolkov/angular-editor 1.1.5 → 1.2.0

package/lib/ae-select/ae-select.component.d.ts

@@ -1,43 +1,43 @@
-import { ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-export interface SelectOption {
-    label: string;
-    value: string;
-}
-export declare class AeSelectComponent implements OnInit, ControlValueAccessor {
-    private elRef;
-    private r;
-    options: SelectOption[];
-    isHidden: boolean;
-    selectedOption: SelectOption;
-    disabled: boolean;
-    optionId: number;
-    get label(): string;
-    opened: boolean;
-    get value(): string;
-    hidden: string;
-    changeEvent: EventEmitter<any>;
-    labelButton: ElementRef;
-    constructor(elRef: ElementRef, r: Renderer2);
-    ngOnInit(): void;
-    hide(): void;
-    optionSelect(option: SelectOption, event: MouseEvent): void;
-    toggleOpen(event: MouseEvent): void;
-    onClick($event: MouseEvent): void;
-    close(): void;
-    get isOpen(): boolean;
-    writeValue(value: any): void;
-    setValue(value: any): void;
-    onChange: any;
-    onTouched: any;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState(isDisabled: boolean): void;
-    handleKeyDown($event: KeyboardEvent): void;
-    _handleArrowDown($event: any): void;
-    _handleArrowUp($event: any): void;
-    _handleSpace($event: any): void;
-    _handleEnter($event: any): void;
-    _handleTab($event: any): void;
-    _handleBackspace(): void;
-}
+import { ElementRef, EventEmitter, OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+export interface SelectOption {
+    label: string;
+    value: string;
+}
+export declare class AeSelectComponent implements OnInit, ControlValueAccessor {
+    private elRef;
+    private r;
+    options: SelectOption[];
+    isHidden: boolean;
+    selectedOption: SelectOption;
+    disabled: boolean;
+    optionId: number;
+    get label(): string;
+    opened: boolean;
+    get value(): string;
+    hidden: string;
+    changeEvent: EventEmitter<any>;
+    labelButton: ElementRef;
+    constructor(elRef: ElementRef, r: Renderer2);
+    ngOnInit(): void;
+    hide(): void;
+    optionSelect(option: SelectOption, event: MouseEvent): void;
+    toggleOpen(event: MouseEvent): void;
+    onClick($event: MouseEvent): void;
+    close(): void;
+    get isOpen(): boolean;
+    writeValue(value: any): void;
+    setValue(value: any): void;
+    onChange: any;
+    onTouched: any;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    handleKeyDown($event: KeyboardEvent): void;
+    _handleArrowDown($event: any): void;
+    _handleArrowUp($event: any): void;
+    _handleSpace($event: any): void;
+    _handleEnter($event: any): void;
+    _handleTab($event: any): void;
+    _handleBackspace(): void;
+}

package/lib/angular-editor-toolbar.component.d.ts

@@ -1,88 +1,94 @@
-import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
-import { AngularEditorService } from './angular-editor.service';
-import { CustomClass } from './config';
-import { SelectOption } from './ae-select/ae-select.component';
-export declare class AngularEditorToolbarComponent {
-    private r;
-    private editorService;
-    private er;
-    private doc;
-    htmlMode: boolean;
-    linkSelected: boolean;
-    block: string;
-    fontName: string;
-    fontSize: string;
-    foreColour: any;
-    backColor: any;
-    headings: SelectOption[];
-    fontSizes: SelectOption[];
-    customClassId: string;
-    _customClasses: CustomClass[];
-    customClassList: SelectOption[];
-    tagMap: {
-        BLOCKQUOTE: string;
-        A: string;
-    };
-    select: string[];
-    buttons: string[];
-    id: string;
-    uploadUrl: string;
-    showToolbar: boolean;
-    fonts: SelectOption[];
-    set customClasses(classes: CustomClass[]);
-    set defaultFontName(value: string);
-    set defaultFontSize(value: string);
-    hiddenButtons: string[][];
-    execute: EventEmitter<string>;
-    myInputFile: ElementRef;
-    get isLinkButtonDisabled(): boolean;
-    constructor(r: Renderer2, editorService: AngularEditorService, er: ElementRef, doc: any);
-    /**
-     * Trigger command from editor header buttons
-     * @param command string from toolbar buttons
-     */
-    triggerCommand(command: string): void;
-    /**
-     * highlight editor buttons when cursor moved or positioning
-     */
-    triggerButtons(): void;
-    /**
-     * trigger highlight editor buttons when cursor moved or positioning in block
-     */
-    triggerBlocks(nodes: Node[]): void;
-    /**
-     * insert URL link
-     */
-    insertUrl(): void;
-    /**
-     * insert Video link
-     */
-    insertVideo(): void;
-    /** insert color */
-    insertColor(color: string, where: string): void;
-    /**
-     * set font Name/family
-     * @param foreColor string
-     */
-    setFontName(foreColor: string): void;
-    /**
-     * set font Size
-     * @param fontSize string
-     */
-    setFontSize(fontSize: string): void;
-    /**
-     * toggle editor mode (WYSIWYG or SOURCE)
-     * @param m boolean
-     */
-    setEditorMode(m: boolean): void;
-    /**
-     * Upload image when file is selected
-     */
-    onFileChanged(event: any): void;
-    /**
-     * Set custom class
-     */
-    setCustomClass(classId: string): void;
-    isButtonHidden(name: string): boolean;
-    focus(): void;
-}
+import { ElementRef, EventEmitter, Renderer2 } from '@angular/core';
+import { AngularEditorService, UploadResponse } from './angular-editor.service';
+import { HttpResponse, HttpEvent } from '@angular/common/http';
+import { CustomClass } from './config';
+import { SelectOption } from './ae-select/ae-select.component';
+import { Observable } from 'rxjs';
+export declare class AngularEditorToolbarComponent {
+    private r;
+    private editorService;
+    private er;
+    private doc;
+    htmlMode: boolean;
+    linkSelected: boolean;
+    block: string;
+    fontName: string;
+    fontSize: string;
+    foreColour: any;
+    backColor: any;
+    headings: SelectOption[];
+    fontSizes: SelectOption[];
+    customClassId: string;
+    _customClasses: CustomClass[];
+    customClassList: SelectOption[];
+    tagMap: {
+        BLOCKQUOTE: string;
+        A: string;
+    };
+    select: string[];
+    buttons: string[];
+    id: string;
+    uploadUrl: string;
+    upload: (file: File) => Observable<HttpEvent<UploadResponse>>;
+    showToolbar: boolean;
+    fonts: SelectOption[];
+    set customClasses(classes: CustomClass[]);
+    set defaultFontName(value: string);
+    set defaultFontSize(value: string);
+    hiddenButtons: string[][];
+    execute: EventEmitter<string>;
+    myInputFile: ElementRef;
+    get isLinkButtonDisabled(): boolean;
+    constructor(r: Renderer2, editorService: AngularEditorService, er: ElementRef, doc: any);
+    /**
+     * Trigger command from editor header buttons
+     * @param command string from toolbar buttons
+     */
+    triggerCommand(command: string): void;
+    /**
+     * highlight editor buttons when cursor moved or positioning
+     */
+    triggerButtons(): void;
+    /**
+     * trigger highlight editor buttons when cursor moved or positioning in block
+     */
+    triggerBlocks(nodes: Node[]): void;
+    /**
+     * insert URL link
+     */
+    insertUrl(): void;
+    /**
+     * insert Video link
+     */
+    insertVideo(): void;
+    /** insert color */
+    insertColor(color: string, where: string): void;
+    /**
+     * set font Name/family
+     * @param foreColor string
+     */
+    setFontName(foreColor: string): void;
+    /**
+     * set font Size
+     * @param fontSize string
+     */
+    setFontSize(fontSize: string): void;
+    /**
+     * toggle editor mode (WYSIWYG or SOURCE)
+     * @param m boolean
+     */
+    setEditorMode(m: boolean): void;
+    /**
+     * Upload image when file is selected.
+     */
+    onFileChanged(event: any): void;
+    watchUploadImage(response: HttpResponse<{
+        imageUrl: string;
+    }>, event: any): void;
+    /**
+     * Set custom class
+     */
+    setCustomClass(classId: string): void;
+    isButtonHidden(name: string): boolean;
+    focus(): void;
+}

package/lib/angular-editor.component.d.ts

@@ -1,126 +1,127 @@
-import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-import { AngularEditorConfig } from './config';
-import { AngularEditorToolbarComponent } from './angular-editor-toolbar.component';
-import { AngularEditorService } from './angular-editor.service';
-import { DomSanitizer } from '@angular/platform-browser';
-export declare class AngularEditorComponent implements OnInit, ControlValueAccessor, AfterViewInit, OnDestroy {
-    private r;
-    private editorService;
-    private doc;
-    private sanitizer;
-    private cdRef;
-    private autoFocus;
-    private onChange;
-    private onTouched;
-    modeVisual: boolean;
-    showPlaceholder: boolean;
-    disabled: boolean;
-    focused: boolean;
-    touched: boolean;
-    changed: boolean;
-    focusInstance: any;
-    blurInstance: any;
-    id: string;
-    config: AngularEditorConfig;
-    placeholder: string;
-    tabIndex: number | null;
-    html: any;
-    textArea: ElementRef;
-    editorWrapper: ElementRef;
-    editorToolbar: AngularEditorToolbarComponent;
-    viewMode: EventEmitter<boolean>;
-    /** emits `blur` event when focused out from the textarea */
-    blurEvent: EventEmitter<FocusEvent>;
-    /** emits `focus` event when focused in to the textarea */
-    focusEvent: EventEmitter<FocusEvent>;
-    tabindex: number;
-    onFocus(): void;
-    constructor(r: Renderer2, editorService: AngularEditorService, doc: any, sanitizer: DomSanitizer, cdRef: ChangeDetectorRef, defaultTabIndex: string, autoFocus: any);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    /**
-     * Executed command from editor header buttons
-     * @param command string from triggerCommand
-     */
-    executeCommand(command: string): void;
-    /**
-     * focus event
-     */
-    onTextAreaFocus(event: FocusEvent): void;
-    /**
-     * @description fires when cursor leaves textarea
-     */
-    onTextAreaMouseOut(event: MouseEvent): void;
-    /**
-     * blur event
-     */
-    onTextAreaBlur(event: FocusEvent): void;
-    /**
-     *  focus the text area when the editor is focused
-     */
-    focus(): void;
-    /**
-     * Executed from the contenteditable section while the input property changes
-     * @param element html element from contenteditable
-     */
-    onContentChange(element: HTMLElement): void;
-    /**
-     * Set the function to be called
-     * when the control receives a change event.
-     *
-     * @param fn a function
-     */
-    registerOnChange(fn: any): void;
-    /**
-     * Set the function to be called
-     * when the control receives a touch event.
-     *
-     * @param fn a function
-     */
-    registerOnTouched(fn: any): void;
-    /**
-     * Write a new value to the element.
-     *
-     * @param value value to be executed when there is a change in contenteditable
-     */
-    writeValue(value: any): void;
-    /**
-     * refresh view/HTML of the editor
-     *
-     * @param value html string from the editor
-     */
-    refreshView(value: string): void;
-    /**
-     * toggles placeholder based on input string
-     *
-     * @param value A HTML string from the editor
-     */
-    togglePlaceholder(value: boolean): void;
-    /**
-     * Implements disabled state for this element
-     *
-     * @param isDisabled Disabled flag
-     */
-    setDisabledState(isDisabled: boolean): void;
-    /**
-     * toggles editor mode based on bToSource bool
-     *
-     * @param bToSource A boolean value from the editor
-     */
-    toggleEditorMode(bToSource: boolean): void;
-    /**
-     * toggles editor buttons when cursor moved or positioning
-     *
-     * Send a node array from the contentEditable of the editor
-     */
-    exec(): void;
-    private configure;
-    getFonts(): {
-        label: string;
-        value: string;
-    }[];
-    getCustomTags(): string;
-    ngOnDestroy(): void;
-    filterStyles(html: string): string;
-}
+import { AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { AngularEditorConfig } from './config';
+import { AngularEditorToolbarComponent } from './angular-editor-toolbar.component';
+import { AngularEditorService } from './angular-editor.service';
+import { DomSanitizer } from '@angular/platform-browser';
+export declare class AngularEditorComponent implements OnInit, ControlValueAccessor, AfterViewInit, OnDestroy {
+    private r;
+    private editorService;
+    private doc;
+    private sanitizer;
+    private cdRef;
+    private autoFocus;
+    private onChange;
+    private onTouched;
+    modeVisual: boolean;
+    showPlaceholder: boolean;
+    disabled: boolean;
+    focused: boolean;
+    touched: boolean;
+    changed: boolean;
+    focusInstance: any;
+    blurInstance: any;
+    id: string;
+    config: AngularEditorConfig;
+    placeholder: string;
+    tabIndex: number | null;
+    html: any;
+    textArea: ElementRef;
+    editorWrapper: ElementRef;
+    editorToolbar: AngularEditorToolbarComponent;
+    viewMode: EventEmitter<boolean>;
+    /** emits `blur` event when focused out from the textarea */
+    blurEvent: EventEmitter<FocusEvent>;
+    /** emits `focus` event when focused in to the textarea */
+    focusEvent: EventEmitter<FocusEvent>;
+    tabindex: number;
+    onFocus(): void;
+    constructor(r: Renderer2, editorService: AngularEditorService, doc: any, sanitizer: DomSanitizer, cdRef: ChangeDetectorRef, defaultTabIndex: string, autoFocus: any);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    onPaste(event: ClipboardEvent): string;
+    /**
+     * Executed command from editor header buttons
+     * @param command string from triggerCommand
+     */
+    executeCommand(command: string): void;
+    /**
+     * focus event
+     */
+    onTextAreaFocus(event: FocusEvent): void;
+    /**
+     * @description fires when cursor leaves textarea
+     */
+    onTextAreaMouseOut(event: MouseEvent): void;
+    /**
+     * blur event
+     */
+    onTextAreaBlur(event: FocusEvent): void;
+    /**
+     *  focus the text area when the editor is focused
+     */
+    focus(): void;
+    /**
+     * Executed from the contenteditable section while the input property changes
+     * @param element html element from contenteditable
+     */
+    onContentChange(element: HTMLElement): void;
+    /**
+     * Set the function to be called
+     * when the control receives a change event.
+     *
+     * @param fn a function
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Set the function to be called
+     * when the control receives a touch event.
+     *
+     * @param fn a function
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Write a new value to the element.
+     *
+     * @param value value to be executed when there is a change in contenteditable
+     */
+    writeValue(value: any): void;
+    /**
+     * refresh view/HTML of the editor
+     *
+     * @param value html string from the editor
+     */
+    refreshView(value: string): void;
+    /**
+     * toggles placeholder based on input string
+     *
+     * @param value A HTML string from the editor
+     */
+    togglePlaceholder(value: boolean): void;
+    /**
+     * Implements disabled state for this element
+     *
+     * @param isDisabled Disabled flag
+     */
+    setDisabledState(isDisabled: boolean): void;
+    /**
+     * toggles editor mode based on bToSource bool
+     *
+     * @param bToSource A boolean value from the editor
+     */
+    toggleEditorMode(bToSource: boolean): void;
+    /**
+     * toggles editor buttons when cursor moved or positioning
+     *
+     * Send a node array from the contentEditable of the editor
+     */
+    exec(): void;
+    private configure;
+    getFonts(): {
+        label: string;
+        value: string;
+    }[];
+    getCustomTags(): string;
+    ngOnDestroy(): void;
+    filterStyles(html: string): string;
+}

package/lib/angular-editor.module.d.ts

@@ -1,2 +1,2 @@
-export declare class AngularEditorModule {
-}
+export declare class AngularEditorModule {
+}