/* globals Polymer, Object, Array */


Polymer( 'dat-gui-option', {

    key: null,

    ready: function() {

        this.options = {};

    },

    init: function( options ) {

        if ( Array.isArray( options ) ) {

            options.forEach( function( opt ) {

                this.options[ opt ] = opt;

            }, this );

        } else {

            this.options = options;

        }

    },

    // Return a valid JSON representation of value
    serialize: function() {

        return JSON.stringify( this.key );

    },

    // Parse and set JSON representation of value;
    unserialize: function( obj ) {

        this.value = this.options[ JSON.parse( obj ) ];

    },

    valueChanged: function() {

        for ( var i in this.options ) {
            if ( this.options[ i ] === this.value ) {
                this.key = i;
                break;
            }
        }

        this.super();

    },

    keyChanged: function() {

        this.value = this.options[ this.key ];

    },

    keys: function( object ) {

        if ( object ) {

            return Object.keys( object );

        }

    }


} );