@ambita/design-system 3.0.23 → 3.0.24-220.0

package/dist/aux.umd.js

@@ -989,6 +989,22 @@ module.exports = DESCRIPTORS ? Object.defineProperties : function defineProperti
 };
 
 
+/***/ }),
+
+/***/ "3904":
+/***/ (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__("d699");
+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("50b8d1f5", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "3bbe":
@@ -1775,6 +1791,17 @@ exports.push([module.i, ".aux-pill[data-v-3724349d]{font-size:12px;line-height:1
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "6226":
+/***/ (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_Pagination_vue_vue_type_style_index_0_id_aa245378_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3904");
+/* 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_Pagination_vue_vue_type_style_index_0_id_aa245378_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_Pagination_vue_vue_type_style_index_0_id_aa245378_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "622f":
@@ -2494,17 +2521,6 @@ if (typeof store.inspectSource != 'function') {
 module.exports = store.inspectSource;
 
 
-/***/ }),
-
-/***/ "8b7d":
-/***/ (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_Pagination_vue_vue_type_style_index_0_id_6a6dd830_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c901");
-/* 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_Pagination_vue_vue_type_style_index_0_id_6a6dd830_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_Pagination_vue_vue_type_style_index_0_id_6a6dd830_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "8bbf":
@@ -3904,22 +3920,6 @@ try {
 module.exports = g;
 
 
-/***/ }),
-
-/***/ "c901":
-/***/ (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__("e312");
-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("9637daa8", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "c96c":
@@ -4181,6 +4181,20 @@ module.exports = function (it, TAG, STATIC) {
 };
 
 
+/***/ }),
+
+/***/ "d699":
+/***/ (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, ".ellipsis[data-v-aa245378]{width:30px;height:40px;margin:0 5px;padding-top:4px;background-color:#fff}.aux-pagination-row[data-v-aa245378]{display:flex;justify-content:center}.aux-button[data-v-aa245378]{min-width:40px;padding:10px;height:40px;margin:0 5px;border:none}.aux-button[data-v-aa245378]:hover{background-color:#8666ac;color:#fff}.aux-button+.aux-button[data-v-aa245378]{margin-left:0}.aux-ellipsis[data-v-aa245378]{color:#333;line-height:34px;width:40px;font-weight:500;text-align:center}.aux-active-button[data-v-aa245378]{background-color:#fff;border:1px solid #360076;color:#360076}.aux-sr-only[data-v-aa245378]:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "d935":
@@ -4563,20 +4577,6 @@ addToUnscopables('values');
 addToUnscopables('entries');
 
 
-/***/ }),
-
-/***/ "e312":
-/***/ (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-pagination-row[data-v-6a6dd830]{display:flex;justify-content:center}.aux-button[data-v-6a6dd830]{min-width:40px;padding:10px;height:40px;margin:0 5px;border:none}.aux-button[data-v-6a6dd830]:hover{background-color:#8666ac;color:#fff}.aux-button+.aux-button[data-v-6a6dd830]{margin-left:0}.aux-ellipsis[data-v-6a6dd830]{color:#333;line-height:34px;width:40px;font-weight:500;text-align:center}.aux-active-button[data-v-6a6dd830]{background-color:#fff;border:1px solid #360076;color:#360076}.aux-sr-only[data-v-6a6dd830]:not(:focus):not(:active){clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "e439":
@@ -7346,86 +7346,71 @@ var Togglevue_type_style_index_0_id_78e59f6f_lang_scss_scoped_true = __webpack_r
 Togglevue_type_script_setup_true_lang_ts.__scopeId = "data-v-78e59f6f"
 
 /* harmony default export */ var Toggle = (Togglevue_type_script_setup_true_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/Pagination/Pagination.vue?vue&type=template&id=6a6dd830&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/Pagination/Pagination.vue?vue&type=template&id=aa245378&scoped=true
 
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-6a6dd830");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-aa245378");
 
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_1 = {
+var Paginationvue_type_template_id_aa245378_scoped_true_hoisted_1 = {
   key: 0,
   class: "aux-pagination-row"
 };
 
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+var Paginationvue_type_template_id_aa245378_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
   class: "aux-sr-only"
 }, "Gå til forrige side", -1);
 
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" 1 ");
-
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
-  class: "aux-sr-only"
-}, " Gå til første siden ", -1);
-
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_5 = {
+var Paginationvue_type_template_id_aa245378_scoped_true_hoisted_3 = {
   key: 0,
-  class: "aux-ellipsis"
+  class: "ellipsis"
 };
 
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+var Paginationvue_type_template_id_aa245378_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
   class: "aux-sr-only"
 }, "Gå til side ", -1);
 
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_7 = {
+var Paginationvue_type_template_id_aa245378_scoped_true_hoisted_5 = {
   class: "aux-sr-only"
 };
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_8 = {
-  key: 1,
-  class: "aux-ellipsis"
+var Paginationvue_type_template_id_aa245378_scoped_true_hoisted_6 = {
+  key: 2,
+  class: "ellipsis"
 };
 
-var Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_9 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
-  class: "aux-sr-only"
-}, " Gå til siste side, side ", -1);
-
-var _hoisted_10 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+var Paginationvue_type_template_id_aa245378_scoped_true_hoisted_7 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
   class: "aux-sr-only"
 }, "Gå til neste side", -1);
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-function Paginationvue_type_template_id_6a6dd830_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Paginationvue_type_template_id_aa245378_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_CaretLeftIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("CaretLeftIcon");
 
   var _component_Button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("Button");
 
+  var _component_EllipsisIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("EllipsisIcon");
+
   var _component_CaretRightIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("CaretRightIcon");
 
-  return _ctx.state.totalPages > 1 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
+  return _ctx.totalPages > 1 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Paginationvue_type_template_id_aa245378_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
     size: "small",
     primary: "",
-    disabled: _ctx.isFirstPage,
+    disabled: _ctx.currentPage === 1,
     onClick: _ctx.goToPreviousPage
   }, {
     default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CaretLeftIcon, {
         class: "icon"
-      }), Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_2];
-    }),
-    _: 1
-  }, 8, ["disabled", "onClick"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
-    onClick: _ctx.goToFirstPage,
-    size: "small",
-    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
-      'aux-active-button': _ctx.isFirstPage
-    })
-  }, {
-    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-      return [Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_3, Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_4];
+      }), Paginationvue_type_template_id_aa245378_scoped_true_hoisted_2];
     }),
     _: 1
-  }, 8, ["onClick", "class"]), _ctx.showLeftEllipsis ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_5, "…")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), (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.generateCenterButtonRow, function (item, index) {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_Button, {
-      key: index,
+  }, 8, ["disabled", "onClick"]), (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.generateButtons, function (item, index) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      key: index
+    }, [item === 'ellipsis-left' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Paginationvue_type_template_id_aa245378_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_EllipsisIcon, {
+      class: "icon"
+    })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), typeof item === 'number' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_Button, {
+      key: 1,
       size: "small",
       class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
         'aux-active-button': _ctx.currentPage === item
@@ -7435,36 +7420,27 @@ function Paginationvue_type_template_id_6a6dd830_scoped_true_render(_ctx, _cache
       }
     }, {
       default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-        return [Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item) + " ", 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_7, " av totalt " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.state.totalPages), 1)];
+        return [Paginationvue_type_template_id_aa245378_scoped_true_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item) + " ", 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", Paginationvue_type_template_id_aa245378_scoped_true_hoisted_5, " av totalt " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.totalPages), 1)];
       }),
       _: 2
-    }, 1032, ["class", "onClick"]);
-  }), 128)), _ctx.showRightEllipsis ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_8, "…")) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
-    onClick: _ctx.goToLastPage,
-    size: "small",
-    class: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["normalizeClass"])({
-      'aux-active-button': _ctx.isLastPage
-    })
-  }, {
-    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-      return [Paginationvue_type_template_id_6a6dd830_scoped_true_hoisted_9, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.state.totalPages), 1)];
-    }),
-    _: 1
-  }, 8, ["onClick", "class"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
+    }, 1032, ["class", "onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), item === 'ellipsis-right' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("div", Paginationvue_type_template_id_aa245378_scoped_true_hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_EllipsisIcon, {
+      class: "icon"
+    })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+  }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
     size: "small",
     primary: "",
-    disabled: _ctx.isLastPage,
+    disabled: _ctx.currentPage === _ctx.totalPages,
     onClick: _ctx.goToNextPage
   }, {
     default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_CaretRightIcon, {
         class: "icon"
-      }), _hoisted_10];
+      }), Paginationvue_type_template_id_aa245378_scoped_true_hoisted_7];
     }),
     _: 1
   }, 8, ["disabled", "onClick"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true);
 }
-// CONCATENATED MODULE: ./src/components/Pagination/Pagination.vue?vue&type=template&id=6a6dd830&scoped=true
+// CONCATENATED MODULE: ./src/components/Pagination/Pagination.vue?vue&type=template&id=aa245378&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/vue-loader-v16/dist!./node_modules/vue-svg-loader!./src/assets/icons/regular/caret-right.svg?vue&type=template&id=ac882894
 
@@ -7508,6 +7484,27 @@ const caret_left_script = {}
 caret_left_script.render = caret_leftvue_type_template_id_cdc1e94a_render
 
 /* harmony default export */ var caret_left = (caret_left_script);
+// 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/vue-loader-v16/dist!./node_modules/vue-svg-loader!./src/assets/icons/regular/dots-three.svg?vue&type=template&id=e69ce776
+
+var dots_threevue_type_template_id_e69ce776_hoisted_1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 256 256"
+};
+
+var dots_threevue_type_template_id_e69ce776_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("path", {
+  d: "M140.001 128a12 12 0 11-12-12 12 12 0 0112 12zm-76-12a12 12 0 1012 12 12 12 0 00-12-12zm128 0a12 12 0 1012 12 12 12 0 00-12-12z"
+}, null, -1);
+
+var dots_threevue_type_template_id_e69ce776_hoisted_3 = [dots_threevue_type_template_id_e69ce776_hoisted_2];
+function dots_threevue_type_template_id_e69ce776_render(_ctx, _cache) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("svg", dots_threevue_type_template_id_e69ce776_hoisted_1, dots_threevue_type_template_id_e69ce776_hoisted_3);
+}
+// CONCATENATED MODULE: ./src/assets/icons/regular/dots-three.svg
+
+const dots_three_script = {}
+dots_three_script.render = dots_threevue_type_template_id_e69ce776_render
+
+/* harmony default export */ var dots_three = (dots_three_script);
 // CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/ts-loader??ref--14-1!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/Pagination/Pagination.vue?vue&type=script&lang=ts
 
 
@@ -7515,6 +7512,8 @@ caret_left_script.render = caret_leftvue_type_template_id_cdc1e94a_render
 
 
 
+
+
 /* harmony default export */ var Paginationvue_type_script_lang_ts = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
   name: 'aux-pagination',
   emits: ['change'],
@@ -7526,7 +7525,16 @@ caret_left_script.render = caret_leftvue_type_template_id_cdc1e94a_render
     width: {
       type: Number,
       required: false,
-      default: 5
+      default: 5,
+      validator: function validator(width) {
+        var isEven = width % 2 !== 1;
+
+        if (isEven) {
+          console.error('Width need to be an odd number');
+        }
+
+        return !isEven;
+      }
     },
     dataTestId: {
       type: String,
@@ -7535,55 +7543,62 @@ caret_left_script.render = caret_leftvue_type_template_id_cdc1e94a_render
   },
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
-    var state = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
-      totalPages: 0,
-      offset: 0,
-      limit: 0,
-      totalCount: 0
-    });
+    var offset = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(0);
 
-    var calculateTotalAmoutOfPages = function calculateTotalAmoutOfPages() {
-      state.totalPages = Math.ceil(props.config.totalCount / props.config.limit);
+    var isNearEnd = function isNearEnd() {
+      return currentPage.value - buttonRowOffset() <= 1;
     };
 
-    var calculateStartPageForCenterButtons = function calculateStartPageForCenterButtons() {
-      var startPage = isFirstPage.value ? currentPage.value + 1 : currentPage.value;
+    var isNearStart = function isNearStart() {
+      return currentPage.value + buttonRowOffset() >= totalPages.value;
+    };
 
-      if (isNearLastPage.value && currentPage.value != 1) {
-        startPage = state.totalPages - props.width - 1;
+    var getEndPageIndex = function getEndPageIndex() {
+      var endButton = currentPage.value + buttonRowOffset();
+
+      if (isNearEnd()) {
+        endButton = props.width + 1;
       }
 
-      return startPage;
+      return endButton;
     };
 
-    var calculateEndPageForCenterButtons = function calculateEndPageForCenterButtons() {
-      var endPage;
+    var getStartPageIndex = function getStartPageIndex() {
+      var startButton = currentPage.value - buttonRowOffset();
 
-      switch (currentPage.value) {
-        case 1:
-          endPage = currentPage.value + props.width + 1;
-          break;
+      if (startButton <= 1) {
+        startButton = 2;
+      } else if (isNearStart()) {
+        startButton = totalPages.value - props.width;
+      } // subtract 1 to adjust for array index
 
-        case 2:
-          endPage = currentPage.value + props.width;
-          break;
 
-        default:
-          endPage = currentPage.value + props.width - 1;
-      }
+      return startButton - 1;
+    };
 
-      if (isNearLastPage.value) {
-        endPage = state.totalPages - 1;
+    var fillPagesArray = function fillPagesArray() {
+      var pagesArray = []; // fills a array with numbers (pages) minus page 1 and last page
+
+      for (var pageNumber = 1; pageNumber < totalPages.value; pageNumber++) {
+        pagesArray.push(pageNumber);
       }
 
-      return endPage;
+      return pagesArray;
+    };
+
+    var buttonRowOffset = function buttonRowOffset() {
+      // calculates how many buttons that is to the side of the center button: width: 5 => 2 buttons on the sides
+      return Math.floor(props.width / 2);
     };
 
     var goToPage = function goToPage(page) {
-      state.offset = (page - 1) * props.config.limit;
-      emit('change', _objectSpread2(_objectSpread2({}, state), {}, {
-        currentage: currentPage.value
-      }));
+      offset.value = (page - 1) * props.config.limit;
+      emit('change', {
+        offset: offset.value,
+        currentPage: currentPage.value,
+        width: props.width,
+        config: props.config
+      });
     };
 
     var goToNextPage = function goToNextPage() {
@@ -7594,90 +7609,78 @@ caret_left_script.render = caret_leftvue_type_template_id_cdc1e94a_render
       goToPage(currentPage.value - 1);
     };
 
-    var goToFirstPage = function goToFirstPage() {
-      goToPage(1);
+    var goToSelectedPage = function goToSelectedPage(selectedPage) {
+      goToPage(selectedPage);
     };
 
-    var goToLastPage = function goToLastPage() {
-      goToPage(state.totalPages);
+    var skipBackward = function skipBackward() {
+      goToPage(currentPage.value - props.width);
     };
 
-    var goToSelectedPage = function goToSelectedPage(selectedPage) {
-      goToPage(selectedPage);
+    var skipForward = function skipForward() {
+      goToPage(currentPage.value + props.width);
     };
 
-    var currentPage = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return state.offset / props.config.limit + 1;
-    });
-    var hideEllipsis = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return state.totalPages - 2 > props.width + 1;
+    var totalPages = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return Math.ceil(props.config.totalCount / props.config.limit);
     });
-    var showRightEllipsis = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return hideEllipsis.value && currentPage.value < state.totalPages - props.width - 1;
-    });
-    var showLeftEllipsis = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return hideEllipsis.value && currentPage.value > 2;
+    var currentPage = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return offset.value / props.config.limit + 1;
     });
-    var generateCenterButtonRow = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      var arrayOfPageNumbers = [];
-      var startPage = calculateStartPageForCenterButtons();
-      var endPage = calculateEndPageForCenterButtons();
+    var generateButtons = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var pages = fillPagesArray();
+
+      var buttons = _toConsumableArray(pages.slice(getStartPageIndex(), getEndPageIndex()));
 
-      for (var i = startPage; i > 1 && i <= endPage; i++) {
-        arrayOfPageNumbers.push(i);
+      if (currentPage.value - buttonRowOffset() > 2) {
+        buttons.shift();
+        buttons.unshift('ellipsis-left');
       }
 
-      return arrayOfPageNumbers;
-    });
-    var isFirstPage = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return currentPage.value === 1;
-    });
-    var isLastPage = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return currentPage.value === state.totalPages;
-    });
-    var isNearLastPage = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return currentPage.value >= state.totalPages - (props.width + 1);
+      if (currentPage.value + buttonRowOffset() < pages.length) {
+        buttons.pop();
+        buttons.push('ellipsis-right');
+      }
+
+      buttons.unshift(1);
+      buttons.push(totalPages.value);
+      return buttons;
     });
     var checkIfConfigIsPaginationOffset = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       return Object.prototype.hasOwnProperty.call(props.config, 'offset') && Object.prototype.hasOwnProperty.call(props.config, 'limit') && Object.prototype.hasOwnProperty.call(props.config, 'totalCount');
     });
 
     var init = function init() {
-      if (checkIfConfigIsPaginationOffset.value) {
-        calculateTotalAmoutOfPages();
-        state.limit = props.config.limit;
-        state.totalCount = props.config.totalCount;
-      } else {
+      offset.value = props.config.offset;
+
+      if (!checkIfConfigIsPaginationOffset.value) {
         console.warn('Pagination require: offset, limit, and totalCount');
       }
     };
 
     init();
     return {
-      state: state,
-      showRightEllipsis: showRightEllipsis,
-      showLeftEllipsis: showLeftEllipsis,
-      goToNextPage: goToNextPage,
-      goToPreviousPage: goToPreviousPage,
-      goToFirstPage: goToFirstPage,
-      goToLastPage: goToLastPage,
-      generateCenterButtonRow: generateCenterButtonRow,
+      totalPages: totalPages,
+      generateButtons: generateButtons,
       goToSelectedPage: goToSelectedPage,
-      isFirstPage: isFirstPage,
-      isLastPage: isLastPage,
+      goToPreviousPage: goToPreviousPage,
+      goToNextPage: goToNextPage,
+      skipBackward: skipBackward,
+      skipForward: skipForward,
       currentPage: currentPage
     };
   },
   components: {
     CaretRightIcon: caret_right,
     CaretLeftIcon: caret_left,
-    Button: Button
+    Button: Button,
+    EllipsisIcon: dots_three
   }
 }));
 // CONCATENATED MODULE: ./src/components/Pagination/Pagination.vue?vue&type=script&lang=ts
  
-// EXTERNAL MODULE: ./src/components/Pagination/Pagination.vue?vue&type=style&index=0&id=6a6dd830&lang=scss&scoped=true
-var Paginationvue_type_style_index_0_id_6a6dd830_lang_scss_scoped_true = __webpack_require__("8b7d");
+// EXTERNAL MODULE: ./src/components/Pagination/Pagination.vue?vue&type=style&index=0&id=aa245378&lang=scss&scoped=true
+var Paginationvue_type_style_index_0_id_aa245378_lang_scss_scoped_true = __webpack_require__("6226");
 
 // CONCATENATED MODULE: ./src/components/Pagination/Pagination.vue
 
@@ -7685,8 +7688,8 @@ var Paginationvue_type_style_index_0_id_6a6dd830_lang_scss_scoped_true = __webpa
 
 
 
-Paginationvue_type_script_lang_ts.render = Paginationvue_type_template_id_6a6dd830_scoped_true_render
-Paginationvue_type_script_lang_ts.__scopeId = "data-v-6a6dd830"
+Paginationvue_type_script_lang_ts.render = Paginationvue_type_template_id_aa245378_scoped_true_render
+Paginationvue_type_script_lang_ts.__scopeId = "data-v-aa245378"
 
 /* harmony default export */ var Pagination = (Paginationvue_type_script_lang_ts);
 // CONCATENATED MODULE: ./src/helpers/formatting.ts