{"version":3,"sources":["webpack:///./src/components/HelpButton.vue?9f05","webpack:///src/components/HelpButton.vue","webpack:///./src/components/HelpButton.vue?88be","webpack:///./src/components/HelpButton.vue","webpack:///./src/components/HelpButton.vue?132c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","attrs","$t","on","help","_v","staticRenderFns","data","options","disableInteraction","keyboardNavigation","methods","intro","element","steps","tooltipClass","position","startStep","window","onbeforechange","modal","value","onexit","start","goToStep","computed","isClusterView","settings","is2dView","component"],"mappings":"gJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,QAAQ,CAACE,YAAY,OAAOC,MAAM,CAAC,MAAQP,EAAIQ,GAAG,cAAc,MAAQ,SAAS,MAAQ,GAAG,IAAM,GAAG,MAAQ,GAAG,OAAS,GAAG,MAAQ,IAAIC,GAAG,CAAC,MAAQT,EAAIU,OAAO,CAACN,EAAG,SAAS,CAACJ,EAAIW,GAAG,eAAe,IAClSC,EAAkB,G,YCgBP,GACfC,KADA,WAEA,OACAC,SACAC,sBACAC,yBAIAC,SACAP,KADA,WACA,WACA,iCACA,+CACA,QACA,mBAEAQ,qCACAC,2BACA,cAJA,gBAOAD,mCACAC,yBACA,cATA,gBAYAD,oCACAC,0BACA,eAGA,gBACAC,gCAEAF,qCACAC,2BACA,cAJA,gBAOAD,oCACAC,4CACA,cATA,gBAYAD,uCACAC,6BACA,cAdA,gBAiBAD,uCACAC,uBACAE,0BACAC,kBACA,cArBA,gBAwBAJ,sCACAC,sBACAE,0BACAC,kBACA,cA5BA,gBA+BAJ,uCACAC,uBACAG,iBACA,gBAGA,qBACA,cACAF,uBACAF,kCACA,eAGAE,uBACAF,kCACA,eAGAK,aAGAC,qBACA,0BACAC,gBAAA,YACA,OAAAC,WAAAC,UAEA,GADA,2CACA,EACA,aACA,kBACAD,mBAAAC,UACA,sCACA,MACA,iBACAD,kBAAAC,UACA,sCACA,MACA,kBACAD,mBAAAC,UACA,sCACA,MACA,QACA,UAIAC,QAAA,WACA,8CAEAC,QACAC,SAAAP,KAGAQ,UACAC,cADA,WAEA,qCACA,SACA,8BACAC,gBAMAC,SAXA,WAYA,qCACA,SACA,oCACAD,+BCnJoV,I,wBCQhVE,EAAY,eACd,EACApC,EACAa,GACA,EACA,KACA,KACA,MAIa,aAAAuB,E,6CCnBf","file":"js/chunk-32694d20.ead02eb3.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('v-btn',{staticClass:\"help\",attrs:{\"title\":_vm.$t('help.title'),\"color\":\"accent\",\"fixed\":\"\",\"fab\":\"\",\"large\":\"\",\"bottom\":\"\",\"right\":\"\"},on:{\"click\":_vm.help}},[_c('v-icon',[_vm._v(\"mdi-help\")])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <v-btn\n    :title=\"$t('help.title')\"\n    @click=\"help\"\n    class=\"help\"\n    color=\"accent\"\n    fixed\n    fab\n    large\n    bottom\n    right\n  >\n    <v-icon>mdi-help</v-icon>\n  </v-btn>\n</template>\n\n<script>\nexport default {\n  data() {\n    return {\n      options: {\n        disableInteraction: true,\n        keyboardNavigation: true,\n      },\n    };\n  },\n  methods: {\n    help() {\n      const { path } = this.$router.currentRoute;\n      this.$store.commit('user/updateAllDrawers', true);\n      let startStep = 1;\n      const steps = [\n        {\n          intro: this.$t('help.search.general'),\n          element: '#search-general',\n          ...this.options,\n        },\n        {\n          intro: this.$t('help.search.image'),\n          element: '#search-image',\n          ...this.options,\n        },\n        {\n          intro: this.$t('help.search.random'),\n          element: '#search-random',\n          ...this.options,\n        },\n      ];\n      if (path === '/search') {\n        steps.push(...[\n          {\n            intro: this.$t('help.filter.general'),\n            element: '#filter-general',\n            ...this.options,\n          },\n          {\n            intro: this.$t('help.filter.period'),\n            element: '.v-navigation-drawer .date-range',\n            ...this.options,\n          },\n          {\n            intro: this.$t('help.settings.general'),\n            element: '#settings-general',\n            ...this.options,\n          },\n          {\n            intro: this.$t('help.settings.weights'),\n            element: '#weights-col',\n            tooltipClass: 'move-right',\n            position: 'right',\n            ...this.options,\n          },\n          {\n            intro: this.$t('help.settings.layout'),\n            element: '#layout-col',\n            tooltipClass: 'move-right',\n            position: 'right',\n            ...this.options,\n          },\n          {\n            intro: this.$t('help.settings.cluster'),\n            element: '#cluster-col',\n            position: 'left',\n            ...this.options,\n          },\n        ]);\n        if (this.isClusterView) {\n          if (this.is2dView) {\n            steps.push({\n              intro: this.$t('help.cluster.2d'),\n              ...this.options,\n            });\n          } else {\n            steps.push({\n              intro: this.$t('help.cluster.1d'),\n              ...this.options,\n            });\n          }\n          startStep = steps.length;\n        }\n      }\n      window.scrollTo(0, 0);\n      this.$intro().addSteps(steps)\n        .onbeforechange((el) => {\n          let modal = { modal: null, value: false };\n          this.$store.commit('user/updateAllModals', false);\n          if (el) {\n            switch (el.id) {\n              case 'weights-col':\n                modal = { modal: 'weights', value: true };\n                this.$store.commit('user/updateModal', modal);\n                break;\n              case 'layout-col':\n                modal = { modal: 'layout', value: true };\n                this.$store.commit('user/updateModal', modal);\n                break;\n              case 'cluster-col':\n                modal = { modal: 'cluster', value: true };\n                this.$store.commit('user/updateModal', modal);\n                break;\n              default:\n                break;\n            }\n          }\n        })\n        .onexit(() => {\n          this.$store.commit('user/updateAllModals', false);\n        })\n        .start()\n        .goToStep(startStep);\n    },\n  },\n  computed: {\n    isClusterView() {\n      const { settings } = this.$store.state.api;\n      if (\n        this.keyInObj('n', settings.cluster)\n        && settings.cluster.n > 1\n      ) {\n        return true;\n      }\n      return false;\n    },\n    is2dView() {\n      const { settings } = this.$store.state.api;\n      if (\n        this.keyInObj('viewType', settings.layout)\n        && settings.layout.viewType === 'umap'\n      ) {\n        return true;\n      }\n      return false;\n    },\n  },\n};\n</script>\n\n<style>\n.help.v-btn {\n  z-index: 99;\n}\n\n.help.v-btn--fab.v-size--large.v-btn--absolute.v-btn--bottom {\n  bottom: 0;\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpButton.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpButton.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HelpButton.vue?vue&type=template&id=49d30366&\"\nimport script from \"./HelpButton.vue?vue&type=script&lang=js&\"\nexport * from \"./HelpButton.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HelpButton.vue?vue&type=style&index=0&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HelpButton.vue?vue&type=style&index=0&lang=css&\""],"sourceRoot":""}