diff --git a/controllets/data-sevc-controllet/demo/index.html b/controllets/data-sevc-controllet/demo/index.html
index 782ad24..76e8bb6 100755
--- a/controllets/data-sevc-controllet/demo/index.html
+++ b/controllets/data-sevc-controllet/demo/index.html
@@ -9,56 +9,15 @@
     <script src="../../shared_js/perfect-scrollbar/js/min/perfect-scrollbar.jquery.min.js"></script>
     <link rel="stylesheet" href="../../shared_js/perfect-scrollbar/css/perfect-scrollbar.min.css">
 
-    <!--&lt;!&ndash;<meta name="defaultLanguage" content="en">&ndash;&gt;-->
-    <meta name="availableLanguages" content="en, it">
-    <!--&lt;!&ndash;<link rel="localization" href="../../../locales/{locale}.l20n">&ndash;&gt;-->
-    <link rel="localization" href="../../../locales/it.l20n">
-    <!--<script defer src="../../../bower_components/l20n/dist/compat/web/l20n.min.js"></script>-->
-
     <link rel="import" href="../data-sevc-controllet.html" />
 </head>
 
 <body>
 
-    <!--<span data-l10n-id="name"></span>-->
-    <data-sevc-controllet localization="it" id="dsc" deep-url="http://172.16.15.77/DEEalerProvider/DEEP/" datalets-list-url="http://172.16.15.77/DEEalerProvider/DEEP/datalets-list"></data-sevc-controllet>
-
-    <script>
-
-//        var languageLink = document.createElement("link");
-//        languageLink.rel = "localization";
-//        languageLink.href = "../../../locales/it.l20n";
-//        document.getElementsByTagName("head")[0].appendChild(languageLink);
-
-        var description = "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa "+
-        " aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa "+
-        " aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa "+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa"+
-        "aaaaaaaaaaaaaa aaaaaaaaaaaaaaaaaa aaaaaaaaaaaa aaaaaaaaa aaaaaaaaaaaaaaaaaaaaaaaaaa aaaaaaaaaaaaaaaaa";
-
-        var dataset1 = {description: description, name: "Data", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=c3b52992-ba61-4a73-a637-0f2e1ca26aab"};
-        var dataset2 = {description: "", name: "Klassen", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=dfd27de5-0790-466c-af59-6a82509e7fbb"};
-        var dataset3 = {description: "descrizione bellissima purissima levissima sbiricuda antani", name: "Derelict Sites", url: "http://ckan.routetopa.eu/api/action/datastore_search?resource_id=fcbee83e-3d3d-4303-a568-24dd33d02adc"};
-        var datasets = [dataset1, dataset2, dataset3];
-        var s_datasets = [dataset1, dataset3];
-
-        var dsc = document.getElementById('dsc');
-        dsc.setAttribute("datasets", JSON.stringify(datasets));
-
-        dsc.setAttribute("suggested-datasets", JSON.stringify(s_datasets));
-    </script>
+    <data-sevc-controllet localization="en" id="dsc" deep-url="http://172.16.15.77/DEEalerProvider/DEEP/" datalets-list-url="http://172.16.15.77/DEEalerProvider/DEEP/datalets-list"
+                        datasets='{"result":{"providers":{"1":{"title":"CKAN","api_url":"http:\/\/ckan.routetopa.eu","image_hash":"11","id":"1"}},"datasets":[{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 1","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b3d3d9ff-291e-47ca-a0d2-a15deef81737\/download\/isislab2.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"Dublin","package_name":"isislab DATA","resource_name":"Resource 2","url":"http:\/\/ckan.routetopa.eu\/dataset\/566c2867-ea89-45a2-bd7a-30ae82606007\/resource\/b056c5e6-76af-4526-a35d-7dee664fb6ee\/download\/isislab.csv","metas":"{\"organization\":\"Dublin\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/818c2edb-0cb7-4288-b340-e4dd1933d817\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New---Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) ROUTE-TO-PA Dissemination - dl","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/fd8c4d6f-315d-4aa0-b7bd-4fdde7bf641b\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New---Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","resource_name":"First year (2015) dissemination of ROUTE-TO-PA project","url":"http:\/\/ckan.routetopa.eu\/dataset\/d81d451d-8b3d-47f4-b57f-e295e8f51da0\/resource\/b0ef6017-8c64-4e11-8046-7e51a8561856\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New---Link-Upd.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"test dissemination with link","resource_name":"Year 1 Dissemination of the ROUTE-TO-PA project (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/ba5054af-7561-4f99-9504-76ea004a1e85\/resource\/4cc2349d-bf7b-4bbe-a7ca-db5312bb6c94\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New---Link.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"ROUTE-TO-PA","package_name":"Dissemination activity of the first year","resource_name":"Dissemination activity of the first year (2015)","url":"http:\/\/ckan.routetopa.eu\/dataset\/61f07087-210a-4c35-9606-2aafe183633b\/resource\/5f9d8d8b-1c41-45f7-9dbb-61b9a7bcd076\/download\/ROUTE-TO-PA-Individual-Dissemination-Activity-Report-Form-Responses-New.csv","metas":"{\"organization\":\"ROUTE-TO-PA\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"},{"w":1,"provider_name":"p:1","organization_name":"City of the Hague Municipality","package_name":"Test 3- Buurten","resource_name":"Test Buurten - 3","url":"http:\/\/ckan.routetopa.eu\/dataset\/1248d447-2901-4beb-91ae-c2f249fd8a99\/resource\/1fdbc765-8945-4271-8dce-9c7eba45a67d\/download\/Test-3-Compare.csv","metas":"{\"organization\":\"City of the Hague Municipality\",\"description\":\"\",\"format\":\"\",\"last_modified\":\"\",\"name\":\"\",\"created\":\"\"}"}]}}'
+                        suggested-datasets='[{"resource_name":"SUGGESTED 1","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"},{"resource_name":"SUGGESTED 2","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"},{"resource_name":"SUGGESTED 3","url":"noUrl.csv","metas":"{\"description\":\"noDescriione\"}"}]'
+    ></data-sevc-controllet>
 
 </body>
 
diff --git a/controllets/select-dataset-controllet/select-dataset-controllet.html b/controllets/select-dataset-controllet/select-dataset-controllet.html
index 01ba189..7b4780a 100755
--- a/controllets/select-dataset-controllet/select-dataset-controllet.html
+++ b/controllets/select-dataset-controllet/select-dataset-controllet.html
@@ -193,11 +193,31 @@
             }
 
             #select_dataset_container #header {
+                position: relative;
+                z-index: 1;
+                -webkit-box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
+                -moz-box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
+                box-shadow: 0 30px 24px -12px rgba(0, 0, 0, 0.14), 0 20px 30px -9px rgba(0, 0, 0, 0.12), 0 20px 10px -19px rgba(0, 0, 0, 0.4);
+
                 background-color: #B6B6B6;
                 display: flex;
                 padding: 0px 4px;
             }
 
+            #select_dataset_container #footer_list {
+                position: relative;
+                z-index: 1;
+                -webkit-box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
+                -moz-box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
+                box-shadow: 0 -30px 24px -12px rgba(0, 0, 0, 0.14), 0 -20px 30px -9px rgba(0, 0, 0, 0.12), 0 -20px 10px -19px rgba(0, 0, 0, 0.4);
+            }
+
+            .noshadow {
+                -webkit-box-shadow: none !important;
+                -moz-box-shadow: none !important;
+                box-shadow: none !important;
+            }
+
             #select_dataset_container #footer_list,
             #select_dataset_container #footer_treemap {
                 width: 100%;
@@ -250,7 +270,7 @@
             <paper-tabs selected="{{selected}}" no-bar>
                 <paper-tab noink on-tap="_refreshList"><span id="listView"></span></paper-tab>
                 <!--<paper-tab noink ><span id="listView"></span></paper-tab>-->
-                <paper-tab noink><span id="treeMapView"></span></paper-tab>
+                <paper-tab on-tap="_noShadow" noink><span id="treeMapView"></span></paper-tab>
             </paper-tabs>
 
             <div id="header">
@@ -515,6 +535,12 @@
 
                 _refreshList : function() {
                     this.shownDatasets = this.filteredDatasets.slice(this.prev - 1, this.next);
+                    this.$.header.className = this.$.header.className.replace(" noshadow", "");
+                },
+
+                _noShadow : function() {
+                    console.log(this.$.header);
+                    this.$.header.className += " noshadow";
                 },
 
                 _clearInput : function() {
diff --git a/controllets/select-visualization-controllet/select-datalet-inputs_series_original.html b/controllets/select-visualization-controllet/select-datalet-inputs_series_original.html
new file mode 100644
index 0000000..9eda2da
--- /dev/null
+++ b/controllets/select-visualization-controllet/select-datalet-inputs_series_original.html
@@ -0,0 +1,453 @@
+<link rel="import" href="../../bower_components/polymer/polymer.html" />
+
+<link rel="import" href="../../bower_components/paper-material/paper-material.html" />
+
+<link rel="import" href="../../bower_components/paper-dropdown-menu/paper-dropdown-menu.html">
+<link rel="import" href="../../bower_components/paper-menu/paper-menu.html">
+<link rel="import" href="../../bower_components/paper-item/paper-item.html">
+
+<link rel="import" href="../../bower_components/paper-icon-button/paper-icon-button.html">
+<link rel="import" href="../../bower_components/iron-icons/iron-icons.html">
+<link rel="import" href="../../bower_components/iron-icon/iron-icon.html">
+
+<dom-module id="select-datalet-inputs_series">
+
+    <template>
+
+        <style is="custom-style">
+            :host {
+            --paper-dropdown-menu-icon: {
+                 color: #2196F3;
+             };
+            }
+
+            #inputs_series_container {
+                font-family: 'Roboto', 'Helvetica Neue', Helvetica, Arial, sans-serif;
+                font-size: 16px;
+
+                height: 100%;
+                width: 258px;
+            }
+
+            .inputs{
+                position: relative;
+            }
+
+            .input_header {
+                height: 32px;
+                padding-top: 16px;
+                text-align: center;
+                font-weight: 700;
+                background-color: #B6B6B6;
+            }
+
+            #expert_container {
+                display: none;
+            }
+
+            #expert_header {
+                height: 32px;
+                padding-top: 16px;
+                margin-top: 8px;
+                text-align: center;
+                font-weight: 700;
+                color: #00BCD4;
+                cursor: pointer;
+            }
+
+            .info_button {
+                position: absolute;
+                top: 18px;
+                right: 0px;
+            }
+
+            paper-dropdown-menu {
+                height: 48px;
+                width: 210px;;
+                padding-left: 8px;
+                padding-bottom: 8px;
+                --paper-input-container-focus-color: #2196F3;
+            }
+
+            paper-item.iron-selected {
+                background-color: #2196F3;
+                color: #FFFFFF;
+            }
+
+            paper-icon-button {
+                color: #2196F3;
+                --paper-icon-button-ink-color: #2196F3;
+                margin: 0px;
+            }
+        </style>
+
+            <paper-material id="inputs_series_container" elevation="5">
+
+                <div class="input_header"><span id="inputs"></span></div>
+
+                <template is="dom-repeat" items="{{inputs}}" index-as="ddl_index">
+                    <div class="inputs">
+                        <paper-dropdown-menu id={{ddl_index}} label={{_getLabelName(item.name)}}>
+                            <paper-menu class="dropdown-content">
+                                <template is="dom-repeat" items={{fields}}>
+                                    <paper-item id={{index}} on-tap="_addInput">{{_fieldName(item)}}</paper-item>
+                                </template>
+                            </paper-menu>
+                        </paper-dropdown-menu>
+                        <div class="info_button">
+                            <paper-icon-button id="{{ddl_index}}" on-click="_setOrders" icon="unfold-more" title=""></paper-icon-button>
+                        </div>
+                    </div>
+                </template>
+
+                <div id="expert_header" on-click="_showExpertMode"><span id="groupBy"></span></div>
+
+                <div id="expert_container">
+
+                    <div class="inputs">
+                        <paper-dropdown-menu id="group_by" disabled>
+                            <paper-menu class="dropdown-content">
+                                <template is="dom-repeat" items={{groupableFields}}>
+                                    <paper-item id={{index}} on-tap="_setAggregatorsFields">{{_fieldName(item)}}</paper-item>
+                                </template>
+                            </paper-menu>
+                        </paper-dropdown-menu>
+                        <div class="info_button">
+                            <paper-icon-button id="gb" on-click="_setOrders" icon="unfold-more" title="" disabled></paper-icon-button>
+                        </div>
+                    </div>
+
+                    <template is="dom-repeat" items="{{aggregateFields}}" as="field">
+                        <div class="inputs">
+                            <paper-dropdown-menu id="calculate_{{index}}" label="{{_calculateLabel()}}" disabled>
+                                <paper-menu class="dropdown-content">
+                                    <template is="dom-repeat" items="{{functions}}">
+                                        <paper-item id={{index}} on-tap="_setAggregators">{{_operationName(index)}} : {{_fieldName(field)}}</paper-item>
+                                    </template>
+                                </paper-menu>
+                            </paper-dropdown-menu>
+                        </div>
+                    </template>
+
+                </div>
+
+            </paper-material>
+
+
+    </template>
+
+    <script>
+
+        Polymer({
+
+            is : 'select-datalet-inputs_series',
+
+            properties : {
+
+                //INPUT
+                fields : {type : Array, value : []},
+
+                //OUTPUT
+                selectedFields : {type : Array, value : ["", ""]},
+                aggregators : {type : Array, value : []},
+                orders : {type : Array, value : []},
+
+                expert : {
+                    type  : Boolean,
+                    value : false
+                },
+
+                functions : {
+                    type  : Array,
+                    value : ["COUNT", "SUM", "MIN", "MAX", "AVG", "FIRST", "LAST"]
+                },
+
+                inputs : {
+                    type : Array,
+                    value : []
+                },
+
+                groupableFields : {
+                    type : Array,
+                    value : []
+                },
+
+                aggregateFields : {
+                    type : Array,
+                    value : [""]
+                }
+
+            },
+
+            ready : function() {
+                $(this.$.inputs_series_container).perfectScrollbar();
+            },
+
+            attached : function() {
+                this._translate();
+            },
+
+            _preselectInputs : function(fields, aggregators, orders) {
+                var ddls = this.$.inputs_series_container.querySelectorAll("paper-dropdown-menu");
+
+//                this.async(function () {
+                    for (var i = 0; i < fields.length; i++) {
+                        var menu = $(ddls[i]).find("paper-menu")[0];
+                        menu.select(i+1);
+                    }
+                    this.selectedFields = this._copy(fields);
+//                }, 0);
+            },
+
+            getSelectedFields : function () {
+                var gb_menu = $(this.$.group_by).find("paper-menu")[0];
+                var c_menu = $("#calculate_0").find("paper-menu")[0];
+
+                if(gb_menu.selectedItem && c_menu.selectedItem && gb_menu.selectedItem.id != 0) {
+                    var groupByField = this.groupableFields[gb_menu.selected];
+                    if (groupByField != this.selectedFields[0])
+                        return [this.selectedFields[0], groupByField, this.selectedFields[1]];
+                }
+                return this.selectedFields;
+            },
+
+            getAggregators : function () {
+                return this.aggregators;
+            },
+
+            getOrders : function () {
+                return this.orders;
+            },
+
+            setFields : function(fields) {
+                var temp = this._copy(fields);
+                temp.unshift("");
+
+                if (JSON.stringify(this.fields) != JSON.stringify(temp)) {
+                    this.fields = this._copy(temp);
+                    this._reset();
+                }
+            },
+
+            setInputs : function(inputs) {
+                this.inputs = this._copy(inputs);
+            },
+
+            fireReady : function() {
+                if(this.selectedFields[0] != "" && this.selectedFields[1] != "")
+                    this.fire('select_visualization_inputs_ready', {isReady: true});
+                else
+                    this.fire('select_visualization_inputs_ready', {isReady: false});
+            },
+
+            _reset : function() {
+                //this.fields = []; --> setFields
+                //this.inputs = []; --> setInputs
+                this.selectedFields = ["", ""];
+                this.aggregators = [];
+                //this.orders = []; --> _resetOrders
+                this.expert = true;
+                this._showExpertMode();//expert --> false
+                this.groupableFields = [];
+                this.aggregateFields = [""];
+
+                this.async(function () {
+                    //reset ddl
+                    var ddls = this.$.inputs_series_container.getElementsByTagName("paper-dropdown-menu");
+                    for (var i = 0; i < ddls.length; i++)
+                        $(ddls[i]).find("paper-menu")[0].select(-1);
+                    this.$.group_by.setAttribute("disabled", "");
+                    $("#calculate_0")[0].setAttribute("disabled", "");
+                    //reset orders
+                    this._resetOrders();
+                }, 1);
+            },
+
+            _translate : function(){
+                this.$.inputs.innerHTML = ln["inputs_" + ln["localization"]];
+                this.$.groupBy.innerHTML = ln["expertGroupBy_" + ln["localization"]];
+
+                this.$.group_by.setAttribute("label", ln["groupBy_" + ln["localization"]]);
+            },
+
+            _showExpertMode : function() {
+                if(!this.expert) {
+                    this.$.expert_header.style.color = "#000000";
+                    this.$.expert_header.style.background = "#B6B6B6";
+                    this.$.expert_container.style.display = "block";
+                }
+                else {
+                    this.$.expert_header.style.color = "#00BCD4";
+                    this.$.expert_header.style.background = "#FFFFFF";
+                    this.$.expert_container.style.display = "none";
+                }
+
+                this.expert = !this.expert;
+            },
+
+            _addInput : function(e){
+                var selectedFields = this._copy(this.selectedFields);
+
+                var ddl_index = $(e.target).parents("paper-dropdown-menu")[0].id;
+                var index = e.target.id;
+                selectedFields[ddl_index] = this.fields[index];
+
+                this.selectedFields = this._copy(selectedFields);
+
+                if(this.selectedFields[0] == "" || this.selectedFields[1] == "") {
+                    this.$.group_by.setAttribute("disabled", "");
+                    $("#calculate_0")[0].setAttribute("disabled", "");
+
+                    this.groupableFields = [];
+                    this.aggregateFields = [""];
+                    var menu = $("#calculate_0").find("paper-menu")[0];
+                    menu.select(-1);
+                }
+                else {
+                    this.$.group_by.removeAttribute("disabled");
+                    $("#calculate_0")[0].removeAttribute("disabled");
+
+                    var groupableFields = [];
+                    for (var i = 0; i < this.fields.length; i++) {
+                        if(this.fields[i] != this.selectedFields[1])
+                            groupableFields.push(this.fields[i]);
+                    }
+                    this.groupableFields = this._copy(groupableFields);
+                    this.aggregateFields = [this.selectedFields[1]];
+
+                    this.async(function () {
+                        var menu = $(this.$.group_by).find("paper-menu")[0];
+                        menu.select(-1);
+                        var menu = $("#calculate_0").find("paper-menu")[0];
+                        //var selected =  menu.selected;
+                        menu.select(-1);
+                        //menu.select(selected);
+                    }, 0);
+                }
+                this._setAggregators();
+            },
+
+            _setAggregatorsFields : function(){
+                this.async(function() {
+                    var c_menu = $("#calculate_0").find("paper-menu")[0];
+                    var selected =  c_menu.selected > 0 ? c_menu.selected : 0;
+                    c_menu.select(-1);
+                    c_menu.select(selected);
+
+                    this._setAggregators();
+                }, 0);
+            },
+
+            _setAggregators : function(){
+                this.async(function() {
+                    this.aggregators = [];
+
+                    this._resetOrders();
+
+                    $("#gb")[0].setAttribute("disabled", "");
+
+                    var gb_menu = $(this.$.group_by).find("paper-menu")[0];
+                    var c_menu = $("#calculate_0").find("paper-menu")[0];
+
+                    if(gb_menu.selectedItem && c_menu.selectedItem && gb_menu.selectedItem.id != 0) {
+                        var groupByField = this.groupableFields[gb_menu.selected];
+                        var operationIndex = c_menu.selectedItem.id;
+
+                        if (groupByField == this.selectedFields[0]){// X Axis field
+                            this.aggregators.push({"field": groupByField, "operation": "GROUP BY"});
+                        }
+                        else{
+                            $("#gb")[0].removeAttribute("disabled");
+                            this.aggregators.push({"field": this.selectedFields[0], "operation": "GROUP BY"});
+                            this.aggregators.push({"field": groupByField, "operation": "GROUP BY"});
+                        }
+
+                        this.aggregators.push({"field": this.selectedFields[1], "operation": this.functions[operationIndex]});
+                    }
+
+                    this.fireReady();
+                }, 0);
+            },
+
+            _setOrders : function(e){
+                var t = e.target;
+                if(t.tagName.indexOf("IRON-ICON") > -1)
+                    t = $(e.target).parents("paper-icon-button")[0];
+
+                var icon = t.getAttribute("icon");
+                var id = t.getAttribute("id");
+                var field;
+
+                if(id == "gb"){
+                    var gb_menu = $(this.$.group_by).find("paper-menu")[0];
+                    field = this.groupableFields[gb_menu.selected];
+                }
+                else {
+                    field = this.selectedFields[id];
+                }
+
+                if(icon.indexOf("unfold-more") > -1){
+                    t.setAttribute("icon", "expand-less");
+                    t.setAttribute("title", ln["sortAscending_" + ln["localization"]]);
+                    var orders = this.orders.filter(function (el) { return el.field !== field; });
+                    orders.unshift({"field": field, "operation": "ASC"});
+                    this.orders = this._copy(orders);
+                }
+                else if(icon.indexOf("expand-less") > -1){
+                    t.setAttribute("icon", "expand-more");
+                    t.setAttribute("title", ln["sortDescending_" + ln["localization"]]);
+                    var orders = this.orders.filter(function (el) { return el.field !== field; });
+                    orders.unshift({"field": field, "operation": "DESC"});
+                    this.orders = this._copy(orders);
+                }
+                else if(icon.indexOf("expand-more") > -1){
+                    t.setAttribute("icon", "unfold-more");
+                    t.setAttribute("title", ln["unsort_" + ln["localization"]]);
+                    var orders = this.orders.filter(function (el) { return el.field !== field; });
+                    this.orders = this._copy(orders);
+                }
+
+                this.fireReady();
+            },
+
+            _resetOrders : function(){
+                var icons = this.$.inputs_series_container.querySelectorAll("paper-icon-button");
+                for (var i = 0; i < icons.length; i++){
+                    icons[i].setAttribute("icon", "unfold-more");
+                    icons[i].setAttribute("title", ln["unsort_" + ln["localization"]]);
+                }
+                this.orders = [];
+            },
+
+            _fieldName : function(field) {
+                return field.substring(field.lastIndexOf(",")+1, field.length);
+            },
+
+            _getLabelName: function(key) {
+                return ln[key + "_" +ln["localization"]];
+            },
+
+            _operationName: function(index) {
+                var key = this.functions[index];
+                return ln[key + "_" +ln["localization"]];
+            },
+
+            _calculateLabel: function() {
+                return ln["calculate" + "_" +ln["localization"]];
+            },
+
+            _copy : function(o) {
+                var out, v, key;
+                out = Array.isArray(o) ? new Array(o.length) : {};
+                for (key in o) {
+                    v = o[key];
+                    out[key] = (typeof v === "object") ? this._copy(v) : v;
+                }
+                return out;
+            }
+
+        });
+
+    </script>
+
+</dom-module>
\ No newline at end of file
