import Vue, { VueConstructor } from 'vue'
import { LooseDictionary } from './ts-helpers'

export interface QScroller extends Vue {
    /**
     * The `type` property is dependent on the `view` property
     */
    value : string | any[] | LooseDictionary | Date
    /**
     * This determines the type of scroller to be used
     */
    view : 'string' | 'time' | 'date' | 'time-range' | 'date-range' | 'date-time'
    /**
     * This is the color of the middle bars. It can be from the Quasar color palette or a CSS hash value (ie: '#0000FF')
     */
    barColor? : string
    /**
     * This is the color of outside border when `no-border` property is not `true`. It can be from the Quasar color palette or a CSS hash value (ie: '#0000FF')
     */
    borderColor? : string
    /**
     * This is the color of the background (header and footer). It can be from the Quasar color palette or a CSS hash value (ie: '#0000FF')
     */
    color? : string
    /**
     * This is the color of the text (header and footer). It can be from the Quasar color palette or a CSS hash value (ie: '#0000FF')
     */
    textColor? : string
    /**
     * This is the color of the background (scroller area). It can be from the Quasar color palette or a CSS hash value (ie: '#0000FF')
     */
    innerColor? : string
    /**
     * This is the color of the text (scroller area). It can be from the Quasar color palette or a CSS hash value (ie: '#0000FF')
     */
    innerTextColor? : string
    /**
     * Sets the color that will be used when in the disabled state
     */
    disabledTextColor? : string
    /**
     * Disables range checking validation (ie: allows right-side of range to be less than left-side range)
     */
    disableValidation? : boolean
    /**
     * This is the error color of the background (end inner section) when end section is less than start section. It can be from the Quasar color palette or a CSS hash value (ie: '#0000FF')
     */
    errorColor? : string
    /**
     * This is the error color of the text (end inner section) when end section is less than start section. It can be from the Quasar color palette or a CSS hash value (ie: '#0000FF')
     */
    errorTextColor? : string
    /**
     * If the component should be in dense mode
     */
    dense? : boolean
    /**
     * If the component should be disabled
     */
    disable? : boolean
    /**
     * If the component should have rounded corners
     */
    roundedBorder? : boolean
    /**
     * If the component should not have a border
     */
    noBorder? : boolean
    /**
     * If the component should not display shadow when header/footer are displayed
     */
    noShadow? : boolean
    /**
     * If the component should not display the header
     */
    noHeader? : boolean
    /**
     * If the component should not display the footer
     */
    noFooter? : boolean
    /**
     * Turns on 12 hour time
     */
    hour12? : boolean
    /**
     * An array of objects
     */
    items? : {
            /**
             * This is the value that will be emitted when selected. It is also used for display, when the optional `display` property is not available
             */
            value : string
            /**
             * If set to true, the displayed text will not be converted to uppercase
             */
            noCaps? : boolean
            /**
             * Optional icon to be used
             */
            icon? : string
            /**
             * Optional icon to be used on the right of the displayed text
             */
            iconRight? : string
            /**
             * When set to true the item will be disabled
             */
            disabled? : boolean
            /**
             * How the text will be aligned within its area
             */
            align? : 'left' | 'center' | 'right' | 'between' | 'around' | 'evenly' }[]
    /**
     * Changes the locale used for the header
     */
    locale? : string
    /**
     * This is an array of two strings to replace the AM/PM labels. Only applicable when the `hour12` property is used
     */
    amPmLabels? : StringArray
    /**
     * Used to create intervals. For instance, if '2', then every other value will be displayed
     */
    hourInterval? : string | number
    /**
     * Used to create intervals. For instance, if '2', then every other value will be displayed
     */
    minuteInterval? : string | number
    /**
     * Hours that should be disabled (always use 0 through to 24)
     */
    disabledHours? : StringArray
    /**
     * Minutes that should be disabled (always use 0 through to 59)
     */
    disabledMinutes? : NumberArray
    /**
     * Hide the hours section
     */
    noHours? : boolean
    /**
     * Hide the minutes section
     */
    noMinutes? : boolean
    /**
     * Provide an alternative display separator
     */
    displaySeparator? : string
    /**
     * This is an array of two strings to replace the AM/PM labels. Only applicable when the `hour12` property is used
     */
    startAmPmLabels? : StringArray
    /**
     * This is an array of two strings to replace the AM/PM labels. Only applicable when the `hour12` property is used
     */
    endAmPmLabels? : StringArray
    /**
     * Used to create intervals. For instance, if '2', then every other value will be displayed
     */
    startHourInterval? : StringOrNumber
    /**
     * Used to create intervals. For instance, if '2', then every other value will be displayed
     */
    endHourInterval? : StringOrNumber
    /**
     * Used to create intervals. For instance, if '2', then every other value will be displayed
     */
    startMinuteInterval? : StringOrNumber
    /**
     * Used to create intervals. For instance, if '2', then every other value will be displayed
     */
    endMinuteInterval? : StringOrNumber
    /**
     * Hours that should be disabled (always use 0 through to 24)
     */
    startDisabledHours? : NumberArray
    /**
     * Hours that should be disabled (always use 0 through to 24)
     */
    endDisabledHours? : NumberArray
    /**
     * Minutes that should be disabled (always use 0 through to 59)
     */
    startDisabledMinutes? : NumberArray
    /**
     * Minutes that should be disabled (always use 0 through to 59)
     */
    endDisabledMinutes? : NumberArray
    /**
     * Hide the hours section
     */
    startNoHours? : boolean
    /**
     * Hide the hours section
     */
    endNoHours? : boolean
    /**
     * Hide the minutes section
     */
    startNoMinutes? : boolean
    /**
     * Hide the minutes section
     */
    endNoMinutes? : boolean
    /**
     * Array of years that should be disabled
     */
    disabledYears? : NumberArray
    /**
     * Array of months that should be disabled
     */
    disabledMonths? : NumberArray
    /**
     * Array of days that should be disabled
     */
    disabledDays? : NumberArray
    /**
     * Hide the years section
     */
    noYear? : boolean
    /**
     * Hide the months section
     */
    noMonth? : boolean
    /**
     * Hide the day section
     */
    noDay? : boolean
    /**
     * Array of years that should be disabled
     */
    startDisabledYears? : NumberArray
    /**
     * Array of years that should be disabled
     */
    endDisabledYears? : NumberArray
    /**
     * Array of months that should be disabled
     */
    startDisabledMonths? : NumberArray
    /**
     * Array of months that should be disabled
     */
    endDisabledMonths? : NumberArray
    /**
     * Array of days that should be disabled
     */
    startDisabledDays? : NumberArray
    /**
     * Array of days that should be disabled
     */
    endDisabledDays? : NumberArray
    /**
     * Hide the years section
     */
    startNoYear? : boolean
    /**
     * Hide the years section
     */
    endNoYear? : boolean
    /**
     * Hide the months section
     */
    startNoMonth? : boolean
    /**
     * Hide the months section
     */
    endNoMonth? : boolean
    /**
     * Hide the day section
     */
    startNoDay? : boolean
    /**
     * Hide the day section
     */
    endNoDay? : boolean
    /**
     * This is the starting year to be used
     */
    yearStart? : number | string
    /**
     * This is the ending year to be used
     */
    yearEnd? : number | string
    /**
     * This is the starting year to be used for the start date section
     */
    startYearBegin? : number | string
    /**
     * This is the ending year to be used for the start date section
     */
    startYearStop? : number | string
    /**
     * This is the starting year to be used for the end date section
     */
    endYearBegin? : number | string
    /**
     * This is the ending year to be used for the end date section
     */
    endYearStop? : number | string
}

import { StringArray, NumberArray, StringOrNumber } from './types'

declare module 'vue/types/vue' {
    interface Vue {
    }
}
export * from './types'
export * from './ts-helpers'
export as namespace QScroller
export const QScroller: VueConstructor<QScroller>