@ambita/design-system 3.0.27-141.0 → 3.0.27-151.0

package/dist/aux.umd.js

@@ -195,19 +195,17 @@ module.exports = String(test) === '[object z]';
 
 /***/ }),
 
-/***/ "0267":
+/***/ "02f1":
 /***/ (function(module, exports, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".aux-modal[data-v-de2d9a96]{position:absolute;background:#fff;border:1px solid #e1e1e1;border-radius:3px;transform:translateX(-50%) translateY(-50%);top:50%;left:50%;width:calc(100% - 80px);outline:none}.aux-modal-overlay[data-v-de2d9a96]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999}.aux-modal--small[data-v-de2d9a96]{max-width:400px}.aux-modal--medium[data-v-de2d9a96]{max-width:700px}.close[data-v-de2d9a96]{position:absolute;right:20px;top:12px;width:35px;height:35px;padding:3px 5px;border:none;border-radius:3px;outline:none}.close[data-v-de2d9a96]:focus,.close[data-v-de2d9a96]:hover{background-color:#d8efee}.close[data-v-de2d9a96]:active{background-color:#360076}.close:active .close-icon[data-v-de2d9a96]{color:#fff}.close[data-v-de2d9a96]:focus{box-shadow:0 0 0 3px #fff,0 0 0 7px #003eff}.close[data-v-de2d9a96]:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 7px #003eff,0 0 0 0 transparent}.close[data-v-de2d9a96]:focus:not(:focus-visible){box-shadow:none}.close-icon[data-v-de2d9a96]{color:#360076;width:100%}.close:focus .close-icon[data-v-de2d9a96],.close:hover .close-icon[data-v-de2d9a96]{padding:2px}h2[data-v-de2d9a96]{font-style:normal;vertical-align:baseline;font-weight:500;font-size:22px;line-height:1;margin:0;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:50px}.header[data-v-de2d9a96]{border-bottom:1px solid #ddd;padding:18px 20px 16px 20px;display:block}footer[data-v-de2d9a96]{border-top:1px solid #ddd;padding:14px 20px}main[data-v-de2d9a96]{min-height:100px;max-height:500px;max-height:70vh;overflow:auto;background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.15),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.15),transparent) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.content[data-v-de2d9a96]{margin:20px}", ""]);
+// Exports
+module.exports = exports;
 
-// load the styles
-var content = __webpack_require__("d5b4");
-if(content.__esModule) content = content.default;
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("4f8833a7", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -9895,6 +9893,22 @@ module.exports = function (bitmap, value) {
 };
 
 
+/***/ }),
+
+/***/ "5d5e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("02f1");
+if(content.__esModule) content = content.default;
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("54660722", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "5deb":
@@ -11117,6 +11131,17 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("4662c7d8", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "7d43":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Modal_vue_vue_type_style_index_0_id_de2d9a96_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5d5e");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Modal_vue_vue_type_style_index_0_id_de2d9a96_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Modal_vue_vue_type_style_index_0_id_de2d9a96_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7d4a":
@@ -17400,17 +17425,6 @@ module.exports.WILL_FLAG_MASK = 0x04;
 module.exports.CLEAN_SESSION_MASK = 0x02;
 
 
-/***/ }),
-
-/***/ "b289b":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Modal_vue_vue_type_style_index_0_id_ff6cd5ac_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0267");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Modal_vue_vue_type_style_index_0_id_ff6cd5ac_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Modal_vue_vue_type_style_index_0_id_ff6cd5ac_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "b383":
@@ -21858,20 +21872,6 @@ exports.push([module.i, ".aux-input-upload-field-wrapper[data-v-6734baa6]{paddin
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "d5b4":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".aux-modal[data-v-ff6cd5ac]{position:absolute;background:#fff;border:1px solid #e1e1e1;border-radius:3px;transform:translateX(-50%) translateY(-50%);top:50%;left:50%;width:calc(100% - 80px);outline:none}.aux-modal-overlay[data-v-ff6cd5ac]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999}.aux-modal--small[data-v-ff6cd5ac]{max-width:400px}.aux-modal--medium[data-v-ff6cd5ac]{max-width:700px}.close[data-v-ff6cd5ac]{position:absolute;right:20px;top:12px;width:35px;height:35px;padding:3px 5px;border:none;border-radius:3px;outline:none}.close[data-v-ff6cd5ac]:focus,.close[data-v-ff6cd5ac]:hover{background-color:#d8efee}.close[data-v-ff6cd5ac]:active{background-color:#360076}.close:active .close-icon[data-v-ff6cd5ac]{color:#fff}.close[data-v-ff6cd5ac]:focus{box-shadow:0 0 0 3px #fff,0 0 0 7px #003eff}.close[data-v-ff6cd5ac]:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 7px #003eff,0 0 0 0 transparent}.close[data-v-ff6cd5ac]:focus:not(:focus-visible){box-shadow:none}.close-icon[data-v-ff6cd5ac]{color:#360076;width:100%}.close:focus .close-icon[data-v-ff6cd5ac],.close:hover .close-icon[data-v-ff6cd5ac]{padding:2px}h2[data-v-ff6cd5ac]{font-style:normal;vertical-align:baseline;font-weight:500;font-size:22px;line-height:1;margin:0;color:#333;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-right:50px}.header[data-v-ff6cd5ac]{border-bottom:1px solid #ddd;padding:18px 20px 16px 20px;display:block}footer[data-v-ff6cd5ac]{border-top:1px solid #ddd;padding:14px 20px}main[data-v-ff6cd5ac]{min-height:100px;max-height:500px;max-height:70vh;overflow:auto;background:linear-gradient(#fff 30%,hsla(0,0%,100%,0)),linear-gradient(hsla(0,0%,100%,0),#fff 70%) 0 100%,radial-gradient(farthest-side at 50% 0,rgba(0,0,0,.15),transparent),radial-gradient(farthest-side at 50% 100%,rgba(0,0,0,.15),transparent) 0 100%;background-repeat:no-repeat;background-color:#fff;background-size:100% 40px,100% 40px,100% 14px,100% 14px;background-attachment:local,local,scroll,scroll}.content[data-v-ff6cd5ac]{margin:20px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "d60a":
@@ -28890,46 +28890,39 @@ Linkvue_type_script_lang_ts.render = Linkvue_type_template_id_1032e120_scoped_tr
 Linkvue_type_script_lang_ts.__scopeId = "data-v-1032e120"
 
 /* harmony default export */ var Link = (Linkvue_type_script_lang_ts);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Modal/Modal.vue?vue&type=template&id=ff6cd5ac&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Modal/Modal.vue?vue&type=template&id=de2d9a96&scoped=true
 
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-ff6cd5ac");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-de2d9a96");
 
-var Modalvue_type_template_id_ff6cd5ac_scoped_true_hoisted_1 = ["data-testid"];
-var Modalvue_type_template_id_ff6cd5ac_scoped_true_hoisted_2 = ["aria-labelledby", "aria-describedby"];
-var Modalvue_type_template_id_ff6cd5ac_scoped_true_hoisted_3 = {
+var Modalvue_type_template_id_de2d9a96_scoped_true_hoisted_1 = ["aria-labelledby", "aria-describedby"];
+var Modalvue_type_template_id_de2d9a96_scoped_true_hoisted_2 = {
   class: "header"
 };
-var Modalvue_type_template_id_ff6cd5ac_scoped_true_hoisted_4 = ["id", "data-testid"];
-var _hoisted_5 = ["data-testid"];
-var _hoisted_6 = ["id", "data-testid"];
-var _hoisted_7 = {
+var Modalvue_type_template_id_de2d9a96_scoped_true_hoisted_3 = ["id", "data-testid"];
+var Modalvue_type_template_id_de2d9a96_scoped_true_hoisted_4 = ["data-testid"];
+var _hoisted_5 = ["id", "data-testid"];
+var _hoisted_6 = {
   key: 0
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-function Modalvue_type_template_id_ff6cd5ac_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Modalvue_type_template_id_de2d9a96_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CloseIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("CloseIcon");
 
   var _component_Actions = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Actions");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", {
-    class: "aux-modal-overlay",
-    onMouseup: _cache[1] || (_cache[1] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
-      return _ctx.closeModal && _ctx.closeModal.apply(_ctx, arguments);
-    }, ["self"])),
-    "data-testid": _ctx.dataTestid
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("dialog", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("dialog", {
     class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])(_ctx.modalClasses),
     "aria-labelledby": "".concat(_ctx.id, "-title"),
     "aria-describedby": "".concat(_ctx.id, "-content"),
-    open: ""
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Modalvue_type_template_id_ff6cd5ac_scoped_true_hoisted_3, [_ctx.title ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("h2", {
+    ref: "modal"
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Modalvue_type_template_id_de2d9a96_scoped_true_hoisted_2, [_ctx.title ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("h2", {
     key: 0,
     id: "".concat(_ctx.id, "-title"),
     "data-testid": _ctx.getTestId('title')
-  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.title), 9, Modalvue_type_template_id_ff6cd5ac_scoped_true_hoisted_4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
+  }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.title), 9, Modalvue_type_template_id_de2d9a96_scoped_true_hoisted_3)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("button", {
     class: "close",
     onClick: _cache[0] || (_cache[0] = function () {
       return _ctx.closeModal && _ctx.closeModal.apply(_ctx, arguments);
@@ -28940,16 +28933,16 @@ function Modalvue_type_template_id_ff6cd5ac_scoped_true_render(_ctx, _cache, $pr
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CloseIcon, {
     class: "close-icon",
     "aria-hidden": "true"
-  })], 8, _hoisted_5)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("main", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
+  })], 8, Modalvue_type_template_id_de2d9a96_scoped_true_hoisted_4)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("main", null, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", {
     id: "".concat(_ctx.id, "-content"),
     class: "content",
     "data-testid": _ctx.getTestId('content')
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", {}, undefined, true)], 8, _hoisted_6)]), _ctx.actions.length > 0 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("footer", _hoisted_7, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Actions, {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", {}, undefined, true)], 8, _hoisted_5)]), _ctx.actions.length > 0 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("footer", _hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Actions, {
     actions: _ctx.actions,
     onActionClicked: _ctx.propagateEvent
-  }, null, 8, ["actions", "onActionClicked"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, Modalvue_type_template_id_ff6cd5ac_scoped_true_hoisted_2)], 40, Modalvue_type_template_id_ff6cd5ac_scoped_true_hoisted_1);
+  }, null, 8, ["actions", "onActionClicked"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, Modalvue_type_template_id_de2d9a96_scoped_true_hoisted_1);
 }
-// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=ff6cd5ac&scoped=true
+// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=de2d9a96&scoped=true
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__("99af");
@@ -29107,6 +29100,9 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
       }
     };
 
+    var modal = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+    var dialog;
+
     var closeModal = function closeModal() {
       emit('close-modal');
     };
@@ -29120,17 +29116,19 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
       'aux-modal': true
     }, "aux-modal--".concat(props.size), true);
 
-    var dismissModal = function dismissModal(_ref2) {
-      var keyCode = _ref2.keyCode;
-      var ESCAPE_KEY = 27;
+    var closeOnOutsideClick = function closeOnOutsideClick(event) {
+      var dialog = modal.value;
 
-      if (keyCode === ESCAPE_KEY) {
+      if (event.target === dialog) {
         closeModal();
       }
     };
 
     var setModalActive = function setModalActive() {
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
+        dialog = modal.value;
+        dialog.addEventListener('click', closeOnOutsideClick);
+        dialog.showModal();
         setFocus();
       });
     };
@@ -29143,12 +29141,11 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
       return "".concat(props.dataTestid, "-").concat(testid);
     };
 
-    document.addEventListener('keydown', dismissModal);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
       setModalActive();
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
-      document.removeEventListener('keydown', dismissModal);
+      dialog.removeEventListener('click', closeOnOutsideClick);
     });
     return {
       closeModal: closeModal,
@@ -29156,7 +29153,8 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
       propagateEvent: propagateEvent,
       emit: emit,
       closeButton: closeButton,
-      getTestId: getTestId
+      getTestId: getTestId,
+      modal: modal
     };
   },
   components: {
@@ -29166,8 +29164,8 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
 }));
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=script&lang=ts
  
-// EXTERNAL MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=ff6cd5ac&lang=scss&scoped=true
-var Modalvue_type_style_index_0_id_ff6cd5ac_lang_scss_scoped_true = __webpack_require__("b289b");
+// EXTERNAL MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=de2d9a96&lang=scss&scoped=true
+var Modalvue_type_style_index_0_id_de2d9a96_lang_scss_scoped_true = __webpack_require__("7d43");
 
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue
 
@@ -29175,8 +29173,8 @@ var Modalvue_type_style_index_0_id_ff6cd5ac_lang_scss_scoped_true = __webpack_re
 
 
 
-Modalvue_type_script_lang_ts.render = Modalvue_type_template_id_ff6cd5ac_scoped_true_render
-Modalvue_type_script_lang_ts.__scopeId = "data-v-ff6cd5ac"
+Modalvue_type_script_lang_ts.render = Modalvue_type_template_id_de2d9a96_scoped_true_render
+Modalvue_type_script_lang_ts.__scopeId = "data-v-de2d9a96"
 
 /* harmony default export */ var Modal = (Modalvue_type_script_lang_ts);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/TextArea/TextArea.vue?vue&type=template&id=6e7478eb&scoped=true
@@ -29342,7 +29340,7 @@ var Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_4 = /*#__PURE__*/Obj
 var Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_5 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" eller dra og slipp her ");
 
 var Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_6 = [Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_4, Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_5];
-var Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_7 = {
+var _hoisted_7 = {
   key: 0,
   class: "aux-file-list"
 };
@@ -29389,7 +29387,7 @@ function Uploadvue_type_template_id_6734baa6_scoped_true_render(_ctx, _cache, $p
         onChange: _cache[0] || (_cache[0] = function () {
           return _ctx.addFile && _ctx.addFile.apply(_ctx, arguments);
         })
-      }, null, 544), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("label", Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_1, [_ctx.state.isOver ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_2, "Slipp for å laste opp")) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_3, Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_6))])], 34), _ctx.filesUploaded ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("ul", Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_7, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.state.fileList, function (file) {
+      }, null, 544), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("label", Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_1, [_ctx.state.isOver ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_2, "Slipp for å laste opp")) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_3, Uploadvue_type_template_id_6734baa6_scoped_true_hoisted_6))])], 34), _ctx.filesUploaded ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("ul", _hoisted_7, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.state.fileList, function (file) {
         return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_File, {
           key: file.uuid,
           time: file.time,