@tsuyoz/vue-window/dist/types/components/window/window.d.ts

## Install ``` npm install @tsuyoz/vue-window ``` and this component depends below ``` npm install @vue/composition-api rxjs ``` ## Quick Start ``` import Vue from "vue" import VueCompositionApi from "@vue/composition-api" import VueWindow from "@tsuyoz/v

declare type ResizeHandle = "t" | "b" | "l" | "r" | "tl" | "tr" | "br" | "bl";
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
    windowRef: import("@vue/composition-api").Ref<HTMLElement | undefined>;
    titleBarRef: import("@vue/composition-api").Ref<HTMLElement | undefined>;
    draggable: import("@vue/composition-api").ComputedRef<boolean>;
    resizable: import("@vue/composition-api").ComputedRef<boolean>;
    maximazable: import("@vue/composition-api").ComputedRef<boolean>;
    unmaximazable: import("@vue/composition-api").ComputedRef<boolean>;
    minimazable: import("@vue/composition-api").ComputedRef<boolean>;
    unminimazable: import("@vue/composition-api").ComputedRef<boolean>;
    startDrag: (event: MouseEvent) => void;
    startResize: (resizeHandle: ResizeHandle) => void;
    maximizeWindow: () => void;
    unmaximizeWindow: () => void;
    minimizeWindow: () => void;
    closeWindow: () => void;
    onClickWindow: () => void;
    validWindow: import("@vue/composition-api").Ref<boolean>;
    initialized: import("@vue/composition-api").Ref<boolean>;
    maximized: import("@vue/composition-api").Ref<boolean>;
    minimized: import("@vue/composition-api").Ref<boolean>;
    dragging: import("@vue/composition-api").Ref<boolean>;
    resizing: import("@vue/composition-api").Ref<boolean>;
    resizeAction: import("@vue/composition-api").Ref<{
        updateLeft: boolean;
        updateTop: boolean;
        updateWidth: boolean;
        updateHeight: boolean;
    }>;
    windowRect: import("@vue/composition-api").Ref<{
        width: number;
        height: number;
        left: number;
        top: number;
    }>;
    beforeMaximizeWindowRect: import("@vue/composition-api").Ref<{
        width: number;
        height: number;
        left: number;
        top: number;
    }>;
    windowStyle: import("@vue/composition-api").Ref<{
        width: string;
        height: string;
        left: string;
        top: string;
        zIndex: number;
    }>;
    boundaryElement: import("@vue/composition-api").Ref<HTMLElement>;
    offsetParentElement: import("@vue/composition-api").Ref<HTMLElement>;
    offsetParentIsBody: import("@vue/composition-api").Ref<boolean>;
    dragOffsetX: import("@vue/composition-api").Ref<number>;
    dragOffsetY: import("@vue/composition-api").Ref<number>;
    minWidth: import("@vue/composition-api").Ref<number>;
    minHeight: import("@vue/composition-api").Ref<number>;
}> & {
    [key: string]: unknown;
}, {}, {}, {
    id: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    windowTitle: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    boundarySelector: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    initWidth: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    initHeight: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    initLeft: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    initTop: {
        type: StringConstructor;
        required: false;
        default: string;
    };
    initCentered: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    initMaximize: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    zIndex: {
        type: NumberConstructor;
        required: false;
    };
    allowClose: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    allowMaximize: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    allowMinimize: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    allowDrag: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
    allowResize: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
}, {} & {
    id?: string | undefined;
    windowTitle?: string | undefined;
    boundarySelector?: string | undefined;
    initWidth?: string | undefined;
    initHeight?: string | undefined;
    initLeft?: string | undefined;
    initTop?: string | undefined;
    initCentered?: boolean | undefined;
    initMaximize?: boolean | undefined;
    zIndex?: number | undefined;
    allowClose?: boolean | undefined;
    allowMaximize?: boolean | undefined;
    allowMinimize?: boolean | undefined;
    allowDrag?: boolean | undefined;
    allowResize?: boolean | undefined;
}> & import("vue").VueConstructor<import("vue").default> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
    id: string;
    windowTitle: string;
    boundarySelector: string;
    initWidth: string;
    initHeight: string;
    initLeft: string;
    initTop: string;
    initCentered: boolean;
    initMaximize: boolean;
    allowClose: boolean;
    allowMaximize: boolean;
    allowMinimize: boolean;
    allowDrag: boolean;
    allowResize: boolean;
} & {
    zIndex?: number | undefined;
}, import("@vue/composition-api").ShallowUnwrapRef<{
    windowRef: import("@vue/composition-api").Ref<HTMLElement | undefined>;
    titleBarRef: import("@vue/composition-api").Ref<HTMLElement | undefined>;
    draggable: import("@vue/composition-api").ComputedRef<boolean>;
    resizable: import("@vue/composition-api").ComputedRef<boolean>;
    maximazable: import("@vue/composition-api").ComputedRef<boolean>;
    unmaximazable: import("@vue/composition-api").ComputedRef<boolean>;
    minimazable: import("@vue/composition-api").ComputedRef<boolean>;
    unminimazable: import("@vue/composition-api").ComputedRef<boolean>;
    startDrag: (event: MouseEvent) => void;
    startResize: (resizeHandle: ResizeHandle) => void;
    maximizeWindow: () => void;
    unmaximizeWindow: () => void;
    minimizeWindow: () => void;
    closeWindow: () => void;
    onClickWindow: () => void;
    validWindow: import("@vue/composition-api").Ref<boolean>;
    initialized: import("@vue/composition-api").Ref<boolean>;
    maximized: import("@vue/composition-api").Ref<boolean>;
    minimized: import("@vue/composition-api").Ref<boolean>;
    dragging: import("@vue/composition-api").Ref<boolean>;
    resizing: import("@vue/composition-api").Ref<boolean>;
    resizeAction: import("@vue/composition-api").Ref<{
        updateLeft: boolean;
        updateTop: boolean;
        updateWidth: boolean;
        updateHeight: boolean;
    }>;
    windowRect: import("@vue/composition-api").Ref<{
        width: number;
        height: number;
        left: number;
        top: number;
    }>;
    beforeMaximizeWindowRect: import("@vue/composition-api").Ref<{
        width: number;
        height: number;
        left: number;
        top: number;
    }>;
    windowStyle: import("@vue/composition-api").Ref<{
        width: string;
        height: string;
        left: string;
        top: string;
        zIndex: number;
    }>;
    boundaryElement: import("@vue/composition-api").Ref<HTMLElement>;
    offsetParentElement: import("@vue/composition-api").Ref<HTMLElement>;
    offsetParentIsBody: import("@vue/composition-api").Ref<boolean>;
    dragOffsetX: import("@vue/composition-api").Ref<number>;
    dragOffsetY: import("@vue/composition-api").Ref<number>;
    minWidth: import("@vue/composition-api").Ref<number>;
    minHeight: import("@vue/composition-api").Ref<number>;
}>, {} & {
    id?: string | undefined;
    windowTitle?: string | undefined;
    boundarySelector?: string | undefined;
    initWidth?: string | undefined;
    initHeight?: string | undefined;
    initLeft?: string | undefined;
    initTop?: string | undefined;
    initCentered?: boolean | undefined;
    initMaximize?: boolean | undefined;
    zIndex?: number | undefined;
    allowClose?: boolean | undefined;
    allowMaximize?: boolean | undefined;
    allowMinimize?: boolean | undefined;
    allowDrag?: boolean | undefined;
    allowResize?: boolean | undefined;
}, {}, {}, {
    id: string;
    windowTitle: string;
    boundarySelector: string;
    initWidth: string;
    initHeight: string;
    initLeft: string;
    initTop: string;
    initCentered: boolean;
    initMaximize: boolean;
    allowClose: boolean;
    allowMaximize: boolean;
    allowMinimize: boolean;
    allowDrag: boolean;
    allowResize: boolean;
} & {
    zIndex?: number | undefined;
}>);
export default _default;