import { PropType } from "vue";
import { CompareGraphData } from "./types";
declare const _sfc_main: import("vue").DefineComponent<{
    data: {
        type: PropType<CompareGraphData[]>;
        required: true;
    };
    /** 縦軸の最大値を設定します。 */
    maxFrequency: {
        type: NumberConstructor;
        required: false;
    };
    /** 縦軸の最大値をceilN桁で切り上げて設定します。 */
    ceilN: {
        type: NumberConstructor;
        required: false;
        default: number;
    };
    /** バーの間隔に影響します。0~1の値を指定してください。 */
    barGap: {
        type: NumberConstructor;
        required: false;
        default: number;
    };
    /** バーの太さに影響します。0~1の値を指定してください。 */
    barGroupWidth: {
        type: NumberConstructor;
        required: false;
        default: number;
    };
    /** 単位を指定します。
     * 単位を表示するには、unitPosition に "vertical" または "intersection" を指定してください。
     */
    unit: {
        type: StringConstructor;
        required: false;
    };
    /**
     * @param {String} unitPosition - ラベルの単位の表示位置を指定します。以下のいずれかの値を指定できます:
     *   - "vertical": 縦軸の目盛に対して単位を表示します。
     *   - "intersection": 縦軸と横軸が交わる位置に単位を表示します。
     *   - "no": 単位を表示しません。
     * @default "no"
     * @required false
     */
    unitPosition: {
        type: PropType<"vertical" | "no" | "intersection">;
        required: false;
        default: string;
    };
    /**
     * 横軸ラベルを傾けるかを指定します。
     * @param isTilted
     * @default false
     */
    isTilted: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
}, {
    __sfc: boolean;
    props: Readonly<Readonly<import("vue/types/common").LooseRequired<{
        data: CompareGraphData[];
        ceilN: number;
        barGap: number;
        barGroupWidth: number;
        unitPosition: "vertical" | "no" | "intersection";
        isTilted: boolean;
    } & {
        maxFrequency?: number | undefined;
        unit?: string | undefined;
    }>>>;
    theta: import("vue").ComputedRef<number>;
    maxFrequency: import("vue").ComputedRef<number>;
    formattedBarData: import("vue").ComputedRef<{
        label: string;
        data: {
            id: string;
            frequency: number;
            barColor?: import("@wizleap-inc/wiz-ui-constants").ColorKeys | undefined;
            numberColor?: import("@wizleap-inc/wiz-ui-constants").ColorKeys | undefined;
        }[];
    }[]>;
    graphBodyStyle: string;
    summaryLabelStyle: string;
    Bar: import("vue").DefineComponent<{
        label: {
            type: StringConstructor;
            required: true;
        };
        data: {
            type: PropType<CompareGraphData>;
            required: true;
        };
        maxFrequency: {
            type: NumberConstructor;
            required: true;
        };
        barGap: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        barGroupWidth: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        theta: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
    }, {
        __sfc: boolean;
        props: Readonly<Readonly<import("vue/types/common").LooseRequired<{
            data: CompareGraphData;
            label: string;
            maxFrequency: number;
            barGap: number;
            barGroupWidth: number;
            theta: number;
        } & {}>>>;
        barRefs: import("vue").Ref<HTMLElement[] | undefined>;
        barFrequencyRefs: import("vue").Ref<HTMLElement[] | undefined>;
        labelRef: import("vue").Ref<HTMLElement | undefined>;
        graphRef: import("vue").Ref<HTMLElement | undefined>;
        updateLabelTransformStyle: () => void;
        updateBarItemCurrentHeight: () => void;
        barItemCurrentResizeObserver: ResizeObserver;
        graphResizeObserver: ResizeObserver;
        barWidth: import("vue").ComputedRef<number>;
        bars: import("vue").ComputedRef<{
            id: string;
            x: number;
            y: number;
            bgColorStyle: string;
            numberColorStyle: string;
            frequency: number;
        }[]>;
        graphBarItemStyle: string;
        graphBarLabelStyle: string;
        graphBarStyle: string;
        graphBarNumberStyle: string;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        label: {
            type: StringConstructor;
            required: true;
        };
        data: {
            type: PropType<CompareGraphData>;
            required: true;
        };
        maxFrequency: {
            type: NumberConstructor;
            required: true;
        };
        barGap: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        barGroupWidth: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
        theta: {
            type: NumberConstructor;
            required: false;
            default: number;
        };
    }>>, {
        barGap: number;
        barGroupWidth: number;
        theta: number;
    }>;
    Container: import("vue").DefineComponent<{
        maxFrequency: {
            type: NumberConstructor;
            required: true;
        };
        labelUnit: {
            type: StringConstructor;
            required: false;
        };
        annotationUnit: {
            type: StringConstructor;
            required: false;
        };
    }, {
        __sfc: boolean;
        graphContainerStyle: string;
        graphSideStyle: string;
        graphSideLabelStyle: string;
        graphSideLabelPositionStyle: Record<"max" | "unit" | "half", string>;
        graphContainerBodyStyle: string;
    }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
        maxFrequency: {
            type: NumberConstructor;
            required: true;
        };
        labelUnit: {
            type: StringConstructor;
            required: false;
        };
        annotationUnit: {
            type: StringConstructor;
            required: false;
        };
    }>>, {}>;
}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
    data: {
        type: PropType<CompareGraphData[]>;
        required: true;
    };
    /** 縦軸の最大値を設定します。 */
    maxFrequency: {
        type: NumberConstructor;
        required: false;
    };
    /** 縦軸の最大値をceilN桁で切り上げて設定します。 */
    ceilN: {
        type: NumberConstructor;
        required: false;
        default: number;
    };
    /** バーの間隔に影響します。0~1の値を指定してください。 */
    barGap: {
        type: NumberConstructor;
        required: false;
        default: number;
    };
    /** バーの太さに影響します。0~1の値を指定してください。 */
    barGroupWidth: {
        type: NumberConstructor;
        required: false;
        default: number;
    };
    /** 単位を指定します。
     * 単位を表示するには、unitPosition に "vertical" または "intersection" を指定してください。
     */
    unit: {
        type: StringConstructor;
        required: false;
    };
    /**
     * @param {String} unitPosition - ラベルの単位の表示位置を指定します。以下のいずれかの値を指定できます:
     *   - "vertical": 縦軸の目盛に対して単位を表示します。
     *   - "intersection": 縦軸と横軸が交わる位置に単位を表示します。
     *   - "no": 単位を表示しません。
     * @default "no"
     * @required false
     */
    unitPosition: {
        type: PropType<"vertical" | "no" | "intersection">;
        required: false;
        default: string;
    };
    /**
     * 横軸ラベルを傾けるかを指定します。
     * @param isTilted
     * @default false
     */
    isTilted: {
        type: BooleanConstructor;
        required: false;
        default: boolean;
    };
}>>, {
    ceilN: number;
    barGap: number;
    barGroupWidth: number;
    unitPosition: "vertical" | "no" | "intersection";
    isTilted: boolean;
}>;
export default _sfc_main;