import { IWebComponentInstance } from "../..";
import { SpacingSettings, GuidValue, TimeZone, UrlPropertyValue, Identity } from "../../models";
import { Color } from "../vuetify";
import { VueComponentBase } from "..";
import { CommentLikeService } from "../social/test/CommentLikeService";
import { CommentLikeTemplateDynamicInput } from "../social/templates/CommentLikeTemplate";
import { CommentLikeStore } from "../../stores";
import { TargetingFilterProperty } from "../../sp/models/TargetingFilterProperty";
export declare class PlayGroundComponent extends VueComponentBase<{}, {}, {}> implements IWebComponentInstance {
    commentLikeService: CommentLikeService;
    commentLikeStore: CommentLikeStore;
    private omniaTheming;
    created(): void;
    mounted(): void;
    dynamicInput: CommentLikeTemplateDynamicInput;
    color: Color;
    monacoEditorStyle: string;
    state: {
        visibleThemeDialog: boolean;
    };
    selectingTab: any;
    speeddial: any;
    radio: string;
    checkbox: boolean;
    htmlForEditor: string;
    monacoEditor: string;
    monacoHtmlEditor: string;
    iframeJsContent2: string;
    iframeHtmlContent2: string;
    iframeJsContent: string;
    iframeHtmlContent: string;
    slider: {
        volume: number;
        value: number;
        price: number[];
    };
    items: {
        id: number;
        title: string;
    }[];
    simpleItems: string[];
    itemsTreeView: ({
        id: number;
        name: string;
        children: {
            id: number;
            name: string;
            children: {
                id: number;
                name: string;
                children: {
                    id: number;
                    name: string;
                }[];
            }[];
        }[];
    } | {
        id: number;
        name: string;
        children: ({
            id: number;
            name: string;
            children: {
                id: number;
                name: string;
            }[];
        } | {
            id: number;
            name: string;
            children?: undefined;
        })[];
    })[];
    readyToRenderPeoplePicker: boolean;
    peoplePickerModel: Array<Identity>;
    timezoneModel: TimeZone;
    comboboxInputModel: string;
    paddingSetting: SpacingSettings;
    paddingSetting2: SpacingSettings;
    preselectedItem: Array<GuidValue>;
    checkTerm(term: any): {
        display: boolean;
        selectable: boolean;
    };
    urlPropertyValue: UrlPropertyValue;
    private externalPropertyItems;
    private epPickerSingleValue;
    private epPickerMultipleValue;
    private epsPickerSingleValue;
    private epsPickerMultipleValue;
    private spEnterpriseGlossary;
    private calendarModel;
    render(): VueTsxSupport.JSX.Element;
    renderVuetifyBreakpoint(): VueTsxSupport.JSX.Element;
    renderWizard(): VueTsxSupport.JSX.Element;
    targetingFilter: any;
    targetingFilter2: TargetingFilterProperty;
    targetingFilter3: TargetingFilterProperty;
    renderTheming(): VueTsxSupport.JSX.Element;
    renderTargeting(): VueTsxSupport.JSX.Element;
    renderTheme(): VueTsxSupport.JSX.Element;
    renderPermissionInput(): any;
    renderCommentLike(): VueTsxSupport.JSX.Element;
}
export declare class ThemeVueComponent extends VueComponentBase {
    mounted(): void;
    render(): VueTsxSupport.JSX.Element;
}