{"remainingRequest":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js??vue-loader-options!/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/DialogToolbarContent.vue?vue&type=style&index=0&id=f0643fa6&prod&scoped=true&lang=scss&","dependencies":[{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/src/components/DialogToolbarContent.vue","mtime":1697426030200},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/css-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/loaders/stylePostLoader.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/postcss-loader/src/index.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/sass-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/cache-loader/dist/cjs.js","mtime":499162500000},{"path":"/home/cmiss/Jenkins/workspace/mapintegratedvuer/node_modules/vue-loader/lib/index.js","mtime":499162500000}],"contextDependencies":[],"result":[{"type":"Buffer","data":"base64:CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9idXR0b24iOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvbG9hZGluZyI7CkBpbXBvcnQgIn5lbGVtZW50LXVpL3BhY2thZ2VzL3RoZW1lLWNoYWxrL3NyYy9pY29uIjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL2lucHV0IjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL3BvcG92ZXIiOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvcmFkaW8iOwpAaW1wb3J0ICJ+ZWxlbWVudC11aS9wYWNrYWdlcy90aGVtZS1jaGFsay9zcmMvcm93IjsKQGltcG9ydCAifmVsZW1lbnQtdWkvcGFja2FnZXMvdGhlbWUtY2hhbGsvc3JjL3N3aXRjaCI7CkBpbXBvcnQgIi4uL2Fzc2V0cy9oZWFkZXItaWNvbi5zY3NzIjsKCi5jb250ZW50IHsKICB3aWR0aDpjYWxjKDEwMCUgLSAxMjBweCk7CiAgaGVpZ2h0OjMycHg7Cn0KCi5yYWRpby1jb250cm9sIHsKICBwb3NpdGlvbjphYnNvbHV0ZTsKICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjsKICB0b3A6IDRweDsKICByaWdodDoxMnB4OwogIC1tb3otdXNlci1zZWxlY3Q6IG5vbmU7CiAgLXdlYmtpdC11c2VyLXNlbGVjdDogbm9uZTsKICAtbXMtdXNlci1zZWxlY3Q6IG5vbmU7CiAgdXNlci1zZWxlY3Q6IG5vbmU7Cn0KCi5pY29uLWdyb3VwIHsKICA6OnYtZGVlcCAuZWwtYnV0dG9uLS10ZXh0IHsKICAgIGNvbG9yOiM2MDYyNjY7CiAgICBmb250LXNpemU6IDEuNWVtOwogICAgJjpob3ZlciB7CiAgICAgIGNvbG9yOiAkYXBwLXByaW1hcnktY29sb3I7CiAgICB9CiAgfQp9CgouaWNvbi10cmFuc2Zvcm0gewogIC1tb3otdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpOwogIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpOwogIC1vLXRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTsKICAtbXMtdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpOwogIHRyYW5zZm9ybTogcm90YXRlKDkwZGVnKTsKICBwYWRkaW5nOjEwcHg7Cn0KCi5oZWFkZXIgewogIGhlaWdodDozMnB4Owp9Cgo6OnYtZGVlcCAuaGVhZGVyLXBvcHBlciB7CiAgcGFkZGluZzogNnB4IDRweDsKICBmb250LXNpemU6MTJweDsKICBjb2xvcjogcmdiKDQ4LCA0OSwgNTEpOwogIGJhY2tncm91bmQtY29sb3I6ICNmM2VjZjY7CiAgYm9yZGVyOiAxcHggc29saWQgJGFwcC1wcmltYXJ5LWNvbG9yOwogIHdoaXRlLXNwYWNlOiBub3dyYXA7CiAgbWluLXdpZHRoOiB1bnNldDsKICAmLmVsLXBvcHBlclt4LXBsYWNlbWVudF49Ym90dG9tXSB7CiAgICAucG9wcGVyX19hcnJvdyB7CiAgICAgIGJvcmRlci1ib3R0b20tY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvciAhaW1wb3J0YW50OwogICAgICAmOmFmdGVyIHsKICAgICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAjZjNlY2Y2ICFpbXBvcnRhbnQ7CiAgICAgIH0KICAgIH0KICB9Cn0KCjo6di1kZWVwIC5saW5rLXBvcG92ZXIgewogIGJvcmRlcjogMXB4IHNvbGlkICRhcHAtcHJpbWFyeS1jb2xvcjsKfQoKOjp2LWRlZXAgLmVsLWxvYWRpbmctc3Bpbm5lciB7CiAgaSwgLmVsLWxvYWRpbmctdGV4dCB7CiAgICBjb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOwogIH0KfQoKLmNvcHktYnV0dG9uIHsKICBjb2xvcjojRkZGRkZGOwogIGJhY2tncm91bmQtY29sb3I6JGFwcC1wcmltYXJ5LWNvbG9yOwogICY6aG92ZXIsICY6Zm9jdXMgewogICAgY29sb3I6I0ZGRkZGRjsKICAgIGJhY2tncm91bmQtY29sb3I6JGFwcC1wcmltYXJ5LWNvbG9yOwogICAgYm94LXNoYWRvdzogLTNweCAycHggNHB4ICMwMDAwMDA7IAogIH0KfQoKLmxpbmstaW5wdXQgewogIDo6di1kZWVwIC5lbC1pbnB1dF9faW5uZXIgewogICAgY29sb3I6IzMwMzEzMzsKICAgICY6Zm9jdXMgewogICAgICBib3JkZXItY29sb3I6JGFwcC1wcmltYXJ5LWNvbG9yOwogICAgfQogIH0KfQoKLnZpZXctaWNvbi1yb3cgewogIGhlaWdodDogMzJweDsKICB3aWR0aDogMTMzcHg7CiAgYm9yZGVyLXJhZGl1czogNHB4OwogIGJvcmRlcjogMXB4IHNvbGlkIHJnYigxNTEsIDE1MSwgMTUxKTsKICBmb250LXNpemU6IDE0cHg7CiAgbWFyZ2luOjhweCAwcHggMHB4IDBweCFpbXBvcnRhbnQ7CiAgY3Vyc29yOiBwb2ludGVyOwoKICAmLmFjdGl2ZSB7CiAgICBib3JkZXI6IDFweCBzb2xpZCAkYXBwLXByaW1hcnktY29sb3I7CiAgICBiYWNrZ3JvdW5kOiByZ2JhKDEzMSwgMCwgMTkxLCAwLjEpOwogIH0KfQoKLnZpZXctaWNvbiB7CiAgZm9udC1zaXplOiAxLjdlbTsKICBjb2xvcjogJGFwcC1wcmltYXJ5LWNvbG9yOwogIHBhZGRpbmctdG9wOjNweDsKfQoKLnZpZXctdGV4dCB7CiAgbGV0dGVyLXNwYWNpbmc6MHB4OwogIGZvbnQtc2l6ZToxMXB4OwogIGxpbmUtaGVpZ2h0OjE0cHg7CiAgZm9udC1mYW1pbHk6J0FzYXAnLCAnQXZlbmlyJywgIEFyaWFsLCBzYW5zLXNlcmlmOwogIGZvbnQtd2VpZ2h0OjU1MDsKICBwYWRkaW5nLXRvcDo3cHg7Cn0KCjo6di1kZWVwIC52aWV3LWljb24tcG9wb3ZlciB7CiAgYm9yZGVyOiAxcHggc29saWQgJGFwcC1wcmltYXJ5LWNvbG9yOwogIGJveC1zaGFkb3c6IDBweCAycHggMTJweCAwcHggcmdiYSgwLCAwLCAwLCAwLjA2KTsKICBwYWRkaW5nOiA0cHggOHB4IDEycHggOHB4OwogIG1pbi13aWR0aDp1bnNldCFpbXBvcnRhbnQ7CiAgY3Vyc29yOmRlZmF1bHQ7CiAgJi5lbC1wb3BwZXJbeC1wbGFjZW1lbnRePWJvdHRvbV0gewogICAgLnBvcHBlcl9fYXJyb3cgewogICAgICBib3JkZXItYm90dG9tLWNvbG9yOiAkYXBwLXByaW1hcnktY29sb3IgIWltcG9ydGFudDsKICAgICAgJjphZnRlciB7CiAgICAgICAgYm9yZGVyLWJvdHRvbS1jb2xvcjogI2ZmZiAhaW1wb3J0YW50OwogICAgICB9CiAgICB9CiAgfQp9Cgouc3dpdGNoLWNvbnRyb2wgewogIHdpZHRoOjI1MHB4OwogIHRvcDoycHg7CiAgbGVmdDogY2FsYyg1MCUgLSA2MHB4KTsKICBwb3NpdGlvbjogYWJzb2x1dGU7CiAgLnN5bmMtaGVscCB7CiAgICBsZWZ0OjVweDsKICB9Cn0KCi5zd2l0Y2ggewogIHBhZGRpbmctcmlnaHQ6IDAuNXJlbTsKICBwYWRkaW5nLWxlZnQ6IDAuNXJlbTsKICBib3JkZXItcmFkaXVzOiA0cHg7CiAgYm9yZGVyOiAxcHggc29saWQgcmdiKDIyMCwgMjIzLCAyMzApOwogIHZlcnRpY2FsLWFsaWduOiBiYXNlbGluZTsKICA6OnYtZGVlcCAuZWwtc3dpdGNoX19sYWJlbC5pcy1hY3RpdmUgewogICAgY29sb3I6ICRwdXJwbGU7CiAgfQogIDo6di1kZWVwIC5lbC1zd2l0Y2hfX2NvcmUgewogICAgYmFja2dyb3VuZDogJGFwcC1wcmltYXJ5LWNvbG9yOwogICAgYm9yZGVyOiAxcHggc29saWQgJGxpZ2h0R3JleTsKICAgIGhlaWdodDogMTRweDsKICAgICY6OmJlZm9yZSB7CiAgICAgIGNvbnRlbnQ6ICIiOwogICAgICBwb3NpdGlvbjphYnNvbHV0ZTsKICAgICAgdG9wOiAtM3B4OwogICAgICBsZWZ0OiAtMXB4OwogICAgICBib3JkZXItcmFkaXVzOiAxMDAlOwogICAgICAtd2Via2l0LXRyYW5zaXRpb246IGFsbCAuM3M7CiAgICAgIHRyYW5zaXRpb246IGFsbCAuM3M7CiAgICAgIHdpZHRoOiAxOXB4OwogICAgICBoZWlnaHQ6IDE5cHg7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICRhcHAtcHJpbWFyeS1jb2xvcjsKICAgIH0KICAgICY6OmFmdGVyIHsKICAgICAgdG9wOiAtMnB4OwogICAgICBsZWZ0OiAwcHg7CiAgICAgIHdpZHRoOiAxN3B4OwogICAgICBoZWlnaHQ6IDE3cHg7CiAgICAgIGJhY2tncm91bmQtY29sb3I6ICRjb2NobGVhcjsKICAgIH0KICB9CiAgOjp2LWRlZXAgJi5pcy1jaGVja2VkIHsKICAgIC5lbC1zd2l0Y2hfX2NvcmUgewogICAgICBib3JkZXI6IDFweCBzb2xpZCAkbGlnaHRHcmV5OwogICAgICBiYWNrZ3JvdW5kOiAkY29jaGxlYXI7CiAgICAgICY6OmJlZm9yZSB7CiAgICAgICAgbGVmdDogMTAwJTsKICAgICAgICBtYXJnaW4tbGVmdDotMTdweDsKICAgICAgfSAgICAKICAgICAgJjo6YWZ0ZXIgewogICAgICAgIGxlZnQ6IDEwMCU7CiAgICAgICAgbWFyZ2luLWxlZnQ6IC0xNnB4OwogICAgICB9CiAgICB9CiAgfQp9Cgouc3luYy1oZWxwIHsKICBtYXJnaW4tbGVmdDogNXB4Owp9Cgo="},{"version":3,"sources":["DialogToolbarContent.vue"],"names":[],"mappings":";AA+QA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA","file":"DialogToolbarContent.vue","sourceRoot":"src/components","sourcesContent":["<template>\n  <div class=\"header\">\n    <search-controls\n      @search=\"$emit('local-search', {term: $event});\"\n      @fetch-suggestions=\"$emit('fetch-suggestions', {data: $event});\"\n      :failedSearch=\"failedSearch\"\n    />\n    <div class=\"switch-control\">\n      <el-switch\n        v-if=\"syncMode\"\n        class=\"switch\"\n        v-model=\"independent\"\n        active-text=\"Independent\"\n        :width=30\n        inactive-text=\"Linked\">\n      </el-switch>\n      <el-popover v-if=\"syncMode\" class=\"tooltip\"\n        placement=\"bottom-end\" :open-delay=\"helpDelay\"\n        :appendToBody=false trigger=\"hover\" popper-class=\"header-popper\">\n        <div>\n            When in Linked mode the two maps will interact \n            <br>\n            together. Select an organ in one and it will\n            <br>\n            be automatically selected in the other.\n            <br>\n            In Independent mode the maps will work separately.\"\n          </div>\n        <map-svg-icon icon=\"help\"  slot=\"reference\" class=\"sync-help header-icon\"/>\n      </el-popover>\n    </div>\n    <el-row class=\"icon-group\">\n      <el-popover\n        ref=\"viewPopover\"\n        placement=\"bottom\"\n        width=\"133\"\n        :appendToBody=false\n        trigger=\"click\"\n        popper-class=\"view-icon-popover\">\n        <el-row :gutter=\"20\"\n          v-for=\"item in viewIcons\"\n          :key=\"item.name\"\n          :class=\"[{ 'active': item.icon ==  activeView},\n            {'disabled': item.min > numberOfEntries},\n            'view-icon-row']\"\n          @click.native=\"viewClicked(item.icon)\"\n        >\n          <el-col :span=\"4\">\n            <map-svg-icon :icon=\"item.icon\"\n              class=\"view-icon\"/>\n          </el-col>\n          <el-col :offset=\"2\" :span=\"18\" class=\"view-text\">\n            {{item.name}}\n          </el-col>\n        </el-row>\n      </el-popover>\n      <el-popover class=\"tooltip\"  content=\"Split screen\" placement=\"bottom-end\"\n        :open-delay=\"helpDelay\" :appendToBody=false trigger=\"hover\"\n        popper-class=\"header-popper\"\n      >\n        <map-svg-icon :icon=\"activeView\"\n          v-popover:viewPopover\n          :class=\"[{'disabled': (1 >= numberOfEntries)},\n            'header-icon']\"\n          slot=\"reference\"/>\n      </el-popover>\n      <el-popover class=\"tooltip\" content=\"Help\" placement=\"bottom-end\" :open-delay=\"helpDelay\"\n        :appendToBody=false trigger=\"hover\" popper-class=\"header-popper\" v-show=\"showHelpIcon\" >\n        <map-svg-icon icon=\"tooltips\" slot=\"reference\" class=\"header-icon\" @click.native=\"startHelp()\"/>\n      </el-popover>\n      <el-popover v-show=\"!isFullscreen\" class=\"tooltip\"\n        content=\"Fullscreen\" placement=\"bottom-end\" :open-delay=\"helpDelay\"\n        :appendToBody=false trigger=\"hover\" popper-class=\"header-popper\">\n          <map-svg-icon icon=\"fullScreen\"  slot=\"reference\" class=\"header-icon\" @click.native=\"onFullscreen\"/>\n      </el-popover>\n      <el-popover v-show=\"isFullscreen\" class=\"tooltip\"\n        content=\"Exit fullscreen\" placement=\"bottom-end\" :open-delay=\"helpDelay\"\n        :appendToBody=false trigger=\"hover\" popper-class=\"header-popper\">\n          <map-svg-icon icon=\"closeFullScreen\" slot=\"reference\" class=\"header-icon\"\n            @click.native=\"onFullscreen\"/>\n      </el-popover>\n      <el-popover\n        ref=\"linkPopover\"\n        placement=\"bottom-end\"\n        width=\"400\"\n        :appendToBody=false\n        trigger=\"click\"\n        popper-class=\"link-popover\"\n      >\n        <el-row :gutter=\"20\"\n          v-loading=\"loadingLink\"\n          element-loading-text=\"Creating link...\"\n          element-loading-spinner=\"el-icon-loading\">\n          <el-col :span=\"20\">\n            <el-input\n              class=\"link-input\"\n              size=\"mini\"\n              placeholder=\"Permanant Link Here\"\n              :readonly=true\n              v-model=\"shareLink\"\n              ref=\"linkInput\">\n            </el-input>\n          </el-col>\n          <el-col :span=\"4\">\n            <el-popover class=\"tooltip\" content=\"Copy link\" placement=\"bottom-end\"\n              :open-delay=\"helpDelay\" :appendToBody=false trigger=\"hover\"\n              popper-class=\"header-popper\">\n            <el-button slot=\"reference\" class=\"copy-button\"\n              icon=\"el-icon-document-copy\" size=\"mini\"\n              @click=\"copyShareLink\"></el-button>\n            </el-popover>\n          </el-col>\n        </el-row>\n      </el-popover>\n      <el-popover class=\"tooltip\"  content=\"Get permalink\" placement=\"bottom-end\"\n        :open-delay=\"helpDelay\" :appendToBody=false trigger=\"hover\"\n        popper-class=\"header-popper\"\n        v-show=\"shareLink\">\n        <map-svg-icon icon=\"permalink\"\n          v-popover:linkPopover\n          class=\"header-icon\"\n          @click.native=\"getShareLink\"\n          slot=\"reference\"/>\n      </el-popover>\n      <el-popover class=\"tooltip\" content=\"Close\" placement=\"bottom-end\" :open-delay=\"helpDelay\"\n        :appendToBody=false trigger=\"hover\" popper-class=\"header-popper\" v-show=\"showIcons\">\n        <map-svg-icon icon=\"close\" slot=\"reference\" class=\"header-icon\" @click.native=\"close\"/>\n      </el-popover>\n    </el-row>\n  </div>\n</template>\n\n\n<script>\n/* eslint-disable no-alert, no-console */\nimport Vue from \"vue\";\nimport EventBus from './EventBus';\nimport store from '../store';\nimport {MapSvgIcon} from '@abi-software/svg-sprite';\nimport SearchControls from './SearchControls';\n\nimport {\n  Button,\n  Col,\n  Icon,\n  Input,\n  Popover,\n  Radio,\n  Row,\n  Switch\n} from \"element-ui\";\n\nVue.use(Button);\nVue.use(Col);\nVue.use(Icon);\nVue.use(Input);\nVue.use(Popover);\nVue.use(Radio);\nVue.use(Row);\nVue.use(Switch);\n/**\n * Cmponent for the header of differnt vuers.\n */\nexport default {\n  name: \"DialogToolbarContent\",\n  components: {\n    MapSvgIcon,\n    SearchControls,\n  },\n  props: {\n    /**\n     * Array of titles.\n     */\n    numberOfEntries: {\n      type: Number,\n      default: 0\n    },\n    /**\n     * Display icons for docking, undocking and etc.\n     */\n    showIcons: {\n      type: Boolean,\n      default: false\n\n    },\n    showHelpIcon: {\n      type: Boolean,\n      default: true\n    },\n  },\n  computed: {\n    activeView() {\n      return store.state.splitFlow.activeView;\n    },\n    helpDelay() {\n      return store.state.settings.helpDelay;\n    },\n    shareLink() {\n      return store.state.settings.shareLink;\n    },\n    syncMode() {\n      return store.state.splitFlow.syncMode;\n    },\n    viewIcons() {\n      return store.state.splitFlow.viewIcons;\n    },\n    globalCallback() {\n      return store.state.splitFlow.globalCallback;\n    }\n  },\n  watch: {\n    shareLink: function() {\n      this.loadingLink = false;\n    },\n    independent: function(value) {\n      let flag = !(value === true);\n      if (this.globalCallback !== flag)\n        store.commit(\"splitFlow/toggleGlobalCallback\", flag);\n    },\n    globalCallback: function(value) {\n      let flag = !(value === true);\n      if (flag !== this.independent)\n        this.independent = flag;\n    }\n  },\n  data: function() {\n    return {\n      isFullscreen: false,\n      loadingLink: true,\n      shareLinkDisplay: false,\n      independent: true,\n      failedSearch: undefined,\n    }\n  },\n  methods: {\n    titleClicked: function(id) {\n      this.$emit(\"titleClicked\", id);\n    },\n    startHelp: function(){\n      EventBus.$emit(\"startHelp\");\n    },\n    onFullscreen: function() {\n      this.$emit(\"onFullscreen\");\n      this.isFullscreen = !this.isFullscreen;\n    },\n    close: function() {\n      this.$emit(\"close\");\n    },\n    copyShareLink: function() {\n      if (document) {\n        this.$refs.linkInput.$el.querySelector(\"input\").select();\n        document.execCommand('copy');\n      }\n    },\n    setFailedSearch: function(result) {\n      this.failedSearch = result;\n    },\n    getShareLink: function() {\n      this.loadingLink = true;\n      this.shareLinkDisplay = true;\n      EventBus.$emit(\"updateShareLinkRequested\");\n    },\n    viewClicked: function(view) {\n      store.commit(\"splitFlow/updateActiveView\", view);\n    }\n  },\n};\n</script>\n\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\n<style scoped lang=\"scss\">\n@import \"~element-ui/packages/theme-chalk/src/button\";\n@import \"~element-ui/packages/theme-chalk/src/loading\";\n@import \"~element-ui/packages/theme-chalk/src/icon\";\n@import \"~element-ui/packages/theme-chalk/src/input\";\n@import \"~element-ui/packages/theme-chalk/src/popover\";\n@import \"~element-ui/packages/theme-chalk/src/radio\";\n@import \"~element-ui/packages/theme-chalk/src/row\";\n@import \"~element-ui/packages/theme-chalk/src/switch\";\n@import \"../assets/header-icon.scss\";\n\n.content {\n  width:calc(100% - 120px);\n  height:32px;\n}\n\n.radio-control {\n  position:absolute;\n  justify-content: center;\n  top: 4px;\n  right:12px;\n  -moz-user-select: none;\n  -webkit-user-select: none;\n  -ms-user-select: none;\n  user-select: none;\n}\n\n.icon-group {\n  ::v-deep .el-button--text {\n    color:#606266;\n    font-size: 1.5em;\n    &:hover {\n      color: $app-primary-color;\n    }\n  }\n}\n\n.icon-transform {\n  -moz-transform: rotate(90deg);\n  -webkit-transform: rotate(90deg);\n  -o-transform: rotate(90deg);\n  -ms-transform: rotate(90deg);\n  transform: rotate(90deg);\n  padding:10px;\n}\n\n.header {\n  height:32px;\n}\n\n::v-deep .header-popper {\n  padding: 6px 4px;\n  font-size:12px;\n  color: rgb(48, 49, 51);\n  background-color: #f3ecf6;\n  border: 1px solid $app-primary-color;\n  white-space: nowrap;\n  min-width: unset;\n  &.el-popper[x-placement^=bottom] {\n    .popper__arrow {\n      border-bottom-color: $app-primary-color !important;\n      &:after {\n        border-bottom-color: #f3ecf6 !important;\n      }\n    }\n  }\n}\n\n::v-deep .link-popover {\n  border: 1px solid $app-primary-color;\n}\n\n::v-deep .el-loading-spinner {\n  i, .el-loading-text {\n    color: $app-primary-color;\n  }\n}\n\n.copy-button {\n  color:#FFFFFF;\n  background-color:$app-primary-color;\n  &:hover, &:focus {\n    color:#FFFFFF;\n    background-color:$app-primary-color;\n    box-shadow: -3px 2px 4px #000000; \n  }\n}\n\n.link-input {\n  ::v-deep .el-input__inner {\n    color:#303133;\n    &:focus {\n      border-color:$app-primary-color;\n    }\n  }\n}\n\n.view-icon-row {\n  height: 32px;\n  width: 133px;\n  border-radius: 4px;\n  border: 1px solid rgb(151, 151, 151);\n  font-size: 14px;\n  margin:8px 0px 0px 0px!important;\n  cursor: pointer;\n\n  &.active {\n    border: 1px solid $app-primary-color;\n    background: rgba(131, 0, 191, 0.1);\n  }\n}\n\n.view-icon {\n  font-size: 1.7em;\n  color: $app-primary-color;\n  padding-top:3px;\n}\n\n.view-text {\n  letter-spacing:0px;\n  font-size:11px;\n  line-height:14px;\n  font-family:'Asap', 'Avenir',  Arial, sans-serif;\n  font-weight:550;\n  padding-top:7px;\n}\n\n::v-deep .view-icon-popover {\n  border: 1px solid $app-primary-color;\n  box-shadow: 0px 2px 12px 0px rgba(0, 0, 0, 0.06);\n  padding: 4px 8px 12px 8px;\n  min-width:unset!important;\n  cursor:default;\n  &.el-popper[x-placement^=bottom] {\n    .popper__arrow {\n      border-bottom-color: $app-primary-color !important;\n      &:after {\n        border-bottom-color: #fff !important;\n      }\n    }\n  }\n}\n\n.switch-control {\n  width:250px;\n  top:2px;\n  left: calc(50% - 60px);\n  position: absolute;\n  .sync-help {\n    left:5px;\n  }\n}\n\n.switch {\n  padding-right: 0.5rem;\n  padding-left: 0.5rem;\n  border-radius: 4px;\n  border: 1px solid rgb(220, 223, 230);\n  vertical-align: baseline;\n  ::v-deep .el-switch__label.is-active {\n    color: $purple;\n  }\n  ::v-deep .el-switch__core {\n    background: $app-primary-color;\n    border: 1px solid $lightGrey;\n    height: 14px;\n    &::before {\n      content: \"\";\n      position:absolute;\n      top: -3px;\n      left: -1px;\n      border-radius: 100%;\n      -webkit-transition: all .3s;\n      transition: all .3s;\n      width: 19px;\n      height: 19px;\n      background-color: $app-primary-color;\n    }\n    &::after {\n      top: -2px;\n      left: 0px;\n      width: 17px;\n      height: 17px;\n      background-color: $cochlear;\n    }\n  }\n  ::v-deep &.is-checked {\n    .el-switch__core {\n      border: 1px solid $lightGrey;\n      background: $cochlear;\n      &::before {\n        left: 100%;\n        margin-left:-17px;\n      }    \n      &::after {\n        left: 100%;\n        margin-left: -16px;\n      }\n    }\n  }\n}\n\n.sync-help {\n  margin-left: 5px;\n}\n\n</style>\n"]}]}