@weni/unnnic-system 1.8.0 → 1.8.1

package/dist/unnnic.common.js

@@ -5649,17 +5649,6 @@ module.exports = version && +version;
 
 module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M26.9147 34.9992C26.3972 34.9992 25.9772 34.5792 25.9772 34.0617V28.8117C25.9772 28.478 26.1572 28.1655 26.4472 27.9992C28.8397 26.623 30.6047 24.3005 31.2897 21.6267C31.9722 18.9617 31.5759 16.1905 30.1747 13.8242C28.9922 11.828 27.1847 10.3005 25.0384 9.47049V14.8742C26.2334 15.943 26.9134 17.458 26.9134 19.063C26.9134 22.1642 24.3897 24.688 21.2884 24.688C21.0559 24.688 20.8222 24.673 20.5834 24.6405C18.6909 27.5692 15.3984 29.3755 11.9134 29.3755H10.0384C9.52094 29.3755 9.10094 28.9555 9.10094 28.438C9.10094 27.9205 9.52219 27.5005 10.0384 27.5005H11.9134C14.6147 27.5005 17.1159 26.223 18.7084 24.0567C16.8409 23.0955 15.6634 21.193 15.6634 19.063C15.6634 17.4567 16.3434 15.943 17.5384 14.8742V9.28424C13.5884 10.5017 10.9772 13.6217 10.9772 17.2017V18.1392C10.9772 18.3242 10.9234 18.5042 10.8197 18.6592L8.54469 22.0705C8.48469 22.1605 8.44094 22.258 8.41594 22.363C8.35469 22.6055 8.39219 22.858 8.52094 23.073C8.64969 23.288 8.85469 23.4392 9.09719 23.5005L10.2672 23.793C10.5097 23.853 10.7147 24.0055 10.8434 24.2192C10.9722 24.4342 11.0097 24.6867 10.9484 24.9292C10.8447 25.3467 10.4709 25.6392 10.0397 25.6392C9.96344 25.6392 9.88719 25.6292 9.81344 25.6117L8.64219 25.3192C7.91344 25.1367 7.29844 24.6817 6.91219 24.0367C6.52594 23.3917 6.41344 22.6367 6.59594 21.908C6.67469 21.5942 6.80469 21.2992 6.98344 21.0305L9.10094 17.8555V17.2017C9.10094 12.658 12.5509 8.64674 17.5372 7.33424V6.87549C17.5372 5.84174 18.3784 5.00049 19.4122 5.00049H23.1622C24.1959 5.00049 25.0372 5.84174 25.0372 6.87549V7.48549C27.8759 8.39424 30.2622 10.2955 31.7859 12.8692C33.4422 15.6667 33.9109 18.943 33.1034 22.093C32.3422 25.063 30.4347 27.6905 27.8497 29.3405V34.063C27.8522 34.5792 27.4322 34.9992 26.9147 34.9992ZM21.2884 18.1255C21.8059 18.1255 22.2259 18.5455 22.2259 19.063C22.2259 20.358 21.9897 21.6142 21.5222 22.8055C23.4822 22.6842 25.0384 21.0517 25.0384 19.063C25.0384 16.9955 23.3559 15.313 21.2884 15.313C19.2209 15.313 17.5384 16.9955 17.5384 19.063C17.5384 20.5017 18.3709 21.8067 19.6484 22.4292C20.1147 21.3655 20.3509 20.2355 20.3509 19.063C20.3509 18.5455 20.7722 18.1255 21.2884 18.1255ZM21.2884 13.438C21.9334 13.438 22.5622 13.5467 23.1634 13.763V6.87549H19.4134V13.763C20.0147 13.5467 20.6434 13.438 21.2884 13.438Z\" fill=\"#3B414D\" class=\"primary\"></path><path d=\"M15.6646 35.0006C15.1471 35.0006 14.7271 34.5806 14.7271 34.0631V32.3706L14.5596 32.3981C14.3034 32.4418 14.0409 32.4643 13.7821 32.4643C13.3921 32.4643 12.9996 32.4143 12.6171 32.3156C12.1171 32.1856 11.8146 31.6731 11.9446 31.1731C12.0521 30.7593 12.4259 30.4706 12.8521 30.4706C12.9309 30.4706 13.0096 30.4806 13.0859 30.5006C13.3146 30.5593 13.5484 30.5906 13.7821 30.5906C13.9371 30.5906 14.0946 30.5768 14.2496 30.5506L15.5121 30.3418C15.5621 30.3331 15.6146 30.3293 15.6671 30.3293C15.8884 30.3293 16.1034 30.4081 16.2721 30.5518C16.4821 30.7306 16.6034 30.9918 16.6034 31.2668V34.0656C16.6022 34.5806 16.1821 35.0006 15.6646 35.0006Z\" fill=\"#3B414D\" class=\"primary\"></path></svg>"
 
-/***/ }),
-
-/***/ "2db1":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_4aaa6de6_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e0cc");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_4aaa6de6_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_4aaa6de6_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2e8c":
@@ -11004,6 +10993,17 @@ module.exports = "<svg viewBox=\"0 0 21 20\" fill=\"none\" xmlns=\"http://www.w3
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "6385":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioPlayer_vue_vue_type_style_index_0_id_1442a03d_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fee5");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioPlayer_vue_vue_type_style_index_0_id_1442a03d_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioPlayer_vue_vue_type_style_index_0_id_1442a03d_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "6394":
@@ -12628,6 +12628,13 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
+/***/ "72f6":
+/***/ (function(module, exports) {
+
+module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M30.6068 9.38894C28.5085 7.29255 25.8357 5.86533 22.9264 5.28769C20.017 4.71005 17.0018 5.00792 14.2617 6.14364C11.5216 7.27937 9.17977 9.20196 7.53217 11.6684C5.88457 14.1348 5.00519 17.0344 5.00519 20.0005C5.00519 22.9666 5.88457 25.8661 7.53217 28.3326C9.17977 30.799 11.5216 32.7216 14.2617 33.8573C17.0018 34.9931 20.017 35.2909 22.9264 34.7133C25.8357 34.1356 28.5085 32.7084 30.6068 30.612C33.4168 27.7953 34.9948 23.9791 34.9948 20.0005C34.9948 16.0218 33.4168 12.2056 30.6068 9.38894V9.38894ZM25.8807 24.1013C26.0942 24.3391 26.2086 24.6496 26.2003 24.9691C26.1921 25.2886 26.0618 25.5928 25.8363 25.8192C25.6108 26.0457 25.3072 26.1772 24.9877 26.1868C24.6683 26.1965 24.3573 26.0834 24.1186 25.8709L20.2291 21.9815C20.1702 21.9233 20.0906 21.8906 20.0078 21.8906C19.9249 21.8906 19.8454 21.9233 19.7864 21.9815L15.8982 25.8709C15.6607 26.1001 15.3435 26.2282 15.0134 26.2282C14.6833 26.2282 14.3661 26.1001 14.1286 25.8709C14.0123 25.7548 13.9201 25.6168 13.8571 25.465C13.7942 25.3132 13.7618 25.1505 13.7618 24.9861C13.7618 24.8218 13.7942 24.659 13.8571 24.5072C13.9201 24.3554 14.0123 24.2174 14.1286 24.1013L18.018 20.2131C18.0471 20.1842 18.0702 20.1498 18.0859 20.1119C18.1017 20.074 18.1098 20.0334 18.1098 19.9924C18.1098 19.9513 18.1017 19.9107 18.0859 19.8728C18.0702 19.835 18.0471 19.8006 18.018 19.7716L14.1286 15.8822C13.9126 15.6447 13.7962 15.3332 13.8035 15.0122C13.8109 14.6913 13.9414 14.3854 14.168 14.158C14.3946 13.9306 14.6999 13.7991 15.0209 13.7906C15.3418 13.7821 15.6537 13.8974 15.892 14.1125L19.7802 18.002C19.8092 18.0311 19.8437 18.0542 19.8817 18.07C19.9197 18.0857 19.9604 18.0938 20.0015 18.0938C20.0426 18.0938 20.0834 18.0857 20.1214 18.07C20.1593 18.0542 20.1938 18.0311 20.2229 18.002L24.1123 14.1125C24.347 13.878 24.6652 13.7464 24.997 13.7465C25.3287 13.7466 25.6468 13.8785 25.8813 14.1132C26.1158 14.3478 26.2475 14.6661 26.2474 14.9978C26.2473 15.3296 26.1154 15.6477 25.8807 15.8822L21.9913 19.7716C21.9328 19.8302 21.9 19.9096 21.9 19.9924C21.9 20.0751 21.9328 20.1545 21.9913 20.2131L25.8807 24.1013Z\" fill=\"#3B414D\" class=\"primary\"></path></svg>"
+
+/***/ }),
+
 /***/ "7323":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -13887,17 +13894,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "82cb":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioPlayer_vue_vue_type_style_index_0_id_1c89d3f4_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f4b9");
-/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioPlayer_vue_vue_type_style_index_0_id_1c89d3f4_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioPlayer_vue_vue_type_style_index_0_id_1c89d3f4_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "83ab":
@@ -19990,6 +19986,17 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 // extracted by mini-css-extract-plugin
 module.exports = {"unnnicColorBackgroundSolo":"#E8F4F4"};
 
+/***/ }),
+
+/***/ "b567":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_73ef528c_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e446");
+/* harmony import */ var _node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_73ef528c_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_mini_css_extract_plugin_dist_loader_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_3_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_lib_index_js_vue_loader_options_AudioRecorder_vue_vue_type_style_index_0_id_73ef528c_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "b575":
@@ -29382,13 +29389,6 @@ if (DESCRIPTORS && typeof NativeSymbol == 'function' && (!('description' in Nati
 })));
 
 
-/***/ }),
-
-/***/ "e0cc":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
 /***/ }),
 
 /***/ "e117":
@@ -29665,6 +29665,13 @@ $({ target: 'Object', stat: true, forced: FORCED, sham: !DESCRIPTORS }, {
 });
 
 
+/***/ }),
+
+/***/ "e446":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "e45c":
@@ -31038,13 +31045,6 @@ module.exports = "<svg viewBox=\"0 0 40 40\" fill=\"none\" xmlns=\"http://www.w3
 
 /***/ }),
 
-/***/ "f4b9":
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-
-/***/ }),
-
 /***/ "f4e3":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -31456,9 +31456,9 @@ if (typeof window !== 'undefined') {
     }
   }
 
-  var src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
-  if (src) {
-    __webpack_require__.p = src[1] // eslint-disable-line
+  var setPublicPath_src = currentScript && currentScript.src.match(/(.+\/)[^/]+\.js(\?.*)?$/)
+  if (setPublicPath_src) {
+    __webpack_require__.p = setPublicPath_src[1] // eslint-disable-line
   }
 }
 
@@ -32104,6 +32104,10 @@ var delete_1_default = /*#__PURE__*/__webpack_require__.n(delete_1);
 var delete_1_1 = __webpack_require__("e117");
 var delete_1_1_default = /*#__PURE__*/__webpack_require__.n(delete_1_1);
 
+// EXTERNAL MODULE: ./node_modules/svg-inline-loader!./src/assets/icons/delete-2-1.svg
+var delete_2_1 = __webpack_require__("72f6");
+var delete_2_1_default = /*#__PURE__*/__webpack_require__.n(delete_2_1);
+
 // EXTERNAL MODULE: ./node_modules/svg-inline-loader!./src/assets/icons/arrow-left-1-1.svg
 var arrow_left_1_1 = __webpack_require__("117b");
 var arrow_left_1_1_default = /*#__PURE__*/__webpack_require__.n(arrow_left_1_1);
@@ -32570,6 +32574,7 @@ var controls_play_1_default = /*#__PURE__*/__webpack_require__.n(controls_play_1
 
 
 
+
 
 
 /* harmony default export */ var icons = ({
@@ -32651,6 +32656,7 @@ var controls_play_1_default = /*#__PURE__*/__webpack_require__.n(controls_play_1
   'book-address-1-2': book_address_1_2_default.a,
   'delete-1': delete_1_default.a,
   'delete-1-1': delete_1_1_default.a,
+  'delete-2-1': delete_2_1_default.a,
   'arrow-left-1-1': arrow_left_1_1_default.a,
   'add-1': add_1_default.a,
   'checkbox-default': checkbox_default_default.a,
@@ -42157,12 +42163,15 @@ var StarRating_component = normalizeComponent(
 )
 
 /* harmony default export */ var StarRating = (StarRating_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AudioRecorder/AudioRecorder.vue?vue&type=template&id=4aaa6de6&scoped=true&
-var AudioRecordervue_type_template_id_4aaa6de6_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.hasAudio)?_c('section',{staticClass:"audio-recorder"},[(_vm.isRecording || _vm.isRecorded)?_c('audio-handler',{attrs:{"is-recording":_vm.isRecording,"time":_vm.numberToTimeString(_vm.duration)},on:{"discard":_vm.discard,"save":_vm.save}}):_c('audio-player',{attrs:{"time":_vm.numberToTimeString(_vm.isIdle ? _vm.duration : _vm.currentTime),"progress-bar-percentual-value":_vm.playedPercentual,"is-playing":_vm.isPlaying},on:{"pause":_vm.pause,"play":_vm.play}})],1):_vm._e()}
-var AudioRecordervue_type_template_id_4aaa6de6_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AudioRecorder/AudioRecorder.vue?vue&type=template&id=73ef528c&scoped=true&
+var AudioRecordervue_type_template_id_73ef528c_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.hasAudio || _vm.src)?_c('section',{staticClass:"unnnic-audio-recorder"},[(_vm.isRecording || _vm.isRecorded)?_c('audio-handler',{attrs:{"is-recording":_vm.isRecording,"time":_vm.numberToTimeString(_vm.duration)},on:{"discard":_vm.discard,"save":_vm.save}}):_c('audio-player',{attrs:{"time":_vm.numberToTimeString(_vm.isIdle ? _vm.duration : _vm.currentTime),"progress-bar-percentual-value":_vm.playedPercentual,"is-playing":_vm.isPlaying,"bars":_vm.bars},on:{"pause":_vm.pause,"play":_vm.play}}),(_vm.canDelete && (['idle', 'playing', 'paused'].includes(_vm.status)))?_c('div',{staticClass:"delete-button"},[_c('unnnic-icon',{attrs:{"icon":"delete-2-1","clickable":""},on:{"click":_vm.discard}})],1):_vm._e()],1):_vm._e()}
+var AudioRecordervue_type_template_id_73ef528c_scoped_true_staticRenderFns = []
+
 
+// CONCATENATED MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=template&id=73ef528c&scoped=true&
 
-// CONCATENATED MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=template&id=4aaa6de6&scoped=true&
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
+var es_promise = __webpack_require__("e6cf");
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.string.pad-start.js
 var es_string_pad_start = __webpack_require__("4d90");
@@ -42173,9 +42182,6 @@ var web_url = __webpack_require__("2b3d");
 // EXTERNAL MODULE: ./node_modules/regenerator-runtime/runtime.js
 var runtime = __webpack_require__("96cf");
 
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.promise.js
-var es_promise = __webpack_require__("e6cf");
-
 // CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/asyncToGenerator.js
 
 
@@ -42301,12 +42307,12 @@ var AudioHandler_component = normalizeComponent(
 )
 
 /* harmony default export */ var AudioHandler = (AudioHandler_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AudioRecorder/AudioPlayer.vue?vue&type=template&id=1c89d3f4&scoped=true&
-var AudioPlayervue_type_template_id_1c89d3f4_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"audio-player"},[(_vm.isPlaying)?_c('span',{staticClass:"clickable",on:{"click":_vm.pause,"keypress":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.pause($event)}}},[_c('unnnic-icon',{attrs:{"icon":"controls-pause-1","scheme":"neutral-darkest"}})],1):_c('span',{staticClass:"clickable",on:{"click":_vm.play,"keypress":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.play($event)}}},[_c('unnnic-icon',{attrs:{"icon":"controls-play-1","scheme":"neutral-darkest"}})],1),_c('div',{staticClass:"audio-player__progress-bar"},[_c('div',{staticClass:"audio-player__progress-bar__bar",style:({ width: (_vm.progressBarPercentualValue + "%") })})]),_c('span',{staticClass:"audio-player__time"},[_vm._v(" "+_vm._s(_vm.time)+" ")])])}
-var AudioPlayervue_type_template_id_1c89d3f4_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"1cea8ebe-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AudioRecorder/AudioPlayer.vue?vue&type=template&id=1442a03d&scoped=true&
+var AudioPlayervue_type_template_id_1442a03d_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"audio-player"},[(_vm.isPlaying)?_c('span',{staticClass:"clickable",on:{"click":_vm.pause,"keypress":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.pause($event)}}},[_c('unnnic-icon',{attrs:{"icon":"controls-pause-1","scheme":"neutral-darkest"}})],1):_c('span',{staticClass:"clickable",on:{"click":_vm.play,"keypress":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.play($event)}}},[_c('unnnic-icon',{attrs:{"icon":"controls-play-1","scheme":"neutral-darkest"}})],1),(_vm.bars.length === 0)?_c('div',{staticClass:"audio-player__progress-bar"},[_c('div',{staticClass:"audio-player__progress-bar__bar",style:({ width: (_vm.progressBarPercentualValue + "%") })})]):_c('div',{staticClass:"audio-player__progress-bar-bars"},_vm._l((_vm.bars),function(bar,index){return _c('div',{key:index,class:['bar', { active: _vm.isBarActive(index) }],style:({ height: ((bar * 100) + "%") })})}),0),_c('span',{staticClass:"audio-player__time"},[_vm._v(" "+_vm._s(_vm.time)+" ")])])}
+var AudioPlayervue_type_template_id_1442a03d_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/AudioRecorder/AudioPlayer.vue?vue&type=template&id=1c89d3f4&scoped=true&
+// CONCATENATED MODULE: ./src/components/AudioRecorder/AudioPlayer.vue?vue&type=template&id=1442a03d&scoped=true&
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/AudioRecorder/AudioPlayer.vue?vue&type=script&lang=js&
 
@@ -42330,6 +42336,17 @@ var AudioPlayervue_type_template_id_1c89d3f4_scoped_true_staticRenderFns = []
 //
 //
 //
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
+//
 
 /* harmony default export */ var AudioPlayervue_type_script_lang_js_ = ({
   components: {
@@ -42351,6 +42368,9 @@ var AudioPlayervue_type_template_id_1c89d3f4_scoped_true_staticRenderFns = []
     progressBarPercentualValue: {
       type: Number,
       default: 0
+    },
+    bars: {
+      type: Array
     }
   },
   methods: {
@@ -42359,13 +42379,16 @@ var AudioPlayervue_type_template_id_1c89d3f4_scoped_true_staticRenderFns = []
     },
     pause: function pause() {
       this.$emit('pause');
+    },
+    isBarActive: function isBarActive(index) {
+      return this.progressBarPercentualValue / 100 * 22 > index;
     }
   }
 });
 // CONCATENATED MODULE: ./src/components/AudioRecorder/AudioPlayer.vue?vue&type=script&lang=js&
  /* harmony default export */ var AudioRecorder_AudioPlayervue_type_script_lang_js_ = (AudioPlayervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/AudioRecorder/AudioPlayer.vue?vue&type=style&index=0&id=1c89d3f4&lang=scss&scoped=true&
-var AudioPlayervue_type_style_index_0_id_1c89d3f4_lang_scss_scoped_true_ = __webpack_require__("82cb");
+// EXTERNAL MODULE: ./src/components/AudioRecorder/AudioPlayer.vue?vue&type=style&index=0&id=1442a03d&lang=scss&scoped=true&
+var AudioPlayervue_type_style_index_0_id_1442a03d_lang_scss_scoped_true_ = __webpack_require__("6385");
 
 // CONCATENATED MODULE: ./src/components/AudioRecorder/AudioPlayer.vue
 
@@ -42378,11 +42401,11 @@ var AudioPlayervue_type_style_index_0_id_1c89d3f4_lang_scss_scoped_true_ = __web
 
 var AudioPlayer_component = normalizeComponent(
   AudioRecorder_AudioPlayervue_type_script_lang_js_,
-  AudioPlayervue_type_template_id_1c89d3f4_scoped_true_render,
-  AudioPlayervue_type_template_id_1c89d3f4_scoped_true_staticRenderFns,
+  AudioPlayervue_type_template_id_1442a03d_scoped_true_render,
+  AudioPlayervue_type_template_id_1442a03d_scoped_true_staticRenderFns,
   false,
   null,
-  "1c89d3f4",
+  "1442a03d",
   null
   
 )
@@ -42401,6 +42424,12 @@ var AudioPlayer_component = normalizeComponent(
 
 
 
+
+
+
+//
+//
+//
 //
 //
 //
@@ -42421,13 +42450,58 @@ var AudioPlayer_component = normalizeComponent(
 //
 //
 //
+//
+//
+
+
+
+
+var filterData = function filterData(audioBuffer) {
+  var rawData = audioBuffer.getChannelData(0); // We only need to work with one channel of data
+
+  var samples = 22; // Number of samples we want to have in our final data set
+
+  var blockSize = Math.floor(rawData.length / samples); // the number of samples in each subdivision
+
+  var filteredData = [];
+
+  for (var i = 0; i < samples; i += 1) {
+    var blockStart = blockSize * i; // the location of the first sample in the block
+
+    var sum = 0;
 
+    for (var j = 0; j < blockSize; j += 1) {
+      sum += Math.abs(rawData[blockStart + j]); // find the sum of all the samples in the block
+    }
+
+    filteredData.push(sum / blockSize); // divide the sum by the block size to get the average
+  }
+
+  return filteredData;
+};
+
+var AudioRecordervue_type_script_lang_js_normalizeData = function normalizeData(filteredData) {
+  // eslint-disable-next-line no-restricted-properties
+  var multiplier = Math.pow(Math.max.apply(Math, _toConsumableArray(filteredData)), -1);
+  return filteredData.map(function (n) {
+    return n * multiplier;
+  });
+};
 
 /* harmony default export */ var AudioRecordervue_type_script_lang_js_ = ({
   name: 'AudioRecorder',
   components: {
     AudioHandler: AudioHandler,
-    AudioPlayer: AudioPlayer
+    AudioPlayer: AudioPlayer,
+    UnnnicIcon: Icon
+  },
+  props: {
+    canDelete: {
+      type: Boolean
+    },
+    src: {
+      type: String
+    }
   },
   data: function data() {
     return {
@@ -42452,7 +42526,8 @@ var AudioPlayer_component = normalizeComponent(
       /**
        * @type {('idle'|'recording'|'recorded'|'playing'|'paused')}
        */
-      status: 'idle'
+      status: 'idle',
+      bars: []
     };
   },
   computed: {
@@ -42475,127 +42550,173 @@ var AudioPlayer_component = normalizeComponent(
       return this.currentTime * 100 / this.duration;
     }
   },
+  watch: {
+    src: {
+      immediate: true,
+      handler: function handler() {
+        var _this = this;
+
+        return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+          return regeneratorRuntime.wrap(function _callee$(_context) {
+            while (1) {
+              switch (_context.prev = _context.next) {
+                case 0:
+                  if (_this.src) {
+                    _context.next = 2;
+                    break;
+                  }
+
+                  return _context.abrupt("return");
+
+                case 2:
+                  _this.audio = new Audio();
+
+                  _this.audio.setAttribute('src', _this.src);
+
+                  _this.addAudioEventListeners();
+
+                  _context.next = 7;
+                  return _this.srcToBars(_this.src);
+
+                case 7:
+                  _this.bars = _context.sent;
+
+                case 8:
+                case "end":
+                  return _context.stop();
+              }
+            }
+          }, _callee);
+        }))();
+      }
+    }
+  },
   methods: {
     // entry point; accessed by external components
     record: function record() {
-      var _this = this;
+      var _this2 = this;
 
-      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-        return regeneratorRuntime.wrap(function _callee$(_context) {
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) {
-            switch (_context.prev = _context.next) {
+            switch (_context2.prev = _context2.next) {
               case 0:
-                if (!_this.hasInUseRecordDevice()) {
-                  _context.next = 2;
+                if (!_this2.hasInUseRecordDevice()) {
+                  _context2.next = 2;
                   break;
                 }
 
-                return _context.abrupt("return");
+                return _context2.abrupt("return");
 
               case 2:
-                _context.next = 4;
-                return _this.getAudioRecordDevice();
+                _context2.next = 4;
+                return _this2.getAudioRecordDevice();
 
               case 4:
-                _this.setupRecorderAndAudio();
+                _this2.setupRecorderAndAudio();
 
-                _this.addListeners();
+                _this2.addListeners();
 
-                _this.startRecord();
+                _this2.startRecord();
 
               case 7:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
           }
-        }, _callee);
+        }, _callee2);
       }))();
     },
     hasInUseRecordDevice: function hasInUseRecordDevice() {
       return !!this.recorder;
     },
     getAudioRecordDevice: function getAudioRecordDevice() {
-      var _this2 = this;
+      var _this3 = this;
 
-      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
-        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context2.prev = _context2.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
-                _context2.next = 2;
+                _context3.next = 2;
                 return navigator.mediaDevices.getUserMedia({
                   audio: true
                 });
 
               case 2:
-                _this2.stream = _context2.sent;
-                _this2.recorder = new MediaRecorder(_this2.stream);
+                _this3.stream = _context3.sent;
+                _this3.recorder = new MediaRecorder(_this3.stream);
 
               case 4:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
           }
-        }, _callee2);
+        }, _callee3);
       }))();
     },
     setupRecorderAndAudio: function setupRecorderAndAudio() {
-      var _this3 = this;
+      var _this4 = this;
 
-      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
-        return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee4() {
+        return regeneratorRuntime.wrap(function _callee4$(_context4) {
           while (1) {
-            switch (_context3.prev = _context3.next) {
+            switch (_context4.prev = _context4.next) {
               case 0:
-                _this3.audio = new Audio();
-                _this3.audioChunks = [];
-                _this3.duration = 0;
-                _this3.currentTime = 0;
+                _this4.audio = new Audio();
+                _this4.audioChunks = [];
+                _this4.duration = 0;
+                _this4.currentTime = 0;
 
               case 4:
               case "end":
-                return _context3.stop();
+                return _context4.stop();
             }
           }
-        }, _callee3);
+        }, _callee4);
       }))();
     },
     addListeners: function addListeners() {
-      var _this4 = this;
+      var _this5 = this;
 
       this.recorder.addEventListener('dataavailable', function (event) {
-        _this4.audioChunks.push(event.data);
+        _this5.audioChunks.push(event.data);
 
-        var blob = new Blob(_this4.audioChunks);
+        var blob = new Blob(_this5.audioChunks);
         var src = URL.createObjectURL(blob);
-        _this4.audio.src = src; // necessary to have the audio duration correctly
+        _this5.audio.src = src; // necessary to have the audio duration correctly
 
-        _this4.audio.currentTime = 1e100;
+        _this5.audio.currentTime = 1e100;
       });
       this.recorder.addEventListener('stop', function () {
-        _this4.stream.getTracks().forEach(function (track) {
+        _this5.stream.getTracks().forEach(function (track) {
           track.stop();
         });
 
-        _this4.recorder = null;
+        _this5.recorder = null;
       });
+      this.addAudioEventListeners();
+    },
+    addAudioEventListeners: function addAudioEventListeners() {
+      var _this6 = this;
+
       this.audio.addEventListener('loadeddata', function () {
-        _this4.audio.currentTime = 0;
-        _this4.duration = _this4.audio.duration;
+        _this6.audio.currentTime = 0;
+        _this6.duration = _this6.audio.duration;
       });
       this.audio.addEventListener('play', function () {
-        _this4.status = 'playing';
+        _this6.status = 'playing';
       });
       this.audio.addEventListener('pause', function () {
-        _this4.status = 'paused';
+        _this6.status = 'paused';
       });
       this.audio.addEventListener('timeupdate', function () {
-        if (_this4.status !== 'playing') return;
-        _this4.currentTime = _this4.audio.currentTime;
+        if (_this6.status !== 'playing') return;
+        _this6.currentTime = _this6.audio.currentTime;
       });
       this.audio.addEventListener('ended', function () {
-        _this4.currentTime = 0;
-        _this4.status = 'idle';
+        _this6.currentTime = 0;
+        _this6.status = 'idle';
       });
     },
     startRecord: function startRecord() {
@@ -42614,12 +42735,68 @@ var AudioPlayer_component = normalizeComponent(
       this.audio.pause();
     },
     stop: function stop() {
-      this.status = 'recorded';
-      this.recorder.stop();
+      var _this7 = this;
+
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee5() {
+        return regeneratorRuntime.wrap(function _callee5$(_context5) {
+          while (1) {
+            switch (_context5.prev = _context5.next) {
+              case 0:
+                _this7.status = 'recorded';
+
+                _this7.recorder.stop();
+
+                _context5.next = 4;
+                return _this7.srcToBars(_this7.audio.src);
+
+              case 4:
+                _this7.bars = _context5.sent;
+
+              case 5:
+              case "end":
+                return _context5.stop();
+            }
+          }
+        }, _callee5);
+      }))();
     },
     play: function play() {
       this.audio.play();
     },
+    srcToBars: function srcToBars(src) {
+      return _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee6() {
+        var audioContext, response, arrayBuffer, audioBuffer;
+        return regeneratorRuntime.wrap(function _callee6$(_context6) {
+          while (1) {
+            switch (_context6.prev = _context6.next) {
+              case 0:
+                window.AudioContext = window.AudioContext || window.webkitAudioContext;
+                audioContext = new AudioContext();
+                _context6.next = 4;
+                return fetch(src);
+
+              case 4:
+                response = _context6.sent;
+                _context6.next = 7;
+                return response.arrayBuffer();
+
+              case 7:
+                arrayBuffer = _context6.sent;
+                _context6.next = 10;
+                return audioContext.decodeAudioData(arrayBuffer);
+
+              case 10:
+                audioBuffer = _context6.sent;
+                return _context6.abrupt("return", AudioRecordervue_type_script_lang_js_normalizeData(filterData(audioBuffer)));
+
+              case 12:
+              case "end":
+                return _context6.stop();
+            }
+          }
+        }, _callee6);
+      }))();
+    },
     numberToTimeString: function numberToTimeString(time) {
       var minutes = Math.floor(time / 60);
       var seconds = Math.round(time % 60).toString().padStart(2, '0');
@@ -42629,8 +42806,8 @@ var AudioPlayer_component = normalizeComponent(
 });
 // CONCATENATED MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=script&lang=js&
  /* harmony default export */ var AudioRecorder_AudioRecordervue_type_script_lang_js_ = (AudioRecordervue_type_script_lang_js_); 
-// EXTERNAL MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=style&index=0&id=4aaa6de6&lang=scss&scoped=true&
-var AudioRecordervue_type_style_index_0_id_4aaa6de6_lang_scss_scoped_true_ = __webpack_require__("2db1");
+// EXTERNAL MODULE: ./src/components/AudioRecorder/AudioRecorder.vue?vue&type=style&index=0&id=73ef528c&lang=scss&scoped=true&
+var AudioRecordervue_type_style_index_0_id_73ef528c_lang_scss_scoped_true_ = __webpack_require__("b567");
 
 // CONCATENATED MODULE: ./src/components/AudioRecorder/AudioRecorder.vue
 
@@ -42643,11 +42820,11 @@ var AudioRecordervue_type_style_index_0_id_4aaa6de6_lang_scss_scoped_true_ = __w
 
 var AudioRecorder_component = normalizeComponent(
   AudioRecorder_AudioRecordervue_type_script_lang_js_,
-  AudioRecordervue_type_template_id_4aaa6de6_scoped_true_render,
-  AudioRecordervue_type_template_id_4aaa6de6_scoped_true_staticRenderFns,
+  AudioRecordervue_type_template_id_73ef528c_scoped_true_render,
+  AudioRecordervue_type_template_id_73ef528c_scoped_true_staticRenderFns,
   false,
   null,
-  "4aaa6de6",
+  "73ef528c",
   null
   
 )
@@ -43072,6 +43249,13 @@ var global = __webpack_require__("da84");
 module.exports = global.Promise;
 
 
+/***/ }),
+
+/***/ "fee5":
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+
 /***/ }),
 
 /***/ "ff88":