/// <reference path="../../../globals.d.ts" />
/// <reference path="./component.d.ts" />
/// <reference path="../dom/dom.d.ts" />
/// <reference path="../events/events.d.ts" />
/// <reference path="../events/browserevent.d.ts" />
/// <reference path="../events/event.d.ts" />

declare module goog.ui {

    class HsvPalette extends HsvPalette__Class { }
    /** Fake class which should be extended to avoid inheriting static properties */
    class HsvPalette__Class extends goog.ui.Component__Class  { 
    
            /**
             * Creates an HSV palette. Allows a user to select the hue, saturation and
             * value/brightness.
             * @param {goog.dom.DomHelper=} opt_domHelper Optional DOM helper.
             * @param {string=} opt_color Optional initial color (default is red).
             * @param {string=} opt_class Optional base for creating classnames (default is
             *     goog.getCssName('goog-hsv-palette')).
             * @extends {goog.ui.Component}
             * @constructor
             */
            constructor(opt_domHelper?: goog.dom.DomHelper, opt_color?: string, opt_class?: string);
    
            /**
             * The base class name for the component.
             * @type {string}
             * @protected
             */
            className: string;
    
            /**
             * DOM element representing the value background image.
             * @type {Element}
             * @protected
             */
            valueBackgroundImageElement: Element;
    
            /**
             * DOM element representing the current color swatch.
             * @type {Element}
             * @protected
             */
            swatchElement: Element;
    
            /**
             * DOM element representing the hex color input text field.
             * @type {Element}
             * @protected
             */
            inputElement: Element;
    
            /**
             * Listener key for the mousemove event (during a drag operation).
             * @type {goog.events.Key}
             * @protected
             */
            mouseMoveListener: goog.events.Key;
    
            /**
             * Listener key for the mouseup event (during a drag operation).
             * @type {goog.events.Key}
             * @protected
             */
            mouseUpListener: goog.events.Key;
    
            /**
             * Gets the color that is currently selected in this color picker.
             * @return {string} The string of the selected color.
             */
            getColor(): string;
    
            /**
             * Alpha transparency of the currently selected color, in [0, 1].
             * For the HSV palette this always returns 1. The HSVA palette overrides
             * this method.
             * @return {number} The current alpha value.
             */
            getAlpha(): number;
    
            /**
             * Updates the text entry field.
             * @protected
             */
            updateInput(): void;
    
            /**
             * Sets which color is selected and update the UI.
             * @param {string} color The selected color.
             */
            setColor(color: string): void;
    
            /**
             * Sets which color is selected.
             * @param {string} color The selected color.
             * @protected
             */
            setColorInternal(color: string): void;
    
            /**
             * Alters the hue, saturation, and/or value of the currently selected color and
             * updates the UI.
             * @param {?number=} opt_hue (optional) hue in [0, 1].
             * @param {?number=} opt_saturation (optional) saturation in [0, 1].
             * @param {?number=} opt_value (optional) value in [0, 255].
             */
            setHsv(opt_hue?: number, opt_saturation?: number, opt_value?: number): void;
    
            /**
             * Updates the position, opacity, and styles for the UI representation of the
             * palette.
             * @protected
             */
            updateUi(): void;
    
            /**
             * Handles mousedown events on palette UI elements.
             * @param {goog.events.BrowserEvent} e Event object.
             * @protected
             */
            handleMouseDown(e: goog.events.BrowserEvent): void;
    
            /**
             * Handles mouseup events on the document, which ends a drag operation.
             * @param {goog.events.Event} e Event object.
             * @protected
             */
            handleMouseUp(e: goog.events.Event): void;
    
            /**
             * Handles input events on the hex value input field.
             * @param {goog.events.Event} e Event object.
             * @protected
             */
            handleInput(e: goog.events.Event): void;
    } 
    
}