@opentiny/fluent-editor 4.0.0-alpha.15 → 4.0.0-alpha.17

package/types/modules/collaborative-editing/types.d.ts

@@ -6,49 +6,48 @@ import { WebrtcProvider } from 'y-webrtc';
 import { WebsocketProvider } from 'y-websocket';
 import { AwarenessOptions } from './awareness';
 import { WebRTCProviderOptions, WebsocketProviderOptions } from './provider';
-
-import type * as Y from 'yjs';
-export interface ProviderEventHandlers {
-    onConnect?: () => void;
-    onDisconnect?: () => void;
-    onError?: (error: Error) => void;
-    onSyncChange?: (isSynced: boolean) => void;
-}
-export interface BaseYjsProviderConfig extends ProviderEventHandlers {
-    options: Record<string, any>;
-    type: string;
-}
-export type WebRTCProviderConfig = BaseYjsProviderConfig & {
-    options: WebRTCProviderOptions;
-    type: 'webrtc';
-};
-export type WebsocketProviderConfig = BaseYjsProviderConfig & {
-    options: WebsocketProviderOptions;
-    type: 'websocket';
-};
-export type CustomProviderConfig = BaseYjsProviderConfig & {
-    options: Record<string, any>;
-    type: string;
-};
-export type CursorsConfig = boolean | object;
-export interface CollaborativeEditingDeps {
-    Y: typeof Y;
-    Awareness: typeof Awareness;
-    QuillBinding: typeof QuillBinding;
-    QuillCursors: typeof QuillCursors;
-    WebsocketProvider?: typeof WebsocketProvider;
-    WebrtcProvider?: typeof WebrtcProvider;
-    IndexeddbPersistence?: typeof IndexeddbPersistence;
-}
-export interface YjsOptions {
-    ydoc?: Y.Doc;
-    provider: (WebRTCProviderConfig | WebsocketProviderConfig | CustomProviderConfig);
-    awareness?: AwarenessOptions;
-    offline?: boolean;
-    cursors?: CursorsConfig;
-    deps?: CollaborativeEditingDeps;
-    onConnect?: () => void;
-    onDisconnect?: () => void;
-    onError?: (error: Error) => void;
-    onSyncChange?: (isSynced: boolean) => void;
-}
+import type * as Y from 'yjs';
+export interface ProviderEventHandlers {
+    onConnect?: () => void;
+    onDisconnect?: () => void;
+    onError?: (error: Error) => void;
+    onSyncChange?: (isSynced: boolean) => void;
+}
+export interface BaseYjsProviderConfig extends ProviderEventHandlers {
+    options: Record<string, any>;
+    type: string;
+}
+export type WebRTCProviderConfig = BaseYjsProviderConfig & {
+    options: WebRTCProviderOptions;
+    type: 'webrtc';
+};
+export type WebsocketProviderConfig = BaseYjsProviderConfig & {
+    options: WebsocketProviderOptions;
+    type: 'websocket';
+};
+export type CustomProviderConfig = BaseYjsProviderConfig & {
+    options: Record<string, any>;
+    type: string;
+};
+export type CursorsConfig = boolean | object;
+export interface CollaborativeEditingDeps {
+    Y: typeof Y;
+    Awareness: typeof Awareness;
+    QuillBinding: typeof QuillBinding;
+    QuillCursors: typeof QuillCursors;
+    WebsocketProvider?: typeof WebsocketProvider;
+    WebrtcProvider?: typeof WebrtcProvider;
+    IndexeddbPersistence?: typeof IndexeddbPersistence;
+}
+export interface YjsOptions {
+    ydoc?: Y.Doc;
+    provider: (WebRTCProviderConfig | WebsocketProviderConfig | CustomProviderConfig);
+    awareness?: AwarenessOptions;
+    offline?: boolean;
+    cursors?: CursorsConfig;
+    deps?: CollaborativeEditingDeps;
+    onConnect?: () => void;
+    onDisconnect?: () => void;
+    onError?: (error: Error) => void;
+    onSyncChange?: (isSynced: boolean) => void;
+}

package/types/modules/counter.d.ts

@@ -1,24 +1,23 @@
 import { AnyFunction } from '../config';
 import { default as FluentEditor } from '../fluent-editor';
-
-export interface ICounterOption {
-    format?: 'text' | 'html';
-    unit?: 'word' | 'char';
-    count?: number;
-    template?: string | AnyFunction;
-    errorTemplate?: string | AnyFunction;
-}
-export default class Counter {
-    quill: FluentEditor;
-    container: HTMLDivElement;
-    options: ICounterOption;
-    constructor(quill: FluentEditor, options: ICounterOption);
-    resolveOptions(options: ICounterOption): {
-        format: string;
-        unit: string;
-        template: string;
-        count: number;
-    } & ICounterOption;
-    renderCount: () => void;
-    getContentLength(format: any): number;
-}
+export interface ICounterOption {
+    format?: 'text' | 'html';
+    unit?: 'word' | 'char';
+    count?: number;
+    template?: string | AnyFunction;
+    errorTemplate?: string | AnyFunction;
+}
+export default class Counter {
+    quill: FluentEditor;
+    container: HTMLDivElement;
+    options: ICounterOption;
+    constructor(quill: FluentEditor, options: ICounterOption);
+    resolveOptions(options: ICounterOption): {
+        format: string;
+        unit: string;
+        template: string;
+        count: number;
+    } & ICounterOption;
+    renderCount: () => void;
+    getContentLength(format: any): number;
+}

package/types/modules/custom-clipboard.d.ts

@@ -1,26 +1,25 @@
 import { default as TypeClipboard } from 'quill/modules/clipboard';
 import { default as FluentEditor } from '../fluent-editor';
-
-declare const Clipboard: typeof TypeClipboard;
-export declare class CustomClipboard extends Clipboard {
-    quill: FluentEditor;
-    prepareMatching(container: HTMLElement, nodeMatches: any): any[][];
-    onCaptureCopy(e: any, isCut?: boolean): void;
-    onCapturePaste(e: ClipboardEvent): void;
-    onPaste(range: any, { html, text, files: clipboardFiles, rtf }: {
-        html: any;
-        text: any;
-        files: any;
-        rtf: any;
-    }): void;
-    files2urls(files: File[], placeholders: any, originalUrls: any, pastedDelta: any, imageIndexs: any): Promise<unknown[]>;
-    flipFilesArray(filesArr: any): any[][];
-    convertHexToBase64(hexString: any): string;
-    extractImageDataFromRtf(rtfData: any): any[];
-    extractFilesFromDelta(delta: any, clipboardFiles: any, hexImages?: any): Promise<any[]>;
-    getImgSelection(delta: any, imageIndex: any): {
-        index: number;
-        length: number;
-    };
-}
-export {};
+declare const Clipboard: typeof TypeClipboard;
+export declare class CustomClipboard extends Clipboard {
+    quill: FluentEditor;
+    prepareMatching(container: HTMLElement, nodeMatches: any): any[][];
+    onCaptureCopy(e: any, isCut?: boolean): void;
+    onCapturePaste(e: ClipboardEvent): void;
+    onPaste(range: any, { html, text, files: clipboardFiles, rtf }: {
+        html: any;
+        text: any;
+        files: any;
+        rtf: any;
+    }): void;
+    files2urls(files: File[], placeholders: any, originalUrls: any, pastedDelta: any, imageIndexs: any): Promise<unknown[]>;
+    flipFilesArray(filesArr: any): any[][];
+    convertHexToBase64(hexString: any): string;
+    extractImageDataFromRtf(rtfData: any): any[];
+    extractFilesFromDelta(delta: any, clipboardFiles: any, hexImages?: any): Promise<any[]>;
+    getImgSelection(delta: any, imageIndex: any): {
+        index: number;
+        length: number;
+    };
+}
+export {};

package/types/modules/custom-image/actions/{Action.d.ts → action.d.ts}

@@ -1,9 +1,8 @@
 import { BlotFormatter } from '../blot-formatter';
-
-export declare class Action {
-    formatter: BlotFormatter;
-    constructor(formatter: BlotFormatter);
-    onCreate(): void;
-    onDestroy(): void;
-    onUpdate(): void;
-}
+export declare class Action {
+    formatter: BlotFormatter;
+    constructor(formatter: BlotFormatter);
+    onCreate(): void;
+    onDestroy(): void;
+    onUpdate(): void;
+}

package/types/modules/custom-image/actions/custom-resize-action.d.ts

@@ -1,24 +1,23 @@
 import { Action } from './action';
-
-export declare class CustomResizeAction extends Action {
-    topLeftHandle: HTMLElement;
-    topRightHandle: HTMLElement;
-    bottomRightHandle: HTMLElement;
-    bottomLeftHandle: HTMLElement;
-    dragHandle: HTMLElement;
-    dragStartX: number;
-    preDragWidth: number;
-    targetRatio: number;
-    maxWidth: number;
-    minWidth: number;
-    constructor(formatter: any);
-    onCreate(): void;
-    onDestroy(): void;
-    createHandle(position: string, cursor: string): HTMLElement;
-    repositionHandles(handleStyle: any): void;
-    setCursor(value: string): void;
-    onMouseDown: (event: MouseEvent) => void;
-    findTd: (node: HTMLElement, level: number) => any;
-    onDrag: (event: MouseEvent) => void;
-    onMouseUp: () => void;
-}
+export declare class CustomResizeAction extends Action {
+    topLeftHandle: HTMLElement;
+    topRightHandle: HTMLElement;
+    bottomRightHandle: HTMLElement;
+    bottomLeftHandle: HTMLElement;
+    dragHandle: HTMLElement;
+    dragStartX: number;
+    preDragWidth: number;
+    targetRatio: number;
+    maxWidth: number;
+    minWidth: number;
+    constructor(formatter: any);
+    onCreate(): void;
+    onDestroy(): void;
+    createHandle(position: string, cursor: string): HTMLElement;
+    repositionHandles(handleStyle: any): void;
+    setCursor(value: string): void;
+    onMouseDown: (event: MouseEvent) => void;
+    findTd: (node: HTMLElement, level: number) => any;
+    onDrag: (event: MouseEvent) => void;
+    onMouseUp: () => void;
+}

package/types/modules/custom-image/actions/delete-action.d.ts

@@ -1,7 +1,6 @@
 import { Action } from './action';
-
-export declare class DeleteAction extends Action {
-    onCreate(): void;
-    onDestroy(): void;
-    onKeyUp: (event: any) => void;
-}
+export declare class DeleteAction extends Action {
+    onCreate(): void;
+    onDestroy(): void;
+    onKeyUp: (event: any) => void;
+}

package/types/modules/custom-image/actions/image-toolbar-buttons.d.ts

@@ -1,17 +1,16 @@
 import { ToolbarButtonOptions, ToolButtonOption } from '../options';
-
-export declare const ALIGN_ATTR = "data-align";
-export declare function setAlignStyle(el: HTMLElement, display: string | null, float: string | null, margin: string | null): void;
-export declare const alignmentHandler: {
-    left: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
-    center: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
-    right: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
-    download: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void;
-    copy: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => Promise<void>;
-};
-export declare class ImageToolbarButtons {
-    buttons: Record<string, ToolButtonOption>;
-    constructor(options: ToolbarButtonOptions);
-    getItems(): ToolButtonOption[];
-    clear(el: HTMLElement): void;
-}
+export declare const ALIGN_ATTR = "data-align";
+export declare function setAlignStyle(el: HTMLElement, display: string | null, float: string | null, margin: string | null): void;
+export declare const alignmentHandler: {
+    left: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
+    center: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
+    right: (el: HTMLElement, toolbarButtons: ImageToolbarButtons) => void;
+    download: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void;
+    copy: (el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => Promise<void>;
+};
+export declare class ImageToolbarButtons {
+    buttons: Record<string, ToolButtonOption>;
+    constructor(options: ToolbarButtonOptions);
+    getItems(): ToolButtonOption[];
+    clear(el: HTMLElement): void;
+}

package/types/modules/custom-image/actions/index.d.ts

@@ -1,6 +1,6 @@
-export * from './action';
-export * from './custom-resize-action';
-export * from './delete-action';
-export * from './image-toolbar-buttons';
-export * from './toolbar';
-export * from './toolbar-action';
+export * from './action';
+export * from './custom-resize-action';
+export * from './delete-action';
+export * from './image-toolbar-buttons';
+export * from './toolbar';
+export * from './toolbar-action';

package/types/modules/custom-image/actions/toolbar-action.d.ts

@@ -2,11 +2,10 @@ import { BlotFormatter } from '../blot-formatter';
 import { Action } from './action';
 import { ImageToolbarButtons } from './image-toolbar-buttons';
 import { ImageToolbar } from './toolbar';
-
-export declare class ImageToolbarAction extends Action {
-    toolbar: ImageToolbar;
-    buttons: ImageToolbarButtons;
-    constructor(formatter: BlotFormatter);
-    onCreate(): void;
-    onDestroy(): void;
-}
+export declare class ImageToolbarAction extends Action {
+    toolbar: ImageToolbar;
+    buttons: ImageToolbarButtons;
+    constructor(formatter: BlotFormatter);
+    onCreate(): void;
+    onDestroy(): void;
+}

package/types/modules/custom-image/actions/toolbar.d.ts

@@ -1,20 +1,19 @@
 import { BlotFormatter } from '../blot-formatter';
 import { ToolButtonOption } from '../options';
 import { ImageToolbarButtons } from './image-toolbar-buttons';
-
-export declare class ImageToolbar {
-    toolbar?: HTMLElement;
-    buttons: HTMLElement[];
-    constructor();
-    create(formatter: BlotFormatter, toolButton: ImageToolbarButtons): HTMLElement;
-    destroy(): void;
-    getElement(): HTMLElement;
-    addToolbarStyle(formatter: BlotFormatter, toolbar: HTMLElement): void;
-    addButtonStyle(button: HTMLElement, index: number, formatter: BlotFormatter): void;
-    addButtons(formatter: BlotFormatter, toolbar: HTMLElement, toolButton: ImageToolbarButtons): void;
-    preselectButton(button: HTMLElement, toolButtonOption: ToolButtonOption, formatter: BlotFormatter, toolButton: ImageToolbarButtons): void;
-    onButtonClick(button: HTMLElement, formatter: BlotFormatter, toolButtonOption: ToolButtonOption, toolButton: ImageToolbarButtons): void;
-    clickButton(button: HTMLElement, target: HTMLImageElement, formatter: BlotFormatter, toolButtonOption: ToolButtonOption, toolButton: ImageToolbarButtons): void;
-    selectButton(formatter: BlotFormatter, button: HTMLElement): void;
-    deselectButton(formatter: BlotFormatter, button: HTMLElement): void;
-}
+export declare class ImageToolbar {
+    toolbar?: HTMLElement;
+    buttons: HTMLElement[];
+    constructor();
+    create(formatter: BlotFormatter, toolButton: ImageToolbarButtons): HTMLElement;
+    destroy(): void;
+    getElement(): HTMLElement;
+    addToolbarStyle(formatter: BlotFormatter, toolbar: HTMLElement): void;
+    addButtonStyle(button: HTMLElement, index: number, formatter: BlotFormatter): void;
+    addButtons(formatter: BlotFormatter, toolbar: HTMLElement, toolButton: ImageToolbarButtons): void;
+    preselectButton(button: HTMLElement, toolButtonOption: ToolButtonOption, formatter: BlotFormatter, toolButton: ImageToolbarButtons): void;
+    onButtonClick(button: HTMLElement, formatter: BlotFormatter, toolButtonOption: ToolButtonOption, toolButton: ImageToolbarButtons): void;
+    clickButton(button: HTMLElement, target: HTMLImageElement, formatter: BlotFormatter, toolButtonOption: ToolButtonOption, toolButton: ImageToolbarButtons): void;
+    selectButton(formatter: BlotFormatter, button: HTMLElement): void;
+    deselectButton(formatter: BlotFormatter, button: HTMLElement): void;
+}

package/types/modules/custom-image/blot-formatter.d.ts

@@ -2,23 +2,22 @@ import { default as FluentEditor } from '../../core/fluent-editor';
 import { Action } from './actions';
 import { BlotFormatterOptions } from './options';
 import { BlotSpec } from './specs';
-
-export declare class BlotFormatter {
-    quill: FluentEditor;
-    options: BlotFormatterOptions;
-    currentSpec: BlotSpec;
-    specs: BlotSpec[];
-    overlay: HTMLElement;
-    actions: Action[];
-    observer: MutationObserver;
-    static register(): void;
-    constructor(quill: FluentEditor, options?: Partial<BlotFormatterOptions>);
-    show(spec: BlotSpec): void;
-    hide(): void;
-    update(): void;
-    createActions(spec: BlotSpec): void;
-    destroyActions(): void;
-    repositionOverlay(): void;
-    setUserSelect(value: string): void;
-    onClick: () => void;
-}
+export declare class BlotFormatter {
+    quill: FluentEditor;
+    options: BlotFormatterOptions;
+    currentSpec: BlotSpec;
+    specs: BlotSpec[];
+    overlay: HTMLElement;
+    actions: Action[];
+    observer: MutationObserver;
+    static register(): void;
+    constructor(quill: FluentEditor, options?: Partial<BlotFormatterOptions>);
+    show(spec: BlotSpec): void;
+    hide(): void;
+    update(): void;
+    createActions(spec: BlotSpec): void;
+    destroyActions(): void;
+    repositionOverlay(): void;
+    setUserSelect(value: string): void;
+    onClick: () => void;
+}

package/types/modules/custom-image/image.d.ts

@@ -1,29 +1,28 @@
 import { Parchment as TypeParchment } from 'quill';
 import { default as TypeEmbed } from 'quill/blots/embed';
-
-declare const Embed: typeof TypeEmbed;
-export type ImageValue = string | {
-    src: string;
-    align?: string;
-    height?: number;
-    width?: number;
-};
-export declare class CustomImage extends Embed {
-    static blotName: string;
-    static tagName: string;
-    static ID_SEED: number;
-    static allowInvalidUrl: boolean;
-    domNode: HTMLElement;
-    static setOptions(allowInvalidUrl: boolean): void;
-    static create(value: ImageValue): HTMLElement;
-    static formats(domNode: HTMLElement): {};
-    static match(url: string): boolean;
-    static register(): void;
-    static sanitize(url: string): string;
-    static value(domNode: HTMLElement): any;
-    format(name: string, value: any): void;
-    unWrap(): void;
-    wrap(name: string, value?: any): TypeParchment.Parent;
-    wrap(wrapper: TypeParchment.Parent): TypeParchment.Parent;
-}
-export {};
+declare const Embed: typeof TypeEmbed;
+export type ImageValue = string | {
+    src: string;
+    align?: string;
+    height?: number;
+    width?: number;
+};
+export declare class CustomImage extends Embed {
+    static blotName: string;
+    static tagName: string;
+    static ID_SEED: number;
+    static allowInvalidUrl: boolean;
+    domNode: HTMLElement;
+    static setOptions(allowInvalidUrl: boolean): void;
+    static create(value: ImageValue): HTMLElement;
+    static formats(domNode: HTMLElement): {};
+    static match(url: string): boolean;
+    static register(): void;
+    static sanitize(url: string): string;
+    static value(domNode: HTMLElement): any;
+    format(name: string, value: any): void;
+    unWrap(): void;
+    wrap(name: string, value?: any): TypeParchment.Parent;
+    wrap(wrapper: TypeParchment.Parent): TypeParchment.Parent;
+}
+export {};

package/types/modules/custom-image/index.d.ts

@@ -1,4 +1,4 @@
-export * from './actions';
-export * from './blot-formatter';
-export * from './image';
-export * from './specs';
+export * from './actions';
+export * from './blot-formatter';
+export * from './image';
+export * from './specs';

package/types/modules/custom-image/{Options.d.ts → options.d.ts}

@@ -1,48 +1,47 @@
 import { ImageToolbar, ImageToolbarButtons } from './actions';
 import { BlotSpec } from './specs';
-
-export interface OverlayOptions {
-    className: string;
-    style: Record<string, string>;
-}
-export interface ResizeOptions {
-    handleClassName: string;
-    handleStyle: Record<string, string>;
-}
-export interface ToolButtonOption {
-    name: string;
-    icon: string;
-    isActive?: (el: HTMLElement) => boolean;
-    apply: (this: ImageToolbar, el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void;
-}
-export interface ToolbarButtonOptions {
-    buttons: Record<string, ToolButtonOption | boolean>;
-}
-export interface ToolbarOptions extends ToolbarButtonOptions {
-    mainClassName: string;
-    mainStyle: Record<string, unknown>;
-    buttonClassName: string;
-    addButtonSelectStyle: boolean;
-    buttonStyle: Record<string, unknown>;
-    svgStyle: Record<string, unknown>;
-}
-export interface BlotFormatterOptionsInput {
-    specs: typeof BlotSpec[];
-    overlay: Partial<OverlayOptions>;
-    resize: Partial<ResizeOptions>;
-    toolbar: Partial<ToolbarOptions>;
-}
-export interface BlotFormatterOptions {
-    specs: typeof BlotSpec[];
-    overlay: OverlayOptions;
-    resize: ResizeOptions;
-    toolbar: ToolbarOptions;
-    allowInvalidUrl: boolean;
-}
-export declare const LEFT_ALIGN = "align-left";
-export declare const CENTER_ALIGN = "align-center";
-export declare const RIGHT_ALIGN = "align-right";
-export declare const COPY = "copy";
-export declare const DOWNLOAD = "download";
-declare const DefaultOptions: BlotFormatterOptions;
-export default DefaultOptions;
+export interface OverlayOptions {
+    className: string;
+    style: Record<string, string>;
+}
+export interface ResizeOptions {
+    handleClassName: string;
+    handleStyle: Record<string, string>;
+}
+export interface ToolButtonOption {
+    name: string;
+    icon: string;
+    isActive?: (el: HTMLElement) => boolean;
+    apply: (this: ImageToolbar, el: HTMLImageElement, toolbarButtons: ImageToolbarButtons) => void;
+}
+export interface ToolbarButtonOptions {
+    buttons: Record<string, ToolButtonOption | boolean>;
+}
+export interface ToolbarOptions extends ToolbarButtonOptions {
+    mainClassName: string;
+    mainStyle: Record<string, unknown>;
+    buttonClassName: string;
+    addButtonSelectStyle: boolean;
+    buttonStyle: Record<string, unknown>;
+    svgStyle: Record<string, unknown>;
+}
+export interface BlotFormatterOptionsInput {
+    specs: typeof BlotSpec[];
+    overlay: Partial<OverlayOptions>;
+    resize: Partial<ResizeOptions>;
+    toolbar: Partial<ToolbarOptions>;
+}
+export interface BlotFormatterOptions {
+    specs: typeof BlotSpec[];
+    overlay: OverlayOptions;
+    resize: ResizeOptions;
+    toolbar: ToolbarOptions;
+    allowInvalidUrl: boolean;
+}
+export declare const LEFT_ALIGN = "align-left";
+export declare const CENTER_ALIGN = "align-center";
+export declare const RIGHT_ALIGN = "align-right";
+export declare const COPY = "copy";
+export declare const DOWNLOAD = "download";
+declare const DefaultOptions: BlotFormatterOptions;
+export default DefaultOptions;

package/types/modules/custom-image/specs/blot-spec.d.ts

@@ -1,13 +1,12 @@
 import { BlotFormatter } from '../blot-formatter';
 import { CustomResizeAction, DeleteAction, ImageToolbarAction } from '../actions';
-
-export declare class BlotSpec {
-    formatter: BlotFormatter;
-    constructor(formatter: BlotFormatter);
-    init(): void;
-    getActions(): (typeof ImageToolbarAction | typeof CustomResizeAction | typeof DeleteAction)[];
-    getTargetElement(): HTMLElement | null;
-    getOverlayElement(): HTMLElement;
-    setSelection(): void;
-    onHide(): void;
-}
+export declare class BlotSpec {
+    formatter: BlotFormatter;
+    constructor(formatter: BlotFormatter);
+    init(): void;
+    getActions(): (typeof ImageToolbarAction | typeof CustomResizeAction | typeof DeleteAction)[];
+    getTargetElement(): HTMLElement | null;
+    getOverlayElement(): HTMLElement;
+    setSelection(): void;
+    onHide(): void;
+}