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

package/dist/aux.common.js

@@ -3379,21 +3379,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 +3874,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":
@@ -7327,17 +7298,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":
@@ -8193,6 +8153,20 @@ 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":
@@ -11025,6 +10999,17 @@ 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":
@@ -15303,6 +15288,21 @@ 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":
@@ -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=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: ./src/components/Modal/Modal.vue?vue&type=template&id=c0fd4fa8&scoped=true&
+// CONCATENATED MODULE: ./src/components/Modal/Modal.vue?vue&type=template&id=6651f443&scoped=true&
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.concat.js
 var es_array_concat = __webpack_require__("99af");
@@ -23393,8 +23393,16 @@ var Actions_component = normalizeComponent(
       'aux-modal': true
     }, "aux-modal--".concat(props.size), true);
 
-    var dismissModal = function dismissModal(_ref2) {
+    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;
+
+      if (keyCode === TAB_KEY && document.activeElement === lastFocusableElement) {
+        setFocus();
+      }
+
       var ESCAPE_KEY = 27;
 
       if (keyCode === ESCAPE_KEY) {
@@ -23416,9 +23424,9 @@ var Actions_component = normalizeComponent(
       return "".concat(props.dataTestid, "-").concat(testid);
     };
 
-    document.addEventListener('keydown', dismissModal);
+    document.addEventListener('keydown', keyboardCheck);
     Object(composition_api_["onUnmounted"])(function () {
-      document.removeEventListener('keydown', dismissModal);
+      document.removeEventListener('keydown', keyboardCheck);
     });
     Object(composition_api_["onMounted"])(function () {
       setModalActive();
@@ -23440,8 +23448,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=6651f443&lang=scss&scoped=true&
+var Modalvue_type_style_index_0_id_6651f443_lang_scss_scoped_true_ = __webpack_require__("7b17");
 
 // CONCATENATED MODULE: ./src/components/Modal/Modal.vue
 
@@ -23454,11 +23462,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_6651f443_scoped_true_render,
+  Modalvue_type_template_id_6651f443_scoped_true_staticRenderFns,
   false,
   null,
-  "c0fd4fa8",
+  "6651f443",
   null
   
 )