@ambita/design-system 3.0.33 → 3.0.34-451.0

package/dist/aux.umd.js

@@ -31974,6 +31974,22 @@ module.exports = __WEBPACK_EXTERNAL_MODULE__8bbf__;
 
 /***/ }),
 
+/***/ "8bd3":
+/***/ (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__("9a38");
+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("da889460", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "8c19":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -32153,6 +32169,17 @@ function baseTrim(string) {
 module.exports = baseTrim;
 
 
+/***/ }),
+
+/***/ "8d8c":
+/***/ (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_7ab072ae_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8bd3");
+/* 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_7ab072ae_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_7ab072ae_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "8db3":
@@ -34539,6 +34566,20 @@ module.exports = nodeUtil;
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("62e4")(module)))
 
+/***/ }),
+
+/***/ "9a38":
+/***/ (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-7ab072ae]{vertical-align:middle;background:#fff;border:1px solid #e1e1e1;border-radius:3px;outline:none;padding:0;overflow:hidden;display:flex;flex-direction:column}.aux-modal[data-v-7ab072ae]::backdrop{background:rgba(0,0,0,.8)}.aux-modal--small[data-v-7ab072ae]{max-width:400px}.aux-modal--medium[data-v-7ab072ae]{max-width:700px}.aux-modal--x-large[data-v-7ab072ae]{max-width:1200px}.close[data-v-7ab072ae]{position:absolute;right:20px;top:12px;width:35px;height:35px;padding:3px 5px;border:none;border-radius:3px;outline:none}.close[data-v-7ab072ae]:focus,.close[data-v-7ab072ae]:hover{background-color:#d8efee}.close[data-v-7ab072ae]:active{background-color:#360076}.close:active .close-icon[data-v-7ab072ae]{color:#fff}.close[data-v-7ab072ae]:focus{box-shadow:0 0 0 3px #fff,0 0 0 6px #003eff}.close[data-v-7ab072ae]:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #003eff,0 0 0 0 transparent}.aux-validation-wrapper--haserror .close[data-v-7ab072ae]:focus-visible{box-shadow:0 0 0 1px #ac1631,0 0 0 3px #fff,0 0 0 6px #003eff,0 0 0 0 transparent}.close[data-v-7ab072ae]:focus:not(:focus-visible){box-shadow:none}.close-icon[data-v-7ab072ae]{color:#360076;width:100%}.close:focus .close-icon[data-v-7ab072ae],.close:hover .close-icon[data-v-7ab072ae]{padding:2px}h2[data-v-7ab072ae]{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-7ab072ae]{border-bottom:1px solid #ddd;padding:18px 20px 16px 20px;display:block}footer[data-v-7ab072ae]{border-top:1px solid #ddd;padding:14px 20px}main[data-v-7ab072ae]{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-7ab072ae]{margin:20px}.footer-content[data-v-7ab072ae]{display:flex;justify-content:space-between}@media(max-width:605px){.footer-content[data-v-7ab072ae]{flex-direction:column-reverse}}.footer-buttons-layout--horizontal[data-v-7ab072ae]{display:inline-block;margin-right:20px}.footer-buttons-layout--vertical[data-v-7ab072ae]{display:flex;flex-direction:column;align-items:stretch;margin:0}.footer-buttons-layout--vertical[data-v-7ab072ae] .aux-button+.aux-button{margin-left:0;margin-top:15px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "9aa8":
@@ -37658,22 +37699,6 @@ if (isForced(NUMBER, !NativeNumber(' 0o1') || !NativeNumber('0b1') || NativeNumb
 }
 
 
-/***/ }),
-
-/***/ "aad1":
-/***/ (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__("ceec");
-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("18149721", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "aaec":
@@ -47139,17 +47164,6 @@ function assocIndexOf(array, key) {
 module.exports = assocIndexOf;
 
 
-/***/ }),
-
-/***/ "cb7e":
-/***/ (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_d4143c58_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("aad1");
-/* 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_d4143c58_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_d4143c58_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "cb84":
@@ -47534,20 +47548,6 @@ function setToPairs(set) {
 module.exports = setToPairs;
 
 
-/***/ }),
-
-/***/ "ceec":
-/***/ (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-d4143c58]{vertical-align:middle;background:#fff;border:1px solid #e1e1e1;border-radius:3px;outline:none;padding:0;overflow:hidden;display:flex;flex-direction:column}.aux-modal[data-v-d4143c58]::backdrop{background:rgba(0,0,0,.8)}.aux-modal--small[data-v-d4143c58]{max-width:400px}.aux-modal--medium[data-v-d4143c58]{max-width:700px}.aux-modal--x-large[data-v-d4143c58]{max-width:1200px}.close[data-v-d4143c58]{position:absolute;right:20px;top:12px;width:35px;height:35px;padding:3px 5px;border:none;border-radius:3px;outline:none}.close[data-v-d4143c58]:focus,.close[data-v-d4143c58]:hover{background-color:#d8efee}.close[data-v-d4143c58]:active{background-color:#360076}.close:active .close-icon[data-v-d4143c58]{color:#fff}.close[data-v-d4143c58]:focus{box-shadow:0 0 0 3px #fff,0 0 0 6px #003eff}.close[data-v-d4143c58]:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 6px #003eff,0 0 0 0 transparent}.aux-validation-wrapper--haserror .close[data-v-d4143c58]:focus-visible{box-shadow:0 0 0 1px #ac1631,0 0 0 3px #fff,0 0 0 6px #003eff,0 0 0 0 transparent}.close[data-v-d4143c58]:focus:not(:focus-visible){box-shadow:none}.close-icon[data-v-d4143c58]{color:#360076;width:100%}.close:focus .close-icon[data-v-d4143c58],.close:hover .close-icon[data-v-d4143c58]{padding:2px}h2[data-v-d4143c58]{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-d4143c58]{border-bottom:1px solid #ddd;padding:18px 20px 16px 20px;display:block}footer[data-v-d4143c58]{border-top:1px solid #ddd;padding:14px 20px}main[data-v-d4143c58]{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-d4143c58]{margin:20px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "cf73":
@@ -60506,24 +60506,25 @@ 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=d4143c58&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=7ab072ae&scoped=true
 
 
-var Modalvue_type_template_id_d4143c58_scoped_true_withScopeId = function _withScopeId(n) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-d4143c58"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
+var Modalvue_type_template_id_7ab072ae_scoped_true_withScopeId = function _withScopeId(n) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-7ab072ae"), n = n(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])(), n;
 };
 
-var Modalvue_type_template_id_d4143c58_scoped_true_hoisted_1 = ["aria-labelledby", "aria-describedby"];
-var Modalvue_type_template_id_d4143c58_scoped_true_hoisted_2 = {
+var Modalvue_type_template_id_7ab072ae_scoped_true_hoisted_1 = ["aria-labelledby", "aria-describedby"];
+var Modalvue_type_template_id_7ab072ae_scoped_true_hoisted_2 = {
   class: "header"
 };
-var Modalvue_type_template_id_d4143c58_scoped_true_hoisted_3 = ["id", "data-testid"];
-var Modalvue_type_template_id_d4143c58_scoped_true_hoisted_4 = ["data-testid"];
+var Modalvue_type_template_id_7ab072ae_scoped_true_hoisted_3 = ["id", "data-testid"];
+var Modalvue_type_template_id_7ab072ae_scoped_true_hoisted_4 = ["data-testid"];
 var _hoisted_5 = ["id", "data-testid"];
 var _hoisted_6 = {
-  key: 0
+  key: 0,
+  class: "footer-content"
 };
-function Modalvue_type_template_id_d4143c58_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Modalvue_type_template_id_7ab072ae_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");
@@ -60533,11 +60534,11 @@ function Modalvue_type_template_id_d4143c58_scoped_true_render(_ctx, _cache, $pr
     "aria-labelledby": "".concat(_ctx.id, "-title"),
     "aria-describedby": "".concat(_ctx.id, "-content"),
     ref: "modal"
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Modalvue_type_template_id_d4143c58_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", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("div", Modalvue_type_template_id_7ab072ae_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_d4143c58_scoped_true_hoisted_3)) : 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_7ab072ae_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);
@@ -60548,16 +60549,20 @@ function Modalvue_type_template_id_d4143c58_scoped_true_render(_ctx, _cache, $pr
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CloseIcon, {
     class: "close-icon",
     "aria-hidden": "true"
-  })], 8, Modalvue_type_template_id_d4143c58_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", {
+  })], 8, Modalvue_type_template_id_7ab072ae_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_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, {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", {}, undefined, true)], 8, _hoisted_5)]), _ctx.actions.length > 0 || _ctx.$slots.footerRight ? (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_d4143c58_scoped_true_hoisted_1);
+    onActionClicked: _ctx.propagateEvent,
+    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
+      'footer-buttons-layout--horizontal': !_ctx.useVerticalLayout,
+      'footer-buttons-layout--vertical': _ctx.useVerticalLayout
+    })
+  }, null, 8, ["actions", "onActionClicked", "class"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "footerRight", {}, undefined, true)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 10, Modalvue_type_template_id_7ab072ae_scoped_true_hoisted_1);
 }
-// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=d4143c58&scoped=true
+// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=7ab072ae&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/Actions.vue?vue&type=template&id=715137ca
 
@@ -60698,6 +60703,13 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
         return true;
       }
     },
+    buttonsMobileLayout: {
+      type: String,
+      default: 'vertical',
+      validator: function validator(value) {
+        return ['vertical', 'horizontal'].includes(value);
+      }
+    },
     dataTestid: {
       type: String,
       required: false
@@ -60713,6 +60725,10 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
       }
     };
 
+    var mediaQueryMobile = '(max-width: 450px)';
+    var mediaQueryList = window.matchMedia(mediaQueryMobile);
+    var isMobileView = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(mediaQueryList.matches);
+    var useVerticalLayout = props.buttonsMobileLayout === 'vertical' && isMobileView;
     var modal = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
     var dialog;
 
@@ -60746,6 +60762,12 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
       });
     };
 
+    var resizeUpdate = function resizeUpdate(mediaQuery) {
+      isMobileView.value = mediaQuery.matches;
+    };
+
+    mediaQueryList.addEventListener('change', resizeUpdate);
+
     var getTestId = function getTestId(testid) {
       if (!props.dataTestid) {
         return undefined;
@@ -60759,6 +60781,7 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUnmounted"])(function () {
       dialog.removeEventListener('click', closeOnOutsideClick);
+      mediaQueryList.removeEventListener('change', resizeUpdate);
     });
     return {
       closeModal: closeModal,
@@ -60767,7 +60790,8 @@ Actionsvue_type_script_lang_ts.render = Actionsvue_type_template_id_715137ca_ren
       emit: emit,
       closeButton: closeButton,
       getTestId: getTestId,
-      modal: modal
+      modal: modal,
+      useVerticalLayout: useVerticalLayout
     };
   },
   components: {
@@ -60777,8 +60801,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=d4143c58&lang=scss&scoped=true
-var Modalvue_type_style_index_0_id_d4143c58_lang_scss_scoped_true = __webpack_require__("cb7e");
+// EXTERNAL MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=7ab072ae&lang=scss&scoped=true
+var Modalvue_type_style_index_0_id_7ab072ae_lang_scss_scoped_true = __webpack_require__("8d8c");
 
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue
 
@@ -60786,8 +60810,8 @@ var Modalvue_type_style_index_0_id_d4143c58_lang_scss_scoped_true = __webpack_re
 
 
 
-Modalvue_type_script_lang_ts.render = Modalvue_type_template_id_d4143c58_scoped_true_render
-Modalvue_type_script_lang_ts.__scopeId = "data-v-d4143c58"
+Modalvue_type_script_lang_ts.render = Modalvue_type_template_id_7ab072ae_scoped_true_render
+Modalvue_type_script_lang_ts.__scopeId = "data-v-7ab072ae"
 
 /* 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=21ff78b2&scoped=true