import Page from "../../common/page";
Page({
    data: {
        show: {
            basic: false,
            top: false,
            bottom: false,
            left: false,
            right: false,
            round: false,
            closeIcon: false,
            customCloseIcon: false,
            customIconPosition: false
        }
    },

    toggle(type, show) {
        this.setData({
            [`show.${type}`]: show
        });
    },

    showBasic() {
        this.toggle("basic", true);
    },

    hideBasic() {
        this.toggle("basic", false);
    },

    showTop() {
        this.toggle("top", true);
    },

    hideTop() {
        this.toggle("top", false);
    },

    showLeft() {
        this.toggle("left", true);
    },

    hideLeft() {
        this.toggle("left", false);
    },

    showRight() {
        this.toggle("right", true);
    },

    hideRight() {
        this.toggle("right", false);
    },

    showBottom() {
        this.toggle("bottom", true);
    },

    hideBottom() {
        this.toggle("bottom", false);
    },

    showRound() {
        this.toggle("round", true);
    },

    hideRound() {
        this.toggle("round", false);
    },

    showCloseIcon() {
        this.toggle("closeIcon", true);
    },

    hideCloseIcon() {
        this.toggle("closeIcon", false);
    },

    showCustomCloseIcon() {
        this.toggle("customCloseIcon", true);
    },

    hideCustomCloseIcon() {
        this.toggle("customCloseIcon", false);
    },

    showCustomIconPosition() {
        this.toggle("customIconPosition", true);
    },

    hideCustomIconPosition() {
        this.toggle("customIconPosition", false);
    }
});
