@ambita/design-system 1.0.45-231.0 → 1.0.45-251.0

package/dist/aux.common.js

@@ -2853,6 +2853,20 @@ if (NOT_GENERIC || INCORRECT_NAME) {
 }
 
 
+/***/ }),
+
+/***/ "27b0":
+/***/ (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-0aef8661]{vertical-align:middle;background:#fff;border:1px solid #e1e1e1;border-radius:3px;outline:none}.aux-modal[data-v-0aef8661]::-webkit-backdrop{background:rgba(0,0,0,.8)}.aux-modal[data-v-0aef8661]::backdrop{background:rgba(0,0,0,.8)}.aux-modal--small[data-v-0aef8661]{max-width:400px}.aux-modal--medium[data-v-0aef8661]{max-width:700px}.close[data-v-0aef8661]{position:absolute;right:20px;top:12px;width:35px;height:35px;padding:3px 5px;border:none;border-radius:3px;outline:none}.close[data-v-0aef8661]:focus,.close[data-v-0aef8661]:hover{background-color:#d8efee}.close[data-v-0aef8661]:active{background-color:#360076}.close:active .close-icon[data-v-0aef8661]{color:#fff}.close[data-v-0aef8661]:focus,.close[data-v-0aef8661]:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 7px #003eff}.close[data-v-0aef8661]:focus:not(:focus-visible){box-shadow:none}.close-icon[data-v-0aef8661]{color:#360076;width:100%}.close:focus .close-icon[data-v-0aef8661],.close:hover .close-icon[data-v-0aef8661]{padding:2px}h2[data-v-0aef8661]{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-0aef8661]{border-bottom:1px solid #ddd;padding:18px 20px 16px 20px;display:block}footer[data-v-0aef8661]{border-top:1px solid #ddd;padding:14px 20px}main[data-v-0aef8661]{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-0aef8661]{margin:20px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "27c5":
@@ -3379,21 +3393,6 @@ var getBuiltIn = __webpack_require__("d066");
 module.exports = getBuiltIn('navigator', 'userAgent') || '';
 
 
-/***/ }),
-
-/***/ "3455":
-/***/ (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__("3be6");
-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("a71c5178", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "3485":
@@ -3889,20 +3888,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "3be6":
-/***/ (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-c0fd4fa8]{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-c0fd4fa8]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999}.aux-modal--small[data-v-c0fd4fa8]{max-width:400px}.aux-modal--medium[data-v-c0fd4fa8]{max-width:700px}.close[data-v-c0fd4fa8]{position:absolute;right:20px;top:12px;width:35px;height:35px;padding:3px 5px;border:none;border-radius:3px;outline:none}.close[data-v-c0fd4fa8]:focus,.close[data-v-c0fd4fa8]:hover{background-color:#d8efee}.close[data-v-c0fd4fa8]:active{background-color:#360076}.close:active .close-icon[data-v-c0fd4fa8]{color:#fff}.close[data-v-c0fd4fa8]:focus,.close[data-v-c0fd4fa8]:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 7px #003eff}.close[data-v-c0fd4fa8]:focus:not(:focus-visible){box-shadow:none}.close-icon[data-v-c0fd4fa8]{color:#360076;width:100%}.close:focus .close-icon[data-v-c0fd4fa8],.close:hover .close-icon[data-v-c0fd4fa8]{padding:2px}h2[data-v-c0fd4fa8]{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-c0fd4fa8]{border-bottom:1px solid #ddd;padding:18px 20px 16px 20px;display:block}footer[data-v-c0fd4fa8]{border-top:1px solid #ddd;padding:14px 20px}main[data-v-c0fd4fa8]{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-c0fd4fa8]{margin:20px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "3c4b":
@@ -4401,6 +4386,17 @@ module.exports = JSON.parse("{\"$schema\":\"http://json-schema.org/draft-07/sche
 
 /***/ }),
 
+/***/ "47da":
+/***/ (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_lib_loaders_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_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_0aef8661_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c2ca");
+/* 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_lib_loaders_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_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_0aef8661_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_lib_loaders_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_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_0aef8661_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+ /* unused harmony default export */ var _unused_webpack_default_export = (_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_lib_loaders_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_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_0aef8661_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
+/***/ }),
+
 /***/ "4840":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -7327,17 +7323,6 @@ exports.push([module.i, ".aux-form-block[data-v-d5be1440]{padding:10px}.aux-form
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "5e3e":
-/***/ (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_lib_loaders_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_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_c0fd4fa8_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3455");
-/* 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_lib_loaders_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_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_c0fd4fa8_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_lib_loaders_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_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_c0fd4fa8_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
- /* unused harmony default export */ var _unused_webpack_default_export = (_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_lib_loaders_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_lib_index_js_vue_loader_options_Modal_vue_vue_type_style_index_0_id_c0fd4fa8_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
 /***/ }),
 
 /***/ "5f1d":
@@ -17363,6 +17348,21 @@ function initCloneByTag(object, tag, isDeep) {
 module.exports = initCloneByTag;
 
 
+/***/ }),
+
+/***/ "c2ca":
+/***/ (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__("27b0");
+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("12c7c83b", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "c3fc":
@@ -23223,12 +23223,12 @@ var Pill_component = normalizeComponent(
 )
 
 /* harmony default export */ var Pill = (Pill_component.exports);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"40d854d2-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/Modal/Modal.vue?vue&type=template&id=c0fd4fa8&scoped=true&
-var Modalvue_type_template_id_c0fd4fa8_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"aux-modal-overlay",attrs:{"data-testid":_vm.dataTestid},on:{"mouseup":function($event){if($event.target !== $event.currentTarget){ return null; }return _vm.closeModal($event)}}},[_c('dialog',{class:_vm.modalClasses,attrs:{"aria-labelledby":(_vm.id + "-title"),"aria-describedby":(_vm.id + "-content"),"open":""}},[_c('div',{staticClass:"header"},[(_vm.title)?_c('h2',{attrs:{"id":(_vm.id + "-title"),"data-testid":_vm.getTestId('title')}},[_vm._v(" "+_vm._s(_vm.title)+" ")]):_vm._e(),_c('button',{ref:"closeButton",staticClass:"close",attrs:{"aria-label":"Lukk","data-testid":_vm.getTestId('close')},on:{"click":_vm.closeModal}},[_c('CloseIcon',{staticClass:"close-icon",attrs:{"aria-hidden":"true"}})],1)]),_c('main',[_c('div',{staticClass:"content",attrs:{"id":(_vm.id + "-content"),"data-testid":_vm.getTestId('content')}},[_vm._t("default")],2)]),(_vm.actions.length > 0)?_c('footer',[_c('Actions',{attrs:{"actions":_vm.actions},on:{"action-clicked":_vm.propagateEvent}})],1):_vm._e()])])}
-var Modalvue_type_template_id_c0fd4fa8_scoped_true_staticRenderFns = []
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"40d854d2-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/Modal/Modal.vue?vue&type=template&id=0aef8661&scoped=true&
+var Modalvue_type_template_id_0aef8661_scoped_true_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('dialog',{ref:"modal",class:_vm.modalClasses,attrs:{"aria-labelledby":(_vm.id + "-title"),"aria-describedby":(_vm.id + "-content")}},[_c('div',{staticClass:"header"},[(_vm.title)?_c('h2',{attrs:{"id":(_vm.id + "-title"),"data-testid":_vm.getTestId('title')}},[_vm._v(" "+_vm._s(_vm.title)+" ")]):_vm._e(),_c('button',{ref:"closeButton",staticClass:"close",attrs:{"aria-label":"Lukk","data-testid":_vm.getTestId('close')},on:{"click":_vm.closeModal}},[_c('CloseIcon',{staticClass:"close-icon",attrs:{"aria-hidden":"true"}})],1)]),_c('main',[_c('div',{staticClass:"content",attrs:{"id":(_vm.id + "-content"),"data-testid":_vm.getTestId('content')}},[_vm._t("default")],2)]),(_vm.actions.length > 0)?_c('footer',[_c('Actions',{attrs:{"actions":_vm.actions},on:{"action-clicked":_vm.propagateEvent}})],1):_vm._e()])}
+var Modalvue_type_template_id_0aef8661_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=c0fd4fa8&scoped=true&
+// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=0aef8661&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__("99af");
@@ -23380,6 +23380,9 @@ var Actions_component = normalizeComponent(
       }
     };
 
+    var modal = Object(composition_api_["ref"])(null);
+    var dialog;
+
     var closeModal = function closeModal() {
       emit('close-modal');
     };
@@ -23393,17 +23396,19 @@ var Actions_component = normalizeComponent(
       '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(composition_api_["nextTick"])(function () {
+        dialog = modal.value;
+        dialog.addEventListener('click', closeOnOutsideClick);
+        dialog.showModal();
         setFocus();
       });
     };
@@ -23416,20 +23421,20 @@ var Actions_component = normalizeComponent(
       return "".concat(props.dataTestid, "-").concat(testid);
     };
 
-    document.addEventListener('keydown', dismissModal);
-    Object(composition_api_["onUnmounted"])(function () {
-      document.removeEventListener('keydown', dismissModal);
-    });
     Object(composition_api_["onMounted"])(function () {
       setModalActive();
     });
+    Object(composition_api_["onUnmounted"])(function () {
+      dialog.removeEventListener('click', closeOnOutsideClick);
+    });
     return {
       closeModal: closeModal,
       modalClasses: modalClasses,
       propagateEvent: propagateEvent,
       emit: emit,
       closeButton: closeButton,
-      getTestId: getTestId
+      getTestId: getTestId,
+      modal: modal
     };
   },
   components: {
@@ -23440,8 +23445,8 @@ var Actions_component = normalizeComponent(
 }));
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=script&lang=ts&
  /* harmony default export */ var Modal_Modalvue_type_script_lang_ts_ = (Modalvue_type_script_lang_ts_); 
-// EXTERNAL MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=c0fd4fa8&lang=scss&scoped=true&
-var Modalvue_type_style_index_0_id_c0fd4fa8_lang_scss_scoped_true_ = __webpack_require__("5e3e");
+// EXTERNAL MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=0aef8661&lang=scss&scoped=true&
+var Modalvue_type_style_index_0_id_0aef8661_lang_scss_scoped_true_ = __webpack_require__("47da");
 
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue
 
@@ -23454,11 +23459,11 @@ var Modalvue_type_style_index_0_id_c0fd4fa8_lang_scss_scoped_true_ = __webpack_r
 
 var Modal_component = normalizeComponent(
   Modal_Modalvue_type_script_lang_ts_,
-  Modalvue_type_template_id_c0fd4fa8_scoped_true_render,
-  Modalvue_type_template_id_c0fd4fa8_scoped_true_staticRenderFns,
+  Modalvue_type_template_id_0aef8661_scoped_true_render,
+  Modalvue_type_template_id_0aef8661_scoped_true_staticRenderFns,
   false,
   null,
-  "c0fd4fa8",
+  "0aef8661",
   null
   
 )