on-codemerge/dist/types/plugins/ResponsivePlugin/index.d.ts

A WYSIWYG editor for on-codemerge is a user-friendly interface that allows users to edit and view their code in real time, exactly as it will appear in the final product

import { Plugin } from '../../core/Plugin';
import { HTMLEditor } from '../../core/HTMLEditor';
import { ViewportManager } from './services/ViewportManager';
export declare class ResponsivePlugin implements Plugin {
    name: string;
    hotkeys: {
        keys: string;
        description: string;
        command: string;
        icon: string;
    }[];
    private editor;
    private menu;
    viewportManager: ViewportManager;
    private toolbarButton;
    private viewportIndicator;
    private resizeHandle;
    private isResizing;
    private startX;
    private startWidth;
    private boundHotkeysKeydown?;
    constructor();
    initialize(editor: HTMLEditor): void;
    private addViewportIndicator;
    private updateViewportIndicator;
    private getViewportLabel;
    private setupViewportControls;
    private adaptTablesToViewport;
    private setupHotkeys;
    private setViewport;
    getCurrentViewport(): string;
    getCurrentWidth(): number;
    private addResizeHandle;
    private removeResizeHandle;
    private startResize;
    private onResize;
    private stopResize;
    destroy(): void;
}