From a80d286ef47e8b3adb151e532e281410840c9b84 Mon Sep 17 00:00:00 2001
From: Dario <medariox@users.noreply.github.com>
Date: Wed, 3 Apr 2024 16:16:09 +0200
Subject: [PATCH] Fix file browser (#11693)

---
 themes-default/slim/src/components/helpers/file-browser.vue | 6 ++----
 themes/dark/assets/js/medusa-runtime.js                     | 4 ++--
 themes/light/assets/js/medusa-runtime.js                    | 4 ++--
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/themes-default/slim/src/components/helpers/file-browser.vue b/themes-default/slim/src/components/helpers/file-browser.vue
index 09fb627637..af719dd782 100644
--- a/themes-default/slim/src/components/helpers/file-browser.vue
+++ b/themes-default/slim/src/components/helpers/file-browser.vue
@@ -9,9 +9,9 @@
             </div>
         </div>
 
-        <div ref="fileBrowserDialog" class="fileBrowserDialog" style="display: none;" />
+        <div ref="fileBrowserDialog" class="fileBrowserDialog" />
         <input ref="fileBrowserSearchBox" @keyup.enter="browse($event.target.value)" :value="currentPath" type="text" class="form-control" style="display: none;">
-        <ul ref="fileBrowserFileList" style="display: none;">
+        <ul ref="fileBrowserFileList">
             <li v-for="file in files" :key="file.name" class="ui-state-default ui-corner-all">
                 <a @mouseover="toggleFolder(file, $event)" @mouseout="toggleFolder(file, $event)" @click="fileClicked(file)">
                     <span :class="'ui-icon ' + (file.isFile ? 'ui-icon-blank' : 'ui-icon-folder-collapsed')" /> {{ file.name }}
@@ -202,7 +202,6 @@ export default {
                     autoOpen: false
                 });
 
-                fileBrowserSearchBox.removeAttribute('style');
                 vm.fileBrowserDialog // This is a jQuery object
                     .append(fileBrowserSearchBox);
                 fileBrowser(fileBrowserSearchBox, true)
@@ -234,7 +233,6 @@ export default {
             // Set lastPath so we can reset currentPath if we cancel dialog
             vm.lastPath = vm.currentPath;
 
-            fileBrowserFileList.removeAttribute('style');
             vm.fileBrowserDialog // This is a jQuery object
                 .append(fileBrowserFileList);
         },
diff --git a/themes/dark/assets/js/medusa-runtime.js b/themes/dark/assets/js/medusa-runtime.js
index bcb3a9bb15..5eb3602836 100644
--- a/themes/dark/assets/js/medusa-runtime.js
+++ b/themes/dark/assets/js/medusa-runtime.js
@@ -444,7 +444,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* provided dependency */ var $ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'file-browser',\n  props: {\n    // Used for form submission\n    name: {\n      type: String,\n      default: 'proc_dir'\n    },\n    // Title for the dialog and the browse button\n    title: {\n      type: String,\n      default: 'Choose Directory'\n    },\n    includeFiles: {\n      type: Boolean,\n      default: false\n    },\n    showBrowseButton: {\n      type: Boolean,\n      default: true\n    },\n    // Enable autocomplete on the input field\n    autocomplete: {\n      type: Boolean,\n      default: false\n    },\n    localStorageKey: {\n      type: String,\n      default: ''\n    },\n    initialDir: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    const testLocalStorage = () => {\n      try {\n        Boolean(localStorage.getItem);\n        return true;\n      } catch (error) {\n        console.log(error);\n        return false;\n      }\n    };\n    return {\n      lock: false,\n      unwatchProp: null,\n      files: [],\n      currentPath: this.initialDir,\n      lastPath: '',\n      url: 'browser/',\n      autocompleteUrl: 'browser/complete',\n      fileBrowserDialog: null,\n      localStorageSupport: testLocalStorage()\n    };\n  },\n  created() {\n    /**\n     * `initialDir` property might receive values originating from the API,\n     * that are sometimes not available when rendering.\n     * @TODO: Maybe we can remove this in the future.\n     */\n    this.unwatchProp = this.$watch('initialDir', newValue => {\n      this.unwatchProp();\n      this.lock = true;\n      this.currentPath = newValue;\n      this.$nextTick(() => {\n        this.lock = false;\n      });\n    });\n  },\n  mounted() {\n    // Initialize the fileBrowser.\n    const {\n      autocomplete,\n      fileBrowser,\n      storedPath,\n      $refs\n    } = this;\n    fileBrowser($refs.locationInput, autocomplete).on('autocompleteselect', (event, ui) => {\n      this.currentPath = ui.item.value;\n    });\n\n    // If the text field is empty and we have the last browsed path, use it\n    if (!this.currentPath && storedPath) {\n      this.currentPath = storedPath;\n    }\n  },\n  computed: {\n    ...(0,vuex__WEBPACK_IMPORTED_MODULE_0__.mapState)({\n      client: state => state.auth.client\n    }),\n    storedPath: {\n      // Interact with localStorage, if applicable\n      get() {\n        const {\n          localStorageSupport,\n          localStorageKey\n        } = this;\n        if (!localStorageSupport || !localStorageKey) {\n          return null;\n        }\n        return localStorage['fileBrowser-' + localStorageKey];\n      },\n      set(newPath) {\n        const {\n          localStorageSupport,\n          localStorageKey\n        } = this;\n        if (!localStorageSupport || !localStorageKey) {\n          return;\n        }\n        localStorage['fileBrowser-' + localStorageKey] = newPath;\n      }\n    }\n  },\n  methods: {\n    toggleFolder(file, event) {\n      if (file.isFile) {\n        return;\n      }\n      const target = event.target.children[0] || event.target;\n      target.classList.toggle('ui-icon-folder-open');\n      target.classList.toggle('ui-icon-folder-collapsed');\n    },\n    fileClicked(file) {\n      // If item clicked is file then open file and select \"ok\"\n      // Otherwise browse to dir\n      if (file.isFile) {\n        this.currentPath = file.path;\n        $(this.$el).find('.browserDialog .ui-button:contains(\"Ok\")').click();\n      } else {\n        this.browse(file.path);\n      }\n    },\n    browse(path) {\n      const {\n        url,\n        includeFiles,\n        fileBrowserDialog\n      } = this;\n\n      // Close autocomplete (needed when clicking enter)\n      $(this.$refs.fileBrowserSearchBox).autocomplete('close');\n      console.debug('Browsing to ' + path);\n      fileBrowserDialog.dialog('option', 'dialogClass', 'browserDialog busy');\n      fileBrowserDialog.dialog('option', 'closeText', ''); // This removes the \"Close\" text\n\n      const params = {\n        path,\n        includeFiles: Number(includeFiles)\n      };\n      this.client.apiRoute.get(url, {\n        params\n      }).then(response => {\n        const {\n          data\n        } = response;\n        this.currentPath = data.shift().currentPath;\n        this.files = data;\n        fileBrowserDialog.dialog('option', 'dialogClass', 'browserDialog');\n      }).catch(error => {\n        console.warning(`Unable to browse to: ${path}\\nError: ${error.message}`, error);\n      });\n    },\n    openFileBrowser(callback) {\n      const vm = this;\n      const {\n        browse,\n        title,\n        fileBrowser,\n        $refs\n      } = vm;\n      const {\n        fileBrowserSearchBox,\n        fileBrowserFileList\n      } = $refs;\n      if (!vm.fileBrowserDialog) {\n        // Make a fileBrowserDialog object if one doesn't exist already\n        // Set up the jQuery dialog\n        vm.fileBrowserDialog = $($refs.fileBrowserDialog).dialog({\n          dialogClass: 'browserDialog',\n          title,\n          position: {\n            my: 'center top',\n            at: 'center top+100',\n            of: window\n          },\n          minWidth: Math.min($(document).width() - 80, 650),\n          height: Math.min($(document).height() - 120, $(window).height() - 120),\n          maxHeight: Math.min($(document).height() - 120, $(window).height() - 120),\n          maxWidth: $(document).width() - 80,\n          modal: true,\n          autoOpen: false\n        });\n        fileBrowserSearchBox.removeAttribute('style');\n        vm.fileBrowserDialog // This is a jQuery object\n        .append(fileBrowserSearchBox);\n        fileBrowser(fileBrowserSearchBox, true).on('autocompleteselect', (event, ui) => {\n          browse(ui.item.value);\n        });\n      }\n      vm.fileBrowserDialog.dialog('option', 'buttons', [{\n        text: 'Ok',\n        class: 'medusa-btn',\n        click() {\n          // Store the browsed path to the associated text field\n          callback(vm.currentPath);\n          $(this).dialog('close');\n        }\n      }, {\n        text: 'Cancel',\n        class: 'medusa-btn',\n        click() {\n          // Reset currentPath to path before dialog opened\n          vm.currentPath = vm.lastPath;\n          $(this).dialog('close');\n        }\n      }]);\n      vm.fileBrowserDialog.dialog('open');\n      browse(vm.currentPath);\n      // Set lastPath so we can reset currentPath if we cancel dialog\n      vm.lastPath = vm.currentPath;\n      fileBrowserFileList.removeAttribute('style');\n      vm.fileBrowserDialog // This is a jQuery object\n      .append(fileBrowserFileList);\n    },\n    fileBrowser(target, autocomplete) {\n      const vm = this;\n      const {\n        autocompleteUrl,\n        includeFiles\n      } = vm;\n\n      // Text field used for the result\n      const resultField = $(target);\n      if (autocomplete && resultField.autocomplete && autocompleteUrl) {\n        let query = '';\n        resultField.autocomplete({\n          position: {\n            my: 'top',\n            at: 'bottom',\n            collision: 'flipfit'\n          },\n          source(request, response) {\n            // Keep track of user submitted search term\n            query = $.ui.autocomplete.escapeRegex(request.term);\n            request.includeFiles = Number(includeFiles);\n            $.ajax({\n              url: autocompleteUrl,\n              data: request,\n              dataType: 'json'\n            }).done(data => {\n              // Implement a startsWith filter for the results\n              const matcher = new RegExp('^' + query, 'i');\n              const a = $.grep(data, item => {\n                return matcher.test(item);\n              });\n              response(a);\n            });\n          },\n          open() {\n            $(vm.$el).find('.ui-autocomplete li.ui-menu-item a').removeClass('ui-corner-all');\n          }\n        }).data('ui-autocomplete')._renderItem = (ul, item) => {\n          // Highlight the matched search term from the item -- note that this is global and will match anywhere\n          let resultItem = item.label;\n          const x = new RegExp('(?![^&;]+;)(?!<[^<>]*)(' + query + ')(?![^<>]*>)(?![^&;]+;)', 'gi');\n          resultItem = resultItem.replace(x, fullMatch => {\n            return '<b>' + fullMatch + '</b>';\n          });\n          return $('<li></li>').data('ui-autocomplete-item', item).append('<a class=\"nowrap\">' + resultItem + '</a>').appendTo(ul);\n        };\n      }\n      // Returns: jQuery element\n      return resultField;\n    },\n    openDialog() {\n      const {\n        openFileBrowser,\n        currentPath\n      } = this;\n      openFileBrowser(path => {\n        // Store the path to remember for next time -- no ie6/7\n        this.storedPath = path || currentPath;\n      });\n    }\n  },\n  watch: {\n    currentPath() {\n      if (!this.lock) {\n        this.$emit('update', this.currentPath);\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://slim/./src/components/helpers/file-browser.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-1!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* provided dependency */ var $ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'file-browser',\n  props: {\n    // Used for form submission\n    name: {\n      type: String,\n      default: 'proc_dir'\n    },\n    // Title for the dialog and the browse button\n    title: {\n      type: String,\n      default: 'Choose Directory'\n    },\n    includeFiles: {\n      type: Boolean,\n      default: false\n    },\n    showBrowseButton: {\n      type: Boolean,\n      default: true\n    },\n    // Enable autocomplete on the input field\n    autocomplete: {\n      type: Boolean,\n      default: false\n    },\n    localStorageKey: {\n      type: String,\n      default: ''\n    },\n    initialDir: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    const testLocalStorage = () => {\n      try {\n        Boolean(localStorage.getItem);\n        return true;\n      } catch (error) {\n        console.log(error);\n        return false;\n      }\n    };\n    return {\n      lock: false,\n      unwatchProp: null,\n      files: [],\n      currentPath: this.initialDir,\n      lastPath: '',\n      url: 'browser/',\n      autocompleteUrl: 'browser/complete',\n      fileBrowserDialog: null,\n      localStorageSupport: testLocalStorage()\n    };\n  },\n  created() {\n    /**\n     * `initialDir` property might receive values originating from the API,\n     * that are sometimes not available when rendering.\n     * @TODO: Maybe we can remove this in the future.\n     */\n    this.unwatchProp = this.$watch('initialDir', newValue => {\n      this.unwatchProp();\n      this.lock = true;\n      this.currentPath = newValue;\n      this.$nextTick(() => {\n        this.lock = false;\n      });\n    });\n  },\n  mounted() {\n    // Initialize the fileBrowser.\n    const {\n      autocomplete,\n      fileBrowser,\n      storedPath,\n      $refs\n    } = this;\n    fileBrowser($refs.locationInput, autocomplete).on('autocompleteselect', (event, ui) => {\n      this.currentPath = ui.item.value;\n    });\n\n    // If the text field is empty and we have the last browsed path, use it\n    if (!this.currentPath && storedPath) {\n      this.currentPath = storedPath;\n    }\n  },\n  computed: {\n    ...(0,vuex__WEBPACK_IMPORTED_MODULE_0__.mapState)({\n      client: state => state.auth.client\n    }),\n    storedPath: {\n      // Interact with localStorage, if applicable\n      get() {\n        const {\n          localStorageSupport,\n          localStorageKey\n        } = this;\n        if (!localStorageSupport || !localStorageKey) {\n          return null;\n        }\n        return localStorage['fileBrowser-' + localStorageKey];\n      },\n      set(newPath) {\n        const {\n          localStorageSupport,\n          localStorageKey\n        } = this;\n        if (!localStorageSupport || !localStorageKey) {\n          return;\n        }\n        localStorage['fileBrowser-' + localStorageKey] = newPath;\n      }\n    }\n  },\n  methods: {\n    toggleFolder(file, event) {\n      if (file.isFile) {\n        return;\n      }\n      const target = event.target.children[0] || event.target;\n      target.classList.toggle('ui-icon-folder-open');\n      target.classList.toggle('ui-icon-folder-collapsed');\n    },\n    fileClicked(file) {\n      // If item clicked is file then open file and select \"ok\"\n      // Otherwise browse to dir\n      if (file.isFile) {\n        this.currentPath = file.path;\n        $(this.$el).find('.browserDialog .ui-button:contains(\"Ok\")').click();\n      } else {\n        this.browse(file.path);\n      }\n    },\n    browse(path) {\n      const {\n        url,\n        includeFiles,\n        fileBrowserDialog\n      } = this;\n\n      // Close autocomplete (needed when clicking enter)\n      $(this.$refs.fileBrowserSearchBox).autocomplete('close');\n      console.debug('Browsing to ' + path);\n      fileBrowserDialog.dialog('option', 'dialogClass', 'browserDialog busy');\n      fileBrowserDialog.dialog('option', 'closeText', ''); // This removes the \"Close\" text\n\n      const params = {\n        path,\n        includeFiles: Number(includeFiles)\n      };\n      this.client.apiRoute.get(url, {\n        params\n      }).then(response => {\n        const {\n          data\n        } = response;\n        this.currentPath = data.shift().currentPath;\n        this.files = data;\n        fileBrowserDialog.dialog('option', 'dialogClass', 'browserDialog');\n      }).catch(error => {\n        console.warning(`Unable to browse to: ${path}\\nError: ${error.message}`, error);\n      });\n    },\n    openFileBrowser(callback) {\n      const vm = this;\n      const {\n        browse,\n        title,\n        fileBrowser,\n        $refs\n      } = vm;\n      const {\n        fileBrowserSearchBox,\n        fileBrowserFileList\n      } = $refs;\n      if (!vm.fileBrowserDialog) {\n        // Make a fileBrowserDialog object if one doesn't exist already\n        // Set up the jQuery dialog\n        vm.fileBrowserDialog = $($refs.fileBrowserDialog).dialog({\n          dialogClass: 'browserDialog',\n          title,\n          position: {\n            my: 'center top',\n            at: 'center top+100',\n            of: window\n          },\n          minWidth: Math.min($(document).width() - 80, 650),\n          height: Math.min($(document).height() - 120, $(window).height() - 120),\n          maxHeight: Math.min($(document).height() - 120, $(window).height() - 120),\n          maxWidth: $(document).width() - 80,\n          modal: true,\n          autoOpen: false\n        });\n        vm.fileBrowserDialog // This is a jQuery object\n        .append(fileBrowserSearchBox);\n        fileBrowser(fileBrowserSearchBox, true).on('autocompleteselect', (event, ui) => {\n          browse(ui.item.value);\n        });\n      }\n      vm.fileBrowserDialog.dialog('option', 'buttons', [{\n        text: 'Ok',\n        class: 'medusa-btn',\n        click() {\n          // Store the browsed path to the associated text field\n          callback(vm.currentPath);\n          $(this).dialog('close');\n        }\n      }, {\n        text: 'Cancel',\n        class: 'medusa-btn',\n        click() {\n          // Reset currentPath to path before dialog opened\n          vm.currentPath = vm.lastPath;\n          $(this).dialog('close');\n        }\n      }]);\n      vm.fileBrowserDialog.dialog('open');\n      browse(vm.currentPath);\n      // Set lastPath so we can reset currentPath if we cancel dialog\n      vm.lastPath = vm.currentPath;\n      vm.fileBrowserDialog // This is a jQuery object\n      .append(fileBrowserFileList);\n    },\n    fileBrowser(target, autocomplete) {\n      const vm = this;\n      const {\n        autocompleteUrl,\n        includeFiles\n      } = vm;\n\n      // Text field used for the result\n      const resultField = $(target);\n      if (autocomplete && resultField.autocomplete && autocompleteUrl) {\n        let query = '';\n        resultField.autocomplete({\n          position: {\n            my: 'top',\n            at: 'bottom',\n            collision: 'flipfit'\n          },\n          source(request, response) {\n            // Keep track of user submitted search term\n            query = $.ui.autocomplete.escapeRegex(request.term);\n            request.includeFiles = Number(includeFiles);\n            $.ajax({\n              url: autocompleteUrl,\n              data: request,\n              dataType: 'json'\n            }).done(data => {\n              // Implement a startsWith filter for the results\n              const matcher = new RegExp('^' + query, 'i');\n              const a = $.grep(data, item => {\n                return matcher.test(item);\n              });\n              response(a);\n            });\n          },\n          open() {\n            $(vm.$el).find('.ui-autocomplete li.ui-menu-item a').removeClass('ui-corner-all');\n          }\n        }).data('ui-autocomplete')._renderItem = (ul, item) => {\n          // Highlight the matched search term from the item -- note that this is global and will match anywhere\n          let resultItem = item.label;\n          const x = new RegExp('(?![^&;]+;)(?!<[^<>]*)(' + query + ')(?![^<>]*>)(?![^&;]+;)', 'gi');\n          resultItem = resultItem.replace(x, fullMatch => {\n            return '<b>' + fullMatch + '</b>';\n          });\n          return $('<li></li>').data('ui-autocomplete-item', item).append('<a class=\"nowrap\">' + resultItem + '</a>').appendTo(ul);\n        };\n      }\n      // Returns: jQuery element\n      return resultField;\n    },\n    openDialog() {\n      const {\n        openFileBrowser,\n        currentPath\n      } = this;\n      openFileBrowser(path => {\n        // Store the path to remember for next time -- no ie6/7\n        this.storedPath = path || currentPath;\n      });\n    }\n  },\n  watch: {\n    currentPath() {\n      if (!this.lock) {\n        this.$emit('update', this.currentPath);\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://slim/./src/components/helpers/file-browser.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-1!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -1665,7 +1665,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"file-browser max-width\"\n  }, [_c(\"div\", {\n    class: _vm.showBrowseButton ? \"input-group\" : \"input-group-no-btn\"\n  }, [_c(\"input\", {\n    directives: [{\n      name: \"model\",\n      rawName: \"v-model\",\n      value: _vm.currentPath,\n      expression: \"currentPath\"\n    }],\n    ref: \"locationInput\",\n    staticClass: \"form-control input-sm fileBrowserField\",\n    attrs: {\n      name: _vm.name,\n      type: \"text\"\n    },\n    domProps: {\n      value: _vm.currentPath\n    },\n    on: {\n      input: function ($event) {\n        if ($event.target.composing) return;\n        _vm.currentPath = $event.target.value;\n      }\n    }\n  }), _vm._v(\" \"), _vm.showBrowseButton ? _c(\"div\", {\n    staticClass: \"input-group-btn\",\n    attrs: {\n      title: _vm.title,\n      alt: _vm.title\n    },\n    on: {\n      click: function ($event) {\n        $event.preventDefault();\n        return _vm.openDialog.apply(null, arguments);\n      }\n    }\n  }, [_vm._m(0)]) : _vm._e()]), _vm._v(\" \"), _c(\"div\", {\n    ref: \"fileBrowserDialog\",\n    staticClass: \"fileBrowserDialog\",\n    staticStyle: {\n      display: \"none\"\n    }\n  }), _vm._v(\" \"), _c(\"input\", {\n    ref: \"fileBrowserSearchBox\",\n    staticClass: \"form-control\",\n    staticStyle: {\n      display: \"none\"\n    },\n    attrs: {\n      type: \"text\"\n    },\n    domProps: {\n      value: _vm.currentPath\n    },\n    on: {\n      keyup: function ($event) {\n        if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n        return _vm.browse($event.target.value);\n      }\n    }\n  }), _vm._v(\" \"), _c(\"ul\", {\n    ref: \"fileBrowserFileList\",\n    staticStyle: {\n      display: \"none\"\n    }\n  }, _vm._l(_vm.files, function (file) {\n    return _c(\"li\", {\n      key: file.name,\n      staticClass: \"ui-state-default ui-corner-all\"\n    }, [_c(\"a\", {\n      on: {\n        mouseover: function ($event) {\n          return _vm.toggleFolder(file, $event);\n        },\n        mouseout: function ($event) {\n          return _vm.toggleFolder(file, $event);\n        },\n        click: function ($event) {\n          return _vm.fileClicked(file);\n        }\n      }\n    }, [_c(\"span\", {\n      class: \"ui-icon \" + (file.isFile ? \"ui-icon-blank\" : \"ui-icon-folder-collapsed\")\n    }), _vm._v(\" \" + _vm._s(file.name) + \"\\n            \")])]);\n  }), 0)]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"btn btn-default input-sm\",\n    staticStyle: {\n      \"font-size\": \"14px\"\n    }\n  }, [_c(\"i\", {\n    staticClass: \"glyphicon glyphicon-open\"\n  })]);\n}];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://slim/./src/components/helpers/file-browser.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-1!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"file-browser max-width\"\n  }, [_c(\"div\", {\n    class: _vm.showBrowseButton ? \"input-group\" : \"input-group-no-btn\"\n  }, [_c(\"input\", {\n    directives: [{\n      name: \"model\",\n      rawName: \"v-model\",\n      value: _vm.currentPath,\n      expression: \"currentPath\"\n    }],\n    ref: \"locationInput\",\n    staticClass: \"form-control input-sm fileBrowserField\",\n    attrs: {\n      name: _vm.name,\n      type: \"text\"\n    },\n    domProps: {\n      value: _vm.currentPath\n    },\n    on: {\n      input: function ($event) {\n        if ($event.target.composing) return;\n        _vm.currentPath = $event.target.value;\n      }\n    }\n  }), _vm._v(\" \"), _vm.showBrowseButton ? _c(\"div\", {\n    staticClass: \"input-group-btn\",\n    attrs: {\n      title: _vm.title,\n      alt: _vm.title\n    },\n    on: {\n      click: function ($event) {\n        $event.preventDefault();\n        return _vm.openDialog.apply(null, arguments);\n      }\n    }\n  }, [_vm._m(0)]) : _vm._e()]), _vm._v(\" \"), _c(\"div\", {\n    ref: \"fileBrowserDialog\",\n    staticClass: \"fileBrowserDialog\"\n  }), _vm._v(\" \"), _c(\"input\", {\n    ref: \"fileBrowserSearchBox\",\n    staticClass: \"form-control\",\n    staticStyle: {\n      display: \"none\"\n    },\n    attrs: {\n      type: \"text\"\n    },\n    domProps: {\n      value: _vm.currentPath\n    },\n    on: {\n      keyup: function ($event) {\n        if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n        return _vm.browse($event.target.value);\n      }\n    }\n  }), _vm._v(\" \"), _c(\"ul\", {\n    ref: \"fileBrowserFileList\"\n  }, _vm._l(_vm.files, function (file) {\n    return _c(\"li\", {\n      key: file.name,\n      staticClass: \"ui-state-default ui-corner-all\"\n    }, [_c(\"a\", {\n      on: {\n        mouseover: function ($event) {\n          return _vm.toggleFolder(file, $event);\n        },\n        mouseout: function ($event) {\n          return _vm.toggleFolder(file, $event);\n        },\n        click: function ($event) {\n          return _vm.fileClicked(file);\n        }\n      }\n    }, [_c(\"span\", {\n      class: \"ui-icon \" + (file.isFile ? \"ui-icon-blank\" : \"ui-icon-folder-collapsed\")\n    }), _vm._v(\" \" + _vm._s(file.name) + \"\\n            \")])]);\n  }), 0)]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"btn btn-default input-sm\",\n    staticStyle: {\n      \"font-size\": \"14px\"\n    }\n  }, [_c(\"i\", {\n    staticClass: \"glyphicon glyphicon-open\"\n  })]);\n}];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://slim/./src/components/helpers/file-browser.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-1!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
diff --git a/themes/light/assets/js/medusa-runtime.js b/themes/light/assets/js/medusa-runtime.js
index bcb3a9bb15..5eb3602836 100644
--- a/themes/light/assets/js/medusa-runtime.js
+++ b/themes/light/assets/js/medusa-runtime.js
@@ -444,7 +444,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* provided dependency */ var $ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'file-browser',\n  props: {\n    // Used for form submission\n    name: {\n      type: String,\n      default: 'proc_dir'\n    },\n    // Title for the dialog and the browse button\n    title: {\n      type: String,\n      default: 'Choose Directory'\n    },\n    includeFiles: {\n      type: Boolean,\n      default: false\n    },\n    showBrowseButton: {\n      type: Boolean,\n      default: true\n    },\n    // Enable autocomplete on the input field\n    autocomplete: {\n      type: Boolean,\n      default: false\n    },\n    localStorageKey: {\n      type: String,\n      default: ''\n    },\n    initialDir: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    const testLocalStorage = () => {\n      try {\n        Boolean(localStorage.getItem);\n        return true;\n      } catch (error) {\n        console.log(error);\n        return false;\n      }\n    };\n    return {\n      lock: false,\n      unwatchProp: null,\n      files: [],\n      currentPath: this.initialDir,\n      lastPath: '',\n      url: 'browser/',\n      autocompleteUrl: 'browser/complete',\n      fileBrowserDialog: null,\n      localStorageSupport: testLocalStorage()\n    };\n  },\n  created() {\n    /**\n     * `initialDir` property might receive values originating from the API,\n     * that are sometimes not available when rendering.\n     * @TODO: Maybe we can remove this in the future.\n     */\n    this.unwatchProp = this.$watch('initialDir', newValue => {\n      this.unwatchProp();\n      this.lock = true;\n      this.currentPath = newValue;\n      this.$nextTick(() => {\n        this.lock = false;\n      });\n    });\n  },\n  mounted() {\n    // Initialize the fileBrowser.\n    const {\n      autocomplete,\n      fileBrowser,\n      storedPath,\n      $refs\n    } = this;\n    fileBrowser($refs.locationInput, autocomplete).on('autocompleteselect', (event, ui) => {\n      this.currentPath = ui.item.value;\n    });\n\n    // If the text field is empty and we have the last browsed path, use it\n    if (!this.currentPath && storedPath) {\n      this.currentPath = storedPath;\n    }\n  },\n  computed: {\n    ...(0,vuex__WEBPACK_IMPORTED_MODULE_0__.mapState)({\n      client: state => state.auth.client\n    }),\n    storedPath: {\n      // Interact with localStorage, if applicable\n      get() {\n        const {\n          localStorageSupport,\n          localStorageKey\n        } = this;\n        if (!localStorageSupport || !localStorageKey) {\n          return null;\n        }\n        return localStorage['fileBrowser-' + localStorageKey];\n      },\n      set(newPath) {\n        const {\n          localStorageSupport,\n          localStorageKey\n        } = this;\n        if (!localStorageSupport || !localStorageKey) {\n          return;\n        }\n        localStorage['fileBrowser-' + localStorageKey] = newPath;\n      }\n    }\n  },\n  methods: {\n    toggleFolder(file, event) {\n      if (file.isFile) {\n        return;\n      }\n      const target = event.target.children[0] || event.target;\n      target.classList.toggle('ui-icon-folder-open');\n      target.classList.toggle('ui-icon-folder-collapsed');\n    },\n    fileClicked(file) {\n      // If item clicked is file then open file and select \"ok\"\n      // Otherwise browse to dir\n      if (file.isFile) {\n        this.currentPath = file.path;\n        $(this.$el).find('.browserDialog .ui-button:contains(\"Ok\")').click();\n      } else {\n        this.browse(file.path);\n      }\n    },\n    browse(path) {\n      const {\n        url,\n        includeFiles,\n        fileBrowserDialog\n      } = this;\n\n      // Close autocomplete (needed when clicking enter)\n      $(this.$refs.fileBrowserSearchBox).autocomplete('close');\n      console.debug('Browsing to ' + path);\n      fileBrowserDialog.dialog('option', 'dialogClass', 'browserDialog busy');\n      fileBrowserDialog.dialog('option', 'closeText', ''); // This removes the \"Close\" text\n\n      const params = {\n        path,\n        includeFiles: Number(includeFiles)\n      };\n      this.client.apiRoute.get(url, {\n        params\n      }).then(response => {\n        const {\n          data\n        } = response;\n        this.currentPath = data.shift().currentPath;\n        this.files = data;\n        fileBrowserDialog.dialog('option', 'dialogClass', 'browserDialog');\n      }).catch(error => {\n        console.warning(`Unable to browse to: ${path}\\nError: ${error.message}`, error);\n      });\n    },\n    openFileBrowser(callback) {\n      const vm = this;\n      const {\n        browse,\n        title,\n        fileBrowser,\n        $refs\n      } = vm;\n      const {\n        fileBrowserSearchBox,\n        fileBrowserFileList\n      } = $refs;\n      if (!vm.fileBrowserDialog) {\n        // Make a fileBrowserDialog object if one doesn't exist already\n        // Set up the jQuery dialog\n        vm.fileBrowserDialog = $($refs.fileBrowserDialog).dialog({\n          dialogClass: 'browserDialog',\n          title,\n          position: {\n            my: 'center top',\n            at: 'center top+100',\n            of: window\n          },\n          minWidth: Math.min($(document).width() - 80, 650),\n          height: Math.min($(document).height() - 120, $(window).height() - 120),\n          maxHeight: Math.min($(document).height() - 120, $(window).height() - 120),\n          maxWidth: $(document).width() - 80,\n          modal: true,\n          autoOpen: false\n        });\n        fileBrowserSearchBox.removeAttribute('style');\n        vm.fileBrowserDialog // This is a jQuery object\n        .append(fileBrowserSearchBox);\n        fileBrowser(fileBrowserSearchBox, true).on('autocompleteselect', (event, ui) => {\n          browse(ui.item.value);\n        });\n      }\n      vm.fileBrowserDialog.dialog('option', 'buttons', [{\n        text: 'Ok',\n        class: 'medusa-btn',\n        click() {\n          // Store the browsed path to the associated text field\n          callback(vm.currentPath);\n          $(this).dialog('close');\n        }\n      }, {\n        text: 'Cancel',\n        class: 'medusa-btn',\n        click() {\n          // Reset currentPath to path before dialog opened\n          vm.currentPath = vm.lastPath;\n          $(this).dialog('close');\n        }\n      }]);\n      vm.fileBrowserDialog.dialog('open');\n      browse(vm.currentPath);\n      // Set lastPath so we can reset currentPath if we cancel dialog\n      vm.lastPath = vm.currentPath;\n      fileBrowserFileList.removeAttribute('style');\n      vm.fileBrowserDialog // This is a jQuery object\n      .append(fileBrowserFileList);\n    },\n    fileBrowser(target, autocomplete) {\n      const vm = this;\n      const {\n        autocompleteUrl,\n        includeFiles\n      } = vm;\n\n      // Text field used for the result\n      const resultField = $(target);\n      if (autocomplete && resultField.autocomplete && autocompleteUrl) {\n        let query = '';\n        resultField.autocomplete({\n          position: {\n            my: 'top',\n            at: 'bottom',\n            collision: 'flipfit'\n          },\n          source(request, response) {\n            // Keep track of user submitted search term\n            query = $.ui.autocomplete.escapeRegex(request.term);\n            request.includeFiles = Number(includeFiles);\n            $.ajax({\n              url: autocompleteUrl,\n              data: request,\n              dataType: 'json'\n            }).done(data => {\n              // Implement a startsWith filter for the results\n              const matcher = new RegExp('^' + query, 'i');\n              const a = $.grep(data, item => {\n                return matcher.test(item);\n              });\n              response(a);\n            });\n          },\n          open() {\n            $(vm.$el).find('.ui-autocomplete li.ui-menu-item a').removeClass('ui-corner-all');\n          }\n        }).data('ui-autocomplete')._renderItem = (ul, item) => {\n          // Highlight the matched search term from the item -- note that this is global and will match anywhere\n          let resultItem = item.label;\n          const x = new RegExp('(?![^&;]+;)(?!<[^<>]*)(' + query + ')(?![^<>]*>)(?![^&;]+;)', 'gi');\n          resultItem = resultItem.replace(x, fullMatch => {\n            return '<b>' + fullMatch + '</b>';\n          });\n          return $('<li></li>').data('ui-autocomplete-item', item).append('<a class=\"nowrap\">' + resultItem + '</a>').appendTo(ul);\n        };\n      }\n      // Returns: jQuery element\n      return resultField;\n    },\n    openDialog() {\n      const {\n        openFileBrowser,\n        currentPath\n      } = this;\n      openFileBrowser(path => {\n        // Store the path to remember for next time -- no ie6/7\n        this.storedPath = path || currentPath;\n      });\n    }\n  },\n  watch: {\n    currentPath() {\n      if (!this.lock) {\n        this.$emit('update', this.currentPath);\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://slim/./src/components/helpers/file-browser.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-1!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var vuex__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! vuex */ \"./node_modules/vuex/dist/vuex.esm.js\");\n/* provided dependency */ var $ = __webpack_require__(/*! jquery */ \"./node_modules/jquery/dist/jquery.js\");\n\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({\n  name: 'file-browser',\n  props: {\n    // Used for form submission\n    name: {\n      type: String,\n      default: 'proc_dir'\n    },\n    // Title for the dialog and the browse button\n    title: {\n      type: String,\n      default: 'Choose Directory'\n    },\n    includeFiles: {\n      type: Boolean,\n      default: false\n    },\n    showBrowseButton: {\n      type: Boolean,\n      default: true\n    },\n    // Enable autocomplete on the input field\n    autocomplete: {\n      type: Boolean,\n      default: false\n    },\n    localStorageKey: {\n      type: String,\n      default: ''\n    },\n    initialDir: {\n      type: String,\n      default: ''\n    }\n  },\n  data() {\n    const testLocalStorage = () => {\n      try {\n        Boolean(localStorage.getItem);\n        return true;\n      } catch (error) {\n        console.log(error);\n        return false;\n      }\n    };\n    return {\n      lock: false,\n      unwatchProp: null,\n      files: [],\n      currentPath: this.initialDir,\n      lastPath: '',\n      url: 'browser/',\n      autocompleteUrl: 'browser/complete',\n      fileBrowserDialog: null,\n      localStorageSupport: testLocalStorage()\n    };\n  },\n  created() {\n    /**\n     * `initialDir` property might receive values originating from the API,\n     * that are sometimes not available when rendering.\n     * @TODO: Maybe we can remove this in the future.\n     */\n    this.unwatchProp = this.$watch('initialDir', newValue => {\n      this.unwatchProp();\n      this.lock = true;\n      this.currentPath = newValue;\n      this.$nextTick(() => {\n        this.lock = false;\n      });\n    });\n  },\n  mounted() {\n    // Initialize the fileBrowser.\n    const {\n      autocomplete,\n      fileBrowser,\n      storedPath,\n      $refs\n    } = this;\n    fileBrowser($refs.locationInput, autocomplete).on('autocompleteselect', (event, ui) => {\n      this.currentPath = ui.item.value;\n    });\n\n    // If the text field is empty and we have the last browsed path, use it\n    if (!this.currentPath && storedPath) {\n      this.currentPath = storedPath;\n    }\n  },\n  computed: {\n    ...(0,vuex__WEBPACK_IMPORTED_MODULE_0__.mapState)({\n      client: state => state.auth.client\n    }),\n    storedPath: {\n      // Interact with localStorage, if applicable\n      get() {\n        const {\n          localStorageSupport,\n          localStorageKey\n        } = this;\n        if (!localStorageSupport || !localStorageKey) {\n          return null;\n        }\n        return localStorage['fileBrowser-' + localStorageKey];\n      },\n      set(newPath) {\n        const {\n          localStorageSupport,\n          localStorageKey\n        } = this;\n        if (!localStorageSupport || !localStorageKey) {\n          return;\n        }\n        localStorage['fileBrowser-' + localStorageKey] = newPath;\n      }\n    }\n  },\n  methods: {\n    toggleFolder(file, event) {\n      if (file.isFile) {\n        return;\n      }\n      const target = event.target.children[0] || event.target;\n      target.classList.toggle('ui-icon-folder-open');\n      target.classList.toggle('ui-icon-folder-collapsed');\n    },\n    fileClicked(file) {\n      // If item clicked is file then open file and select \"ok\"\n      // Otherwise browse to dir\n      if (file.isFile) {\n        this.currentPath = file.path;\n        $(this.$el).find('.browserDialog .ui-button:contains(\"Ok\")').click();\n      } else {\n        this.browse(file.path);\n      }\n    },\n    browse(path) {\n      const {\n        url,\n        includeFiles,\n        fileBrowserDialog\n      } = this;\n\n      // Close autocomplete (needed when clicking enter)\n      $(this.$refs.fileBrowserSearchBox).autocomplete('close');\n      console.debug('Browsing to ' + path);\n      fileBrowserDialog.dialog('option', 'dialogClass', 'browserDialog busy');\n      fileBrowserDialog.dialog('option', 'closeText', ''); // This removes the \"Close\" text\n\n      const params = {\n        path,\n        includeFiles: Number(includeFiles)\n      };\n      this.client.apiRoute.get(url, {\n        params\n      }).then(response => {\n        const {\n          data\n        } = response;\n        this.currentPath = data.shift().currentPath;\n        this.files = data;\n        fileBrowserDialog.dialog('option', 'dialogClass', 'browserDialog');\n      }).catch(error => {\n        console.warning(`Unable to browse to: ${path}\\nError: ${error.message}`, error);\n      });\n    },\n    openFileBrowser(callback) {\n      const vm = this;\n      const {\n        browse,\n        title,\n        fileBrowser,\n        $refs\n      } = vm;\n      const {\n        fileBrowserSearchBox,\n        fileBrowserFileList\n      } = $refs;\n      if (!vm.fileBrowserDialog) {\n        // Make a fileBrowserDialog object if one doesn't exist already\n        // Set up the jQuery dialog\n        vm.fileBrowserDialog = $($refs.fileBrowserDialog).dialog({\n          dialogClass: 'browserDialog',\n          title,\n          position: {\n            my: 'center top',\n            at: 'center top+100',\n            of: window\n          },\n          minWidth: Math.min($(document).width() - 80, 650),\n          height: Math.min($(document).height() - 120, $(window).height() - 120),\n          maxHeight: Math.min($(document).height() - 120, $(window).height() - 120),\n          maxWidth: $(document).width() - 80,\n          modal: true,\n          autoOpen: false\n        });\n        vm.fileBrowserDialog // This is a jQuery object\n        .append(fileBrowserSearchBox);\n        fileBrowser(fileBrowserSearchBox, true).on('autocompleteselect', (event, ui) => {\n          browse(ui.item.value);\n        });\n      }\n      vm.fileBrowserDialog.dialog('option', 'buttons', [{\n        text: 'Ok',\n        class: 'medusa-btn',\n        click() {\n          // Store the browsed path to the associated text field\n          callback(vm.currentPath);\n          $(this).dialog('close');\n        }\n      }, {\n        text: 'Cancel',\n        class: 'medusa-btn',\n        click() {\n          // Reset currentPath to path before dialog opened\n          vm.currentPath = vm.lastPath;\n          $(this).dialog('close');\n        }\n      }]);\n      vm.fileBrowserDialog.dialog('open');\n      browse(vm.currentPath);\n      // Set lastPath so we can reset currentPath if we cancel dialog\n      vm.lastPath = vm.currentPath;\n      vm.fileBrowserDialog // This is a jQuery object\n      .append(fileBrowserFileList);\n    },\n    fileBrowser(target, autocomplete) {\n      const vm = this;\n      const {\n        autocompleteUrl,\n        includeFiles\n      } = vm;\n\n      // Text field used for the result\n      const resultField = $(target);\n      if (autocomplete && resultField.autocomplete && autocompleteUrl) {\n        let query = '';\n        resultField.autocomplete({\n          position: {\n            my: 'top',\n            at: 'bottom',\n            collision: 'flipfit'\n          },\n          source(request, response) {\n            // Keep track of user submitted search term\n            query = $.ui.autocomplete.escapeRegex(request.term);\n            request.includeFiles = Number(includeFiles);\n            $.ajax({\n              url: autocompleteUrl,\n              data: request,\n              dataType: 'json'\n            }).done(data => {\n              // Implement a startsWith filter for the results\n              const matcher = new RegExp('^' + query, 'i');\n              const a = $.grep(data, item => {\n                return matcher.test(item);\n              });\n              response(a);\n            });\n          },\n          open() {\n            $(vm.$el).find('.ui-autocomplete li.ui-menu-item a').removeClass('ui-corner-all');\n          }\n        }).data('ui-autocomplete')._renderItem = (ul, item) => {\n          // Highlight the matched search term from the item -- note that this is global and will match anywhere\n          let resultItem = item.label;\n          const x = new RegExp('(?![^&;]+;)(?!<[^<>]*)(' + query + ')(?![^<>]*>)(?![^&;]+;)', 'gi');\n          resultItem = resultItem.replace(x, fullMatch => {\n            return '<b>' + fullMatch + '</b>';\n          });\n          return $('<li></li>').data('ui-autocomplete-item', item).append('<a class=\"nowrap\">' + resultItem + '</a>').appendTo(ul);\n        };\n      }\n      // Returns: jQuery element\n      return resultField;\n    },\n    openDialog() {\n      const {\n        openFileBrowser,\n        currentPath\n      } = this;\n      openFileBrowser(path => {\n        // Store the path to remember for next time -- no ie6/7\n        this.storedPath = path || currentPath;\n      });\n    }\n  },\n  watch: {\n    currentPath() {\n      if (!this.lock) {\n        this.$emit('update', this.currentPath);\n      }\n    }\n  }\n});\n\n//# sourceURL=webpack://slim/./src/components/helpers/file-browser.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-1!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),
 
@@ -1665,7 +1665,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"file-browser max-width\"\n  }, [_c(\"div\", {\n    class: _vm.showBrowseButton ? \"input-group\" : \"input-group-no-btn\"\n  }, [_c(\"input\", {\n    directives: [{\n      name: \"model\",\n      rawName: \"v-model\",\n      value: _vm.currentPath,\n      expression: \"currentPath\"\n    }],\n    ref: \"locationInput\",\n    staticClass: \"form-control input-sm fileBrowserField\",\n    attrs: {\n      name: _vm.name,\n      type: \"text\"\n    },\n    domProps: {\n      value: _vm.currentPath\n    },\n    on: {\n      input: function ($event) {\n        if ($event.target.composing) return;\n        _vm.currentPath = $event.target.value;\n      }\n    }\n  }), _vm._v(\" \"), _vm.showBrowseButton ? _c(\"div\", {\n    staticClass: \"input-group-btn\",\n    attrs: {\n      title: _vm.title,\n      alt: _vm.title\n    },\n    on: {\n      click: function ($event) {\n        $event.preventDefault();\n        return _vm.openDialog.apply(null, arguments);\n      }\n    }\n  }, [_vm._m(0)]) : _vm._e()]), _vm._v(\" \"), _c(\"div\", {\n    ref: \"fileBrowserDialog\",\n    staticClass: \"fileBrowserDialog\",\n    staticStyle: {\n      display: \"none\"\n    }\n  }), _vm._v(\" \"), _c(\"input\", {\n    ref: \"fileBrowserSearchBox\",\n    staticClass: \"form-control\",\n    staticStyle: {\n      display: \"none\"\n    },\n    attrs: {\n      type: \"text\"\n    },\n    domProps: {\n      value: _vm.currentPath\n    },\n    on: {\n      keyup: function ($event) {\n        if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n        return _vm.browse($event.target.value);\n      }\n    }\n  }), _vm._v(\" \"), _c(\"ul\", {\n    ref: \"fileBrowserFileList\",\n    staticStyle: {\n      display: \"none\"\n    }\n  }, _vm._l(_vm.files, function (file) {\n    return _c(\"li\", {\n      key: file.name,\n      staticClass: \"ui-state-default ui-corner-all\"\n    }, [_c(\"a\", {\n      on: {\n        mouseover: function ($event) {\n          return _vm.toggleFolder(file, $event);\n        },\n        mouseout: function ($event) {\n          return _vm.toggleFolder(file, $event);\n        },\n        click: function ($event) {\n          return _vm.fileClicked(file);\n        }\n      }\n    }, [_c(\"span\", {\n      class: \"ui-icon \" + (file.isFile ? \"ui-icon-blank\" : \"ui-icon-folder-collapsed\")\n    }), _vm._v(\" \" + _vm._s(file.name) + \"\\n            \")])]);\n  }), 0)]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"btn btn-default input-sm\",\n    staticStyle: {\n      \"font-size\": \"14px\"\n    }\n  }, [_c(\"i\", {\n    staticClass: \"glyphicon glyphicon-open\"\n  })]);\n}];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://slim/./src/components/helpers/file-browser.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-1!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   render: () => (/* binding */ render),\n/* harmony export */   staticRenderFns: () => (/* binding */ staticRenderFns)\n/* harmony export */ });\nvar render = function render() {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"file-browser max-width\"\n  }, [_c(\"div\", {\n    class: _vm.showBrowseButton ? \"input-group\" : \"input-group-no-btn\"\n  }, [_c(\"input\", {\n    directives: [{\n      name: \"model\",\n      rawName: \"v-model\",\n      value: _vm.currentPath,\n      expression: \"currentPath\"\n    }],\n    ref: \"locationInput\",\n    staticClass: \"form-control input-sm fileBrowserField\",\n    attrs: {\n      name: _vm.name,\n      type: \"text\"\n    },\n    domProps: {\n      value: _vm.currentPath\n    },\n    on: {\n      input: function ($event) {\n        if ($event.target.composing) return;\n        _vm.currentPath = $event.target.value;\n      }\n    }\n  }), _vm._v(\" \"), _vm.showBrowseButton ? _c(\"div\", {\n    staticClass: \"input-group-btn\",\n    attrs: {\n      title: _vm.title,\n      alt: _vm.title\n    },\n    on: {\n      click: function ($event) {\n        $event.preventDefault();\n        return _vm.openDialog.apply(null, arguments);\n      }\n    }\n  }, [_vm._m(0)]) : _vm._e()]), _vm._v(\" \"), _c(\"div\", {\n    ref: \"fileBrowserDialog\",\n    staticClass: \"fileBrowserDialog\"\n  }), _vm._v(\" \"), _c(\"input\", {\n    ref: \"fileBrowserSearchBox\",\n    staticClass: \"form-control\",\n    staticStyle: {\n      display: \"none\"\n    },\n    attrs: {\n      type: \"text\"\n    },\n    domProps: {\n      value: _vm.currentPath\n    },\n    on: {\n      keyup: function ($event) {\n        if (!$event.type.indexOf(\"key\") && _vm._k($event.keyCode, \"enter\", 13, $event.key, \"Enter\")) return null;\n        return _vm.browse($event.target.value);\n      }\n    }\n  }), _vm._v(\" \"), _c(\"ul\", {\n    ref: \"fileBrowserFileList\"\n  }, _vm._l(_vm.files, function (file) {\n    return _c(\"li\", {\n      key: file.name,\n      staticClass: \"ui-state-default ui-corner-all\"\n    }, [_c(\"a\", {\n      on: {\n        mouseover: function ($event) {\n          return _vm.toggleFolder(file, $event);\n        },\n        mouseout: function ($event) {\n          return _vm.toggleFolder(file, $event);\n        },\n        click: function ($event) {\n          return _vm.fileClicked(file);\n        }\n      }\n    }, [_c(\"span\", {\n      class: \"ui-icon \" + (file.isFile ? \"ui-icon-blank\" : \"ui-icon-folder-collapsed\")\n    }), _vm._v(\" \" + _vm._s(file.name) + \"\\n            \")])]);\n  }), 0)]);\n};\nvar staticRenderFns = [function () {\n  var _vm = this,\n    _c = _vm._self._c;\n  return _c(\"div\", {\n    staticClass: \"btn btn-default input-sm\",\n    staticStyle: {\n      \"font-size\": \"14px\"\n    }\n  }, [_c(\"i\", {\n    staticClass: \"glyphicon glyphicon-open\"\n  })]);\n}];\nrender._withStripped = true;\n\n\n//# sourceURL=webpack://slim/./src/components/helpers/file-browser.vue?./node_modules/babel-loader/lib/index.js??clonedRuleSet-1!./node_modules/vue-loader/lib/loaders/templateLoader.js??ruleSet%5B1%5D.rules%5B2%5D!./node_modules/vue-loader/lib/index.js??vue-loader-options");
 
 /***/ }),