export enum CssClasses {
    CONTENT = "bb-content",

    FADEIN = "bb-fadeIn",

    FLIP_NEXT_END = "bb-flip-next-end",

    FLIP_NEXT = "bb-flip-next",

    FLIP_INITIAL = "bb-flip-initial",

    FRONT = "bb-front",

    BACK = "bb-back",

    OUTER = "bb-outer",

    INNER = "bb-inner",

    DROPSHADOW_EFFECT = "bb-dropshadow-effect",

    LOADING_PULSE = "bb-loading-pulse",
    NOT_LOADING = "bb-not-loading",

    OVERLAY = "bb-overlay",
    _OVERLAY = ".bb-overlay",

    PAPER_EFFECT = "bb-paper-effect",

    PAGE = "bb-page",
    _PAGE = ".bb-page",

    _ITEM = ".bb-item",

    NAV_CONTAINER = "bb-nav-container",

    NAV_LAST = "bb-nav bb-icon bb-icon-last",
    NAV_FIRST = "bb-nav bb-icon bb-icon-first",
    NAV_NEXT = "bb-nav bb-icon bb-icon-arrow-right",
    NAV_PREV = "bb-nav bb-icon bb-icon-arrow-left",
}

export enum CssIds {
    SPINNER = "bb-spinner",
    _SPINNER = "#bb-spinner",

    NAV_FIRST = "bb-nav-first",

    NAV_LAST = "bb-nav-last",

    NAV_PREV = "bb-nav-prev",

    NAV_NEXT = "bb-nav-next",
}

export const NEXT: boolean = true
export const PREV: boolean = false

export const KEY_UP: number = 16
export const KEY_RIGHT: number = 39
export const KEY_LEFT: number = 37
export const KEY_DOWN: number = 40