{"version":3,"sources":["webpack:///./vue_shared/components/file_finder/item.vue?d175","webpack:///./lib/utils/keycodes.js","webpack:///./vue_shared/components/file_finder/index.vue","webpack:///vue_shared/components/file_finder/item.vue","webpack:///./vue_shared/components/file_finder/item.vue?5247","webpack:///./vue_shared/components/file_finder/item.vue?0990","webpack:///./vue_shared/components/file_finder/item.vue?f54c","webpack:///./vue_shared/components/file_finder/item.vue","webpack:///vue_shared/components/file_finder/index.vue","webpack:///./vue_shared/components/file_finder/index.vue?48d0","webpack:///./vue_shared/components/file_finder/index.vue?fd9c","webpack:///./vue_shared/components/file_finder/index.vue?33ea","webpack:///./vue_shared/components/file_finder/index.vue?cd33"],"names":["module","exports","push","i","BACKSPACE_KEY_CODE","TAB_KEY_CODE","ENTER_KEY_CODE","ESC_KEY_CODE","UP_KEY_CODE","DOWN_KEY_CODE","DELETE_KEY_CODE","components","GlIcon","ChangedFileIcon","FileIcon","props","file","type","Object","required","focused","Boolean","searchText","String","index","Number","showDiffStats","default","computed","pathWithEllipsis","path","length","substr","nameSearchTextOccurences","fuzzaldrinPlus","match","name","pathSearchTextOccurences","methods","clickRow","$emit","mouseOverRow","mouseMove","options","locals","_vm","this","_c","_self","staticClass","class","attrs","on","$event","preventDefault","apply","arguments","_v","_l","split","char","charIndex","key","highlighted","indexOf","domProps","_s","changed","tempFile","_m","_e","addedLines","removedLines","MAX_FILE_FINDER_RESULTS","FILE_FINDER_ROW_HEIGHT","GlLoadingIcon","Item","RecycleScroller","files","Array","visible","loading","clearSearchOnClose","data","focusedIndex","mouseOver","cancelMouseOver","filteredBlobs","trim","slice","filter","maxResults","filteredBlobsLength","listHeight","showClearInputButton","watch","_this","$nextTick","$refs","searchInput","focus","_this2","val","_this3","_this3$$refs$virtualS","virtualScrollList","scrollToItem","mounted","_this4","Mousetrap","bind","keysFor","MR_GO_TO_FILE","e","toggle","addStopCallback","el","combo","classList","contains","clearSearchInput","_this5","onKeydown","keyCode","onKeyup","openFile","onMouseOver","onMouseMove","target","currentTarget","directives","rawName","value","expression","ref","__","composing","hidden","staticStyle","scopedSlots","_u","fn","proxy","item"],"mappings":"gFAAUA,EAAOC,QAAU,EAAQ,OAAR,EAAyE,IAE5FC,KAAK,CAACF,EAAOG,EAAI,iFAAkF,M,kCCF3G,8OAGO,MAAMC,EAAqB,EACrBC,EAAe,EACfC,EAAiB,GACjBC,EAAe,GACfC,EAAc,GACdC,EAAgB,GAChBC,EAAkB,I,sLCT/B,I,qHCSe,ICT2Q,EDS3Q,CACfC,WAAA,CACAC,WACAC,oBACAC,cAEAC,MAAA,CACAC,KAAA,CACAC,KAAAC,OACAC,UAAA,GAEAC,QAAA,CACAH,KAAAI,QACAF,UAAA,GAEAG,WAAA,CACAL,KAAAM,OACAJ,UAAA,GAEAK,MAAA,CACAP,KAAAQ,OACAN,UAAA,GAEAO,cAAA,CACAT,KAAAI,QACAF,UAAA,EACAQ,SAAA,IAGAC,SAAA,CACAC,mBACA,WAAAC,GAAA,KAAAd,KAEA,OAAAc,EAAAC,OAnCA,GAoCAD,EACA,MAAAA,EAAAE,OAAAF,EAAAC,OArCA,KAuCAE,2BACA,OAAAC,IAAAC,MAAA,KAAAnB,KAAAoB,KAAA,KAAAd,aAEAe,2BACA,OAAAH,IAAAC,MAAA,KAAAN,iBAAA,KAAAP,cAGAgB,QAAA,CACAC,WACA,KAAAC,MAAA,aAAAxB,OAEAyB,eACA,KAAAD,MAAA,iBAAAhB,QAEAkB,YACA,KAAAF,MAAA,iBAAAhB,U,0CE1DImB,EAAU,CAEd,OAAiB,OACjB,WAAoB,G,GAEP,IAAI,IAASA,GAIX,IAAQC,O,WCOR,EAXC,YACd,GCTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,SAAS,CAACE,YAAY,oBAAoBC,MAAM,CAClH,aAAcL,EAAIzB,SAClB+B,MAAM,CAAC,KAAO,UAAUC,GAAG,CAAC,MAAQ,SAASC,GAAgC,OAAxBA,EAAOC,iBAAwBT,EAAIN,SAASgB,MAAM,KAAMC,YAAY,UAAYX,EAAIJ,aAAa,UAAYI,EAAIH,YAAY,CAACK,EAAG,YAAY,CAACI,MAAM,CAAC,YAAYN,EAAI7B,KAAKoB,KAAK,KAAO,GAAG,cAAc,oCAAoCS,EAAIY,GAAG,KAAKV,EAAG,OAAO,CAACE,YAAY,qCAAqC,CAACF,EAAG,SAAS,CAACE,YAAY,0BAA0BJ,EAAIa,GAAIb,EAAI7B,KAAKoB,KAAKuB,MAAM,KAAK,SAASC,EAAKC,GAAW,OAAOd,EAAG,OAAO,CAACe,IAAID,EAAYD,EAAKV,MAAM,CAC7fa,YAAalB,EAAIZ,yBAAyB+B,QAAQH,IAAc,GAChEI,SAAS,CAAC,YAAcpB,EAAIqB,GAAGN,SAAW,GAAGf,EAAIY,GAAG,KAAKV,EAAG,OAAO,CAACE,YAAY,kCAAkCJ,EAAIa,GAAIb,EAAIhB,iBAAiB8B,MAAM,KAAK,SAASC,EAAKC,GAAW,OAAOd,EAAG,OAAO,CAACe,IAAID,EAAYD,EAAKV,MAAM,CAChOa,YAAalB,EAAIR,yBAAyB2B,QAAQH,IAAc,GAChEI,SAAS,CAAC,YAAcpB,EAAIqB,GAAGN,SAAW,KAAKf,EAAIY,GAAG,KAAMZ,EAAI7B,KAAKmD,SAAWtB,EAAI7B,KAAKoD,SAAUvB,EAAIwB,GAAG,GAAGxB,EAAIyB,MAAM,KAE3G,CAAC,WAAY,IAAIzB,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAOA,EAAG,OAAO,CAACE,YAAY,sBAAsB,CAAEJ,EAAInB,cAAeqB,EAAG,OAAO,CAACA,EAAG,OAAO,CAACE,YAAY,gCAAgC,CAACF,EAAG,UAAU,CAACE,YAAY,iBAAiBE,MAAM,CAAC,KAAO,mBAAmBN,EAAIY,GAAG,IAAIZ,EAAIqB,GAAGrB,EAAI7B,KAAKuD,YAAY,aAAa,GAAG1B,EAAIY,GAAG,KAAKV,EAAG,OAAO,CAACE,YAAY,oCAAoC,CAACF,EAAG,UAAU,CAACE,YAAY,iBAAiBE,MAAM,CAAC,KAAO,mBAAmBN,EAAIY,GAAG,IAAIZ,EAAIqB,GAAGrB,EAAI7B,KAAKwD,cAAc,aAAa,KAAKzB,EAAG,oBAAoB,CAACI,MAAM,CAAC,KAAON,EAAI7B,SAAS,MDI/kB,EACA,KACA,WACA,M,QELK,MAAPyD,EAAA,GACAC,EAAA,GAEe,ICb4Q,EDa5Q,CACf/D,WAAA,CACAC,WACA+D,kBACAC,OACAC,qBAEA9D,MAAA,CACA+D,MAAA,CACA7D,KAAA8D,MACA5D,UAAA,GAEA6D,QAAA,CACA/D,KAAAI,QACAF,UAAA,GAEA8D,QAAA,CACAhE,KAAAI,QACAF,UAAA,GAEAO,cAAA,CACAT,KAAAI,QACAF,UAAA,EACAQ,SAAA,GAEAuD,mBAAA,CACAjE,KAAAI,QACAF,UAAA,EACAQ,SAAA,IAGAwD,UACA,CACAC,cAAA,EACA9D,WAAA,GACA+D,WAAA,EACAC,iBAAA,IAGA1D,SAAA,CACA2D,gBACA,MAAAjE,EAAA,KAAAA,WAAAkE,OAEA,WAAAlE,EACA,KAAAwD,MAAAW,MAAA,EAAAhB,GAGAvC,IAAAwD,OAAA,KAAAZ,MAAAxD,EAAA,CACAwC,IAAA,OACA6B,WAAAlB,KAGAmB,sBACA,YAAAL,cAAAxD,QAEA8D,eACAnB,EAEAoB,uBACA,gBAAAxE,WAAAkE,SAGAO,MAAA,CACAf,UAAA,IAAAgB,EAAA,KACA,KAAAC,WAAA,WACAD,EAAAhB,SAKAgB,EAAAZ,aAAA,EAEAY,EAAAE,MAAAC,aACAH,EAAAE,MAAAC,YAAAC,SAPAJ,EAAAd,qBACAc,EAAA1E,WAAA,QAWAA,aAAA,IAAA+E,EAAA,KACA,KAAAjB,cAAA,EAEA,KAAAa,WAAA,WACAI,EAAAjB,aAAA,MAGAA,aAAAkB,GAAA,IAAAC,EAAA,KACA,KAAAlB,WACA,KAAAY,WAAA,eAAAO,EACA,QAAAA,EAAAD,EAAAL,MAAAO,yBAAA,IAAAD,KAAAE,aAAAJ,QAKAK,UAAA,IAAAC,EAAA,KACA,KAAA9B,MAAA/C,SACA,KAAAqD,aAAA,GAGAyB,IAAAC,KAAAC,aAAAC,MAAA,SAAAC,GACAA,EAAA3D,gBACA2D,EAAA3D,iBAGAsD,EAAAM,QAAAN,EAAA5B,YAGAmC,aAAA,SAAAF,EAAAG,EAAAC,GACA,SACA,MAAAA,GAAAD,EAAAE,UAAAC,SAAA,yBACAH,EAAAE,UAAAC,SAAA,eAIA,UAAAF,QAAA,MAOA/E,QAAA,CACA4E,OAAAlC,GACA,KAAAxC,MAAA,SAAAwC,IAEAwC,mBAAA,IAAAC,EAAA,KACA,KAAAnG,WAAA,GAEA,KAAA2E,WAAA,WACAwB,EAAAvB,MAAAC,YAAAC,YAGAsB,UAAAT,GACA,OAAAA,EAAAU,SACA,KAAAnH,IACAyG,EAAA3D,iBACA,KAAA+B,WAAA,EACA,KAAAC,iBAAA,EACA,KAAAF,aAAA,EACA,KAAAA,cAAA,EAEA,KAAAA,aAAA,KAAAQ,oBAAA,EAEA,MACA,KAAAnF,IACAwG,EAAA3D,iBACA,KAAA+B,WAAA,EACA,KAAAC,iBAAA,EACA,KAAAF,aAAA,KAAAQ,oBAAA,EACA,KAAAR,cAAA,EAEA,KAAAA,aAAA,IAOAwC,QAAAX,GACA,OAAAA,EAAAU,SACA,KAAArH,IACA,KAAAuH,SAAA,KAAAtC,cAAA,KAAAH,eACA,MACA,KAAA7E,IACA,KAAA2G,QAAA,KAMAW,SAAA7G,GACA,KAAAkG,QAAA,GACA,KAAA1E,MAAA,QAAAxB,IAEA8G,YAAAtG,GACA,KAAA8D,kBACA,KAAAD,WAAA,EACA,KAAAD,aAAA5D,IAGAuG,YAAAvG,GACA,KAAA8D,iBAAA,EACA,KAAAwC,YAAAtG,M,qBE/LI,EAAU,CAEd,OAAiB,OACjB,WAAoB,GCEhB,GDAS,IAAI,IAAS,GAIX,IAAQoB,OCJP,YACd,GTTW,WAAkB,IAAIC,EAAIC,KAAKC,EAAGF,EAAIG,MAAMD,GAAG,OAAQF,EAAImC,QAASjC,EAAG,MAAM,CAACE,YAAY,sBAAsBE,MAAM,CAAC,cAAc,WAAWC,GAAG,CAAC,UAAY,SAASC,GAAQ,OAAGA,EAAO2E,SAAW3E,EAAO4E,cAAqB,KAAYpF,EAAIqE,QAAO,MAAU,CAACnE,EAAG,MAAM,CAACE,YAAY,oDAAoD,CAACF,EAAG,MAAM,CAACE,YAAY,iBAAiBC,MAAM,CAAE,YAAaL,EAAIiD,uBAAwB,CAAC/C,EAAG,QAAQ,CAACmF,WAAW,CAAC,CAAC9F,KAAK,QAAQ+F,QAAQ,UAAUC,MAAOvF,EAAIvB,WAAY+G,WAAW,eAAeC,IAAI,cAAcrF,YAAY,uBAAuBE,MAAM,CAAC,YAAcN,EAAI0F,GAAG,gBAAgB,KAAO,SAAS,aAAe,MAAM,cAAc,gBAAgBtE,SAAS,CAAC,MAASpB,EAAIvB,YAAa8B,GAAG,CAAC,QAAU,SAASC,GAAQ,OAAOR,EAAI6E,UAAUrE,IAAS,MAAQ,SAASA,GAAQ,OAAOR,EAAI+E,QAAQvE,IAAS,MAAQ,SAASA,GAAWA,EAAO2E,OAAOQ,YAAiB3F,EAAIvB,WAAW+B,EAAO2E,OAAOI,WAAUvF,EAAIY,GAAG,KAAKV,EAAG,UAAU,CAACE,YAAY,wBAAwBC,MAAM,CAAEuF,OAAQ5F,EAAIiD,sBAAuB3C,MAAM,CAAC,KAAO,YAAYN,EAAIY,GAAG,KAAKV,EAAG,UAAU,CAACE,YAAY,uBAAuBE,MAAM,CAAC,KAAO,QAAQ,cAAc,qBAAqB,KAAO,SAAS,aAAaN,EAAI0F,GAAG,uBAAuBnF,GAAG,CAAC,MAAQP,EAAI2E,qBAAqB,GAAG3E,EAAIY,GAAG,KAAKV,EAAG,MAAM,CAACA,EAAG,mBAAmB,CAACuF,IAAI,oBAAoBI,YAAY,CAAC,aAAa,SAASvF,MAAM,CAAC,MAAQN,EAAI0C,cAAc,YAAY1C,EAAIgD,WAAW,YAAY,OAAO8C,YAAY9F,EAAI+F,GAAG,CAAC,CAAC9E,IAAI,SAAS+E,GAAG,WAAW,MAAO,EAAGhG,EAAI0C,cAAcxD,QAAUc,EAAIoC,QAASlC,EAAG,KAAK,CAACE,YAAY,4BAA4B,CAACF,EAAG,MAAM,CAACE,YAAY,2BAA2B,CAAEJ,EAAIoC,QAAS,CAAClC,EAAG,oBAAoB,CAACF,EAAIY,GAAG,qBAAqBZ,EAAIqB,GAAGrB,EAAI0F,GAAG,oBAAoB,sBAAsB,KAAK1F,EAAIyB,OAAOwE,OAAM,GAAM,CAAChF,IAAI,UAAU+E,GAAG,UAAS,KAAEE,EAAI,MAAEvH,IAAS,MAAO,CAACuB,EAAG,KAAK,CAACA,EAAG,OAAO,CAACE,YAAY,gBAAgBE,MAAM,CAAC,KAAO4F,EAAK,cAAclG,EAAIvB,WAAW,QAAUE,IAAUqB,EAAIuC,aAAa,MAAQ5D,EAAM,kBAAkBqB,EAAInB,eAAe0B,GAAG,CAAC,MAAQP,EAAIgF,SAAS,UAAYhF,EAAIiF,YAAY,UAAYjF,EAAIkF,gBAAgB,OAAO,MAAK,EAAM,cAAc,OAAOlF,EAAIyB,OAEjoE,ISUpB,EACA,KACA,WACA,OAIa,Y,+BCnBLtE,EAAOC,QAAU,EAAQ,OAAR,EAAyE,IAE5FC,KAAK,CAACF,EAAOG,EAAI,yTAA0T","file":"1298.548a10df.chunk.js","sourcesContent":["exports = module.exports = require(\"../../../../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \"\\n.highlighted[data-v-2107b802] {\\n  color: #1f78d1;\\n  font-weight: 600;\\n}\\n\", \"\"]);\n\n","// `e.keyCode` is deprecated, these values should be migrated\n// See: https://gitlab.com/gitlab-org/gitlab/-/issues/216102\n\nexport const BACKSPACE_KEY_CODE = 8;\nexport const TAB_KEY_CODE = 9;\nexport const ENTER_KEY_CODE = 13;\nexport const ESC_KEY_CODE = 27;\nexport const UP_KEY_CODE = 38;\nexport const DOWN_KEY_CODE = 40;\nexport const DELETE_KEY_CODE = 46;\n","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.visible)?_c('div',{staticClass:\"file-finder-overlay\",attrs:{\"data-testid\":\"overlay\"},on:{\"mousedown\":function($event){if($event.target !== $event.currentTarget)return null;return _vm.toggle(false)}}},[_c('div',{staticClass:\"dropdown-menu diff-file-changes file-finder show\"},[_c('div',{staticClass:\"dropdown-input\",class:{ 'has-value': _vm.showClearInputButton }},[_c('input',{directives:[{name:\"model\",rawName:\"v-model\",value:(_vm.searchText),expression:\"searchText\"}],ref:\"searchInput\",staticClass:\"dropdown-input-field\",attrs:{\"placeholder\":_vm.__('Search files'),\"type\":\"search\",\"autocomplete\":\"off\",\"data-testid\":\"search-input\"},domProps:{\"value\":(_vm.searchText)},on:{\"keydown\":function($event){return _vm.onKeydown($event)},\"keyup\":function($event){return _vm.onKeyup($event)},\"input\":function($event){if($event.target.composing)return;_vm.searchText=$event.target.value}}}),_vm._v(\" \"),_c('gl-icon',{staticClass:\"dropdown-input-search\",class:{ hidden: _vm.showClearInputButton },attrs:{\"name\":\"search\"}}),_vm._v(\" \"),_c('gl-icon',{staticClass:\"dropdown-input-clear\",attrs:{\"name\":\"close\",\"data-testid\":\"clear-search-input\",\"role\":\"button\",\"aria-label\":_vm.__('Clear search input')},on:{\"click\":_vm.clearSearchInput}})],1),_vm._v(\" \"),_c('div',[_c('recycle-scroller',{ref:\"virtualScrollList\",staticStyle:{\"max-height\":\"275px\"},attrs:{\"items\":_vm.filteredBlobs,\"item-size\":_vm.listHeight,\"key-field\":\"key\"},scopedSlots:_vm._u([{key:\"before\",fn:function(){return [(!_vm.filteredBlobs.length || _vm.loading)?_c('li',{staticClass:\"dropdown-menu-empty-item\"},[_c('div',{staticClass:\"gl-my-3 gl-ml-3 gl-mr-3\"},[(_vm.loading)?[_c('gl-loading-icon')]:[_vm._v(\"\\n                \"+_vm._s(_vm.__('No files found.'))+\"\\n              \")]],2)]):_vm._e()]},proxy:true},{key:\"default\",fn:function({ item, index }){return [_c('li',[_c('item',{staticClass:\"disable-hover\",attrs:{\"file\":item,\"search-text\":_vm.searchText,\"focused\":index === _vm.focusedIndex,\"index\":index,\"show-diff-stats\":_vm.showDiffStats},on:{\"click\":_vm.openFile,\"mouseover\":_vm.onMouseOver,\"mousemove\":_vm.onMouseMove}})],1)]}}],null,false,896509579)})],1)])]):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<!-- eslint-disable vue/multi-word-component-names -->\n<script>\nimport { GlIcon } from '@gitlab/ui';\nimport fuzzaldrinPlus from 'fuzzaldrin-plus';\nimport ChangedFileIcon from '../changed_file_icon.vue';\nimport FileIcon from '../file_icon.vue';\n\nconst MAX_PATH_LENGTH = 60;\n\nexport default {\n  components: {\n    GlIcon,\n    ChangedFileIcon,\n    FileIcon,\n  },\n  props: {\n    file: {\n      type: Object,\n      required: true,\n    },\n    focused: {\n      type: Boolean,\n      required: true,\n    },\n    searchText: {\n      type: String,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: true,\n    },\n    showDiffStats: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n  },\n  computed: {\n    pathWithEllipsis() {\n      const { path } = this.file;\n\n      return path.length < MAX_PATH_LENGTH\n        ? path\n        : `...${path.substr(path.length - MAX_PATH_LENGTH)}`;\n    },\n    nameSearchTextOccurences() {\n      return fuzzaldrinPlus.match(this.file.name, this.searchText);\n    },\n    pathSearchTextOccurences() {\n      return fuzzaldrinPlus.match(this.pathWithEllipsis, this.searchText);\n    },\n  },\n  methods: {\n    clickRow() {\n      this.$emit('click', this.file);\n    },\n    mouseOverRow() {\n      this.$emit('mouseover', this.index);\n    },\n    mouseMove() {\n      this.$emit('mousemove', this.index);\n    },\n  },\n};\n</script>\n\n<template>\n  <button\n    :class=\"{\n      'is-focused': focused,\n    }\"\n    type=\"button\"\n    class=\"diff-changed-file\"\n    @click.prevent=\"clickRow\"\n    @mouseover=\"mouseOverRow\"\n    @mousemove=\"mouseMove\"\n  >\n    <file-icon :file-name=\"file.name\" :size=\"16\" css-classes=\"diff-file-changed-icon gl-mr-3\" />\n    <span class=\"diff-changed-file-content gl-mr-3\">\n      <strong class=\"diff-changed-file-name\">\n        <span\n          v-for=\"(char, charIndex) in file.name.split('')\"\n          :key=\"charIndex + char\"\n          :class=\"{\n            highlighted: nameSearchTextOccurences.indexOf(charIndex) >= 0,\n          }\"\n          v-text=\"char\"\n        >\n        </span>\n      </strong>\n      <span class=\"diff-changed-file-path gl-mt-2\">\n        <span\n          v-for=\"(char, charIndex) in pathWithEllipsis.split('')\"\n          :key=\"charIndex + char\"\n          :class=\"{\n            highlighted: pathSearchTextOccurences.indexOf(charIndex) >= 0,\n          }\"\n          v-text=\"char\"\n        >\n        </span>\n      </span>\n    </span>\n    <span v-if=\"file.changed || file.tempFile\" v-once class=\"diff-changed-stats\">\n      <span v-if=\"showDiffStats\">\n        <span class=\"gl-font-bold gl-text-success\">\n          <gl-icon name=\"file-addition\" class=\"align-text-top\" /> {{ file.addedLines }}\n        </span>\n        <span class=\"ml-1 gl-font-bold gl-text-danger\">\n          <gl-icon name=\"file-deletion\" class=\"align-text-top\" /> {{ file.removedLines }}\n        </span>\n      </span>\n      <changed-file-icon v-else :file=\"file\" />\n    </span>\n  </button>\n</template>\n\n<style scoped>\n.highlighted {\n  color: #1f78d1;\n  font-weight: 600;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./item.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./item.vue?vue&type=script&lang=js\"","import api from \"!../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--21-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./item.vue?vue&type=style&index=0&id=2107b802&prod&scoped=true&lang=css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { render, staticRenderFns } from \"./item.vue?vue&type=template&id=2107b802&scoped=true\"\nimport script from \"./item.vue?vue&type=script&lang=js\"\nexport * from \"./item.vue?vue&type=script&lang=js\"\nimport style0 from \"./item.vue?vue&type=style&index=0&id=2107b802&prod&scoped=true&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  \"2107b802\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('button',{staticClass:\"diff-changed-file\",class:{\n    'is-focused': _vm.focused,\n  },attrs:{\"type\":\"button\"},on:{\"click\":function($event){$event.preventDefault();return _vm.clickRow.apply(null, arguments)},\"mouseover\":_vm.mouseOverRow,\"mousemove\":_vm.mouseMove}},[_c('file-icon',{attrs:{\"file-name\":_vm.file.name,\"size\":16,\"css-classes\":\"diff-file-changed-icon gl-mr-3\"}}),_vm._v(\" \"),_c('span',{staticClass:\"diff-changed-file-content gl-mr-3\"},[_c('strong',{staticClass:\"diff-changed-file-name\"},_vm._l((_vm.file.name.split('')),function(char,charIndex){return _c('span',{key:charIndex + char,class:{\n          highlighted: _vm.nameSearchTextOccurences.indexOf(charIndex) >= 0,\n        },domProps:{\"textContent\":_vm._s(char)}})}),0),_vm._v(\" \"),_c('span',{staticClass:\"diff-changed-file-path gl-mt-2\"},_vm._l((_vm.pathWithEllipsis.split('')),function(char,charIndex){return _c('span',{key:charIndex + char,class:{\n          highlighted: _vm.pathSearchTextOccurences.indexOf(charIndex) >= 0,\n        },domProps:{\"textContent\":_vm._s(char)}})}),0)]),_vm._v(\" \"),(_vm.file.changed || _vm.file.tempFile)?_vm._m(0):_vm._e()],1)\n}\nvar staticRenderFns = [function (){var _vm=this,_c=_vm._self._c;return _c('span',{staticClass:\"diff-changed-stats\"},[(_vm.showDiffStats)?_c('span',[_c('span',{staticClass:\"gl-font-bold gl-text-success\"},[_c('gl-icon',{staticClass:\"align-text-top\",attrs:{\"name\":\"file-addition\"}}),_vm._v(\" \"+_vm._s(_vm.file.addedLines)+\"\\n      \")],1),_vm._v(\" \"),_c('span',{staticClass:\"ml-1 gl-font-bold gl-text-danger\"},[_c('gl-icon',{staticClass:\"align-text-top\",attrs:{\"name\":\"file-deletion\"}}),_vm._v(\" \"+_vm._s(_vm.file.removedLines)+\"\\n      \")],1)]):_c('changed-file-icon',{attrs:{\"file\":_vm.file}})],1)\n}]\n\nexport { render, staticRenderFns }","<!-- eslint-disable vue/multi-word-component-names -->\n<script>\nimport { GlIcon, GlLoadingIcon } from '@gitlab/ui';\nimport fuzzaldrinPlus from 'fuzzaldrin-plus';\nimport { RecycleScroller } from 'vendor/vue-virtual-scroller';\nimport { Mousetrap, addStopCallback } from '~/lib/mousetrap';\nimport { keysFor, MR_GO_TO_FILE } from '~/behaviors/shortcuts/keybindings';\nimport { UP_KEY_CODE, DOWN_KEY_CODE, ENTER_KEY_CODE, ESC_KEY_CODE } from '~/lib/utils/keycodes';\nimport Item from './item.vue';\n\nexport const MAX_FILE_FINDER_RESULTS = 40;\nexport const FILE_FINDER_ROW_HEIGHT = 55;\n\nexport default {\n  components: {\n    GlIcon,\n    GlLoadingIcon,\n    Item,\n    RecycleScroller,\n  },\n  props: {\n    files: {\n      type: Array,\n      required: true,\n    },\n    visible: {\n      type: Boolean,\n      required: true,\n    },\n    loading: {\n      type: Boolean,\n      required: true,\n    },\n    showDiffStats: {\n      type: Boolean,\n      required: false,\n      default: false,\n    },\n    clearSearchOnClose: {\n      type: Boolean,\n      required: false,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      focusedIndex: -1,\n      searchText: '',\n      mouseOver: false,\n      cancelMouseOver: false,\n    };\n  },\n  computed: {\n    filteredBlobs() {\n      const searchText = this.searchText.trim();\n\n      if (searchText === '') {\n        return this.files.slice(0, MAX_FILE_FINDER_RESULTS);\n      }\n\n      return fuzzaldrinPlus.filter(this.files, searchText, {\n        key: 'path',\n        maxResults: MAX_FILE_FINDER_RESULTS,\n      });\n    },\n    filteredBlobsLength() {\n      return this.filteredBlobs.length;\n    },\n    listHeight() {\n      return FILE_FINDER_ROW_HEIGHT;\n    },\n    showClearInputButton() {\n      return this.searchText.trim() !== '';\n    },\n  },\n  watch: {\n    visible() {\n      this.$nextTick(() => {\n        if (!this.visible) {\n          if (this.clearSearchOnClose) {\n            this.searchText = '';\n          }\n        } else {\n          this.focusedIndex = 0;\n\n          if (this.$refs.searchInput) {\n            this.$refs.searchInput.focus();\n          }\n        }\n      });\n    },\n    searchText() {\n      this.focusedIndex = -1;\n\n      this.$nextTick(() => {\n        this.focusedIndex = 0;\n      });\n    },\n    focusedIndex(val) {\n      if (!this.mouseOver) {\n        this.$nextTick(() => {\n          this.$refs.virtualScrollList?.scrollToItem(val);\n        });\n      }\n    },\n  },\n  mounted() {\n    if (this.files.length) {\n      this.focusedIndex = 0;\n    }\n\n    Mousetrap.bind(keysFor(MR_GO_TO_FILE), (e) => {\n      if (e.preventDefault) {\n        e.preventDefault();\n      }\n\n      this.toggle(!this.visible);\n    });\n\n    addStopCallback((e, el, combo) => {\n      if (\n        (combo === 't' && el.classList.contains('dropdown-input-field')) ||\n        el.classList.contains('inputarea')\n      ) {\n        return true;\n      }\n      if (combo === 'mod+p') {\n        return false;\n      }\n\n      return undefined;\n    });\n  },\n  methods: {\n    toggle(visible) {\n      this.$emit('toggle', visible);\n    },\n    clearSearchInput() {\n      this.searchText = '';\n\n      this.$nextTick(() => {\n        this.$refs.searchInput.focus();\n      });\n    },\n    onKeydown(e) {\n      switch (e.keyCode) {\n        case UP_KEY_CODE:\n          e.preventDefault();\n          this.mouseOver = false;\n          this.cancelMouseOver = true;\n          if (this.focusedIndex > 0) {\n            this.focusedIndex -= 1;\n          } else {\n            this.focusedIndex = this.filteredBlobsLength - 1;\n          }\n          break;\n        case DOWN_KEY_CODE:\n          e.preventDefault();\n          this.mouseOver = false;\n          this.cancelMouseOver = true;\n          if (this.focusedIndex < this.filteredBlobsLength - 1) {\n            this.focusedIndex += 1;\n          } else {\n            this.focusedIndex = 0;\n          }\n          break;\n        default:\n          break;\n      }\n    },\n    onKeyup(e) {\n      switch (e.keyCode) {\n        case ENTER_KEY_CODE:\n          this.openFile(this.filteredBlobs[this.focusedIndex]);\n          break;\n        case ESC_KEY_CODE:\n          this.toggle(false);\n          break;\n        default:\n          break;\n      }\n    },\n    openFile(file) {\n      this.toggle(false);\n      this.$emit('click', file);\n    },\n    onMouseOver(index) {\n      if (!this.cancelMouseOver) {\n        this.mouseOver = true;\n        this.focusedIndex = index;\n      }\n    },\n    onMouseMove(index) {\n      this.cancelMouseOver = false;\n      this.onMouseOver(index);\n    },\n  },\n};\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    data-testid=\"overlay\"\n    class=\"file-finder-overlay\"\n    @mousedown.self=\"toggle(false)\"\n  >\n    <div class=\"dropdown-menu diff-file-changes file-finder show\">\n      <div :class=\"{ 'has-value': showClearInputButton }\" class=\"dropdown-input\">\n        <input\n          ref=\"searchInput\"\n          v-model=\"searchText\"\n          :placeholder=\"__('Search files')\"\n          type=\"search\"\n          class=\"dropdown-input-field\"\n          autocomplete=\"off\"\n          data-testid=\"search-input\"\n          @keydown=\"onKeydown($event)\"\n          @keyup=\"onKeyup($event)\"\n        />\n        <gl-icon\n          name=\"search\"\n          class=\"dropdown-input-search\"\n          :class=\"{ hidden: showClearInputButton }\"\n        />\n        <gl-icon\n          name=\"close\"\n          data-testid=\"clear-search-input\"\n          class=\"dropdown-input-clear\"\n          role=\"button\"\n          :aria-label=\"__('Clear search input')\"\n          @click=\"clearSearchInput\"\n        />\n      </div>\n      <div>\n        <recycle-scroller\n          ref=\"virtualScrollList\"\n          :items=\"filteredBlobs\"\n          :item-size=\"listHeight\"\n          key-field=\"key\"\n          style=\"max-height: 275px\"\n        >\n          <template #before>\n            <li v-if=\"!filteredBlobs.length || loading\" class=\"dropdown-menu-empty-item\">\n              <div class=\"gl-my-3 gl-ml-3 gl-mr-3\">\n                <template v-if=\"loading\">\n                  <gl-loading-icon />\n                </template>\n                <template v-else>\n                  {{ __('No files found.') }}\n                </template>\n              </div>\n            </li>\n          </template>\n          <template #default=\"{ item, index }\">\n            <li>\n              <item\n                :file=\"item\"\n                :search-text=\"searchText\"\n                :focused=\"index === focusedIndex\"\n                :index=\"index\"\n                :show-diff-stats=\"showDiffStats\"\n                class=\"disable-hover\"\n                @click=\"openFile\"\n                @mouseover=\"onMouseOver\"\n                @mousemove=\"onMouseMove\"\n              />\n            </li>\n          </template>\n        </recycle-scroller>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped>\n.file-finder-overlay {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  z-index: 200;\n}\n\n.file-finder {\n  top: 10px;\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.diff-file-changes {\n  top: 50px;\n  max-height: 327px;\n}\n</style>\n","import mod from \"-!../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../../../node_modules/thread-loader/dist/cjs.js??ref--14-0!../../../../../../node_modules/babel-loader/lib/index.js??ref--14-1!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=script&lang=js\"","import api from \"!../../../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../../node_modules/css-loader/dist/cjs.js??ref--21-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./index.vue?vue&type=style&index=0&id=28937e50&prod&scoped=true&lang=css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import { render, staticRenderFns } from \"./index.vue?vue&type=template&id=28937e50&scoped=true\"\nimport script from \"./index.vue?vue&type=script&lang=js\"\nexport * from \"./index.vue?vue&type=script&lang=js\"\nimport style0 from \"./index.vue?vue&type=style&index=0&id=28937e50&prod&scoped=true&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  \"28937e50\",\n  null\n  \n)\n\nexport default component.exports","exports = module.exports = require(\"../../../../../../node_modules/css-loader/dist/runtime/api.js\")(false);\n// Module\nexports.push([module.id, \"\\n.file-finder-overlay[data-v-28937e50] {\\n  position: absolute;\\n  top: 0;\\n  right: 0;\\n  bottom: 0;\\n  left: 0;\\n  z-index: 200;\\n}\\n.file-finder[data-v-28937e50] {\\n  top: 10px;\\n  left: 50%;\\n  transform: translateX(-50%);\\n}\\n.diff-file-changes[data-v-28937e50] {\\n  top: 50px;\\n  max-height: 327px;\\n}\\n\", \"\"]);\n\n"],"sourceRoot":""}