control panel locked if expanded initially

package.json

@@ -19,54 +19,55 @@
   },
   "main": "src/main.js",
   "dependencies": {
-    "axios": "0.16.1",
-    "d3": "4.13.0",
-    "deep-freeze-strict": "1.1.1",
-    "tippy.js": "2.2.2",
-    "uuid": "3.2.1",
-    "object-path": "0.11.4",
-    "html2canvas": "1.0.0-alpha.9",
-    "resize-observer-polyfill": "1.5.0",
-    "vue": "2.5.13",
-    "vuex": "3.0.1",
-    "vue-template-compiler": "2.5.13",
-    "vue-async-computed": "3.3.1",
     "@babel/core": "7.0.0-beta.46",
-    "@babel/runtime": "7.0.0-beta.46",
     "@babel/plugin-proposal-object-rest-spread": "7.0.0-beta.46",
     "@babel/plugin-transform-runtime": "7.0.0-beta.46",
     "@babel/preset-env": "7.0.0-beta.46",
+    "@babel/runtime": "7.0.0-beta.46",
+    "axios": "0.16.1",
     "babel-loader": "8.0.0-beta.2",
     "css-loader": "0.28.9",
-    "file-loader": "1.1.6",
-    "sass-loader": "6.0.6",
-    "style-loader": "0.20.2",
-    "url-loader": "0.6.2",
-    "vue-loader": "14.1.1",
-    "vue-style-loader": "4.0.2",
+    "d3": "4.13.0",
+    "deep-freeze-strict": "1.1.1",
+    "devbridge-autocomplete": "1.4.7",
     "eslint": "4.17.0",
     "eslint-config-standard": "11.0.0-beta.0",
+    "eslint-plugin-html": "4.0.2",
     "eslint-plugin-import": "2.8.0",
     "eslint-plugin-node": "6.0.0",
-    "eslint-plugin-html": "4.0.2",
     "eslint-plugin-promise": "3.6.0",
     "eslint-plugin-standard": "3.0.1",
-    "jsdoc": "3.5.5",
-    "devbridge-autocomplete": "1.4.7",
+    "file-loader": "1.1.6",
+    "html2canvas": "1.0.0-alpha.9",
     "jasmine-core": "3.1.0",
-    "puppeteer": "1.3.0",
+    "jsdoc": "3.5.5",
     "karma": "2.0.2",
     "karma-chrome-launcher": "2.2.0",
     "karma-firefox-launcher": "1.1.0",
     "karma-jasmine": "1.1.1",
     "karma-sourcemap-loader": "0.3.7",
-    "karma-webpack": "3.0.0",
     "karma-spec-reporter": "0.0.32",
+    "karma-webpack": "3.0.0",
+    "lodash": "4.17.5",
+    "node-sass": "4.7.2",
+    "npm": "^6.0.1",
+    "object-path": "0.11.4",
+    "puppeteer": "1.3.0",
+    "resize-observer-polyfill": "1.5.0",
+    "sass-loader": "6.0.6",
+    "style-loader": "0.20.2",
+    "tippy.js": "2.2.2",
+    "url-loader": "0.6.2",
+    "uuid": "3.2.1",
+    "vue": "2.5.13",
+    "vue-async-computed": "3.3.1",
+    "vue-loader": "14.1.1",
+    "vue-style-loader": "4.0.2",
+    "vue-template-compiler": "2.5.13",
+    "vuex": "3.0.1",
     "webpack": "4.6.0",
-    "webpack-dev-server": "3.1.3",
     "webpack-cli": "2.0.15",
-    "yargs": "11.0.0",
-    "node-sass": "4.7.2",
-    "lodash": "4.17.5"
+    "webpack-dev-server": "3.1.3",
+    "yargs": "11.0.0"
   }
 }

src/store/store.js

@@ -13,8 +13,7 @@ const state = {
   chartManager: null,
   stateManager: null,
   controlPanel: {
-    panels: [],
-    locked: false
+    panels: []
   },
   subsets: [],
   filters: {
@@ -25,7 +24,7 @@ const state = {
     controlPanelExpanded: false
   },
   init () {
-    this.controlPanel.expanded = this.options.controlPanelExpanded
+    this.controlPanel.expanded = this.controlPanel.locked = this.options.controlPanelExpanded
     return this
   }
 }.init()