@ambita/design-system 1.0.45-221.0 → 1.0.45-241.0

package/dist/aux.common.js

@@ -8153,20 +8153,6 @@ module.exports = function (originalArray, length) {
 };
 
 
-/***/ }),
-
-/***/ "6661":
-/***/ (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-6651f443]{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-6651f443]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:9999}.aux-modal--small[data-v-6651f443]{max-width:400px}.aux-modal--medium[data-v-6651f443]{max-width:700px}.close[data-v-6651f443]{position:absolute;right:20px;top:12px;width:35px;height:35px;padding:3px 5px;border:none;border-radius:3px;outline:none}.close[data-v-6651f443]:focus,.close[data-v-6651f443]:hover{background-color:#d8efee}.close[data-v-6651f443]:active{background-color:#360076}.close:active .close-icon[data-v-6651f443]{color:#fff}.close[data-v-6651f443]:focus,.close[data-v-6651f443]:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 7px #003eff}.close[data-v-6651f443]:focus:not(:focus-visible){box-shadow:none}.close-icon[data-v-6651f443]{color:#360076;width:100%}.close:focus .close-icon[data-v-6651f443],.close:hover .close-icon[data-v-6651f443]{padding:2px}h2[data-v-6651f443]{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-6651f443]{border-bottom:1px solid #ddd;padding:18px 20px 16px 20px;display:block}footer[data-v-6651f443]{border-top:1px solid #ddd;padding:14px 20px}main[data-v-6651f443]{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-6651f443]{margin:20px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "66c0":
@@ -10999,17 +10985,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "7b17":
-/***/ (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_6651f443_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("aec6");
-/* 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_6651f443_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_6651f443_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_6651f443_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
-
 /***/ }),
 
 /***/ "7b83":
@@ -15288,21 +15263,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "aec6":
-/***/ (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__("6661");
-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("25e6d34e", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "b041":
@@ -16571,6 +16531,21 @@ function hashGet(key) {
 module.exports = hashGet;
 
 
+/***/ }),
+
+/***/ "bcd8":
+/***/ (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__("c522");
+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("38fa00c1", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "bd5b":
@@ -17512,6 +17487,17 @@ function v1(options, buf, offset) {
 module.exports = v1;
 
 
+/***/ }),
+
+/***/ "c4a0":
+/***/ (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_b31b2e40_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bcd8");
+/* 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_b31b2e40_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_b31b2e40_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_b31b2e40_lang_scss_scoped_true___WEBPACK_IMPORTED_MODULE_0___default.a); 
+
 /***/ }),
 
 /***/ "c50c":
@@ -17526,6 +17512,20 @@ exports.push([module.i, ".aux-spinner[data-v-eae19848]{display:table}.aux-spinne
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "c522":
+/***/ (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-b31b2e40]{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[data-v-b31b2e40]::-webkit-backdrop{background:rgba(0,0,0,.8)}.aux-modal[data-v-b31b2e40]::backdrop{background:rgba(0,0,0,.8)}.aux-modal--small[data-v-b31b2e40]{max-width:400px}.aux-modal--medium[data-v-b31b2e40]{max-width:700px}.close[data-v-b31b2e40]{position:absolute;right:20px;top:12px;width:35px;height:35px;padding:3px 5px;border:none;border-radius:3px;outline:none}.close[data-v-b31b2e40]:focus,.close[data-v-b31b2e40]:hover{background-color:#d8efee}.close[data-v-b31b2e40]:active{background-color:#360076}.close:active .close-icon[data-v-b31b2e40]{color:#fff}.close[data-v-b31b2e40]:focus,.close[data-v-b31b2e40]:focus-visible{box-shadow:0 0 0 3px #fff,0 0 0 7px #003eff}.close[data-v-b31b2e40]:focus:not(:focus-visible){box-shadow:none}.close-icon[data-v-b31b2e40]{color:#360076;width:100%}.close:focus .close-icon[data-v-b31b2e40],.close:hover .close-icon[data-v-b31b2e40]{padding:2px}h2[data-v-b31b2e40]{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-b31b2e40]{border-bottom:1px solid #ddd;padding:18px 20px 16px 20px;display:block}footer[data-v-b31b2e40]{border-top:1px solid #ddd;padding:14px 20px}main[data-v-b31b2e40]{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-b31b2e40]{margin:20px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "c584":
@@ -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=6651f443&scoped=true&
-var Modalvue_type_template_id_6651f443_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_6651f443_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=b31b2e40&scoped=true&
+var Modalvue_type_template_id_b31b2e40_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_b31b2e40_scoped_true_staticRenderFns = []
 
 
-// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=6651f443&scoped=true&
+// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=b31b2e40&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,25 +23396,19 @@ var Actions_component = normalizeComponent(
       'aux-modal': true
     }, "aux-modal--".concat(props.size), true);
 
-    var keyboardCheck = function keyboardCheck(_ref2) {
-      var keyCode = _ref2.keyCode;
-      var focusableElements = document.querySelectorAll('a[href], button, input, select, textarea, [tabindex]:not([tabindex="-1"])');
-      var lastFocusableElement = focusableElements[focusableElements.length - 1];
-      var TAB_KEY = 9;
+    var closeOnOutsideClick = function closeOnOutsideClick(event) {
+      var dialog = modal.value;
 
-      if (keyCode === TAB_KEY && document.activeElement === lastFocusableElement) {
-        setFocus();
-      }
-
-      var ESCAPE_KEY = 27;
-
-      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();
       });
     };
@@ -23424,20 +23421,20 @@ var Actions_component = normalizeComponent(
       return "".concat(props.dataTestid, "-").concat(testid);
     };
 
-    document.addEventListener('keydown', keyboardCheck);
-    Object(composition_api_["onUnmounted"])(function () {
-      document.removeEventListener('keydown', keyboardCheck);
-    });
     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: {
@@ -23448,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=6651f443&lang=scss&scoped=true&
-var Modalvue_type_style_index_0_id_6651f443_lang_scss_scoped_true_ = __webpack_require__("7b17");
+// EXTERNAL MODULE: ./src/components/Modal/Modal.vue?vue&type=style&index=0&id=b31b2e40&lang=scss&scoped=true&
+var Modalvue_type_style_index_0_id_b31b2e40_lang_scss_scoped_true_ = __webpack_require__("c4a0");
 
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue
 
@@ -23462,11 +23459,11 @@ var Modalvue_type_style_index_0_id_6651f443_lang_scss_scoped_true_ = __webpack_r
 
 var Modal_component = normalizeComponent(
   Modal_Modalvue_type_script_lang_ts_,
-  Modalvue_type_template_id_6651f443_scoped_true_render,
-  Modalvue_type_template_id_6651f443_scoped_true_staticRenderFns,
+  Modalvue_type_template_id_b31b2e40_scoped_true_render,
+  Modalvue_type_template_id_b31b2e40_scoped_true_staticRenderFns,
   false,
   null,
-  "6651f443",
+  "b31b2e40",
   null
   
 )