vue-element-ui-x 0.1.6-beta → 0.1.7-beta

package/lib/attachments.js

@@ -0,0 +1,3082 @@
+module.exports =
+/******/ (function(modules) { // webpackBootstrap
+/******/ 	// The module cache
+/******/ 	var installedModules = {};
+/******/
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/
+/******/ 		// Check if module is in cache
+/******/ 		if(installedModules[moduleId]) {
+/******/ 			return installedModules[moduleId].exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = installedModules[moduleId] = {
+/******/ 			i: moduleId,
+/******/ 			l: false,
+/******/ 			exports: {}
+/******/ 		};
+/******/
+/******/ 		// Execute the module function
+/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/
+/******/ 		// Flag the module as loaded
+/******/ 		module.l = true;
+/******/
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/
+/******/
+/******/ 	// expose the modules object (__webpack_modules__)
+/******/ 	__webpack_require__.m = modules;
+/******/
+/******/ 	// expose the module cache
+/******/ 	__webpack_require__.c = installedModules;
+/******/
+/******/ 	// define getter function for harmony exports
+/******/ 	__webpack_require__.d = function(exports, name, getter) {
+/******/ 		if(!__webpack_require__.o(exports, name)) {
+/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
+/******/ 		}
+/******/ 	};
+/******/
+/******/ 	// define __esModule on exports
+/******/ 	__webpack_require__.r = function(exports) {
+/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 		}
+/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 	};
+/******/
+/******/ 	// create a fake namespace object
+/******/ 	// mode & 1: value is a module id, require it
+/******/ 	// mode & 2: merge all properties of value into the ns
+/******/ 	// mode & 4: return value when already ns object
+/******/ 	// mode & 8|1: behave like require
+/******/ 	__webpack_require__.t = function(value, mode) {
+/******/ 		if(mode & 1) value = __webpack_require__(value);
+/******/ 		if(mode & 8) return value;
+/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
+/******/ 		var ns = Object.create(null);
+/******/ 		__webpack_require__.r(ns);
+/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
+/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
+/******/ 		return ns;
+/******/ 	};
+/******/
+/******/ 	// getDefaultExport function for compatibility with non-harmony modules
+/******/ 	__webpack_require__.n = function(module) {
+/******/ 		var getter = module && module.__esModule ?
+/******/ 			function getDefault() { return module['default']; } :
+/******/ 			function getModuleExports() { return module; };
+/******/ 		__webpack_require__.d(getter, 'a', getter);
+/******/ 		return getter;
+/******/ 	};
+/******/
+/******/ 	// Object.prototype.hasOwnProperty.call
+/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
+/******/
+/******/ 	// __webpack_public_path__
+/******/ 	__webpack_require__.p = "";
+/******/
+/******/
+/******/ 	// Load entry module and return exports
+/******/ 	return __webpack_require__(__webpack_require__.s = 101);
+/******/ })
+/************************************************************************/
+/******/ ({
+
+/***/ 0:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return normalizeComponent; });
+/* globals __VUE_SSR_CONTEXT__ */
+
+// IMPORTANT: Do NOT use ES2015 features in this file (except for modules).
+// This module is a runtime utility for cleaner component module output and will
+// be included in the final webpack user bundle.
+
+function normalizeComponent(
+  scriptExports,
+  render,
+  staticRenderFns,
+  functionalTemplate,
+  injectStyles,
+  scopeId,
+  moduleIdentifier /* server only */,
+  shadowMode /* vue-cli only */
+) {
+  // Vue.extend constructor export interop
+  var options =
+    typeof scriptExports === 'function' ? scriptExports.options : scriptExports
+
+  // render functions
+  if (render) {
+    options.render = render
+    options.staticRenderFns = staticRenderFns
+    options._compiled = true
+  }
+
+  // functional template
+  if (functionalTemplate) {
+    options.functional = true
+  }
+
+  // scopedId
+  if (scopeId) {
+    options._scopeId = 'data-v-' + scopeId
+  }
+
+  var hook
+  if (moduleIdentifier) {
+    // server build
+    hook = function (context) {
+      // 2.3 injection
+      context =
+        context || // cached call
+        (this.$vnode && this.$vnode.ssrContext) || // stateful
+        (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext) // functional
+      // 2.2 with runInNewContext: true
+      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
+        context = __VUE_SSR_CONTEXT__
+      }
+      // inject component styles
+      if (injectStyles) {
+        injectStyles.call(this, context)
+      }
+      // register component module identifier for async chunk inferrence
+      if (context && context._registeredComponents) {
+        context._registeredComponents.add(moduleIdentifier)
+      }
+    }
+    // used by ssr in case component is cached and beforeCreate
+    // never gets called
+    options._ssrRegister = hook
+  } else if (injectStyles) {
+    hook = shadowMode
+      ? function () {
+          injectStyles.call(
+            this,
+            (options.functional ? this.parent : this).$root.$options.shadowRoot
+          )
+        }
+      : injectStyles
+  }
+
+  if (hook) {
+    if (options.functional) {
+      // for template-only hot-reload because in that case the render fn doesn't
+      // go through the normalizer
+      options._injectStyles = hook
+      // register for functional component in vue file
+      var originalRender = options.render
+      options.render = function renderWithStyleInjection(h, context) {
+        hook.call(context)
+        return originalRender(h, context)
+      }
+    } else {
+      // inject component registration as beforeCreate hook
+      var existing = options.beforeCreate
+      options.beforeCreate = existing ? [].concat(existing, hook) : [hook]
+    }
+  }
+
+  return {
+    exports: scriptExports,
+    options: options
+  }
+}
+
+
+/***/ }),
+
+/***/ 101:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Attachments/src/main.vue?vue&type=template&id=43b239af&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    ref: "wrapperRef",
+    staticClass: "el-x-attachments-wrapper",
+    class: {
+      "el-x-attachments-overflow-ping-start": _vm.overflow === "scrollX" && _vm.pingStart,
+      "el-x-attachments-overflow-ping-end": _vm.overflow === "scrollX" && _vm.pingEnd
+    },
+    style: {
+      ..._vm.listStyle,
+      "--el-x-attachments-upload-icon-size": _vm.uploadIconSize
+    }
+  }, [!_vm.items.length && !_vm.hideUpload ? _c("div", [_vm._t("empty-upload", function () {
+    return [_c("el-upload", _vm._b({
+      staticClass: "el-x-attachments-upload-btn",
+      attrs: {
+        action: _vm.uploadAction,
+        "http-request": _vm.customUpload,
+        "show-file-list": false
+      },
+      on: {
+        change: _vm.handleUploadChange,
+        success: _vm.handleUploadSuccess,
+        error: _vm.handleUploadError
+      }
+    }, "el-upload", _vm.$attrs, false), [_c("i", {
+      staticClass: "el-icon-plus uploader-icon"
+    })])];
+  })], 2) : _vm._e(), _vm._v(" "), _c("div", {
+    staticClass: "el-x-attachments-background"
+  }, [_vm.overflow === "scrollX" && _vm.pingStart ? _c("div", {
+    staticClass: "el-x-attachments-background-start"
+  }) : _vm._e(), _vm._v(" "), _vm.overflow === "scrollX" && _vm.pingEnd ? _c("div", {
+    staticClass: "el-x-attachments-background-end"
+  }) : _vm._e()]), _vm._v(" "), _c("div", {
+    ref: "containerRef",
+    staticClass: "el-x-attachments",
+    class: {
+      [`el-x-attachments-overflow-${_vm.overflow}`]: _vm.overflow
+    },
+    style: {
+      ...(_vm.overflow === "scrollX" ? {
+        whiteSpace: "nowrap",
+        overflowX: "auto",
+        overflowY: "hidden"
+      } : {}),
+      ...(_vm.overflow === "scrollY" ? {
+        overflowX: "hidden",
+        overflowY: "auto"
+      } : {}),
+      ...(_vm.overflow === "wrap" ? {
+        display: "flex",
+        flexWrap: "wrap"
+      } : {})
+    },
+    on: {
+      scroll: _vm.debouncedCheckPing
+    }
+  }, [_vm.items.length ? _c("div", {
+    class: {
+      "el-x-attachments-file-card-wrap": _vm.overflow === "scrollX"
+    }
+  }, [_vm._t("file-list", function () {
+    return _vm._l(_vm.items, function (item, index) {
+      return _c("div", {
+        key: item.uid,
+        staticClass: "el-x-attachments-card"
+      }, [_c("transition", {
+        attrs: {
+          name: "card-motion"
+        }
+      }, [item.uid ? _c("el-x-files-card", _vm._b({
+        staticClass: "el-x-attachments-card-item",
+        on: {
+          delete: function ($event) {
+            return _vm.handleDelete(item, index);
+          }
+        }
+      }, "el-x-files-card", item, false)) : _vm._e()], 1)], 1);
+    });
+  }, {
+    items: _vm.items
+  }), _vm._v(" "), _vm.items.length && !_vm.isOverLimit && !_vm.hideUpload ? _c("div", {
+    staticClass: "el-x-attachments-upload-placeholder"
+  }, [_vm._t("no-empty-upload", function () {
+    return [_c("el-upload", _vm._b({
+      staticClass: "el-x-attachments-upload-btn",
+      style: {
+        height: _vm.overflow === "scrollY" && ""
+      },
+      attrs: {
+        action: _vm.uploadAction,
+        "http-request": _vm.customUpload,
+        "show-file-list": false
+      },
+      on: {
+        change: _vm.handleUploadChange,
+        success: _vm.handleUploadSuccess,
+        error: _vm.handleUploadError
+      }
+    }, "el-upload", _vm.$attrs, false), [_c("i", {
+      staticClass: "el-icon-plus uploader-icon"
+    })])];
+  })], 2) : _vm._e()], 2) : _vm._e()]), _vm._v(" "), _vm._t("prev-button", function () {
+    return [_vm.overflow === "scrollX" && _vm.pingStart ? _c("el-button", {
+      staticClass: "el-x-attachments-prev-btn",
+      attrs: {
+        size: "small"
+      },
+      on: {
+        click: _vm.onScrollLeft
+      }
+    }, [_c("i", {
+      staticClass: "el-icon-arrow-left"
+    })]) : _vm._e()];
+  }, {
+    show: _vm.overflow === "scrollX" && _vm.pingStart,
+    onScrollLeft: _vm.onScrollLeft
+  }), _vm._v(" "), _vm._t("next-button", function () {
+    return [_vm.overflow === "scrollX" && _vm.pingEnd ? _c("el-button", {
+      staticClass: "el-x-attachments-next-btn",
+      attrs: {
+        size: "small"
+      },
+      on: {
+        click: _vm.onScrollRight
+      }
+    }, [_c("i", {
+      staticClass: "el-icon-arrow-right"
+    })]) : _vm._e()];
+  }, {
+    show: _vm.overflow === "scrollX" && _vm.pingEnd,
+    onScrollRight: _vm.onScrollRight
+  }), _vm._v(" "), _vm.isTargetDrag ? _c("div", {
+    ref: "dropAreaContainer",
+    staticStyle: {
+      display: "none"
+    }
+  }, [_vm._t("drop-area", function () {
+    return [_c("div", {
+      ref: "dropAreaRef",
+      staticClass: "el-x-attachments-drop-area"
+    }, [_c("i", {
+      staticClass: "el-icon-upload el-x-attachments-drop-area-icon"
+    }), _vm._v(" "), _c("div", {
+      staticClass: "el-x-attachments-drop-area-text"
+    }, [_vm._v("在此处拖放文件上传")])])];
+  })], 2) : _vm._e()], 2);
+};
+var staticRenderFns = [];
+render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=template&id=43b239af&scoped=true
+
+// EXTERNAL MODULE: ./src/components/FilesCard/index.js + 58 modules
+var FilesCard = __webpack_require__(26);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Attachments/src/main.vue?vue&type=script&lang=js
+
+/* harmony default export */ var mainvue_type_script_lang_js = ({
+  name: 'ElXAttachments',
+  components: {
+    ElXFilesCard: FilesCard["default"]
+  },
+  props: {
+    items: {
+      type: Array,
+      default: () => []
+    },
+    overflow: {
+      type: String,
+      default: 'scrollX'
+    },
+    listStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    uploadIconSize: {
+      type: String,
+      default: '64px'
+    },
+    dragTarget: {
+      type: [String, Object],
+      default: undefined,
+      validator(value) {
+        if (value === null || value === undefined) return true;
+        if (typeof value === 'string') return true;
+        if (typeof value === 'object' && value !== null) return true;
+        // 在浏览器环境中验证是否为 HTMLElement
+        if (typeof window !== 'undefined' && window.HTMLElement) {
+          return value instanceof HTMLElement;
+        }
+        return false;
+      }
+    },
+    hideUpload: {
+      type: Boolean,
+      default: false
+    },
+    limit: {
+      type: Number,
+      default: undefined
+    },
+    uploadAction: {
+      type: String,
+      default: '#'
+    }
+  },
+  data() {
+    return {
+      containerRef: null,
+      wrapperRef: null,
+      firstMount: false,
+      pingStart: false,
+      pingEnd: false,
+      TOLERANCE: 1,
+      // 上传相关
+      targetElement: null,
+      isTargetDrag: false,
+      dropAreaRef: null,
+      dropAreaContainer: null
+    };
+  },
+  computed: {
+    isOverLimit() {
+      if (this.limit && this.items.length >= this.limit) {
+        return true;
+      }
+      return false;
+    }
+  },
+  mounted() {
+    this.firstMount = true;
+    this.$nextTick(() => this.debouncedCheckPing());
+
+    // 检查是否在浏览器环境中
+    if (typeof window !== 'undefined') {
+      window.addEventListener('resize', this.debouncedCheckPing);
+    }
+
+    // 如果有拖拽目标元素，则监听拖拽事件
+    if (this.$refs.wrapperRef) {
+      this.targetElement = this.getTargetElement() || this.$refs.wrapperRef;
+
+      // 监听拖拽事件
+      this.targetElement.addEventListener('dragenter', this.targetDragEnter, false);
+      this.targetElement.addEventListener('dragleave', this.targetDropLeave, false);
+      this.targetElement.addEventListener('drop', this.targetDrop, false);
+      this.targetElement.addEventListener('dragover', this.targetDragOver, false);
+    }
+  },
+  beforeDestroy() {
+    // 检查是否在浏览器环境中
+    if (typeof window !== 'undefined') {
+      window.removeEventListener('resize', this.debouncedCheckPing);
+    }
+    if (this.targetElement) {
+      this.targetElement.removeEventListener('dragenter', this.targetDragEnter, false);
+      this.targetElement.removeEventListener('dragleave', this.targetDropLeave, false);
+      this.targetElement.removeEventListener('drop', this.targetDrop, false);
+      this.targetElement.removeEventListener('dragover', this.targetDragOver, false);
+    }
+
+    // 清理可能存在的 dropArea 元素
+    this.removeDragArea();
+  },
+  watch: {
+    'items.length': function () {
+      this.$nextTick(() => this.debouncedCheckPing());
+    },
+    overflow: function () {
+      this.$nextTick(() => this.debouncedCheckPing());
+    },
+    dragTarget: function () {
+      this.$nextTick(() => {
+        // 如果有拖拽目标元素，则监听拖拽事件
+        if (this.$refs.wrapperRef) {
+          if (this.targetElement) {
+            this.targetElement.removeEventListener('dragenter', this.targetDragEnter, false);
+            this.targetElement.removeEventListener('dragleave', this.targetDropLeave, false);
+            this.targetElement.removeEventListener('drop', this.targetDrop, false);
+            this.targetElement.removeEventListener('dragover', this.targetDragOver, false);
+          }
+          this.targetElement = this.getTargetElement() || this.$refs.wrapperRef;
+
+          // 监听拖拽事件
+          this.targetElement.addEventListener('dragenter', this.targetDragEnter, false);
+          this.targetElement.addEventListener('dragleave', this.targetDropLeave, false);
+          this.targetElement.addEventListener('drop', this.targetDrop, false);
+          this.targetElement.addEventListener('dragover', this.targetDragOver, false);
+        }
+      });
+    },
+    isTargetDrag: function (newVal) {
+      if (newVal) {
+        this.appendDragArea();
+      } else {
+        this.removeDragArea();
+      }
+    }
+  },
+  methods: {
+    // 列表相关方法
+    checkPing() {
+      const containerEle = this.$refs.containerRef;
+      if (!containerEle) return;
+      if (this.overflow === 'scrollX') {
+        this.pingStart = Math.abs(containerEle.scrollLeft) >= this.TOLERANCE;
+        this.pingEnd = containerEle.scrollWidth - containerEle.clientWidth - Math.abs(containerEle.scrollLeft) >= this.TOLERANCE;
+      } else if (this.overflow === 'scrollY') {
+        this.pingStart = containerEle.scrollTop !== 0;
+        this.pingEnd = containerEle.scrollHeight - containerEle.clientHeight !== containerEle.scrollTop;
+      } else {
+        this.pingStart = false;
+        this.pingEnd = false;
+      }
+    },
+    onScrollOffset(offset) {
+      const containerEle = this.$refs.containerRef;
+      if (containerEle) {
+        containerEle.scrollTo({
+          left: this.overflow === 'scrollX' ? containerEle.scrollLeft + offset * containerEle.clientWidth : containerEle.scrollLeft,
+          top: this.overflow === 'scrollY' ? containerEle.scrollTop + offset * containerEle.clientHeight : containerEle.scrollTop,
+          behavior: 'smooth'
+        });
+      }
+    },
+    onScrollLeft() {
+      this.onScrollOffset(-1);
+    },
+    onScrollRight() {
+      this.onScrollOffset(1);
+    },
+    // 防抖函数
+    debounce(func, wait) {
+      let timeout;
+      return function () {
+        const context = this;
+        const args = arguments;
+        clearTimeout(timeout);
+        timeout = setTimeout(() => {
+          func.apply(context, args);
+        }, wait);
+      };
+    },
+    customUpload(options) {
+      // 自定义上传方法，如果父组件提供了http-request，则使用父组件的
+      if (this.$attrs['http-request']) {
+        return this.$attrs['http-request'](options);
+      }
+
+      // 默认实现：发出事件，让父组件处理
+      const {
+        file
+      } = options;
+      this.$emit('uploadChange', {
+        file
+      }, [file]);
+
+      // 如果需要模拟上传进度和成功/失败状态，可以在此实现
+      // 例如：options.onProgress({ percent: 50 })
+      // options.onSuccess({ url: 'https://example.com/file.jpg' })
+      // 或者 options.onError(new Error('Upload failed'))
+
+      // 由于我们只是返回事件，不实际上传，所以直接返回一个空Promise
+      return Promise.resolve();
+    },
+    handleUploadChange(file, fileList) {
+      this.$emit('uploadChange', file, fileList);
+    },
+    handleUploadSuccess(response, file, fileList) {
+      this.$emit('uploadSuccess', response, file, fileList);
+    },
+    handleUploadError(error, file, fileList) {
+      this.$emit('uploadError', error, file, fileList);
+    },
+    getTargetElement() {
+      if (!this.dragTarget) return this.$refs.wrapperRef;
+
+      // 处理原生 DOM 元素（如 document.body）
+      if (typeof window !== 'undefined' && window.HTMLElement && this.dragTarget instanceof HTMLElement) {
+        return this.dragTarget;
+      }
+      if (typeof this.dragTarget === 'string') {
+        // 检查是否在浏览器环境中
+        if (typeof document !== 'undefined') {
+          return document.getElementById(this.dragTarget);
+        }
+        return this.$refs.wrapperRef;
+      }
+
+      // Vue2 中获取引用
+      if (this.dragTarget && this.dragTarget.$el) {
+        return this.dragTarget.$el;
+      }
+
+      // 兜底返回 wrapperRef
+      return this.$refs.wrapperRef;
+    },
+    // 修改拖拽样式切换方法
+    toggleDragStyle(isDrag) {
+      console.log('toggleDragStyle called:', isDrag); // 调试用，可以删除
+
+      this.isTargetDrag = isDrag;
+      if (this.targetElement) {
+        // 检查是否在浏览器环境中
+        const isBodyTarget = typeof document !== 'undefined' && this.targetElement === document.body;
+        if (isDrag) {
+          // 立即显示拖拽区域
+          this.$nextTick(() => {
+            this.appendDragArea();
+          });
+          if (isBodyTarget && this.$refs.dropAreaRef) {
+            this.$refs.dropAreaRef.style.position = 'fixed';
+            this.$refs.dropAreaRef.style.width = '100vw';
+            this.$refs.dropAreaRef.style.height = '100vh';
+            this.$refs.dropAreaRef.style.left = '0';
+            this.$refs.dropAreaRef.style.top = '0';
+            this.$refs.dropAreaRef.style.zIndex = '9999';
+          } else {
+            this.targetElement.style.position = 'relative';
+          }
+        } else {
+          // 延迟移除拖拽区域，避免闪烁
+          setTimeout(() => {
+            this.removeDragArea();
+          }, 100);
+          if (!isBodyTarget) {
+            this.targetElement.style.position = '';
+          }
+        }
+      }
+    },
+    // 修改事件处理方法
+    targetDragEnter(event) {
+      event.preventDefault();
+      event.stopPropagation();
+
+      // 移除防抖，直接执行
+      this.toggleDragStyle(true);
+    },
+    targetDropLeave(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      const relatedTarget = event.relatedTarget;
+
+      // 如果离开后进入的元素仍在目标元素内部，或者进入了拖拽区域本身，不执行样式移除
+      if (this.targetElement && (this.targetElement.contains(relatedTarget) || this.$refs.dropAreaRef && this.$refs.dropAreaRef.contains(relatedTarget))) {
+        return;
+      }
+
+      // 移除防抖，直接执行
+      this.toggleDragStyle(false);
+    },
+    targetDrop(event) {
+      event.preventDefault();
+      event.stopPropagation();
+
+      // 立即移除拖拽样式
+      this.toggleDragStyle(false);
+      if (event.dataTransfer) {
+        const files = event.dataTransfer.files;
+        if (files.length) {
+          const filesArray = [];
+          for (let i = 0; i < files.length; i++) {
+            filesArray.push(files[i]);
+          }
+          this.$emit('upload-drop', filesArray, Object.assign({}, this.$props));
+        }
+      }
+    },
+    targetDragOver(event) {
+      event.preventDefault();
+      event.stopPropagation();
+    },
+    // 卡片相关方法
+    handleDelete(item, index) {
+      this.$emit('delete-card', item, index);
+      this.$nextTick(() => this.debouncedCheckPing());
+    },
+    // 修改 DOM 操作方法
+    appendDragArea() {
+      if (!this.$refs.dropAreaRef || !this.targetElement) {
+        return;
+      }
+
+      // 确保元素已经渲染
+      this.$nextTick(() => {
+        const dragAreaNode = this.$refs.dropAreaRef;
+
+        // 检查是否已经添加过了
+        if (dragAreaNode.parentNode !== this.targetElement) {
+          // 显示容器
+          if (this.$refs.dropAreaContainer) {
+            this.$refs.dropAreaContainer.style.display = 'block';
+          }
+
+          // 添加到目标元素
+          this.targetElement.appendChild(dragAreaNode);
+
+          // 强制重绘
+          dragAreaNode.offsetHeight;
+        }
+      });
+    },
+    removeDragArea() {
+      if (!this.$refs.dropAreaRef || !this.targetElement) {
+        return;
+      }
+      const dragAreaNode = this.$refs.dropAreaRef;
+      if (dragAreaNode.parentNode === this.targetElement) {
+        this.targetElement.removeChild(dragAreaNode);
+      }
+
+      // 隐藏容器
+      if (this.$refs.dropAreaContainer) {
+        this.$refs.dropAreaContainer.style.display = 'none';
+      }
+    }
+  },
+  created() {
+    this.debouncedCheckPing = this.debounce(this.checkPing, 100);
+  }
+});
+// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(3);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Attachments/src/main.vue?vue&type=style&index=0&id=43b239af&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_43b239af_prod_lang_scss_scoped_true = __webpack_require__(85);
+
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Attachments/src/main.vue?vue&type=style&index=0&id=43b239af&prod&lang=scss&scoped=true
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_43b239af_prod_lang_scss_scoped_true["a" /* default */], options);
+
+
+
+/* harmony default export */ var src_mainvue_type_style_index_0_id_43b239af_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_43b239af_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue?vue&type=style&index=0&id=43b239af&prod&lang=scss&scoped=true
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/components/Attachments/src/main.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_mainvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "43b239af",
+  null
+  
+)
+
+/* harmony default export */ var main = (component.exports);
+// CONCATENATED MODULE: ./src/components/Attachments/index.js
+
+
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main);
+};
+/* harmony default export */ var Attachments = __webpack_exports__["default"] = (main);
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
+
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
+      }
+
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+
+    var alreadyImportedModules = {};
+
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
+
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = [].concat(modules[_i]);
+
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ }),
+
+/***/ 24:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, ".el-x-filescard[data-v-4aa1569e]{width:fit-content;padding:12px;display:flex;flex-wrap:nowrap;gap:8px;align-items:center;border-radius:8px;position:relative;background:rgba(0,0,0,.06);max-width:var(--elx-files-card-max-width)}.el-x-filescard .el-x-filescard-progress[data-v-4aa1569e]{position:absolute;top:0;left:0;bottom:0;background:rgba(0,0,0,.08);border-radius:8px;transition:width .2s ease}.el-x-filescard .el-x-filescard-delete-icon[data-v-4aa1569e]{position:absolute;top:-8px;right:-6px;cursor:pointer;color:rgba(0,0,0,.4);display:none}.el-x-filescard .el-x-filescard-delete-icon[data-v-4aa1569e]:hover{color:#ff4d4f}.el-x-filescard:hover .el-x-filescard-delete-icon[data-v-4aa1569e]{display:block}.el-x-filescard-square[data-v-4aa1569e]{padding:0;margin:0}.el-x-filescard-icon[data-v-4aa1569e]{flex:none;font-size:var(--elx-files-card-icon-size)}.el-x-filescard-img[data-v-4aa1569e]{flex:none;width:var(--elx-files-card-icon-size);height:var(--elx-files-card-icon-size);border-radius:8px;object-fit:cover}.el-x-filescard-content[data-v-4aa1569e]{flex:auto;min-width:0;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;height:100%}.el-x-filescard-content .el-x-filescard-name[data-v-4aa1569e]{display:flex;flex-wrap:nowrap;max-width:100%;font-size:14px}.el-x-filescard-content .el-x-filescard-name .el-x-filescard-name-prefix[data-v-4aa1569e]{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-x-filescard-content .el-x-filescard-name .el-x-filescard-name-suffix[data-v-4aa1569e]{flex:none}.el-x-filescard-content .el-x-filescard-description[data-v-4aa1569e]{flex:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:rgba(0,0,0,.4);font-size:12px}.el-x-filescard-content .el-x-filescard-description-error[data-v-4aa1569e]{color:#ff4d4f}.image-preview-container[data-v-4aa1569e]{position:relative;padding:0px;width:var(--elx-files-card-icon-size);height:var(--elx-files-card-icon-size);display:inline-block;border-radius:8px;overflow:hidden;transition:all .3s}.image-preview-container .preview-mask[data-v-4aa1569e]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;opacity:0;background:rgba(0,0,0,.65);color:#fff;font-size:10px;transition:opacity .3s}.image-preview-container .preview-mask .el-icon-view[data-v-4aa1569e]{font-size:10px;margin-right:2px;display:flex;align-items:center;height:100%;margin-top:2px}.image-preview-container .preview-mask[data-v-4aa1569e]:hover{opacity:1;transition:opacity .3s;cursor:pointer}.image-preview-container-square .preview-mask[data-v-4aa1569e]{font-size:14px}.image-preview-container-square .preview-mask .el-icon-view[data-v-4aa1569e]{font-size:12px}.preview-mask-loading[data-v-4aa1569e]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.65);color:#fff;transition:all .3s}.preview-mask-loading .circle-progress[data-v-4aa1569e]{width:100% !important;height:100% !important;display:flex;justify-content:center;align-items:center}.preview-mask-loading .circle-progress .el-progress-circle[data-v-4aa1569e]{width:calc(100% - 12px) !important;height:calc(100% - 12px) !important}.preview-mask-loading .circle-progress .el-progress-circle svg>path[data-v-4aa1569e]:nth-child(1){stroke:hsla(0,0%,100%,.2);stroke-width:8px}.preview-mask-loading .circle-progress .el-progress__text[data-v-4aa1569e]{color:#fff;font-size:14px}.preview-mask-error[data-v-4aa1569e]{position:absolute;inset:0;width:100%;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,.5);font-size:12px;transition:all .3s;color:#ff4d4f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.el-image-viewer__progress[data-v-4aa1569e]{display:none}.fade-enter-active[data-v-4aa1569e],.fade-leave-active[data-v-4aa1569e]{transition:opacity .3s}.fade-enter-from[data-v-4aa1569e],.fade-leave-to[data-v-4aa1569e]{opacity:0}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 26:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=template&id=4aa1569e&scoped=true
+var render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("div", {
+    staticClass: "el-x-filescard",
+    class: {
+      "el-x-filescard-square": _vm.isSquareVariant && _vm.isImageFile,
+      "el-x-filescard-hovered": _vm.isHovered,
+      "el-x-filescard-error": _vm.status === "error",
+      "el-x-filescard-done": _vm.status === "done",
+      "el-x-filescard-uploading": _vm.status === "uploading"
+    },
+    style: {
+      "--elx-files-card-icon-size": `${_vm._iconSize}`,
+      "--elx-files-card-max-width": `${_vm.maxWidth}`,
+      ..._vm.styleConfig,
+      ...(_vm.isHovered && _vm.hoverStyle ? _vm.hoverStyle : {})
+    },
+    on: {
+      mouseenter: function ($event) {
+        _vm.isHovered = true;
+      },
+      mouseleave: function ($event) {
+        _vm.isHovered = false;
+      }
+    }
+  }, [_vm.status === "uploading" && !(_vm.isSquareVariant && _vm.isImageFile) ? _c("div", {
+    staticClass: "el-x-filescard-progress",
+    style: {
+      width: `${_vm.percent || 0}%`
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.$slots.icon || _vm._fileType ? _vm._t("icon", function () {
+    return [!_vm.isImageFile ? _c(_vm.svgIconMap[_vm._fileType], {
+      tag: "component",
+      staticClass: "el-x-filescard-icon",
+      attrs: {
+        color: _vm.iconColor || _vm.colorMap[_vm._fileType]
+      }
+    }) : _vm._e(), _vm._v(" "), _vm.isImageFile ? [_c("div", {
+      staticClass: "image-preview-container",
+      class: {
+        "image-preview-container-square": _vm.isSquareVariant && _vm.isImageFile
+      },
+      on: {
+        mouseenter: function ($event) {
+          _vm.imageHovered = true;
+        },
+        mouseleave: function ($event) {
+          _vm.imageHovered = false;
+        }
+      }
+    }, [_vm._previewImgUrl ? _c("el-image", {
+      ref: "imgRef",
+      staticClass: "el-x-filescard-img",
+      attrs: {
+        src: _vm._previewImgUrl,
+        "preview-src-list": _vm.imgPreview ? [_vm._previewImgUrl] : [],
+        fit: "cover",
+        "show-progress": false,
+        "hide-on-click-modal": ""
+      },
+      on: {
+        show: function ($event) {
+          return _vm.handlePreviewAction("self");
+        }
+      }
+    }) : _c(_vm.svgIconMap[_vm._fileType], {
+      tag: "component",
+      staticClass: "el-x-filescard-img",
+      attrs: {
+        color: _vm.iconColor || _vm.colorMap[_vm._fileType]
+      }
+    }), _vm._v(" "), _c("transition", {
+      attrs: {
+        name: "fade"
+      }
+    }, [_vm.imageHovered && _vm._previewImgUrl && _vm.imgPreviewMask && _vm.imgPreview ? _vm._t("image-preview-actions", function () {
+      return [_c("div", {
+        staticClass: "preview-mask",
+        on: {
+          click: function ($event) {
+            return _vm.handlePreviewAction("mask");
+          }
+        }
+      }, [_c("i", {
+        staticClass: "el-icon-view"
+      }), _vm._v(" "), _c("span", [_vm._v("预览")])])];
+    }, {
+      item: {
+        ..._vm.propsData,
+        prefix: _vm.namePrefix,
+        suffix: _vm.nameSuffix
+      }
+    }) : _vm._e()], 2), _vm._v(" "), _vm.status === "uploading" && _vm.isSquareVariant ? _c("div", {
+      staticClass: "preview-mask-loading"
+    }, [_c("el-progress", {
+      staticClass: "circle-progress",
+      attrs: {
+        color: "#fff",
+        type: "circle",
+        percentage: _vm.percent
+      }
+    })], 1) : _vm.status === "error" && _vm.isSquareVariant ? _c("div", {
+      staticClass: "preview-mask-error"
+    }, [_c("span", {
+      staticClass: "error-text"
+    }, [_vm._v(_vm._s(_vm.errorTip || "上传失败"))])]) : _vm._e()], 1)] : _vm._e()];
+  }, {
+    item: _vm.propsData
+  }) : _vm._e(), _vm._v(" "), (_vm.$slots.content || _vm.name || _vm.description) && !(_vm.isSquareVariant && _vm.isImageFile) ? _vm._t("content", function () {
+    return [_c("div", {
+      staticClass: "el-x-filescard-content"
+    }, [_vm.name ? _c("div", {
+      staticClass: "el-x-filescard-name"
+    }, [_vm._t("name-prefix", function () {
+      return [_c("div", {
+        staticClass: "el-x-filescard-name-prefix"
+      }, [_vm._v(_vm._s(_vm.namePrefix))])];
+    }, {
+      item: {
+        ..._vm.propsData,
+        prefix: _vm.namePrefix,
+        suffix: _vm.nameSuffix
+      }
+    }), _vm._v(" "), _vm._t("name-suffix", function () {
+      return [_c("div", {
+        staticClass: "el-x-filescard-name-suffix"
+      }, [_vm._v(_vm._s(_vm.nameSuffix))])];
+    }, {
+      item: {
+        ..._vm.propsData,
+        prefix: _vm.namePrefix,
+        suffix: _vm.nameSuffix
+      }
+    })], 2) : _vm._e(), _vm._v(" "), _vm._t("description", function () {
+      return [_c("div", {
+        staticClass: "el-x-filescard-description",
+        class: {
+          "el-x-filescard-description-error": _vm.status === "error",
+          "el-x-filescard-description-done": _vm.status === "done",
+          "el-x-filescard-description-uploading": _vm.status === "uploading"
+        }
+      }, [_vm._v("\n          " + _vm._s(_vm._description) + "\n        ")])];
+    }, {
+      item: {
+        ..._vm.propsData,
+        prefix: _vm.namePrefix,
+        suffix: _vm.nameSuffix
+      }
+    })], 2)];
+  }, {
+    item: _vm.propsData
+  }) : _vm._e(), _vm._v(" "), _vm.showDelIcon && _vm.isHovered ? _c("div", {
+    staticClass: "el-x-filescard-delete-icon",
+    on: {
+      click: _vm.handleDelete
+    }
+  }, [_vm._t("del-icon", function () {
+    return [_c("i", {
+      staticClass: "el-icon-error"
+    })];
+  }, {
+    item: _vm.propsData
+  })], 2) : _vm._e()], 2);
+};
+var staticRenderFns = [];
+render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=template&id=4aa1569e&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/audio.vue?vue&type=template&id=70981d96
+var audiovue_type_template_id_70981d96_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.7801,30.808L120.8914,6.73925C117.6075,3.28624,113.4198,0.940079,108.86269999999999,0L108.86269999999999,27.0143C108.86269999999999,35.591,115.4741,42.5433,123.6303,42.5433L150,42.5433C149.003,38.1003,146.849,34.0369,143.7801,30.808ZM112.2728,63.4637C112.273,62.2072,111.6695,61.0158,110.6263,60.2131C109.58279999999999,59.4109,108.20830000000001,59.0807,106.8757,59.3119L63.9774,66.7645C61.8208,67.1384,60.2595,68.883,60.2595,70.9164L60.2891,108.928C59.1133,108.527,57.8701,108.322,56.6172,108.323C50.752629999999996,108.323,46,112.728,46,118.161C46,123.596,50.75427,128,56.6172,128C62.4801,128,67.2343,123.594,67.2343,118.161L67.2343,82.3036L105.3292,75.6853L105.3292,101.475C104.1534,101.074,102.9102,100.869,101.65729999999999,100.87C95.7928,100.87,91.0401,105.276,91.0401,110.709C91.0401,116.142,95.7944,120.547,101.65729999999999,120.547C107.5202,120.547,112.2745,116.142,112.2745,110.709Q112.2728,110.528,112.2728,63.4637Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M107.9983,59.48451C107.9984,58.15049,107.361,56.88564,106.2592,56.03341C105.1571,55.181845,103.7053,54.831213,102.2977,55.0766483L56.987899999999996,62.98886C54.7101,63.38576,53.061099999999996,65.238,53.061099999999996,67.3967L53.0923,107.7516C51.8504,107.3258,50.5373,107.1084,49.214,107.1094C43.01979,107.1094,38,111.7867,38,117.5547C38,123.3243,43.02153,128,49.214,128C55.4065,128,60.428,123.3227,60.428,117.5547L60.428,79.4861L100.6643,72.4596L100.6643,99.8394C99.42240000000001,99.4136,98.10929999999999,99.1962,96.786,99.19720000000001C90.5918,99.19720000000001,85.572,103.8745,85.572,109.6425C85.572,115.4105,90.5935,120.0878,96.786,120.0878C102.9785,120.0878,108,115.4105,108,109.6425Q107.9983,109.4505,107.9983,59.48451Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var audiovue_type_template_id_70981d96_staticRenderFns = [];
+audiovue_type_template_id_70981d96_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/audio.vue?vue&type=template&id=70981d96
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/audio.vue
+
+var script = {}
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  script,
+  audiovue_type_template_id_70981d96_render,
+  audiovue_type_template_id_70981d96_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var audio = (component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/code.vue?vue&type=template&id=900b2442
+var codevue_type_template_id_900b2442_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.4069C150,40.1874,147.532,34.2239,143.136,29.8274L120.191,6.86822C115.795,2.47051,109.835,-0.00000298153,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    attrs: {
+      d: "M143.13623844909668,29.827444455909728L120.19133844909668,6.868224455909729C116.89933844909667,3.574394455909729,112.70153844909667,1.336388455909729,108.13313844909668,0.439644455909729L108.13313844909668,26.208644455909727C108.13313844909668,34.38994445590973,114.76073844909668,41.021744455909726,122.93693844909669,41.021744455909726L149.37123844909667,41.021744455909726C148.3722384490967,36.78324445590973,146.21323844909668,32.90694445590973,143.13623844909668,29.827444455909728ZM55.04783844909668,67.17184445590973C53.218138449096685,65.34094445590974,50.249938449096675,65.34094445590974,48.42023844909668,67.17184445590973L28.49052844909668,87.11214445590973C26.66080844909668,88.94304445590973,26.66080844909668,91.91304445590973,28.49052844909668,93.74394445590973L48.41823844909668,113.68464445590973C49.29613844909668,114.56564445590973,50.488838449096676,115.05964445590973,51.73203844909668,115.05764445590972C52.931038449096675,115.05764445590972,54.13203844909668,114.60064445590973,55.04583844909668,113.68464445590973C56.875638449096684,111.85364445590973,56.875638449096684,108.88364445590973,55.04583844909668,107.05264445590973L38.43193844909668,90.42804445590973L55.04593844909668,73.80364445590973C56.877538449096676,71.97274445590973,56.877538449096676,69.00264445590973,55.04783844909668,67.17184445590973ZM101.57783844909667,67.17184445590973C99.74813844909669,65.34094445590974,96.77993844909668,65.34094445590974,94.95023844909667,67.17184445590973C93.12043844909668,69.00264445590973,93.12043844909668,71.97274445590973,94.95023844909667,73.80364445590973L111.56413844909667,90.42804445590973L94.95023844909667,107.05264445590973C93.12043844909668,108.88364445590973,93.12043844909668,111.85364445590973,94.95023844909667,113.68464445590973C95.86603844909668,114.60064445590973,97.06503844909668,115.05764445590972,98.26403844909667,115.05764445590972C99.46293844909668,115.05764445590972,100.66193844909668,114.60064445590973,101.57783844909667,113.68464445590973L121.50553844909668,93.74394445590973C123.33523844909668,91.91304445590973,123.33523844909668,88.94304445590973,121.50553844909668,87.11214445590973L101.57783844909667,67.17184445590973ZM85.38763844909667,57.898244455909726C82.91933844909667,57.11864445590973,80.28703844909668,58.488344455909726,79.50793844909668,60.95814445590973L61.55443844909668,117.86364445590974C60.775238449096676,120.33364445590973,62.14413844909668,122.96764445590973,64.61233844909668,123.74764445590974C65.08103844909668,123.89564445590973,65.55753844909668,123.96564445590973,66.02423844909669,123.96564445590973C68.01403844909669,123.96564445590973,69.86133844909668,122.68664445590973,70.49213844909667,120.68764445590973L88.44563844909668,63.78164445590973C89.22473844909668,61.31184445590973,87.85583844909668,58.67784445590973,85.38763844909667,57.898244455909726Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    attrs: {
+      d: "M55.04783844909668,64.82700524414062C53.218138449096685,62.996135244140625,50.249938449096675,62.996135244140625,48.42023844909668,64.82700524414062L28.49052844909668,84.76732524414062C26.66080844909668,86.59822524414062,26.66080844909668,89.56822524414062,28.49052844909668,91.39912524414063L48.41823844909668,111.33942524414063C49.29613844909668,112.22042524414063,50.488838449096676,112.71482524414063,51.73203844909668,112.71312524414063C52.931038449096675,112.71312524414063,54.13203844909668,112.25582524414062,55.04583844909668,111.33942524414063C56.875638449096684,109.50852524414063,56.875638449096684,106.53852524414063,55.04583844909668,104.70762524414062L38.43193844909668,88.08322524414064L55.04593844909668,71.45882524414063C56.877538449096676,69.62792524414063,56.877538449096676,66.65782524414062,55.04783844909668,64.82700524414062ZM121.50753844909669,84.76732524414062L101.57783844909667,64.82700524414062C99.74813844909669,62.996135244140625,96.77993844909668,62.996135244140625,94.95023844909667,64.82700524414062C93.12043844909668,66.65792524414063,93.12043844909668,69.62792524414063,94.95023844909667,71.45882524414063L111.56413844909667,88.08322524414064L94.95023844909667,104.70762524414062C93.12043844909668,106.53852524414063,93.12043844909668,109.50852524414063,94.95023844909667,111.33942524414063C95.86603844909668,112.25582524414062,97.06503844909668,112.71312524414063,98.26403844909667,112.71312524414063C99.46293844909668,112.71312524414063,100.66193844909668,112.25582524414062,101.57783844909667,111.33942524414063L121.50553844909668,91.39912524414063C123.33723844909667,89.56822524414062,123.33723844909667,86.60012524414063,121.50753844909669,84.76732524414062ZM85.38763844909667,55.55343924414063C82.91933844909667,54.773805244140625,80.28703844909668,56.14353824414062,79.50793844909668,58.613365244140624L61.55433844909668,115.51902524414062C60.775238449096676,117.98882524414063,62.14413844909668,120.62272524414063,64.61233844909668,121.40242524414063C65.08103844909668,121.55092524414063,65.55753844909668,121.62122524414063,66.02423844909669,121.62122524414063C68.01403844909669,121.62122524414063,69.86133844909668,120.34142524414062,70.49213844909667,118.34252524414063L88.44563844909668,61.436855244140624C89.22473844909668,58.96702524414062,87.85583844909668,56.333074244140626,85.38763844909667,55.55343924414063Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var codevue_type_template_id_900b2442_staticRenderFns = [];
+codevue_type_template_id_900b2442_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/code.vue?vue&type=template&id=900b2442
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/code.vue
+
+var code_script = {}
+
+
+/* normalize component */
+
+var code_component = Object(componentNormalizer["a" /* default */])(
+  code_script,
+  codevue_type_template_id_900b2442_render,
+  codevue_type_template_id_900b2442_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var code = (code_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/database.vue?vue&type=template&id=99dc0ab4
+var databasevue_type_template_id_99dc0ab4_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.619,0L27.5941,0C12.3421,0,0,12.3702,0,27.6131L0,147.387C0,162.649,12.3617,175,27.5941,175L122.406,175C137.658,175,150,162.63,150,147.387L150,46.4126C150,40.1982,147.539,34.2379,143.145,29.8213L120.199,6.8593C115.805,2.46231,109.829,0.00000149095,103.619,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.14539389648436,29.82138343706131L120.19919389648437,6.859353437061309C116.87932389648438,3.53718343706131,112.68065389648437,1.3289224370613097,108.14999389648438,0.4299834370613098L108.14999389648438,26.20608343706131C108.14999389648438,34.39428343706131,114.77023389648437,41.01908343706131,122.95279389648438,41.01908343706131L149.37509389648437,41.01908343706131C148.3790938964844,36.81748343706131,146.2504938964844,32.92858343706131,143.14539389648436,29.82138343706131Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.05298260498047,65.48576474853516Q103.05298260498047,65.69012474853515,103.01918260498047,65.89424474853516Q102.98538260498046,66.09836474853516,102.91788260498046,66.30175474853516Q102.85028260498046,66.50513474853516,102.74928260498046,66.70728474853516Q102.64818260498046,66.90944474853515,102.51378260498046,67.10987474853516Q102.37938260498046,67.31030474853516,102.21198260498048,67.50860474853516Q102.04458260498046,67.70680474853515,101.84458260498047,67.90240474853516Q101.64458260498047,68.09790474853516,101.41258260498047,68.29030474853516Q101.18048260498047,68.48280474853516,100.91678260498047,68.67160474853516Q100.65318260498047,68.86040474853516,100.35868260498046,69.04510474853515Q100.06408260498047,69.22990474853516,99.73938260498048,69.41010474853516Q99.41458260498047,69.59030474853516,99.06048260498048,69.76560474853515Q98.70628260498046,69.94090474853516,98.32358260498046,70.11090474853516Q97.94078260498047,70.28080474853516,97.53048260498048,70.44490474853515Q97.12008260498047,70.60910474853516,96.68308260498047,70.76710474853516Q96.24598260498047,70.92500474853516,95.78338260498046,71.07650474853516Q95.32068260498048,71.22790474853515,94.83358260498048,71.37240474853516Q94.34648260498047,71.51690474853515,93.83598260498047,71.65410474853516Q93.32558260498047,71.79140474853516,92.79308260498047,71.92100474853515Q92.26048260498047,72.05070474853515,91.70718260498046,72.17240474853516Q91.15388260498047,72.29420474853515,90.58108260498047,72.40770474853515Q90.00828260498048,72.52120474853515,89.41738260498047,72.62630474853516Q88.82648260498047,72.73140474853516,88.21888260498048,72.82770474853515Q87.61138260498046,72.92400474853515,86.98858260498048,73.01140474853516Q86.36588260498047,73.09880474853516,85.72938260498047,73.17700474853515Q85.09288260498047,73.25520474853516,84.44428260498047,73.32410474853515Q83.79568260498047,73.39290474853516,83.13638260498047,73.45220474853515Q82.47718260498047,73.51160474853515,81.80888260498047,73.56120474853516Q81.14068260498047,73.61090474853515,80.46498260498046,73.65080474853515Q79.78938260498046,73.69060474853515,79.10788260498046,73.72060474853515Q78.42648260498046,73.75060474853515,77.74088260498047,73.77060474853516Q77.05528260498048,73.79070474853515,76.36718260498047,73.80070474853515Q75.67918260498047,73.81070474853516,74.99028260498046,73.81070474853516Q74.30128260498047,73.81070474853516,73.61328260498047,73.80070474853515Q72.92518260498046,73.79070474853515,72.23958260498047,73.77060474853516Q71.55398260498046,73.75060474853515,70.87258260498047,73.72060474853515Q70.19108260498047,73.69060474853515,69.51548260498046,73.65080474853515Q68.83978260498047,73.61090474853515,68.17158260498047,73.56120474853516Q67.50328260498047,73.51160474853515,66.84408260498047,73.45220474853515Q66.18478260498047,73.39290474853516,65.53618260498047,73.32410474853515Q64.88758260498047,73.25520474853516,64.25108260498047,73.17700474853515Q63.61458260498047,73.09880474853516,62.99188260498047,73.01140474853516Q62.36908260498047,72.92410474853516,61.76158260498047,72.82770474853515Q61.15398260498047,72.73140474853516,60.563082604980465,72.62630474853516Q59.97218260498047,72.52120474853515,59.39938260498047,72.40770474853515Q58.82658260498047,72.29420474853515,58.273282604980466,72.17240474853516Q57.71998260498047,72.05070474853515,57.18738260498047,71.92100474853515Q56.65488260498047,71.79140474853516,56.14444260498047,71.65410474853516Q55.634002604980466,71.51690474853515,55.14687260498047,71.37240474853516Q54.659742604980465,71.22790474853515,54.19710260498047,71.07650474853516Q53.73447260498047,70.92500474853516,53.29743260498047,70.76710474853516Q52.86040260498047,70.60910474853516,52.45002260498047,70.44490474853515Q52.03964260498047,70.28080474853516,51.65691260498047,70.11090474853516Q51.27417260498047,69.94090474853516,50.92001260498047,69.76560474853515Q50.56584260498047,69.59030474853516,50.241092604980466,69.41010474853516Q49.91635260498047,69.22990474853516,49.621802604980466,69.04510474853515Q49.32726260498047,68.86040474853516,49.06363260498047,68.67160474853516Q48.80000260498047,68.48280474853516,48.56791260498047,68.29030474853516Q48.33583260498047,68.09790474853516,48.13585260498047,67.90240474853516Q47.93587260498047,67.70680474853515,47.76848760498047,67.50860474853516Q47.60109860498047,67.31030474853516,47.46670060498047,67.10987474853516Q47.33230260498047,66.90944474853515,47.23121960498047,66.70728474853516Q47.13013660498047,66.50513474853516,47.062612604980465,66.30175474853516Q46.99508820498047,66.09836474853516,46.961285404980465,65.89424474853516Q46.92748260498047,65.69012474853515,46.92748260498047,65.48576474853516Q46.92748260498047,65.28139474853515,46.961285404980465,65.07727474853516Q46.99508820498047,64.87315474853516,47.062612604980465,64.66977474853516Q47.13013660498047,64.46639474853515,47.23121960498047,64.26423474853516Q47.33230260498047,64.06208474853516,47.46670060498047,63.861644748535156Q47.60109860498047,63.661204748535155,47.76848760498047,63.46296474853516Q47.93587260498047,63.26472474853516,48.13585260498047,63.069154748535155Q48.33583260498047,62.87358474853516,48.56791260498047,62.68116474853515Q48.80000260498047,62.488744748535154,49.06363260498047,62.29993474853516Q49.32726260498047,62.111124748535154,49.621802604980466,61.926384748535156Q49.91635260498047,61.741634748535155,50.241092604980466,61.56140474853515Q50.56584260498047,61.381164748535156,50.92001260498047,61.20587474853516Q51.27417260498047,61.030584748535155,51.65691260498047,60.86066474853516Q52.03964260498047,60.69073474853516,52.45002260498047,60.52659474853515Q52.86040260498047,60.362444748535154,53.29743260498047,60.20446474853516Q53.73447260498047,60.04648474853516,54.19710260498047,59.895064748535155Q54.659742604980465,59.74363474853516,55.14687260498047,59.599124748535154Q55.634002604980466,59.45461474853516,56.14444260498047,59.31737474853516Q56.65488260498047,59.18013474853515,57.18738260498047,59.050484748535155Q57.71998260498047,58.92083474853516,58.273282604980466,58.799094748535154Q58.82658260498047,58.67735474853516,59.39938260498047,58.56381474853516Q59.97218260498047,58.45027474853516,60.563082604980465,58.34520474853515Q61.15398260498047,58.24014474853516,61.76158260498047,58.14380474853515Q62.36908260498047,58.047467748535155,62.99188260498047,57.960089748535154Q63.61458260498047,57.87271174853515,64.25108260498047,57.794504748535154Q64.88758260498047,57.71629674853516,65.53618260498047,57.64744774853516Q66.18478260498047,57.57859874853516,66.84408260498047,57.51927474853515Q67.50328260498047,57.45994974853516,68.17158260498047,57.41029374853515Q68.83978260498047,57.36063674853516,69.51548260498046,57.320766748535156Q70.19108260498047,57.280896748535156,70.87258260498047,57.25090984853516Q71.55398260498046,57.220923048535155,72.23958260498047,57.200891648535155Q72.92518260498046,57.180860248535154,73.61328260498047,57.17083254853516Q74.30128260498047,57.160804748535156,74.99028260498046,57.160804748535156Q75.67918260498047,57.160804748535156,76.36718260498047,57.17083254853516Q77.05528260498048,57.180860248535154,77.74088260498047,57.200891648535155Q78.42648260498046,57.220923048535155,79.10788260498046,57.25090984853516Q79.78938260498046,57.280896748535156,80.46498260498046,57.320766748535156Q81.14068260498047,57.36063674853516,81.80888260498047,57.41029374853515Q82.47718260498047,57.45994974853516,83.13638260498047,57.51927474853515Q83.79568260498047,57.57859874853516,84.44428260498047,57.64744774853516Q85.09288260498047,57.71629674853516,85.72938260498047,57.794504748535154Q86.36588260498047,57.87271174853515,86.98858260498048,57.960089748535154Q87.61138260498046,58.047467748535155,88.21888260498048,58.14380474853515Q88.82648260498047,58.24014474853516,89.41738260498047,58.34520474853515Q90.00828260498048,58.45027474853516,90.58108260498047,58.56381474853516Q91.15388260498047,58.67735474853516,91.70718260498046,58.799094748535154Q92.26048260498047,58.92083474853516,92.79308260498047,59.050484748535155Q93.32558260498047,59.18013474853515,93.83598260498047,59.31737474853516Q94.34648260498047,59.45461474853516,94.83358260498048,59.599124748535154Q95.32068260498048,59.74363474853516,95.78338260498046,59.895064748535155Q96.24598260498047,60.04648474853516,96.68308260498047,60.20446474853516Q97.12008260498047,60.362444748535154,97.53048260498048,60.52659474853515Q97.94078260498047,60.69073474853516,98.32358260498046,60.86066474853516Q98.70628260498046,61.030584748535155,99.06048260498048,61.20587474853516Q99.41458260498047,61.381164748535156,99.73938260498048,61.56140474853515Q100.06408260498047,61.741634748535155,100.35868260498046,61.926384748535156Q100.65318260498047,62.111124748535154,100.91678260498047,62.29993474853516Q101.18048260498047,62.488744748535154,101.41258260498047,62.68116474853515Q101.64458260498047,62.87358474853516,101.84458260498047,63.069154748535155Q102.04458260498046,63.26472474853516,102.21198260498048,63.46296474853516Q102.37938260498046,63.661204748535155,102.51378260498046,63.861644748535156Q102.64818260498046,64.06208474853516,102.74928260498046,64.26423474853516Q102.85028260498046,64.46639474853515,102.91788260498046,64.66977474853516Q102.98538260498046,64.87315474853516,103.01918260498047,65.07727474853516Q103.05298260498047,65.28139474853515,103.05298260498047,65.48576474853516Z",
+      fill: "#F26C38",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M74.99021385498047,91.43770888671875C90.47651385498047,91.43770888671875,103.05301385498046,87.70520888671875,103.05301385498046,83.11280888671875L103.05301385498046,71.71969988671874C103.05301385498046,71.56336488671874,103.03351385498047,71.38748088671875,103.01391385498047,71.23114628671875C102.17421385498048,75.60858888671875,89.94921385498047,79.08709888671875,75.00971385498048,79.08709888671875C60.07031385498047,79.08709888671875,47.825805854980466,75.58904888671876,46.986073654980466,71.21160888671875C46.94701385498047,71.36794388671875,46.94701385498047,71.52428488671875,46.94701385498047,71.70016288671874L46.94701385498047,83.09320888671876C46.94701385498047,87.70520888671875,59.50401385498047,91.43770888671875,74.99021385498047,91.43770888671875Z",
+      fill: "#F26C38",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M74.99021385498047,108.5957830444336C90.47651385498047,108.5957830444336,103.05301385498046,104.8631830444336,103.05301385498046,100.2707830444336L103.05301385498046,88.87773704443359C103.05301385498046,88.72140204443359,103.03351385498047,88.54551804443359,103.01391385498047,88.3891830444336C102.17421385498048,92.76663304443359,89.94921385498047,96.2451330444336,75.00971385498048,96.2451330444336C60.07031385498047,96.2451330444336,47.825805854980466,92.76663304443359,46.986073654980466,88.3891830444336C46.94701385498047,88.54551804443359,46.94701385498047,88.70185304443359,46.94701385498047,88.87773704443359L46.94701385498047,100.2707830444336C46.94701385498047,104.8631830444336,59.50401385498047,108.5957830444336,74.99021385498047,108.5957830444336Z",
+      fill: "#F26C38",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M75.0097412902832,113.3249670288086C60.0703412902832,113.3249670288086,47.8453332902832,109.84646702880859,47.0056010902832,105.4690170288086C46.9665412902832,105.62535202880859,46.9665412902832,105.78168702880859,46.9665412902832,105.95757102880859L46.9665412902832,117.3506170288086C46.9665412902832,121.9430170288086,59.523541290283205,125.6756170288086,75.02924129028321,125.6756170288086C90.5350412902832,125.6756170288086,103.0920412902832,121.94311702880859,103.0920412902832,117.3506170288086L103.0920412902832,105.9575830288086C103.0920412902832,105.80124802880859,103.0725412902832,105.62536402880859,103.0529412902832,105.4690289564086C102.1741412902832,109.8464770288086,89.9492412902832,113.32497702880859,75.0097412902832,113.3249670288086Z",
+      fill: "#F26C38",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.05298260498047,63.14069867797852Q103.05298260498047,63.345058677978514,103.01918260498047,63.54917867797852Q102.98538260498046,63.75329867797851,102.91788260498046,63.95668867797852Q102.85028260498046,64.16006867797851,102.74928260498046,64.36221867797852Q102.64818260498046,64.56437867797851,102.51378260498046,64.76480867797852Q102.37938260498046,64.96523867797852,102.21198260498048,65.16353867797852Q102.04458260498046,65.36173867797851,101.84458260498047,65.55733867797852Q101.64458260498047,65.75283867797852,101.41258260498047,65.94523867797852Q101.18048260498047,66.13773867797852,100.91678260498047,66.32653867797852Q100.65318260498047,66.51533867797852,100.35868260498046,66.70003867797851Q100.06408260498047,66.88483867797852,99.73938260498048,67.06503867797852Q99.41458260498047,67.24523867797852,99.06048260498048,67.42053867797851Q98.70628260498046,67.59583867797852,98.32358260498046,67.76583867797852Q97.94078260498047,67.93573867797852,97.53048260498048,68.09983867797851Q97.12008260498047,68.26403867797852,96.68308260498047,68.42203867797852Q96.24598260498047,68.57993867797852,95.78338260498046,68.73143867797852Q95.32068260498048,68.88283867797851,94.83358260498048,69.02733867797852Q94.34648260498047,69.17183867797851,93.83598260498047,69.30903867797852Q93.32558260498047,69.44633867797852,92.79308260498047,69.57593867797851Q92.26048260498047,69.70563867797851,91.70718260498046,69.82733867797852Q91.15388260498047,69.94913867797851,90.58108260498047,70.06263867797851Q90.00828260498048,70.17613867797851,89.41738260498047,70.28123867797852Q88.82648260498047,70.38633867797851,88.21888260498048,70.48263867797851Q87.61138260498046,70.57893867797851,86.98858260498048,70.66633867797852Q86.36588260498047,70.75373867797852,85.72938260498047,70.83193867797851Q85.09288260498047,70.91013867797852,84.44428260498047,70.97903867797851Q83.79568260498047,71.04783867797852,83.13638260498047,71.10713867797851Q82.47718260498047,71.16653867797851,81.80888260498047,71.21613867797852Q81.14068260498047,71.26583867797851,80.46498260498046,71.30573867797851Q79.78938260498046,71.34553867797851,79.10788260498046,71.37553867797851Q78.42648260498046,71.40553867797851,77.74088260498047,71.42553867797852Q77.05528260498048,71.44563867797851,76.36718260498047,71.45563867797851Q75.67918260498047,71.46563867797852,74.99028260498046,71.46563867797852Q74.30128260498047,71.46563867797852,73.61328260498047,71.45563867797851Q72.92518260498046,71.44563867797851,72.23958260498047,71.42553867797852Q71.55398260498046,71.40553867797851,70.87258260498047,71.37553867797851Q70.19108260498047,71.34553867797851,69.51548260498046,71.30573867797851Q68.83978260498047,71.26583867797851,68.17158260498047,71.21613867797852Q67.50328260498047,71.16653867797851,66.84408260498047,71.10713867797851Q66.18478260498047,71.04783867797852,65.53618260498047,70.97903867797851Q64.88758260498047,70.91013867797852,64.25108260498047,70.83193867797851Q63.61458260498047,70.75373867797852,62.99188260498047,70.66633867797852Q62.36908260498047,70.57903867797852,61.76158260498047,70.48263867797851Q61.15398260498047,70.38633867797851,60.563082604980465,70.28123867797852Q59.97218260498047,70.17613867797851,59.39938260498047,70.06263867797851Q58.82658260498047,69.94913867797851,58.273282604980466,69.82733867797852Q57.71998260498047,69.70563867797851,57.18738260498047,69.57593867797851Q56.65488260498047,69.44633867797852,56.14444260498047,69.30903867797852Q55.634002604980466,69.17183867797851,55.14687260498047,69.02733867797852Q54.659742604980465,68.88283867797851,54.19710260498047,68.73143867797852Q53.73447260498047,68.57993867797852,53.29743260498047,68.42203867797852Q52.86040260498047,68.26403867797852,52.45002260498047,68.09983867797851Q52.03964260498047,67.93573867797852,51.65691260498047,67.76583867797852Q51.27417260498047,67.59583867797852,50.92001260498047,67.42053867797851Q50.56584260498047,67.24523867797852,50.241092604980466,67.06503867797852Q49.91635260498047,66.88483867797852,49.621802604980466,66.70003867797851Q49.32726260498047,66.51533867797852,49.06363260498047,66.32653867797852Q48.80000260498047,66.13773867797852,48.56791260498047,65.94523867797852Q48.33583260498047,65.75283867797852,48.13585260498047,65.55733867797852Q47.93587260498047,65.36173867797851,47.76848760498047,65.16353867797852Q47.60109860498047,64.96523867797852,47.46670060498047,64.76480867797852Q47.33230260498047,64.56437867797851,47.23121960498047,64.36221867797852Q47.13013660498047,64.16006867797851,47.062612604980465,63.95668867797852Q46.99508820498047,63.75329867797851,46.961285404980465,63.54917867797852Q46.92748260498047,63.345058677978514,46.92748260498047,63.14069867797852Q46.92748260498047,62.936328677978516,46.961285404980465,62.73220867797852Q46.99508820498047,62.528088677978516,47.062612604980465,62.32470867797851Q47.13013660498047,62.12132867797852,47.23121960498047,61.91916867797852Q47.33230260498047,61.717018677978515,47.46670060498047,61.516578677978515Q47.60109860498047,61.316138677978515,47.76848760498047,61.117898677978516Q47.93587260498047,60.91965867797852,48.13585260498047,60.724088677978514Q48.33583260498047,60.52851867797852,48.56791260498047,60.33609867797851Q48.80000260498047,60.143678677978514,49.06363260498047,59.95486867797852Q49.32726260498047,59.76605867797851,49.621802604980466,59.581318677978516Q49.91635260498047,59.396568677978514,50.241092604980466,59.21633867797851Q50.56584260498047,59.036098677978515,50.92001260498047,58.86080867797852Q51.27417260498047,58.685518677978514,51.65691260498047,58.51559867797852Q52.03964260498047,58.345668677978516,52.45002260498047,58.18152867797851Q52.86040260498047,58.01737867797851,53.29743260498047,57.85939867797852Q53.73447260498047,57.701418677978516,54.19710260498047,57.549998677978515Q54.659742604980465,57.39856867797852,55.14687260498047,57.25405867797851Q55.634002604980466,57.109548677978516,56.14444260498047,56.97230867797852Q56.65488260498047,56.83506867797851,57.18738260498047,56.705418677978514Q57.71998260498047,56.575768677978516,58.273282604980466,56.45402867797851Q58.82658260498047,56.33228867797852,59.39938260498047,56.21874867797852Q59.97218260498047,56.10520867797852,60.563082604980465,56.00013867797851Q61.15398260498047,55.89507867797852,61.76158260498047,55.79873867797851Q62.36908260498047,55.702401677978514,62.99188260498047,55.61502367797851Q63.61458260498047,55.52764567797851,64.25108260498047,55.44943867797851Q64.88758260498047,55.37123067797852,65.53618260498047,55.30238167797852Q66.18478260498047,55.233532677978516,66.84408260498047,55.17420867797851Q67.50328260498047,55.11488367797852,68.17158260498047,55.06522767797851Q68.83978260498047,55.015570677978516,69.51548260498046,54.975700677978516Q70.19108260498047,54.935830677978515,70.87258260498047,54.90584377797852Q71.55398260498046,54.875856977978515,72.23958260498047,54.855825577978514Q72.92518260498046,54.835794177978514,73.61328260498047,54.82576647797852Q74.30128260498047,54.815738677978516,74.99028260498046,54.815738677978516Q75.67918260498047,54.815738677978516,76.36718260498047,54.82576647797852Q77.05528260498048,54.835794177978514,77.74088260498047,54.855825577978514Q78.42648260498046,54.875856977978515,79.10788260498046,54.90584377797852Q79.78938260498046,54.935830677978515,80.46498260498046,54.975700677978516Q81.14068260498047,55.015570677978516,81.80888260498047,55.06522767797851Q82.47718260498047,55.11488367797852,83.13638260498047,55.17420867797851Q83.79568260498047,55.233532677978516,84.44428260498047,55.30238167797852Q85.09288260498047,55.37123067797852,85.72938260498047,55.44943867797851Q86.36588260498047,55.52764567797851,86.98858260498048,55.61502367797851Q87.61138260498046,55.702401677978514,88.21888260498048,55.79873867797851Q88.82648260498047,55.89507867797852,89.41738260498047,56.00013867797851Q90.00828260498048,56.10520867797852,90.58108260498047,56.21874867797852Q91.15388260498047,56.33228867797852,91.70718260498046,56.45402867797851Q92.26048260498047,56.575768677978516,92.79308260498047,56.705418677978514Q93.32558260498047,56.83506867797851,93.83598260498047,56.97230867797852Q94.34648260498047,57.109548677978516,94.83358260498048,57.25405867797851Q95.32068260498048,57.39856867797852,95.78338260498046,57.549998677978515Q96.24598260498047,57.701418677978516,96.68308260498047,57.85939867797852Q97.12008260498047,58.01737867797851,97.53048260498048,58.18152867797851Q97.94078260498047,58.345668677978516,98.32358260498046,58.51559867797852Q98.70628260498046,58.685518677978514,99.06048260498048,58.86080867797852Q99.41458260498047,59.036098677978515,99.73938260498048,59.21633867797851Q100.06408260498047,59.396568677978514,100.35868260498046,59.581318677978516Q100.65318260498047,59.76605867797851,100.91678260498047,59.95486867797852Q101.18048260498047,60.143678677978514,101.41258260498047,60.33609867797851Q101.64458260498047,60.52851867797852,101.84458260498047,60.724088677978514Q102.04458260498046,60.91965867797852,102.21198260498048,61.117898677978516Q102.37938260498046,61.316138677978515,102.51378260498046,61.516578677978515Q102.64818260498046,61.717018677978515,102.74928260498046,61.91916867797852Q102.85028260498046,62.12132867797852,102.91788260498046,62.32470867797851Q102.98538260498046,62.528088677978516,103.01918260498047,62.73220867797852Q103.05298260498047,62.936328677978516,103.05298260498047,63.14069867797852Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M74.99021385498047,89.09266951904297C90.47651385498047,89.09266951904297,103.05301385498046,85.36016951904297,103.05301385498046,80.76776951904297L103.05301385498046,69.37466051904296C103.05301385498046,69.21832551904296,103.03351385498047,69.04244151904297,103.01391385498047,68.88610691904297C102.17421385498048,73.26354951904297,89.94921385498047,76.74205951904297,75.00971385498048,76.74205951904297C60.07031385498047,76.74205951904297,47.825805854980466,73.24400951904298,46.986073654980466,68.86656951904297C46.94701385498047,69.02290451904297,46.94701385498047,69.17924551904296,46.94701385498047,69.35512351904296L46.94701385498047,80.74816951904297C46.94701385498047,85.36016951904297,59.50401385498047,89.09266951904297,74.99021385498047,89.09266951904297Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M74.99021385498047,106.25072078857423C90.47651385498047,106.25072078857423,103.05301385498046,102.51812078857422,103.05301385498046,97.92572078857422L103.05301385498046,86.53267478857421C103.05301385498046,86.37633978857421,103.03351385498047,86.20045578857422,103.01391385498047,86.04412078857422C102.17421385498048,90.42157078857421,89.94921385498047,93.90007078857423,75.00971385498048,93.90007078857423C60.07031385498047,93.90007078857423,47.825805854980466,90.42157078857421,46.986073654980466,86.04412078857422C46.94701385498047,86.20045578857422,46.94701385498047,86.35679078857422,46.94701385498047,86.53267478857421L46.94701385498047,97.92572078857422C46.94701385498047,102.51812078857422,59.50401385498047,106.25072078857423,74.99021385498047,106.25072078857423Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.01394129028321,103.12396240234375C102.1742412902832,107.50141240234375,89.9492412902832,110.97991240234376,75.0097412902832,110.97991240234376C60.0703412902832,110.97991240234376,47.8453332902832,107.50141240234375,47.0056010902832,103.12396240234375C46.9665412902832,103.28029740234375,46.9665412902832,103.43663240234375,46.9665412902832,103.61251640234374L46.9665412902832,115.00556240234376C46.9665412902832,119.59796240234375,59.523541290283205,123.33056240234376,75.02924129028321,123.33056240234376C90.51554129028321,123.33056240234376,103.0920412902832,119.59796240234375,103.0920412902832,115.00556240234376L103.0920412902832,103.61251640234374C103.0529412902832,103.45618140234374,103.0334412902832,103.28029740234375,103.01394129028321,103.12396240234375Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var databasevue_type_template_id_99dc0ab4_staticRenderFns = [];
+databasevue_type_template_id_99dc0ab4_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/database.vue?vue&type=template&id=99dc0ab4
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/database.vue
+
+var database_script = {}
+
+
+/* normalize component */
+
+var database_component = Object(componentNormalizer["a" /* default */])(
+  database_script,
+  databasevue_type_template_id_99dc0ab4_render,
+  databasevue_type_template_id_99dc0ab4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var database = (database_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/excel.vue?vue&type=template&id=fc2a1874
+var excelvue_type_template_id_fc2a1874_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M102.9993763305664,63.478790526247025C101.1696763305664,61.647890526247025,98.20147633056641,61.647890526247025,96.3717763305664,63.478790526247025L74.74517633056641,85.11909052624702L53.118526330566404,63.478790526247025C51.28880633056641,61.647890526247025,48.32063633056641,61.647890526247025,46.49091633056641,63.478790526247025C44.66119533056641,65.30969052624702,44.66119533056641,68.27969052624702,46.49091633056641,70.11059052624702L68.11757633056641,91.75089052624702L46.488966330566406,113.39069052624703C44.659246330566404,115.22169052624703,44.659246330566404,118.19169052624703,46.488966330566406,120.02269052624702C47.40480633056641,120.93969052624702,48.60378633056641,121.39669052624703,49.8027763305664,121.39669052624703C51.00175633056641,121.39669052624703,52.20073633056641,120.93969052624702,53.1165763305664,120.02269052624702L74.74517633056641,98.38269052624702L96.3698763305664,120.02269052624702C97.2856763305664,120.93969052624702,98.4846763305664,121.39669052624703,99.68367633056641,121.39669052624703C100.88257633056641,121.39669052624703,102.0815763305664,120.93969052624702,102.9974763305664,120.02269052624702C104.8271763305664,118.19169052624703,104.8271763305664,115.22169052624703,102.9974763305664,113.39069052624703L81.37277633056641,91.75089052624702L102.9993763305664,70.11059052624702C104.82917633056641,68.27969052624702,104.82917633056641,65.30969052624702,102.9993763305664,63.478790526247025ZM143.13607633056642,29.825490526247023L120.19137633056641,6.866270526247025C116.89937633056641,3.5724405262470245,112.70147633056641,1.3344315262470245,108.13317633056641,0.43769052624702454L108.13317633056641,26.206690526247023C108.13317633056641,34.38799052624702,114.7607763305664,41.01979052624702,122.93697633056641,41.01979052624702L149.3716763305664,41.01979052624702C148.3716763305664,36.78159052624702,146.2126763305664,32.90549052624702,143.13607633056642,29.825490526247023Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M81.37277633056641,89.4060757019043L102.9993763305664,67.76582570190429C104.82917633056641,65.9349557019043,104.82917633056641,62.9649057019043,102.9993763305664,61.134035701904295C101.1696763305664,59.3031567019043,98.20147633056641,59.3031567019043,96.3717763305664,61.134035701904295L74.74517633056641,82.7742757019043L53.118526330566404,61.134035701904295C51.28880633056641,59.3031567019043,48.32063633056641,59.3031567019043,46.49091633056641,61.134035701904295C44.66119533056641,62.9649057019043,44.66119533056641,65.9349557019043,46.49091633056641,67.76582570190429L68.11757633056641,89.4060757019043L46.488966330566406,111.0463757019043C44.659246330566404,112.8772757019043,44.659246330566404,115.8472757019043,46.488966330566406,117.6781757019043C47.40480633056641,118.59457570190429,48.60378633056641,119.0518757019043,49.8027763305664,119.0518757019043C51.00175633056641,119.0518757019043,52.20073633056641,118.59457570190429,53.1165763305664,117.6781757019043L74.74517633056641,96.0378757019043L96.3698763305664,117.6781757019043C97.2856763305664,118.59457570190429,98.4846763305664,119.0518757019043,99.68367633056641,119.0518757019043C100.88257633056641,119.0518757019043,102.0815763305664,118.59457570190429,102.9974763305664,117.6781757019043C104.8271763305664,115.8472757019043,104.8271763305664,112.8772757019043,102.9974763305664,111.0463757019043L81.37277633056641,89.4060757019043Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var excelvue_type_template_id_fc2a1874_staticRenderFns = [];
+excelvue_type_template_id_fc2a1874_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/excel.vue?vue&type=template&id=fc2a1874
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/excel.vue
+
+var excel_script = {}
+
+
+/* normalize component */
+
+var excel_component = Object(componentNormalizer["a" /* default */])(
+  excel_script,
+  excelvue_type_template_id_fc2a1874_render,
+  excelvue_type_template_id_fc2a1874_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var excel = (excel_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/file.vue?vue&type=template&id=18809ace
+var filevue_type_template_id_18809ace_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M119.4187,6.43348L142.679,29.4102C145.799,32.4921,147.987,36.3713,149,40.613L122.202,40.613C113.9134,40.613,107.1945,33.9762,107.1945,25.7887L107.1945,0C111.8257,0.897429,116.0814,3.13714,119.4187,6.43348ZM102.2165,77.5181L78.4159,77.5181C77.3094,77.5182,76.292,76.8169,75.7664,75.6919L66.9447,56.7338C66.4191,55.6088,65.4017,54.9076,64.2951,54.9076L48.02165,54.9076C44.69598,54.9076,42,58.0224,42,61.8647L42,114.043C42,117.885,44.69598,121,48.02165,121L102.2165,121C105.5421,121,108.2381,117.885,108.2381,114.043L108.2381,84.4752C108.2381,80.6329,105.5421,77.5181,102.2165,77.5181ZM79.3878,73.0348C79.78110000000001,73.8506,80.52170000000001,74.3613,81.3298,74.3741L100.9002,74.3741C102.1591,74.3742,103.1751,73.1848,103.1583,71.7304L103.1583,67.2604C103.15,63.9821,100.8474,61.3295,98.0098,61.3295L77.6115,61.3295C75.8888,61.33,74.801,63.4694,75.6394,65.2081L79.3878,73.0348ZM76.6245,107.955L55.5487,107.955C54.3016,107.955,53.2906,106.787,53.2906,105.347C53.2906,103.906,54.3016,102.738,55.5487,102.738L76.6245,102.738C77.8716,102.738,78.8826,103.906,78.8826,105.347C78.8826,106.787,77.8716,107.955,76.6245,107.955ZM87.1623,107.955L84.1515,107.955C82.90440000000001,107.955,81.8934,106.787,81.8934,105.347C81.8934,103.906,82.90440000000001,102.738,84.1515,102.738L87.1623,102.738C88.40950000000001,102.738,89.4205,103.906,89.4205,105.347C89.4205,106.787,88.40950000000001,107.955,87.1623,107.955Z",
+      "fill-rule": "evenodd",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M80.73519999999999,75.2368L104.0909,75.2368C107.3544,75.2368,110,78.3002,110,82.0789L110,111.1579C110,114.9367,107.3544,118,104.0909,118L50.90909,118C47.64559,118,45,114.9367,45,111.1579L45,59.84211C45,56.06331,47.64559,53,50.90909,53L66.8784,53C67.96430000000001,53,68.9626,53.689657,69.4784,54.79605L78.1352,73.4408C78.65100000000001,74.5472,79.6494,75.23689999999999,80.73519999999999,75.2368ZM83.5947,72.1447C82.8017,72.1322,82.0749,71.62989999999999,81.689,70.8276L78.0106,63.1303C77.1879,61.42029,78.2553,59.31629,79.94579999999999,59.31579L99.96289999999999,59.31579C102.7474,59.31579,105.007,61.92451,105.01509999999999,65.1487L105.01509999999999,69.5447C105.0316,70.9751,104.0347,72.1449,102.7992,72.1447L83.5947,72.1447ZM58.295500000000004,105.1711L78.9773,105.1711C80.2011,105.1711,81.19319999999999,104.0223,81.19319999999999,102.6053C81.19319999999999,101.1882,80.2011,100.0395,78.9773,100.0395L58.295500000000004,100.0395C57.071600000000004,100.0395,56.079499999999996,101.1882,56.079499999999996,102.6053C56.079499999999996,104.0223,57.071600000000004,105.1711,58.295500000000004,105.1711ZM86.36359999999999,105.1711L89.31819999999999,105.1711C90.542,105.1711,91.5341,104.0223,91.5341,102.6053C91.5341,101.1882,90.542,100.0395,89.31819999999999,100.0395L86.36359999999999,100.0395C85.13980000000001,100.0395,84.1477,101.1882,84.1477,102.6053C84.1477,104.0223,85.13980000000001,105.1711,86.36359999999999,105.1711Z",
+      "fill-rule": "evenodd",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var filevue_type_template_id_18809ace_staticRenderFns = [];
+filevue_type_template_id_18809ace_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/file.vue?vue&type=template&id=18809ace
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/file.vue
+
+var file_script = {}
+
+
+/* normalize component */
+
+var file_component = Object(componentNormalizer["a" /* default */])(
+  file_script,
+  filevue_type_template_id_18809ace_render,
+  filevue_type_template_id_18809ace_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var file = (file_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/image.vue?vue&type=template&id=4ecdf3a4
+var imagevue_type_template_id_4ecdf3a4_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M121.4512,6.3707L143.8997,29.1232C146.9096,32.1755,149.022,36.0167,150,40.2167L124.1374,40.2167C116.138,40.2167,109.6537,33.6446,109.6537,25.537L109.6537,0C114.1233,0.888667,118.2304,3.10652,121.4512,6.3707ZM87.7937,65.9973C89.4664,69.7349,93.815,71.3907,97.505,69.6951C101.195,67.9995,102.8281,63.595,101.1519,59.8591C99.4793,56.1216,95.1306,54.4657,91.4406,56.1613C87.75059999999999,57.8569,86.1175,62.2614,87.7937,65.9973ZM110.9348,108.381L102.7132,85.7332C100.8391,80.5692,96.15270000000001,80.5692,94.2787,85.7332L86.48910000000001,107.194L72.0064,67.2953C70.1323,62.1332,65.44839999999999,62.1332,63.5743,67.2953L48.659585,108.385C46.78551,113.547,49.1281,120,52.87625,120L106.71809999999999,120C110.46629999999999,119.998,112.8089,113.545,110.9348,108.381Z",
+      "fill-rule": "evenodd",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M93.5992,66.3085C89.8277,68.0171,85.3829,66.3485,83.6733,62.582300000000004C81.96000000000001,58.81768,83.6292,54.37933,87.4008,52.670698C91.1723,50.96207,95.6171,52.630641,97.3267,56.39691C99.03999999999999,60.16151,97.3708,64.5999,93.5992,66.3085ZM98.9225,82.4699L107.3258,105.29169999999999C109.2413,110.49539999999999,106.84700000000001,116.9981,103.01599999999999,117L47.98403,117C44.15304,117,41.75867,110.4973,43.674163,105.29560000000001L58.9185,63.8902C60.834,58.68846,65.6215,58.68846,67.537,63.8902L82.3398,104.0961L90.30160000000001,82.4699C92.2171,77.2662,97.007,77.2662,98.9225,82.4699Z",
+      "fill-rule": "evenodd",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var imagevue_type_template_id_4ecdf3a4_staticRenderFns = [];
+imagevue_type_template_id_4ecdf3a4_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/image.vue?vue&type=template&id=4ecdf3a4
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/image.vue
+
+var image_script = {}
+
+
+/* normalize component */
+
+var image_component = Object(componentNormalizer["a" /* default */])(
+  image_script,
+  imagevue_type_template_id_4ecdf3a4_render,
+  imagevue_type_template_id_4ecdf3a4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var fileSvg_image = (image_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/link.vue?vue&type=template&id=e4113ea4
+var linkvue_type_template_id_e4113ea4_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.4069C150,40.1874,147.532,34.2239,143.136,29.8274L120.191,6.86822C115.795,2.47051,109.835,-0.00000298153,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.13604835205078,29.82753037600517L120.19134835205078,6.868310376005173C116.89934835205078,3.5744803760051727,112.70154835205078,1.3364743760051727,108.13314835205078,0.43973037600517273L108.13314835205078,26.20873037600517C108.13314835205078,34.39003037600517,114.76074835205078,41.02183037600517,122.93694835205079,41.02183037600517L149.37124835205077,41.02183037600517C148.37224835205078,36.783330376005175,146.21324835205078,32.907030376005174,143.13604835205078,29.82753037600517ZM78.17804835205078,58.99253037600517L68.11558835205078,69.06143037600518C66.59049835205079,70.58743037600517,66.59049835205079,73.06123037600517,68.11558835205078,74.58723037600517C69.64067835205078,76.11333037600517,72.11285835205078,76.11333037600517,73.63794835205078,74.58723037600517L83.70044835205078,64.51843037600517C88.81854835205078,59.39703037600517,97.14504835205078,59.39703037600517,102.26324835205078,64.51843037600517C107.38134835205078,69.63973037600518,107.38134835205078,77.97153037600518,102.26324835205078,83.09293037600517L92.20074835205078,93.16173037600517C87.08254835205078,98.28313037600518,78.75604835205078,98.28313037600518,73.63794835205078,93.16173037600517C73.06929835205078,92.59283037600517,72.55419835205078,91.97273037600517,72.09918835205079,91.30933037600518C70.88067835205078,89.52933037600518,68.44950835205078,89.07403037600517,66.67055835205078,90.29523037600518C64.88965895205078,91.51653037600518,64.43662135205078,93.94723037600517,65.65708535205079,95.72733037600517C66.37959835205078,96.78243037600517,67.20756835205079,97.77893037600518,68.11558835205078,98.68753037600517C76.27804835205077,106.85473037600518,89.56064835205078,106.85473037600518,97.72504835205078,98.68753037600517L107.78754835205078,88.61873037600517C115.95004835205077,80.45113037600517,115.95004835205077,67.16013037600517,107.78754835205078,58.99063037600517C99.62314835205078,50.82303037600517,86.34054835205077,50.82303037600517,78.17804835205078,58.99253037600517Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M76.36005356445312,109.01229274902343L66.29765356445313,119.08109274902344C61.17945356445313,124.20249274902343,52.852953564453124,124.20249274902343,47.734853564453125,119.08109274902344C42.616683564453126,113.95969274902345,42.616683564453126,105.62799274902343,47.734853564453125,100.50659274902344L57.797353564453125,90.43779274902343C62.915453564453124,85.31642274902343,71.24195356445313,85.31642274902343,76.36005356445312,90.43779274902343C76.89905356445313,90.97709274902344,77.39115356445313,91.56519274902344,77.82465356445311,92.18469274902344C79.06075356445312,93.95299274902344,81.49585356445313,94.38289274902344,83.26305356445312,93.14599274902343C85.03025356445312,91.90909274902344,85.45985356445313,89.47249274902344,84.22375356445312,87.70418274902343C83.53055356445313,86.71156274902344,82.74165356445312,85.77365274902344,81.88245356445313,84.91390274902344C73.71995356445314,76.74629274902344,60.43745356445312,76.74629274902344,52.272953564453125,84.91390274902344L42.21050356445313,94.98269274902344C34.048043564453124,103.15039274902344,34.048043564453124,116.44129274902343,42.21050356445313,124.60889274902344C50.37295356445313,132.77649274902345,63.65555356445313,132.77649274902345,71.81995356445313,124.60889274902344L81.88245356445313,114.54009274902344C83.40755356445312,113.01399274902343,83.40755356445312,110.54029274902344,81.88245356445313,109.01419274902344C80.35735356445312,107.48619274902345,77.88515356445313,107.48619274902345,76.36005356445312,109.01229274902343Z",
+      fill: "#29A3D3",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M107.78559522705078,56.64769791503906C99.62309522705078,48.480087915039064,86.34049522705078,48.480087915039064,78.17609522705078,56.64769791503906L68.11363522705078,66.71648791503907C66.58854522705079,68.24258791503907,66.58854522705079,70.71628791503906,68.11363522705078,72.24238791503906C69.63872522705078,73.76838791503906,72.11090522705078,73.76838791503906,73.63599522705078,72.24238791503906L83.69849522705078,62.173587915039064C88.81659522705078,57.05217791503906,97.14309522705078,57.05217791503906,102.26129522705078,62.173587915039064C107.37939522705078,67.29488791503906,107.37939522705078,75.62668791503907,102.26129522705078,80.74798791503906L92.19879522705078,90.81688791503906C87.08059522705078,95.93828791503907,78.75409522705078,95.93828791503907,73.63599522705078,90.81688791503906C73.06733522705078,90.24798791503906,72.55223522705079,89.62788791503905,72.09723522705079,88.96448791503906C70.87872522705078,87.18438791503905,68.44755522705078,86.72918791503906,66.66860522705078,87.95038791503907C64.88770592705077,89.17158791503905,64.43466822705078,91.60238791503906,65.65513222705079,93.38238791503906C66.37764522705078,94.43758791503906,67.20561522705079,95.43408791503907,68.11363522705078,96.34268791503906C76.27609522705077,104.51028791503907,89.55869522705078,104.51028791503907,97.72309522705078,96.34268791503906L107.78559522705078,86.27388791503907C115.94999522705078,78.10628791503906,115.94999522705078,64.81528791503906,107.78559522705078,56.64769791503906Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M76.36005356445312,106.66752803955077L66.29765356445313,116.73632803955078C61.17945356445313,121.85772803955078,52.852953564453124,121.85772803955078,47.734853564453125,116.73632803955078C42.616683564453126,111.61492803955079,42.616683564453126,103.28322803955078,47.734853564453125,98.16182803955078L57.797353564453125,88.09302803955077C62.915453564453124,82.97165803955077,71.24195356445313,82.97165803955077,76.36005356445312,88.09302803955077C76.89905356445313,88.63232803955079,77.39115356445313,89.22042803955078,77.82465356445311,89.83992803955078C79.06075356445312,91.60822803955078,81.49585356445313,92.03812803955078,83.26305356445312,90.80122803955078C85.03025356445312,89.56432803955079,85.45985356445313,87.12772803955079,84.22375356445312,85.35941803955077C83.53055356445313,84.36679803955079,82.74165356445312,83.42888803955078,81.88245356445313,82.56913803955078C73.71995356445314,74.40152803955078,60.43745356445312,74.40152803955078,52.272953564453125,82.56913803955078L42.21050356445313,92.63792803955079C34.048043564453124,100.80562803955078,34.048043564453124,114.09652803955078,42.21050356445313,122.26412803955078C50.37295356445313,130.4317280395508,63.65555356445313,130.4317280395508,71.81995356445313,122.26412803955078L81.88245356445313,112.19532803955079C83.40755356445312,110.66922803955077,83.40755356445312,108.19552803955078,81.88245356445313,106.66942803955078C80.35735356445312,105.14142803955079,77.88515356445313,105.14142803955079,76.36005356445312,106.66752803955077Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var linkvue_type_template_id_e4113ea4_staticRenderFns = [];
+linkvue_type_template_id_e4113ea4_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/link.vue?vue&type=template&id=e4113ea4
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/link.vue
+
+var link_script = {}
+
+
+/* normalize component */
+
+var link_component = Object(componentNormalizer["a" /* default */])(
+  link_script,
+  linkvue_type_template_id_e4113ea4_render,
+  linkvue_type_template_id_e4113ea4_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var fileSvg_link = (link_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/mark.vue?vue&type=template&id=46e2c9a8
+var markvue_type_template_id_46e2c9a8_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.6847224914551,29.348195451831817L120.64612249145507,6.751235451831818C117.34072249145508,3.5093754518318176,113.12572249145508,1.3066904518318176,108.53872249145508,0.4240954518318176L108.53872249145508,25.78649545183182C108.53872249145508,33.83869545183182,115.19342249145508,40.36589545183182,123.40292249145507,40.36589545183182L149.94502249145506,40.36589545183182C148.94202249145508,36.19419545183182,146.77402249145507,32.379095451831816,143.6847224914551,29.348195451831817ZM101.86832249145507,56.54919545183182C100.65262249145508,56.54919545183182,99.45662249145508,57.010695451831815,98.55852249145508,57.88189545183182L75.34352249145508,80.39609545183181L51.96971249145508,57.87229545183182C50.61767249145508,56.56899545183182,48.60014249145508,56.189195451831814,46.85221249145508,56.908795451831814C45.10387249145508,57.62709545183182,43.96602249145508,59.304995451831815,43.96602249145508,61.16469545183182L43.96602249145508,115.86109545183182C43.96602249145508,118.40909545183182,46.073802491455076,120.47609545183182,48.67177249145508,120.47609545183182C51.26973249145508,120.47609545183182,53.37751249145508,118.40909545183182,53.37751249145508,115.86109545183182L53.37751249145508,72.16889545183182L72.05542249145508,90.16949545183182C73.89062249145508,91.93689545183182,76.83372249145508,91.93309545183182,78.66112249145507,90.15989545183182L97.16052249145508,72.21889545183181L97.16052249145508,115.73409545183182C97.16052249145508,118.28209545183182,99.26832249145508,120.34909545183181,101.86632249145508,120.34909545183181C104.46432249145508,120.34909545183181,106.57202249145507,118.28209545183182,106.57202249145507,115.73409545183182L106.57202249145507,61.16469545183182C106.57202249145507,59.303095451831815,105.43092249145508,57.62229545183182,103.68002249145508,56.90489545183182C103.10582249145509,56.670595451831815,102.49012249145508,56.549695451831816,101.86832249145507,56.54919545183182Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", {
+    attrs: {
+      transform: "matrix(1,0,0,-1,0,236)"
+    }
+  }, [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M101.3418,183C100.1379,183,98.9534,182.5307,98.0641,181.6449L75.0738,158.7528L51.92622,181.65460000000002C50.58726,182.9798,48.58926,183.36599999999999,46.85825,182.6343C45.12683,181.9039,44,180.1979,44,178.30700000000002L44,122.693C44,120.10207,46.08738,118,48.66019,118C51.23301,118,53.32039,120.10207,53.32039,122.693L53.32039,167.1181L71.8175,148.8154C73.635,147.01839999999999,76.5495,147.0223,78.3592,148.8252L96.6796,167.0672L96.6796,122.82205C96.6796,120.23113,98.767,118.129058,101.3398,118.129058C103.9126,118.129058,106,120.23113,106,122.82205L106,178.30700000000002C106,180.1998,104.8699,181.90879999999999,103.13589999999999,182.63819999999998C102.5673,182.8764,101.9576,182.99939999999998,101.3418,183Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var markvue_type_template_id_46e2c9a8_staticRenderFns = [];
+markvue_type_template_id_46e2c9a8_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/mark.vue?vue&type=template&id=46e2c9a8
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/mark.vue
+
+var mark_script = {}
+
+
+/* normalize component */
+
+var mark_component = Object(componentNormalizer["a" /* default */])(
+  mark_script,
+  markvue_type_template_id_46e2c9a8_render,
+  markvue_type_template_id_46e2c9a8_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var mark = (mark_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/pdf.vue?vue&type=template&id=2a5785e0
+var pdfvue_type_template_id_2a5785e0_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.13620864868165,29.825575939702986L120.19140864868164,6.866355939702988C116.89940864868164,3.5725259397029876,112.70150864868164,1.3345169397029877,108.13320864868165,0.43777593970298767L108.13320864868165,26.206775939702986C108.13320864868165,34.388075939702986,114.76080864868165,41.019875939702985,122.93690864868164,41.019875939702985L149.37120864868166,41.019875939702985C148.37120864868166,36.781675939702986,146.21220864868164,32.905575939702985,143.13620864868165,29.825575939702986ZM101.77890864868164,95.86997593970298C97.32860864868164,95.86997593970298,92.91740864868164,96.51677593970298,88.46900864868164,97.35497593970298C83.22200864868165,92.51687593970298,78.77170864868164,86.80347593970299,75.38760864868163,80.441375939703C79.00020864868165,68.59437593970299,79.18960864868164,60.55767593970299,76.45190864868164,56.74747593970299C75.19620864868165,55.07097593970299,73.10480864868164,54.004075939702986,70.97640864868164,54.004075939702986C68.23860864868163,53.81457593970299,65.69030864868164,55.07097593970299,64.43470864868164,57.39417593970299C60.63270864868164,63.75637593970299,66.14530864868163,76.25007593970298,68.69360864868165,81.31677593970299C65.76450864868164,90.42027593970299,62.15190864868164,99.10567593970299,57.51410864868164,107.56277593970299C37.436047648681644,116.24777593970299,37.01620864868164,121.54077593970298,37.01620864868164,123.44677593970299C37.01620864868164,125.76977593970298,38.27181864868164,128.092775939703,40.59167864868164,129.159775939703C41.42745864868164,129.76977593970298,42.68306864868164,129.997775939703,43.74731864868164,129.997775939703C49.03340864868164,129.997775939703,55.155208648681636,124.05577593970298,61.69690864868164,112.40077593970298C69.94920864868163,109.01077593970298,78.16250864868164,106.26677593970298,86.83460864868164,104.36377593970299C91.28490864868164,108.17177593970298,96.76040864868165,110.30577593970298,102.46440864868164,110.72577593970298C106.07690864868164,110.72577593970298,113.03650864868165,110.72577593970298,112.96030864868165,103.48877593970299C113.18880864868164,100.74477593970299,111.70470864868165,96.09857593970298,101.77890864868164,95.86997593970298ZM44.03437864868164,123.58877593970298L43.39777864868164,123.81777593970298C45.27240864868164,121.07077593970298,47.74460864868164,118.93277593970299,50.89240864868164,117.63577593970298C49.24430864868164,120.42177593970298,46.95762864868164,122.51977593970298,44.03437864868164,123.58877593970298ZM69.92580864868164,60.60067593970299C70.12500864868164,60.37407593970299,70.54480864868164,60.141475939702985,70.78500864868164,60.141475939702985L71.48210864868165,60.37407593970299C72.56000864868165,63.971275939702984,72.56000864868165,67.76007593970299,71.24190864868164,71.32017593970299C69.68760864868165,67.94767593970299,69.04900864868165,64.16087593970299,69.92580864868164,60.60067593970299ZM80.88850864868164,101.61677593970299C76.27810864868164,102.69177593970299,71.21260864868164,104.18977593970298,66.60220864868164,105.87777593970299L66.12380864868165,106.06577593970299L66.18630864868165,105.68677593970298C68.49250864868164,101.00277593970299,70.60730864868164,96.08687593970299,72.49760864868165,91.172575939703L72.72410864868164,90.69387593970299L72.95260864868163,90.98107593970299C75.29580864868164,94.59007593970298,78.26400864868164,98.31047593970298,81.43920864868164,101.49777593970299L80.88850864868164,101.61677593970299ZM102.59710864868164,104.26977593970298C100.47450864868165,104.084775939703,98.39090864868163,103.67577593970299,96.27020864868163,102.63877593970298C98.16440864868164,102.22977593970299,99.83200864868164,102.22977593970299,101.72620864868163,102.22977593970299C105.93240864868164,102.22977593970299,106.76620864868164,103.26977593970298,106.80340864868164,103.861775939703C105.55170864868164,104.26977593970298,104.07340864868164,104.492775939703,102.59710864868164,104.26977593970298Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M101.72420864868164,99.88526478271484C99.83010864868163,99.88526478271484,98.16240864868163,99.88526478271484,96.26830864868164,100.29366478271484C98.39090864868163,101.33316478271485,100.47450864868165,101.73956478271484,102.59520864868163,101.92526478271483C104.07340864868164,102.14796478271484,105.55160864868164,101.92526478271483,106.80140864868164,101.51686478271483C106.76430864868163,100.92476478271485,105.93040864868163,99.88526478271484,101.72420864868164,99.88526478271484ZM72.95250864868164,88.63626478271485L72.72400864868163,88.34896478271484L72.49750864868165,88.82776478271484C70.60730864868164,93.74196478271485,68.49050864868164,98.65816478271483,66.18630864868165,103.34186478271485L66.12380864868165,103.72096478271484L66.60220864868164,103.53336478271484C71.21260864868164,101.84316478271484,76.27800864868163,100.34646478271485,80.88850864868164,99.27176478271485L81.43720864868163,99.15256478271485C78.26400864868164,95.96366478271484,75.29580864868164,92.24526478271484,72.95250864868164,88.63626478271485ZM71.48410864868164,58.02720478271485L70.78690864868165,57.794684782714846C70.54670864868164,57.794684782714846,70.12690864868165,58.02720478271485,69.92770864868163,58.25386478271484C69.04900864868165,61.81396478271485,69.68750864868164,65.60086478271484,71.24580864868165,68.97146478271485C72.56200864868164,65.41326478271485,72.56200864868164,61.626434782714846,71.48410864868164,58.02720478271485ZM43.39776864868164,121.47276478271485L44.03435864868164,121.24416478271485C46.95761864868164,120.17536478271484,49.24430864868164,118.07676478271485,50.89240864868164,115.29036478271485C47.74460864868164,116.58786478271485,45.272398648681644,118.72556478271484,43.39776864868164,121.47276478271485ZM102.46430864868164,108.38116478271485C96.76040864868165,107.96296478271483,91.28490864868164,105.82926478271484,86.83460864868164,102.01896478271485C78.16440864868164,103.92416478271485,69.94920864868163,106.66556478271485,61.69690864868164,110.05566478271484C55.155208648681636,121.71116478271485,49.03340864868164,127.65316478271484,43.74730864868164,127.65316478271484C42.68306864868164,127.65316478271484,41.42745864868164,127.42456478271484,40.59167864868164,126.81496478271484C38.27181864868164,125.74806478271485,37.01620864868164,123.42486478271485,37.01620864868164,121.10156478271485C37.01620864868164,119.19646478271484,37.43409864868164,113.90306478271484,57.51410864868164,105.21766478271485C62.153908648681636,96.76086478271483,65.76640864868165,88.07546478271485,68.69360864868165,78.97186478271485C66.14530864868163,73.90516478271485,60.63070864868164,61.41149478271484,64.43470864868164,55.04935478271484C65.69030864868164,52.726074782714846,68.23670864868164,51.46967078271484,70.97640864868164,51.659206682714846C73.10680864868164,51.659206682714846,75.19820864868164,52.726074782714846,76.45180864868163,54.40259478271484C79.18960864868164,58.21088478271484,79.00020864868165,66.24956478271484,75.38760864868163,78.09646478271485C78.77170864868164,84.45866478271483,83.22200864868165,90.17206478271484,88.46900864868164,95.01016478271484C92.91930864868164,94.17186478271483,97.33060864868165,93.52506478271485,101.77890864868164,93.52506478271485C111.70470864868165,93.75366478271485,113.18680864868163,98.40026478271484,112.95840864868164,101.14366478271484C113.03650864868165,108.38116478271485,106.07690864868164,108.38116478271485,102.46430864868164,108.38116478271485Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var pdfvue_type_template_id_2a5785e0_staticRenderFns = [];
+pdfvue_type_template_id_2a5785e0_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/pdf.vue?vue&type=template&id=2a5785e0
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/pdf.vue
+
+var pdf_script = {}
+
+
+/* normalize component */
+
+var pdf_component = Object(componentNormalizer["a" /* default */])(
+  pdf_script,
+  pdfvue_type_template_id_2a5785e0_render,
+  pdfvue_type_template_id_2a5785e0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var pdf = (pdf_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/ppt.vue?vue&type=template&id=3e8773e9
+var pptvue_type_template_id_3e8773e9_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0.00000223615L27.5981,0.00000223615C12.355,0.00000223615,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.4069C150,40.1874,147.532,34.2239,143.136,29.8274L120.191,6.86823C115.795,2.47051,109.835,7.45383e-7,103.622,0.00000223615Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.13607473144532,29.82753037600517L120.19137473144531,6.868310376005173C116.8993747314453,3.5744803760051727,112.70147473144532,1.3364713760051727,108.13317473144531,0.43973037600517273L108.13317473144531,26.20873037600517C108.13317473144531,34.39003037600517,114.76077473144531,41.02183037600517,122.93697473144532,41.02183037600517L149.37147473144532,41.02183037600517C148.37247473144532,36.783130376005175,146.21347473144533,32.90673037600517,143.13607473144532,29.82753037600517ZM83.59497473144532,55.578930376005175L49.29505473144531,55.578930376005175C46.707674731445316,55.578930376005175,44.60847473144531,57.67943037600517,44.60847473144531,60.268530376005174L44.60847473144531,119.42273037600518C44.60847473144531,122.01173037600518,46.707674731445316,124.11273037600517,49.29505473144531,124.11273037600517C51.88244473144531,124.11273037600517,53.981644731445314,122.01173037600518,53.981644731445314,119.42273037600518L53.981644731445314,103.88473037600517L83.59497473144532,103.88473037600517C96.90487473144532,103.88473037600517,107.73287473144532,93.05033037600518,107.73287473144532,79.73203037600517C107.73287473144532,66.41373037600518,96.90487473144532,55.578930376005175,83.59497473144532,55.578930376005175ZM83.59497473144532,94.50603037600517L53.981644731445314,94.50603037600517L53.981644731445314,64.95803037600517L83.59497473144532,64.95803037600517C91.73597473144531,64.95803037600517,98.35967473144531,71.58593037600517,98.35967473144531,79.73203037600517C98.35967473144531,87.87813037600517,91.73597473144531,94.50603037600517,83.59497473144532,94.50603037600517Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M83.59497473144532,53.23410415649414L49.29505473144531,53.23410415649414C46.707674731445316,53.23410415649414,44.60847473144531,55.334624156494144,44.60847473144531,57.92364415649414L44.60847473144531,117.07830415649414C44.60847473144531,119.66730415649414,46.707674731445316,121.76780415649414,49.29505473144531,121.76780415649414C51.88244473144531,121.76780415649414,53.981644731445314,119.66730415649414,53.981644731445314,117.07830415649414L53.981644731445314,101.54030415649413L83.59497473144532,101.54030415649413C96.90487473144532,101.54030415649413,107.73287473144532,90.70550415649414,107.73287473144532,77.38720415649414C107.73287473144532,64.06890415649414,96.90487473144532,53.23410415649414,83.59497473144532,53.23410415649414ZM83.59497473144532,92.16120415649414L53.981644731445314,92.16120415649414L53.981644731445314,62.61318415649414L83.59497473144532,62.61318415649414C91.73597473144531,62.61318415649414,98.35967473144531,69.24110415649415,98.35967473144531,77.38720415649414C98.35967473144531,85.53330415649414,91.73597473144531,92.16120415649414,83.59497473144532,92.16120415649414Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var pptvue_type_template_id_3e8773e9_staticRenderFns = [];
+pptvue_type_template_id_3e8773e9_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/ppt.vue?vue&type=template&id=3e8773e9
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/ppt.vue
+
+var ppt_script = {}
+
+
+/* normalize component */
+
+var ppt_component = Object(componentNormalizer["a" /* default */])(
+  ppt_script,
+  pptvue_type_template_id_3e8773e9_render,
+  pptvue_type_template_id_3e8773e9_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var ppt = (ppt_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/three.vue?vue&type=template&id=318c7d20
+var threevue_type_template_id_318c7d20_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.4069C150,40.1874,147.532,34.2239,143.136,29.8274L120.191,6.86822C115.799,2.4707,109.839,-0.00000298153,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.13617915039063,29.825530376005172L120.19137915039063,6.8663503760051725C116.89947915039062,3.5738503760051725,112.70247915039063,1.3366073760051727,108.13517915039063,0.43973037600517273L108.13517915039063,26.20873037600517C108.13517915039063,34.39003037600517,114.76277915039063,41.02183037600517,122.93897915039062,41.02183037600517L149.37087915039064,41.02183037600517C148.37287915039065,36.782730376005176,146.21287915039062,32.90583037600517,143.13617915039063,29.825530376005172ZM66.64137915039063,91.54183037600517L49.033449150390624,81.97323037600518C46.162909150390625,80.62503037600517,43.79618415039062,81.87163037600517,43.770798150390625,84.74403037600517L43.59505197039063,105.53673037600517C43.57161995039063,108.40873037600517,45.89928915039062,111.86373037600518,48.769819150390624,113.21173037600518L66.37767915039063,122.77973037600518C69.24827915039063,124.12873037600517,71.61497915039062,122.88173037600517,71.64037915039063,120.00973037600517L71.81607915039062,99.21713037600517C71.83957915039062,96.34473037600517,69.51187915039063,92.89203037600517,66.64137915039063,91.54183037600517ZM102.39807915039063,76.15233037600517C105.64157915039063,73.96973037600517,105.82507915039062,70.67343037600517,102.80417915039062,68.82883037600517L80.15827915039063,57.82023037600517C76.96747915039063,56.169030376005175,74.18087915039062,56.03813037600517,70.33007915039062,58.04093037600517L47.578649150390625,68.96373037600517C44.33514315039063,71.14633037600517,44.15158515039062,74.44263037600517,47.17247915039062,76.28723037600517L69.03737915039062,88.07753037600517C72.05827915039063,89.92403037600518,76.51047915039062,89.87513037600517,80.42767915039062,87.85663037600517L102.39807915039063,76.15233037600517ZM100.96667915039063,81.58243037600518L81.99187915039062,91.73723037600517C79.12127915039062,93.08553037600517,76.79367915039063,96.54013037600517,76.81707915039063,99.41253037600518L76.99287915039062,120.59573037600518C77.01627915039063,123.46773037600518,79.38497915039062,124.71473037600518,82.25547915039063,123.36673037600518L101.23027915039063,113.21173037600518C104.10087915039063,111.86273037600517,106.42847915039061,108.40873037600517,106.40507915039063,105.53673037600517L106.22927915039062,84.35323037600517C106.20587915039061,81.48083037600517,103.83717915039063,80.23423037600517,100.96667915039063,81.58243037600518Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M66.64137915039063,89.39237504882811L49.03343915039063,79.82377504882813C46.162909150390625,78.47557504882812,43.79618415039062,79.72217504882812,43.770798150390625,82.59457504882812L43.59505197039063,103.38677504882813C43.57162005039063,106.25917504882813,45.89928915039062,109.71377504882813,48.769819150390624,111.06197504882812L66.37767915039063,120.63057504882812C69.24827915039063,121.97887504882813,71.61497915039062,120.73217504882813,71.64037915039063,117.85987504882812L71.81607915039062,97.06767504882812C71.83957915039062,94.19527504882812,69.51187915039063,90.74257504882812,66.64137915039063,89.39237504882811ZM102.39807915039063,74.00287504882812C105.64147915039062,71.82027504882812,105.82507915039062,68.52397504882812,102.80417915039062,66.67937504882812L80.15827915039063,55.67071504882813C76.96747915039063,54.019600048828124,74.18087915039062,53.888687048828125,70.33007915039062,55.891515048828126L47.578649150390625,66.81427504882812C44.33514315039063,68.99687504882813,44.15158515039062,72.29317504882812,47.17247915039062,74.13777504882813L69.03737915039062,85.92807504882812C72.05827915039063,87.77457504882813,76.51047915039062,87.72567504882812,80.42767915039062,85.70717504882813L102.39807915039063,74.00287504882812ZM106.22927915039062,82.20377504882812C106.20587915039061,79.33137504882812,103.83717915039063,78.08477504882812,100.96667915039063,79.43297504882813L81.99187915039062,89.58787504882812C79.12127915039062,90.93607504882812,76.79367915039063,94.39067504882811,76.81707915039063,97.26307504882813L76.99287915039062,118.44607504882812C77.01627915039063,121.31847504882812,79.38497915039062,122.56507504882812,82.25547915039063,121.21687504882813L101.23027915039063,111.06197504882812C104.10077915039062,109.71377504882813,106.42847915039061,106.25917504882813,106.40507915039063,103.38677504882813L106.22927915039062,82.20377504882812Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var threevue_type_template_id_318c7d20_staticRenderFns = [];
+threevue_type_template_id_318c7d20_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/three.vue?vue&type=template&id=318c7d20
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/three.vue
+
+var three_script = {}
+
+
+/* normalize component */
+
+var three_component = Object(componentNormalizer["a" /* default */])(
+  three_script,
+  threevue_type_template_id_318c7d20_render,
+  threevue_type_template_id_318c7d20_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var three = (three_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/txt.vue?vue&type=template&id=100a4af8
+var txtvue_type_template_id_100a4af8_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.4069C150,40.1874,147.532,34.2239,143.136,29.8274L120.191,6.86822C115.795,2.47051,109.835,-0.00000298153,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.163625,29.814453125L120.214825,6.865233125C116.922225,3.572843125,112.723525,1.335807125,108.154325,0.439453125L108.154325,26.197253125C108.154325,34.374953125,114.783225,41.003953125,122.960925,41.003953125L149.400625,41.003953125C148.401625,36.767253125,146.241625,32.892653125,143.163625,29.814453125ZM105.699225,62.048853125L75.957025,62.048853125C75.334625,61.921253125,74.692725,61.921253125,74.070325,62.048853125L44.328125,62.048853125C41.740235,62.048853125,39.640625,64.148453125,39.640625,66.736353125C39.640625,69.324253125,41.740235,71.423853125,44.328125,71.423853125L70.326225,71.423853125L70.326225,121.957453125C70.326225,124.544453125,72.425825,126.644453125,75.013725,126.644453125C77.60152500000001,126.644453125,79.701225,124.544453125,79.701225,121.957453125L79.701225,71.423853125L105.699225,71.423853125C108.287125,71.423853125,110.386725,69.324253125,110.386725,66.736353125C110.386725,64.148453125,108.287125,62.048853125,105.699225,62.048853125Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M105.699225,59.7050702L75.957025,59.7050702C75.334625,59.5774746,74.692725,59.5774746,74.070325,59.7050702L44.328125,59.7050702C41.740235,59.7050702,39.640625,61.804675,39.640625,64.392575C39.640625,66.980465,41.740235,69.080065,44.328125,69.080065L70.326225,69.080065L70.326225,119.613275C70.326225,122.201175,72.425825,124.300775,75.013725,124.300775C77.60152500000001,124.300775,79.701225,122.201175,79.701225,119.613275L79.701225,69.080065L105.699225,69.080065C108.287125,69.080065,110.386725,66.980465,110.386725,64.392575C110.386725,61.804675,108.287125,59.7050702,105.699225,59.7050702Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var txtvue_type_template_id_100a4af8_staticRenderFns = [];
+txtvue_type_template_id_100a4af8_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/txt.vue?vue&type=template&id=100a4af8
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/txt.vue
+
+var txt_script = {}
+
+
+/* normalize component */
+
+var txt_component = Object(componentNormalizer["a" /* default */])(
+  txt_script,
+  txtvue_type_template_id_100a4af8_render,
+  txtvue_type_template_id_100a4af8_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var txt = (txt_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/unknown.vue?vue&type=template&id=54eeafc0
+var unknownvue_type_template_id_54eeafc0_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.4069C150,40.1874,147.532,34.2239,143.136,29.8274L120.191,6.86822C115.795,2.47051,109.835,-0.00000298153,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.16410000000002,29.814453125L120.2148,6.865233125C116.9222,3.572843125,112.7235,1.335807125,108.1543,0.439453125L108.1543,26.197253125C108.1543,34.374953125,114.7832,41.003953125,122.9609,41.003953125L149.4005,41.003953125C148.4015,36.767253125,146.2415,32.892653125,143.16410000000002,29.814453125ZM74.8945,45.259753125C58.8594,45.259753125,45.8125,58.306653125,45.8125,74.341753125C45.8125,76.789053125,47.79492,78.771453125,50.24219,78.771453125C52.68945,78.771453125,54.67187,76.789053125,54.67187,74.341753125C54.67187,63.191453125,63.7441,54.119153125,74.8945,54.119153125C80.291,54.119153125,85.3672,56.224653125,89.18950000000001,60.046853125C93.01169999999999,63.869153125,95.1172,68.947253125,95.1172,74.341753125C95.1172,78.464853125,93.8848,82.429653125,91.5547,85.808553125C89.27340000000001,89.113253125,86.1074,91.646453125,82.3945,93.128953125C75.1465,96.025353125,70.4648,102.875453125,70.4648,110.576453125L70.4648,110.900453125C70.4648,113.347453125,72.4473,115.330453125,74.8945,115.330453125C77.3418,115.330453125,79.32419999999999,113.347453125,79.32419999999999,110.900453125L79.32419999999999,110.576453125C79.32419999999999,106.517453125,81.8203,102.898453125,85.6836,101.355453125C91.0215,99.222653125,95.5723,95.585953125,98.8476,90.839853125C102.2031,85.976553125,103.97659999999999,80.271453125,103.97659999999999,74.341753125C103.97659999999999,66.580053125,100.94919999999999,59.277353125,95.4531,53.781253125C89.959,48.287153125,82.6562,45.259753125,74.8945,45.259753125Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M72.6373915234375,133.99798798828124C75.65232152343751,135.25198798828126,79.1127115234375,133.82158798828124,80.3623115234375,130.80481798828126C81.6118115234375,127.78806798828126,80.1764115234375,124.32978798828125,77.1578415234375,123.08463798828124C74.1429215234375,121.83063898828125,70.6825415234375,123.26100798828125,69.4329535234375,126.27776798828125C68.1833715234375,129.29452798828126,69.6188065234375,132.75278798828126,72.6373915234375,133.99798798828124Z",
+      fill: "#9DC0C9",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M95.572240625,51.3906275C90.076140625,45.8945275,82.775340625,42.8671875,75.013640625,42.8671875C58.978540625,42.8671875,45.931640625,55.9140875,45.931640625,71.9491875C45.931640625,74.3964875,47.914060625,76.37888749999999,50.361330625,76.37888749999999C52.808590625,76.37888749999999,54.791010625,74.3964875,54.791010625,71.9491875C54.791010625,60.7987875,63.863240625,51.7265575,75.013640625,51.7265575C80.410140625,51.7265575,85.486340625,53.8319875,89.30864062500001,57.6542875C93.13084062499999,61.4765875,95.236340625,66.5546875,95.236340625,71.9491875C95.236340625,76.0722875,94.003940625,80.0370875,91.673840625,83.4159875C89.39254062500001,86.7206875,86.226540625,89.25388749999999,82.513640625,90.7362875C75.265640625,93.6327875,70.583940625,100.4823875,70.583940625,108.1835875L70.583940625,108.5077875C70.583940625,110.9550875,72.566440625,112.9374875,75.013640625,112.9374875C77.460940625,112.9374875,79.44334062499999,110.9550875,79.44334062499999,108.5077875L79.44334062499999,108.1835875C79.44334062499999,104.1249875,81.939440625,100.5058875,85.802740625,98.9628875C91.140640625,96.83008749999999,95.691440625,93.1933875,98.966740625,88.4472875C102.322240625,83.5839875,104.09574062499999,77.87888749999999,104.09574062499999,71.9491875C104.09574062499999,64.1874875,101.06834062499999,56.8866875,95.572240625,51.3906275Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M80.919921875,126.15234375Q80.919921875,126.29733375,80.912821875,126.44214375Q80.905721875,126.58696375,80.891521875,126.73125375Q80.877221875,126.87554375,80.856021875,127.01896375Q80.834721875,127.16238375,80.806421875,127.30459375Q80.778121875,127.44679375,80.74292187500001,127.58744375Q80.707721875,127.72808375,80.665621875,127.86683375Q80.623521875,128.00558375,80.574621875,128.14209375Q80.525821875,128.27861375,80.470321875,128.41256375Q80.414821875,128.54651375,80.352821875,128.67758375Q80.290821875,128.80865375,80.222521875,128.93652375Q80.154121875,129.06439375,80.079621875,129.18876375Q80.005121875,129.31312375,79.924521875,129.43367375Q79.844021875,129.55423375,79.757621875,129.67069375Q79.671221875,129.78714375,79.579221875,129.89922375Q79.48732187499999,130.01130375,79.389921875,130.11873375Q79.292521875,130.22616375,79.190021875,130.32869375Q79.087491875,130.43119375,78.980061875,130.52859375Q78.872631875,130.62599375,78.760551875,130.71789375Q78.648471875,130.80989375000001,78.532021875,130.89629375Q78.415561875,130.98269375,78.295001875,131.06319375Q78.174451875,131.14379375,78.05009187499999,131.21829375Q77.925721875,131.29279375,77.79785187499999,131.36119375Q77.669981875,131.42949375,77.538911875,131.49149375Q77.407841875,131.55349375,77.273891875,131.60899375Q77.139941875,131.66449375,77.003421875,131.71329375Q76.866911875,131.76219375,76.728161875,131.80429375Q76.589411875,131.84639375,76.448771875,131.88159375Q76.308121875,131.91679375,76.165921875,131.94509375Q76.023721875,131.97339375,75.880291875,131.99469375Q75.736871875,132.01589375,75.592581875,132.03019375Q75.448291875,132.04439375,75.303471875,132.05149375Q75.158661875,132.05859375,75.013671875,132.05859375Q74.868681875,132.05859375,74.723861875,132.05149375Q74.579051875,132.04439375,74.434751875,132.03019375Q74.290461875,132.01589375,74.147041875,131.99469375Q74.003621875,131.97339375,73.861421875,131.94509375Q73.719211875,131.91679375,73.578571875,131.88159375Q73.437921875,131.84639375,73.299171875,131.80429375Q73.160431875,131.76219375,73.023911875,131.71329375Q72.887401875,131.66449375,72.753441875,131.60899375Q72.619491875,131.55349375,72.488421875,131.49149375Q72.357351875,131.42949375,72.229481875,131.36119375Q72.101611875,131.29279375,71.977251875,131.21829375Q71.852891875,131.14379375,71.732331875,131.06319375Q71.611781875,130.98269375,71.495321875,130.89629375Q71.378861875,130.80989375000001,71.266781875,130.71789375Q71.154701875,130.62599375,71.047271875,130.52859375Q70.939841875,130.43119375,70.837321875,130.32869375Q70.734801875,130.22616375,70.637431875,130.11873375Q70.540061875,130.01130375,70.448081875,129.89922375Q70.356101875,129.78714375,70.269731875,129.67069375Q70.183351875,129.55423375,70.102803875,129.43367375Q70.022251875,129.31312375,69.947711875,129.18876375Q69.873171875,129.06439375,69.804823875,128.93652375Q69.736475875,128.80865375,69.674484875,128.67758375Q69.612493875,128.54651375,69.557007875,128.41256375Q69.501522875,128.27861375,69.452676875,128.14209375Q69.403830875,128.00558375,69.361742875,127.86683375Q69.319654875,127.72808375,69.284424875,127.58744375Q69.249194875,127.44679375,69.220908875,127.30459375Q69.192622575,127.16239375,69.171348075,127.01896375Q69.150073575,126.87554375,69.135862075,126.73125375Q69.121650575,126.58696375,69.114536205,126.44214375Q69.107421875,126.29733375,69.107421875,126.15234375Q69.107421875,126.00735375,69.114536205,125.86253375Q69.121650575,125.71772375,69.135862075,125.57342375Q69.150073575,125.42913375,69.171348075,125.28571375Q69.192622575,125.14229375,69.220908875,125.00009375Q69.249194875,124.85788375,69.284424875,124.71724375Q69.319654875,124.57659375,69.361742875,124.43784375Q69.403830875,124.29910375,69.452676875,124.16258375Q69.501522875,124.02607375,69.557007875,123.89211375Q69.612493875,123.75816375,69.674484875,123.62709375Q69.736475875,123.49602375,69.804823875,123.36815375Q69.873171875,123.24028375,69.947711875,123.11592375Q70.022251875,122.99156375,70.102803875,122.87100375Q70.183351875,122.75045375,70.269731875,122.63399375Q70.356101875,122.51753375,70.448081875,122.40545375Q70.540061875,122.29337375,70.637431875,122.18594375Q70.734801875,122.07851375,70.837321875,121.97599375Q70.939841875,121.87347375,71.047271875,121.77610375Q71.154701875,121.67873375,71.266781875,121.58675375Q71.378861875,121.49477375,71.495321875,121.40840375Q71.611781875,121.32202375,71.732331875,121.24147575Q71.852891875,121.16092375,71.977251875,121.08638375Q72.101611875,121.01184375,72.229481875,120.94349575Q72.357351875,120.87514775,72.488421875,120.81315675Q72.619491875,120.75116575,72.753441875,120.69567975Q72.887401875,120.64019475,73.023911875,120.59134875Q73.160431875,120.54250275,73.299171875,120.50041475Q73.437921875,120.45832675,73.578571875,120.42309675Q73.719211875,120.38786675,73.861421875,120.35958075Q74.003621875,120.33129445,74.147041875,120.31001995Q74.290461875,120.28874545,74.434751875,120.27453395Q74.579051875,120.26032245,74.723861875,120.25320808Q74.868681875,120.24609375,75.013671875,120.24609375Q75.158661875,120.24609375,75.303471875,120.25320808Q75.448291875,120.26032245,75.592581875,120.27453395Q75.736871875,120.28874545,75.880291875,120.31001995Q76.023711875,120.33129445,76.165921875,120.35958075Q76.308121875,120.38786675,76.448771875,120.42309675Q76.589411875,120.45832675,76.728161875,120.50041475Q76.866911875,120.54250275,77.003421875,120.59134875Q77.139941875,120.64019475,77.273891875,120.69567975Q77.407841875,120.75116575,77.538911875,120.81315675Q77.669981875,120.87514775,77.79785187499999,120.94349575Q77.925721875,121.01184375,78.05009187499999,121.08638375Q78.174451875,121.16092375,78.295001875,121.24147575Q78.415561875,121.32202375,78.532021875,121.40840375Q78.648471875,121.49477375,78.760551875,121.58675375Q78.872631875,121.67873375,78.980061875,121.77610375Q79.087491875,121.87347375,79.190021875,121.97599375Q79.292521875,122.07851375,79.389921875,122.18594375Q79.48732187499999,122.29337375,79.579221875,122.40545375Q79.671221875,122.51753375,79.757621875,122.63399375Q79.844021875,122.75045375,79.924521875,122.87100375Q80.005121875,122.99156375,80.079621875,123.11592375Q80.154121875,123.24028375,80.222521875,123.36815375Q80.290821875,123.49602375,80.352821875,123.62709375Q80.414821875,123.75816375,80.470321875,123.89211375Q80.525821875,124.02607375,80.574621875,124.16258375Q80.623521875,124.29910375,80.665621875,124.43784375Q80.707721875,124.57659375,80.74292187500001,124.71724375Q80.778121875,124.85788375,80.806421875,125.00009375Q80.834721875,125.14229375,80.856021875,125.28571375Q80.877221875,125.42913375,80.891521875,125.57342375Q80.905721875,125.71772375,80.912821875,125.86253375Q80.919921875,126.00735375,80.919921875,126.15234375Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var unknownvue_type_template_id_54eeafc0_staticRenderFns = [];
+unknownvue_type_template_id_54eeafc0_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/unknown.vue?vue&type=template&id=54eeafc0
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/unknown.vue
+
+var unknown_script = {}
+
+
+/* normalize component */
+
+var unknown_component = Object(componentNormalizer["a" /* default */])(
+  unknown_script,
+  unknownvue_type_template_id_54eeafc0_render,
+  unknownvue_type_template_id_54eeafc0_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var unknown = (unknown_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/video.vue?vue&type=template&id=ab745446
+var videovue_type_template_id_ab745446_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M143.6605,30.808L120.3316,6.73925C116.9845,3.28624,112.7164,0.940079,108.0716,0L108.0716,27.0143C108.0716,35.591,114.8101,42.5433,123.1232,42.5433L150,42.5433C148.98399999999998,38.1003,146.788,34.0369,143.6605,30.808ZM72.9483,74.8181L63.1549,63L52.06524,63L61.8587,74.8181L72.9483,74.8181ZM101.7527,74.8181L91.95920000000001,63L80.86959999999999,63L90.663,74.8181L101.7527,74.8181ZM87.3506,74.8181L77.55709999999999,63L66.4674,63L76.26089999999999,74.8181L87.3506,74.8181ZM105.9293,63L95.27170000000001,63L105.0652,74.8181L110.25,74.8181L110.25,67.4318C110.25,64.9204,108.3777,63,105.9293,63ZM48.75271,63L48.32065,63C45.87232,63,44,64.9204,44,67.4318L44,74.8181L58.5462,74.8181L48.75271,63ZM44,123.568C44,126.08,45.87232,128,48.32065,128L105.9293,128C108.3777,128,110.25,126.08,110.25,123.568L110.25,77.7727L44.00000388806,77.7727L44,123.568ZM67.0435,91.0682C67.0435,88.5568,69.0598,87.375,71.3642,87.375C72.0842,87.375,72.9483,87.5227,73.6685,87.9659L90.0869,97.7159C92.9674,99.3409,92.9674,103.477,90.0869,105.102L73.6685,114.852C72.9483,115.295,72.2283,115.443,71.3642,115.443C69.0598,115.443,67.0435,114.261,67.0435,111.75L67.0435,91.0682Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M72.4022,71.8181L62.7935,60.000000528314L51.91306,60.000000528314L61.5218,71.8181L72.4022,71.8181ZM100.663,71.8181L91.0543,60.000000528314L80.1739,60.000000528314L89.7826,71.8181L100.663,71.8181ZM86.5326,71.8181L76.9239,60.000000528314L66.0435,60.000000528314L75.6522,71.8181L86.5326,71.8181ZM104.76089999999999,60L94.3043,60L103.913,71.8181L109,71.8181L109,64.43182C109,61.92043,107.163,60.000000528314,104.76089999999999,60ZM48.66304,60L48.23913,60C45.837,60,44,61.92043,44,64.43182L44,71.8181L58.2718,71.8181L48.66304,60ZM44,120.56819999999999C44,123.0796,45.837,125,48.23913,125L104.76089999999999,125C107.163,125,109,123.0796,109,120.56819999999999L109,74.7727L44.00000202137,74.7727L44,120.56819999999999ZM66.6087,88.0682C66.6087,85.5568,68.5869,84.375,70.8479,84.375C71.5543,84.375,72.4022,84.5227,73.1087,84.9659L89.2174,94.7159C92.0435,96.3409,92.0435,100.4773,89.2174,102.1023L73.1087,111.8523C72.4022,112.2955,71.6957,112.44319999999999,70.8479,112.44319999999999C68.5869,112.44319999999999,66.6087,111.26140000000001,66.6087,108.75L66.6087,88.0682Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var videovue_type_template_id_ab745446_staticRenderFns = [];
+videovue_type_template_id_ab745446_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/video.vue?vue&type=template&id=ab745446
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/video.vue
+
+var video_script = {}
+
+
+/* normalize component */
+
+var video_component = Object(componentNormalizer["a" /* default */])(
+  video_script,
+  videovue_type_template_id_ab745446_render,
+  videovue_type_template_id_ab745446_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var video = (video_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/word.vue?vue&type=template&id=13329af3
+var wordvue_type_template_id_13329af3_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,0,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M101.48797106933594,57.88857593970299C98.90057106933594,57.88857593970299,96.80137106933594,59.989075939702985,96.80137106933594,62.57807593970299L96.80137106933594,106.78877593970299L78.37727106933593,88.56017593970299C76.55537106933593,86.758575939703,73.62427106933593,86.75267593970298,71.79847106933593,88.55037593970299L53.19664106933594,106.83977593970299L53.19664106933594,62.44917593970299C53.19664106933594,59.86007593970299,51.097441069335936,57.75957593970299,48.51005106933594,57.75957593970299C45.92267106933594,57.75957593970299,43.82347106933594,59.86007593970299,43.82347106933594,62.44917593970299L43.82347106933594,118.02177593970299C43.82347106933594,119.91177593970299,44.95606106933594,121.61577593970298,46.69791106933594,122.346775939703C48.438791069335934,123.07677593970298,50.44772106933594,122.69077593970299,51.79457106933594,121.367775939703L75.07327106933593,98.48237593970299L98.19377106933594,121.35777593970299C99.07137106933594,122.22577593970298,100.25587106933594,122.712775939703,101.48997106933594,122.71177593970299C102.09727106933593,122.71177593970299,102.71037106933593,122.59277593970299,103.29427106933593,122.349775939703C105.03867106933595,121.62177593970299,106.17457106933594,119.91477593970299,106.17457106933594,118.02177593970299L106.17457106933594,62.57807593970299C106.17457106933594,59.989075939702985,104.07737106933594,57.88857593970299,101.48797106933594,57.88857593970299ZM143.13607106933594,29.825575939702986L120.19137106933594,6.866355939702988C116.89937106933594,3.5725259397029876,112.70147106933594,1.3345169397029877,108.13317106933594,0.43777593970298767L108.13317106933594,26.206775939702986C108.13317106933594,34.388075939702986,114.76077106933593,41.019875939702985,122.93687106933594,41.019875939702985L149.37147106933594,41.019875939702985C148.37247106933594,36.78137593970299,146.21347106933592,32.90507593970299,143.13607106933594,29.825575939702986Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M101.48997106933594,120.36685296020508C100.27927106933595,120.36685296020508,99.08807106933594,119.89785296020507,98.19367106933593,119.01275296020508L75.07327106933593,96.13755296020508L51.79457106933594,119.02255296020508C50.44803106933594,120.34665296020508,48.43872106933594,120.73265296020507,46.69791106933594,120.00145296020507C44.956681069335936,119.27155296020507,43.82347106933594,117.56685296020507,43.82347106933594,115.67735296020507L43.82347106933594,60.10429296020508C43.82347106933594,57.51527296020508,45.92267106933594,55.41475296020508,48.51005106933594,55.41475296020508C51.097441069335936,55.41475296020508,53.19664106933594,57.51527296020508,53.19664106933594,60.10429296020508L53.19664106933594,104.49665296020507L71.79847106933593,86.20745296020507C73.62627106933594,84.41175296020508,76.55727106933594,84.41565296020508,78.37727106933593,86.21725296020507L96.80137106933594,104.44585296020509L96.80137106933594,60.23325296020508C96.80137106933594,57.64424296020508,98.90057106933594,55.54371596020508,101.48797106933594,55.54371596020508C104.07537106933594,55.54371596020508,106.17457106933594,57.64424296020508,106.17457106933594,60.23325296020508L106.17457106933594,115.67735296020507C106.17457106933594,117.56875296020507,105.03807106933593,119.27655296020508,103.29427106933593,120.00535296020507C102.72247106933594,120.24345296020508,102.10927106933593,120.36625296020507,101.48997106933594,120.36685296020508Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var wordvue_type_template_id_13329af3_staticRenderFns = [];
+wordvue_type_template_id_13329af3_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/word.vue?vue&type=template&id=13329af3
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/word.vue
+
+var word_script = {}
+
+
+/* normalize component */
+
+var word_component = Object(componentNormalizer["a" /* default */])(
+  word_script,
+  wordvue_type_template_id_13329af3_render,
+  wordvue_type_template_id_13329af3_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var word = (word_component.exports);
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/loaders/templateLoader.js??ref--6!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/fileSvg/zip.vue?vue&type=template&id=65118298
+var zipvue_type_template_id_65118298_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _c("svg", {
+    attrs: {
+      xmlns: "http://www.w3.org/2000/svg",
+      "xmlns:xlink": "http://www.w3.org/1999/xlink",
+      fill: "none",
+      version: "1.1",
+      width: "1em",
+      height: "1em",
+      viewBox: "0 0 150 175"
+    }
+  }, [_c("g", [_c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M103.622,0L27.5981,0C12.355,0,0,12.3648,0,27.6155L0,147.384C0,162.637,12.357,175,27.5981,175L122.402,175C137.645,175,150,162.635,150,147.384L150,46.405C150,40.1855,147.532,34.2219,143.136,29.8255L120.191,6.86627C115.797,2.46982,109.837,-0.00000447229,103.622,0Z",
+      fill: "currentColor",
+      "fill-opacity": "1"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M34.325330513916015,25.79257593970299L48.29132051391602,25.79257593970299C49.82622051391601,25.79257593970299,51.072020513916016,24.545875939702988,51.072020513916016,23.010075939702986L51.072020513916016,9.035265939702988C51.072020513916016,7.497485939702988,49.82622051391601,6.252805939702988,48.29132051391602,6.252805939702988L34.325330513916015,6.252805939702988C32.790480513916016,6.252805939702988,31.544626473216017,7.499445939702988,31.544626473216017,9.035265939702988L31.544626473216017,23.010075939702986C31.544626473216017,24.545875939702988,32.790480513916016,25.79257593970299,34.325330513916015,25.79257593970299ZM67.81882051391602,25.79257593970299L53.85272051391601,25.79257593970299C52.317920513916015,25.79257593970299,51.072020513916016,27.03917593970299,51.072020513916016,28.574975939702988L51.072020513916016,42.549875939702986C51.072020513916016,44.08767593970299,52.317920513916015,45.33227593970299,53.85272051391601,45.33227593970299L67.81882051391602,45.33227593970299C69.35362051391601,45.33227593970299,70.59952051391602,44.08567593970299,70.59952051391602,42.549875939702986L70.59952051391602,28.575075939702987C70.59952051391602,27.03917593970299,69.35362051391601,25.79257593970299,67.81882051391602,25.79257593970299ZM34.325330513916015,64.87207593970298L48.29132051391602,64.87207593970298C49.82622051391601,64.87207593970298,51.072020513916016,63.62547593970299,51.072020513916016,62.08957593970299L51.072020513916016,48.11477593970299C51.072020513916016,46.57697593970299,49.82622051391601,45.33227593970299,48.29132051391602,45.33227593970299L34.325330513916015,45.33227593970299C32.790480513916016,45.33227593970299,31.544626473216017,46.578975939702985,31.544626473216017,48.11477593970299L31.544626473216017,62.08957593970299C31.544626473216017,63.62547593970299,32.790480513916016,64.87207593970298,34.325330513916015,64.87207593970298ZM67.81882051391602,64.87207593970298L53.85272051391601,64.87207593970298C52.317920513916015,64.87207593970298,51.072020513916016,66.11867593970298,51.072020513916016,67.65447593970299L51.072020513916016,81.62937593970298C51.072020513916016,83.16717593970299,52.317920513916015,84.411875939703,53.85272051391601,84.411875939703L67.81882051391602,84.411875939703C69.35362051391601,84.411875939703,70.59952051391602,83.16517593970299,70.59952051391602,81.62937593970298L70.59952051391602,67.65447593970299C70.59952051391602,66.11867593970298,69.35362051391601,64.87207593970298,67.81882051391602,64.87207593970298ZM63.77272051391601,95.19977593970299L37.580550513916016,95.19977593970299C34.24722051391601,95.19977593970299,31.544620513916016,97.90407593970299,31.544620513916016,101.239775939703L31.544620513916016,131.61977593970298C31.544620513916016,134.955775939703,34.24722051391601,137.659775939703,37.580550513916016,137.659775939703L63.77272051391601,137.659775939703C67.10602051391601,137.659775939703,69.80862051391603,134.955775939703,69.80862051391603,131.61977593970298L69.80862051391603,101.239775939703C69.80862051391603,97.90407593970299,67.10602051391601,95.19977593970299,63.77272051391601,95.19977593970299ZM62.810020513916015,127.35977593970298C62.810020513916015,130.040775939703,60.63852051391602,132.213775939703,57.959420513916015,132.213775939703L43.39192051391602,132.213775939703C40.71275051391601,132.213775939703,38.54130051391601,130.040775939703,38.54130051391601,127.35977593970298L38.54130051391601,122.01377593970298C38.54130051391601,119.33377593970299,40.71275051391601,117.16077593970299,43.39192051391602,117.16077593970299L57.959420513916015,117.16077593970299C60.63852051391602,117.16077593970299,62.810020513916015,119.33277593970298,62.810020513916015,122.01377593970298L62.810020513916015,127.35977593970298ZM143.13562051391602,29.825575939702986L120.19142051391601,6.866355939702988C116.89942051391601,3.5725259397029876,112.70152051391601,1.3345199397029877,108.13322051391602,0.43777593970298767L108.13322051391602,26.206775939702986C108.13322051391602,34.388075939702986,114.76082051391602,41.019875939702985,122.93692051391602,41.019875939702985L149.371620513916,41.019875939702985C148.371620513916,36.78157593970299,146.21262051391602,32.905375939702985,143.13562051391602,29.825575939702986Z",
+      fill: "#000000",
+      "fill-opacity": "0.20000000298023224"
+    }
+  })]), _vm._v(" "), _c("g", [_c("path", {
+    staticStyle: {
+      "mix-blend-mode": "passthrough"
+    },
+    attrs: {
+      d: "M34.325330513916015,23.44775087814331L48.29132051391602,23.44775087814331C49.82622051391601,23.44775087814331,51.072020513916016,22.20105087814331,51.072020513916016,20.66525087814331L51.072020513916016,6.690410878143311C51.072020513916016,5.15263087814331,49.82622051391601,3.9079508781433105,48.29132051391602,3.9079508781433105L34.325330513916015,3.9079508781433105C32.790480513916016,3.9079508781433105,31.544626473216017,5.154590878143311,31.544626473216017,6.690410878143311L31.544626473216017,20.66525087814331C31.544626473216017,22.20105087814331,32.790480513916016,23.44775087814331,34.325330513916015,23.44775087814331ZM67.81882051391602,23.44775087814331L53.85272051391601,23.44775087814331C52.317920513916015,23.44775087814331,51.072020513916016,24.69435087814331,51.072020513916016,26.23015087814331L51.072020513916016,40.20505087814331C51.072020513916016,41.74275087814331,52.317920513916015,42.987450878143314,53.85272051391601,42.987450878143314L67.81882051391602,42.987450878143314C69.35362051391601,42.987450878143314,70.59952051391602,41.74085087814331,70.59952051391602,40.20505087814331L70.59952051391602,26.23015087814331C70.59952051391602,24.69435087814331,69.35362051391601,23.44775087814331,67.81882051391602,23.44775087814331ZM34.325330513916015,62.52725087814331L48.29132051391602,62.52725087814331C49.82622051391601,62.52725087814331,51.072020513916016,61.28055087814331,51.072020513916016,59.74475087814331L51.072020513916016,45.76995087814331C51.072020513916016,44.23215087814331,49.82622051391601,42.987450878143314,48.29132051391602,42.987450878143314L34.325330513916015,42.987450878143314C32.790480513916016,42.987450878143314,31.544626473216017,44.23405087814331,31.544626473216017,45.76995087814331L31.544626473216017,59.74475087814331C31.544626473216017,61.28055087814331,32.790480513916016,62.52725087814331,34.325330513916015,62.52725087814331ZM67.81882051391602,62.52725087814331L53.85272051391601,62.52725087814331C52.317920513916015,62.52725087814331,51.072020513916016,63.773850878143314,51.072020513916016,65.30965087814332L51.072020513916016,79.2845508781433C51.072020513916016,80.82235087814331,52.317920513916015,82.06695087814332,53.85272051391601,82.06695087814332L67.81882051391602,82.06695087814332C69.35362051391601,82.06695087814332,70.59952051391602,80.82035087814332,70.59952051391602,79.2845508781433L70.59952051391602,65.30965087814332C70.59952051391602,63.773850878143314,69.35362051391601,62.52725087814331,67.81882051391602,62.52725087814331ZM63.77272051391601,92.85485087814331L37.580550513916016,92.85485087814331C34.24722051391601,92.85485087814331,31.544620513916016,95.55915087814331,31.544620513916016,98.8945508781433L31.544620513916016,129.27495087814333C31.544620513916016,132.6099508781433,34.24722051391601,135.31495087814332,37.580550513916016,135.31495087814332L63.77272051391601,135.31495087814332C67.10602051391601,135.31495087814332,69.80862051391603,132.6099508781433,69.80862051391603,129.27495087814333L69.80862051391603,98.8945508781433C69.80862051391603,95.55915087814331,67.10602051391601,92.85485087814331,63.77272051391601,92.85485087814331ZM62.810020513916015,125.01495087814331C62.810020513916015,127.69595087814331,60.63852051391602,129.86895087814332,57.959420513916015,129.86895087814332L43.39192051391602,129.86895087814332C40.71275051391601,129.86895087814332,38.54130051391601,127.69595087814331,38.54130051391601,125.01495087814331L38.54130051391601,119.6689508781433C38.54130051391601,116.98795087814331,40.71275051391601,114.81595087814331,43.39192051391602,114.81595087814331L57.959420513916015,114.81595087814331C60.63852051391602,114.81595087814331,62.810020513916015,116.98795087814331,62.810020513916015,119.6689508781433L62.810020513916015,125.01495087814331Z",
+      fill: "#FFFFFF",
+      "fill-opacity": "1"
+    }
+  })])])]);
+};
+var zipvue_type_template_id_65118298_staticRenderFns = [];
+zipvue_type_template_id_65118298_render._withStripped = true;
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/zip.vue?vue&type=template&id=65118298
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/zip.vue
+
+var zip_script = {}
+
+
+/* normalize component */
+
+var zip_component = Object(componentNormalizer["a" /* default */])(
+  zip_script,
+  zipvue_type_template_id_65118298_render,
+  zipvue_type_template_id_65118298_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var zip = (zip_component.exports);
+// CONCATENATED MODULE: ./src/components/FilesCard/src/fileSvg/index.js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var fileSvg = ({
+  // 文档类
+  word: word,
+  excel: excel,
+  ppt: ppt,
+  pdf: pdf,
+  txt: txt,
+  mark: mark,
+  // 图片类
+  image: fileSvg_image,
+  // 音频类
+  audio: audio,
+  // 视频类
+  video: video,
+  // 3D 模型类
+  three: three,
+  // 可执行程序类
+  code: code,
+  // 数据库类
+  database: database,
+  // 链接文件类
+  link: fileSvg_link,
+  // 压缩包类
+  zip: zip,
+  // 通用文件/文件夹类
+  file: file,
+  // 未知文件类
+  unknown: unknown
+});
+// CONCATENATED MODULE: ./src/components/FilesCard/src/options.js
+const colorMap = {
+  word: '#0078D4',
+  excel: '#00C851',
+  ppt: '#FF5722',
+  pdf: '#E53935',
+  txt: '#424242',
+  mark: '#6C6C6C',
+  image: '#FF80AB',
+  audio: '#FF7878',
+  video: '#8B72F7',
+  three: '#29B6F6',
+  code: '#00008B',
+  database: '#FF9800',
+  link: '#2962FF',
+  zip: '#673AB7',
+  file: '#FFC757',
+  unknown: '#6E9DA4'
+};
+// CONCATENATED MODULE: ./src/utils/index.js
+/**
+ * 判断文件类型是否为图片
+ * @param {string} type 文件类型
+ * @returns {boolean} 是否为图片类型
+ */
+const isImageFileType = type => type.indexOf('image/') === 0;
+const MEASURE_SIZE = 200;
+
+/**
+ * 预览图片文件并生成预览URL
+ * @param {File|Blob} file 图片文件对象
+ * @returns {Promise<string>} 返回图片预览URL的Promise
+ */
+function previewImage(file) {
+  return new Promise(resolve => {
+    // 检查是否在浏览器环境中
+    if (typeof window === 'undefined' || typeof document === 'undefined') {
+      resolve('');
+      return;
+    }
+    if (!file || !file.type || !isImageFileType(file.type)) {
+      resolve('');
+      return;
+    }
+    const img = new Image();
+    img.onload = () => {
+      const {
+        width,
+        height
+      } = img;
+      const ratio = width / height;
+      const MEASURE_SIZE_WIDTH = ratio > 1 ? MEASURE_SIZE : MEASURE_SIZE * ratio;
+      const MEASURE_SIZE_HEIGHT = ratio > 1 ? MEASURE_SIZE / ratio : MEASURE_SIZE;
+      const canvas = document.createElement('canvas');
+      canvas.width = MEASURE_SIZE_WIDTH;
+      canvas.height = MEASURE_SIZE_HEIGHT;
+      canvas.style.cssText = `position: fixed; left: 0; top: 0; width: ${MEASURE_SIZE_WIDTH}px; height: ${MEASURE_SIZE_HEIGHT}px; z-index: 9999; display: none;`;
+      document.body.appendChild(canvas);
+      const ctx = canvas.getContext('2d');
+      ctx.drawImage(img, 0, 0, MEASURE_SIZE_WIDTH, MEASURE_SIZE_HEIGHT);
+      const dataURL = canvas.toDataURL();
+      document.body.removeChild(canvas);
+      window.URL.revokeObjectURL(img.src);
+      resolve(dataURL);
+    };
+    img.crossOrigin = 'anonymous';
+    if (file.type.startsWith('image/svg+xml')) {
+      const reader = new FileReader();
+      reader.onload = () => {
+        if (reader.result && typeof reader.result === 'string') {
+          img.src = reader.result;
+        }
+      };
+      reader.readAsDataURL(file);
+    } else if (file.type.startsWith('image/gif')) {
+      const reader = new FileReader();
+      reader.onload = () => {
+        if (reader.result) {
+          resolve(reader.result);
+        }
+      };
+      reader.readAsDataURL(file);
+    } else {
+      img.src = window.URL.createObjectURL(file);
+    }
+  });
+}
+
+/**
+ * 根据文件后缀名获取文件类型
+ * @param {string} fileExtension 文件后缀名
+ * @returns {{lowerCase: string, upperCase: string}} 返回文件类型对象
+ */
+function getFileType(fileExtension) {
+  // 去除后缀名开头的点，并转换为小写
+  const cleanExtension = fileExtension.replace('.', '').toLowerCase();
+  if (!cleanExtension) {
+    return {
+      lowerCase: 'unknown',
+      upperCase: 'Unknown'
+    };
+  }
+  const imageExtensions = ['png', 'jpg', 'jpeg', 'gif', 'bmp', 'svg', 'webp'];
+  const wordExtensions = ['doc', 'docx'];
+  const excelExtensions = ['xls', 'xlsx'];
+  const pptExtensions = ['ppt', 'pptx'];
+  const audioExtensions = ['mp3', 'wav', 'ogg', 'flac'];
+  const videoExtensions = ['mp4', 'avi', 'mov', 'mkv'];
+  const codeExtensions = ['js', 'ts', 'html', 'css', 'py', 'java', 'c', 'cpp', 'json', 'php'];
+  const databaseExtensions = ['sql', 'db', 'sqlite'];
+  const zipExtensions = ['zip', 'rar', '7z'];
+  const markExtensions = ['md', 'mdx'];
+  if (imageExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'image',
+      upperCase: 'Image'
+    };
+  }
+  if (wordExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'word',
+      upperCase: 'Word'
+    };
+  }
+  if (excelExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'excel',
+      upperCase: 'Excel'
+    };
+  }
+  if (pptExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'ppt',
+      upperCase: 'Ppt'
+    };
+  }
+  if (cleanExtension === 'pdf') {
+    return {
+      lowerCase: 'pdf',
+      upperCase: 'Pdf'
+    };
+  }
+  if (cleanExtension === 'txt') {
+    return {
+      lowerCase: 'txt',
+      upperCase: 'Txt'
+    };
+  }
+  if (markExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'mark',
+      upperCase: 'Markdown'
+    };
+  }
+  if (audioExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'audio',
+      upperCase: 'Audio'
+    };
+  }
+  if (videoExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'video',
+      upperCase: 'Video'
+    };
+  }
+  if (codeExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'code',
+      upperCase: 'Code'
+    };
+  }
+  if (databaseExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'database',
+      upperCase: 'Database'
+    };
+  }
+  if (cleanExtension === 'lnk') {
+    return {
+      lowerCase: 'link',
+      upperCase: 'Link'
+    };
+  }
+  if (zipExtensions.includes(cleanExtension)) {
+    return {
+      lowerCase: 'zip',
+      upperCase: 'Zip'
+    };
+  }
+  if (cleanExtension === 'obj' || cleanExtension === 'fbx' || cleanExtension === 'glb') {
+    return {
+      lowerCase: 'three',
+      upperCase: '3D'
+    };
+  }
+  return {
+    lowerCase: 'file',
+    upperCase: 'File'
+  };
+}
+
+/**
+ * 获取文件大小
+ * @param {number} size 文件大小
+ * @returns {string} 返回文件大小
+ */
+function getSize(size) {
+  let retSize = size;
+  const units = ['B', 'KB', 'MB', 'GB', 'TB', 'PB', 'EB'];
+  let unitIndex = 0;
+  while (retSize >= 1024 && unitIndex < units.length - 1) {
+    retSize /= 1024;
+    unitIndex++;
+  }
+  return `${retSize.toFixed(0)} ${units[unitIndex]}`;
+}
+// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ var mainvue_type_script_lang_js = ({
+  name: 'ElXFilesCard',
+  props: {
+    uid: {
+      type: [String, Number],
+      default: undefined
+    },
+    name: {
+      type: String,
+      default: undefined
+    },
+    fileSize: {
+      type: [String, Number],
+      default: undefined
+    },
+    fileType: {
+      type: String,
+      default: undefined
+    },
+    description: {
+      type: String,
+      default: undefined
+    },
+    url: {
+      type: String,
+      default: undefined
+    },
+    thumbUrl: {
+      type: String,
+      default: undefined
+    },
+    imgFile: {
+      type: Object,
+      default: undefined,
+      validator(value) {
+        // 在浏览器环境中验证是否为 File 对象或普通对象
+        if (value === null || value === undefined) return true;
+        if (typeof window !== 'undefined' && window.File) {
+          return value instanceof File || typeof value === 'object' && value !== null;
+        }
+        // 服务端环境只验证是否为对象
+        return typeof value === 'object' && value !== null;
+      }
+    },
+    iconSize: {
+      type: String,
+      default: '42px'
+    },
+    iconColor: {
+      type: String,
+      default: undefined
+    },
+    showDelIcon: {
+      type: Boolean,
+      default: false
+    },
+    maxWidth: {
+      type: String,
+      default: '236px'
+    },
+    styleConfig: {
+      type: Object,
+      default: undefined
+    },
+    hoverStyle: {
+      type: Object,
+      default: undefined
+    },
+    imgVariant: {
+      type: String,
+      default: 'rectangle'
+    },
+    imgPreview: {
+      type: Boolean,
+      default: true
+    },
+    imgPreviewMask: {
+      type: Boolean,
+      default: true
+    },
+    status: {
+      type: String,
+      default: undefined
+    },
+    percent: {
+      type: Number,
+      default: undefined
+    },
+    errorTip: {
+      type: String,
+      default: undefined
+    }
+  },
+  data() {
+    return {
+      namePrefix: '',
+      nameSuffix: '',
+      isHovered: false,
+      imageHovered: false,
+      svgIconMap: fileSvg,
+      colorMap: colorMap,
+      previewImg: undefined
+    };
+  },
+  computed: {
+    propsData() {
+      return {
+        uid: this.uid,
+        name: this.name,
+        fileSize: this.fileSize,
+        fileType: this.fileType,
+        description: this.description,
+        url: this.url,
+        thumbUrl: this.thumbUrl,
+        imgFile: this.imgFile,
+        iconSize: this.iconSize,
+        iconColor: this.iconColor,
+        showDelIcon: this.showDelIcon,
+        maxWidth: this.maxWidth,
+        styleConfig: this.styleConfig,
+        hoverStyle: this.hoverStyle,
+        imgVariant: this.imgVariant,
+        imgPreview: this.imgPreview,
+        imgPreviewMask: this.imgPreviewMask,
+        status: this.status,
+        percent: this.percent,
+        errorTip: this.errorTip
+      };
+    },
+    _fileType() {
+      if (this.fileType) return this.fileType;
+      if (!this.name) return undefined;
+      if (!this.nameSuffix) {
+        return 'unknown';
+      }
+      return getFileType(this.nameSuffix).lowerCase;
+    },
+    _fileTypeUpperCase() {
+      if (this.fileType) return this.fileType;
+      if (!this.name) return '';
+      if (!this.nameSuffix) {
+        return 'Unknown';
+      }
+      return getFileType(this.nameSuffix).upperCase;
+    },
+    _description() {
+      if (this.description) {
+        return this.description;
+      }
+      const typeStr = this._fileTypeUpperCase;
+      const sizeStr = this.fileSize ? `・${getSize(this.fileSize)}` : '';
+      if (this.status === 'uploading') {
+        return `上传中...${`・${this.percent || 0}`}%${sizeStr}`;
+      }
+      if (this.status === 'error') {
+        return this.errorTip || '上传失败';
+      }
+      return `${typeStr}${sizeStr}`;
+    },
+    isImageFile() {
+      return this._fileType === 'image';
+    },
+    isSquareVariant() {
+      return this.imgVariant === 'square';
+    },
+    _previewImgUrl() {
+      if (!this.isImageFile) return undefined;
+      if (this.thumbUrl) return this.thumbUrl;
+      if (this.url) return this.url;
+      return this.previewImg;
+    },
+    _iconSize() {
+      if (this.isSquareVariant && this.isImageFile && !this.iconSize || this.isSquareVariant && this.isImageFile && this.iconSize === '42px') return '64px';
+      return this.iconSize;
+    }
+  },
+  watch: {
+    imgFile: {
+      handler: async function (newFile) {
+        if (newFile) {
+          try {
+            const url = await previewImage(newFile);
+            this.previewImg = url;
+            // this.$set(this, 'previewImg', url)
+          } catch (error) {
+            console.error('Preview failed:', error);
+            this.previewImg = undefined;
+          }
+        } else {
+          this.$set(this, 'previewImg', undefined);
+          this.previewImg = undefined;
+        }
+      },
+      deep: true,
+      immediate: true
+    }
+  },
+  mounted() {
+    this.parseFileName();
+  },
+  methods: {
+    handleDelete() {
+      this.$emit('delete', {
+        ...this.propsData
+      });
+    },
+    handlePreviewAction(type) {
+      if (this.imgPreview && this.$refs.imgRef && this._previewImgUrl && type === 'mask') {
+        console.log(this.$refs.imgRef);
+        this.$refs.imgRef.clickHandler();
+        // this.$refs.imgRef.showPreview()
+      }
+      if (type === 'self') {
+        this.$emit('imagePreview', {
+          ...this.propsData
+        });
+      }
+    },
+    parseFileName() {
+      if (!this.name) {
+        this.namePrefix = '';
+        this.nameSuffix = '';
+        return;
+      }
+      const lastDotIndex = this.name.lastIndexOf('.');
+      if (lastDotIndex === -1) {
+        this.namePrefix = this.name;
+        this.nameSuffix = '';
+      } else {
+        this.namePrefix = this.name.substring(0, lastDotIndex);
+        this.nameSuffix = this.name.substring(lastDotIndex);
+      }
+    }
+  }
+});
+// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_mainvue_type_script_lang_js = (mainvue_type_script_lang_js); 
+// EXTERNAL MODULE: ./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js
+var injectStylesIntoStyleTag = __webpack_require__(3);
+var injectStylesIntoStyleTag_default = /*#__PURE__*/__webpack_require__.n(injectStylesIntoStyleTag);
+
+// EXTERNAL MODULE: ./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=4aa1569e&prod&lang=scss&scoped=true
+var mainvue_type_style_index_0_id_4aa1569e_prod_lang_scss_scoped_true = __webpack_require__(24);
+
+// CONCATENATED MODULE: ./node_modules/style-loader/dist/cjs.js!./node_modules/css-loader/dist/cjs.js!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/vue-loader/lib??vue-loader-options!./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=4aa1569e&prod&lang=scss&scoped=true
+
+            
+
+var options = {};
+
+options.insert = "head";
+options.singleton = false;
+
+var update = injectStylesIntoStyleTag_default()(mainvue_type_style_index_0_id_4aa1569e_prod_lang_scss_scoped_true["a" /* default */], options);
+
+
+
+/* harmony default export */ var src_mainvue_type_style_index_0_id_4aa1569e_prod_lang_scss_scoped_true = (mainvue_type_style_index_0_id_4aa1569e_prod_lang_scss_scoped_true["a" /* default */].locals || {});
+// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue?vue&type=style&index=0&id=4aa1569e&prod&lang=scss&scoped=true
+
+// CONCATENATED MODULE: ./src/components/FilesCard/src/main.vue
+
+
+
+
+
+
+/* normalize component */
+
+var main_component = Object(componentNormalizer["a" /* default */])(
+  src_mainvue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  "4aa1569e",
+  null
+  
+)
+
+/* harmony default export */ var main = (main_component.exports);
+// CONCATENATED MODULE: ./src/components/FilesCard/index.js
+
+
+/* istanbul ignore next */
+main.install = function (Vue) {
+  Vue.component(main.name, main);
+};
+/* harmony default export */ var FilesCard = __webpack_exports__["default"] = (main);
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // Test for IE <= 9 as proposed by Browserhacks
+      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+      // Tests for existence of standard globals is to allow style-loader
+      // to operate correctly into non-standard environments
+      // @see https://github.com/webpack-contrib/style-loader/issues/177
+      memo = Boolean(window && document && document.all && !window.atob);
+    }
+
+    return memo;
+  };
+}();
+
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+
+      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+        try {
+          // This will throw an exception if access to iframe is blocked
+          // due to cross-origin restrictions
+          styleTarget = styleTarget.contentDocument.head;
+        } catch (e) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
+      }
+
+      memo[target] = styleTarget;
+    }
+
+    return memo[target];
+  };
+}();
+
+var stylesInDom = [];
+
+function getIndexByIdentifier(identifier) {
+  var result = -1;
+
+  for (var i = 0; i < stylesInDom.length; i++) {
+    if (stylesInDom[i].identifier === identifier) {
+      result = i;
+      break;
+    }
+  }
+
+  return result;
+}
+
+function modulesToDom(list, options) {
+  var idCountMap = {};
+  var identifiers = [];
+
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var count = idCountMap[id] || 0;
+    var identifier = "".concat(id, " ").concat(count);
+    idCountMap[id] = count + 1;
+    var index = getIndexByIdentifier(identifier);
+    var obj = {
+      css: item[1],
+      media: item[2],
+      sourceMap: item[3]
+    };
+
+    if (index !== -1) {
+      stylesInDom[index].references++;
+      stylesInDom[index].updater(obj);
+    } else {
+      stylesInDom.push({
+        identifier: identifier,
+        updater: addStyle(obj, options),
+        references: 1
+      });
+    }
+
+    identifiers.push(identifier);
+  }
+
+  return identifiers;
+}
+
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+  var attributes = options.attributes || {};
+
+  if (typeof attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : undefined;
+
+    if (nonce) {
+      attributes.nonce = nonce;
+    }
+  }
+
+  Object.keys(attributes).forEach(function (key) {
+    style.setAttribute(key, attributes[key]);
+  });
+
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
+
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
+
+    target.appendChild(style);
+  }
+
+  return style;
+}
+
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
+
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
+
+
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
+
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.media ? "@media ".concat(obj.media, " {").concat(obj.css, "}") : obj.css; // For old IE
+
+  /* istanbul ignore if  */
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = style.childNodes;
+
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
+    }
+
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
+    }
+  }
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
+
+  if (media) {
+    style.setAttribute('media', media);
+  } else {
+    style.removeAttribute('media');
+  }
+
+  if (sourceMap && typeof btoa !== 'undefined') {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
+
+  /* istanbul ignore if  */
+
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
+
+    style.appendChild(document.createTextNode(css));
+  }
+}
+
+var singleton = null;
+var singletonCounter = 0;
+
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
+
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
+
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
+
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
+
+      update(obj = newObj);
+    } else {
+      remove();
+    }
+  };
+}
+
+module.exports = function (list, options) {
+  options = options || {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
+
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
+  }
+
+  list = list || [];
+  var lastIdentifiers = modulesToDom(list, options);
+  return function update(newList) {
+    newList = newList || [];
+
+    if (Object.prototype.toString.call(newList) !== '[object Array]') {
+      return;
+    }
+
+    for (var i = 0; i < lastIdentifiers.length; i++) {
+      var identifier = lastIdentifiers[i];
+      var index = getIndexByIdentifier(identifier);
+      stylesInDom[index].references--;
+    }
+
+    var newLastIdentifiers = modulesToDom(newList, options);
+
+    for (var _i = 0; _i < lastIdentifiers.length; _i++) {
+      var _identifier = lastIdentifiers[_i];
+
+      var _index = getIndexByIdentifier(_identifier);
+
+      if (stylesInDom[_index].references === 0) {
+        stylesInDom[_index].updater();
+
+        stylesInDom.splice(_index, 1);
+      }
+    }
+
+    lastIdentifiers = newLastIdentifiers;
+  };
+};
+
+/***/ }),
+
+/***/ 85:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.i, "[data-v-43b239af]:root{--color-primary: #409EFF;--color-success: #67C23A;--color-warning: #E6A23C;--color-danger: #F56C6C;--color-info: #909399}.card-motion-enter-active[data-v-43b239af],.card-motion-move[data-v-43b239af],.card-motion-leave-active[data-v-43b239af]{transition:all .3s ease;opacity:1;transform:translateX(0)}.card-motion-enter[data-v-43b239af],.card-motion-leave-to[data-v-43b239af]{opacity:0;transform:translateX(-100%)}.card-motion-leave-active[data-v-43b239af]{transform:translateX(100%);opacity:0}.el-x-attachments-file-card-wrap[data-v-43b239af]{display:flex;height:100%;align-items:center}.el-x-attachments-upload-placeholder[data-v-43b239af]{display:inline-block;width:fit-content;align-self:center;margin:6px}.el-x-attachments-card[data-v-43b239af]{display:inline-block;vertical-align:top}.el-x-attachments-card-item[data-v-43b239af]{margin:6px}.el-x-attachments-prev-btn[data-v-43b239af],.el-x-attachments-next-btn[data-v-43b239af]{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(0,0,0,.3);color:#fff;border:none;padding:4px 0px;border-radius:3px;transition:background-color .3s ease}.el-x-attachments-prev-btn[data-v-43b239af]:hover,.el-x-attachments-next-btn[data-v-43b239af]:hover{background-color:rgba(0,0,0,.5)}.el-x-attachments-prev-btn[data-v-43b239af]:active,.el-x-attachments-next-btn[data-v-43b239af]:active{background-color:rgba(0,0,0,.7)}.el-x-attachments-prev-btn[data-v-43b239af]{left:8px;border-top-left-radius:0px;border-bottom-left-radius:0px}.el-x-attachments-next-btn[data-v-43b239af]{right:8px;border-top-right-radius:0px;border-bottom-right-radius:0px}.el-x-attachments-background[data-v-43b239af]{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;pointer-events:none}.el-x-attachments-background-start[data-v-43b239af]{position:absolute;top:0;left:0;bottom:0;width:50px;background:linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index:5}.el-x-attachments-background-end[data-v-43b239af]{position:absolute;top:0;right:0;bottom:0;width:50px;background:linear-gradient(to left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));z-index:5}.el-x-attachments-overflow-scrollX[data-v-43b239af]{height:100%;scrollbar-width:none}.el-x-attachments-overflow-scrollX[data-v-43b239af]::-webkit-scrollbar{display:none}.el-x-attachments-overflow-scrollY[data-v-43b239af]{width:100%;height:100%}.el-x-attachments-wrapper[data-v-43b239af]{position:relative;display:block}.el-x-attachments-upload-btn[data-v-43b239af]{display:flex}.el-x-attachments-upload-btn[data-v-43b239af] .el-upload{border:1px dashed #dcdfe6;border-radius:6px;cursor:pointer;position:relative;overflow:hidden;transition:all .3s cubic-bezier(0.645, 0.045, 0.355, 1);box-sizing:border-box;text-align:center}.el-x-attachments-upload-btn[data-v-43b239af] .el-upload:hover{border-color:#409eff}.el-x-attachments-upload-btn[data-v-43b239af] .el-upload:hover .uploader-icon{color:#409eff}.el-x-attachments-upload-btn .uploader-icon[data-v-43b239af]{font-size:28px;color:#8c939d;text-align:center;width:var(--el-x-attachments-upload-icon-size);height:var(--el-x-attachments-upload-icon-size);line-height:var(--el-x-attachments-upload-icon-size)}.el-x-attachments-upload-btn[data-v-43b239af] .el-upload-dragger{padding:0;width:auto !important;height:auto !important;background-color:rgba(0,0,0,0)}.el-x-attachments-upload-btn[data-v-43b239af] .el-upload-dragger:hover .el-icon{color:#409eff}.el-x-attachments-drop-area[data-v-43b239af]{position:absolute !important;top:0 !important;left:0 !important;width:calc(100% - 4px) !important;height:calc(100% - 4px) !important;border-radius:15px !important;border:2px dashed #409eff !important;z-index:9999 !important;display:flex !important;align-items:center !important;justify-content:center !important;flex-direction:column !important;background:rgba(225,225,225,.8) !important;backdrop-filter:blur(4px) !important;animation:dragAreaShow-43b239af .3s ease-in-out !important;pointer-events:none !important}.el-x-attachments-drop-area-icon[data-v-43b239af]{font-size:50px !important;color:#409eff !important;animation:bounce-43b239af 1s infinite alternate !important}.el-x-attachments-drop-area-text[data-v-43b239af]{font-size:16px !important;color:#409eff !important;margin-top:10px !important;text-align:center !important;width:100% !important;max-width:300px !important;font-weight:bold !important}@keyframes dragAreaShow-43b239af{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce-43b239af{from{transform:translateY(0)}to{transform:translateY(-10px)}}", ""]);
+// Exports
+/* harmony default export */ __webpack_exports__["a"] = (___CSS_LOADER_EXPORT___);
+
+
+/***/ })
+
+/******/ });