@omnia/fx
Version:
Provide Omnia Fx typings and tooling for clientside Omnia development.
31 lines (30 loc) • 1.35 kB
TypeScript
import { DisplayBreakPoint } from "../../../../models";
import { VueComponentBase } from "../../..";
import { LayoutCanvasStore } from "../../";
import { IWebComponentInstance } from "../../../..";
import { IDevicePreviewer } from "./IDevicePreviewer";
export interface DevicePreviewerProps {
itemRenderer?: (h: any, selectedBreakpoint: DisplayBreakPoint) => JSX.Element;
onBreakpointChange?: (displayBreakPoint: DisplayBreakPoint) => void;
}
export declare class DevicePreviewer extends VueComponentBase<DevicePreviewerProps> implements IWebComponentInstance, IDevicePreviewer {
itemRenderer?: (selectedBreakpoint: DisplayBreakPoint) => JSX.Element;
onBreakpointChange?: (displayBreakPoint: DisplayBreakPoint) => void;
defaultBreakpoint?: DisplayBreakPoint;
layoutEditorStore: LayoutCanvasStore;
private iFrameId;
private model;
created(): void;
mounted(): void;
beforeDestroy(): void;
private createIframeUrl;
private onSetDevice;
private resizeIframeToContent;
/**
* Gets the initial active class for the items. It is not working setting v-bottom-nav component directly somehow.
* @param editorMode
*/
getActiveClass(displayBreakPoint: DisplayBreakPoint): "" | "v-btn--active";
renderDisplayBreakPoints(): JSX.Element[];
render(): VueTsxSupport.JSX.Element;
}