@ambita/design-system 3.0.24-217.0 → 3.0.24-227.0

package/dist/aux.umd.js

@@ -1748,22 +1748,6 @@ var update = add("f8aa6856", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ "5b9a":
-/***/ (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__("bab1");
-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("4761f93c", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "5c6c":
 /***/ (function(module, exports) {
 
@@ -2002,6 +1986,22 @@ var TEMPLATE = String(String).split('String');
 });
 
 
+/***/ }),
+
+/***/ "7005":
+/***/ (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__("cee5");
+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("3016e708", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "7156":
@@ -3604,20 +3604,6 @@ exports.push([module.i, ".aux-form-element[data-v-249b3848]{position:relative}.a
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "bab1":
-/***/ (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-0a1bbd5e]{display:flex;justify-content:center}.aux-button[data-v-0a1bbd5e]{min-width:40px;padding:10px;height:40px;margin:0 5px;border:none}.aux-button[data-v-0a1bbd5e]:hover{background-color:#8666ac;color:#fff}.aux-button+.aux-button[data-v-0a1bbd5e]{margin-left:0}.aux-ellipsis[data-v-0a1bbd5e]{color:#333;line-height:34px;width:40px;font-weight:500;text-align:center}.aux-active-button[data-v-0a1bbd5e]{background-color:#fff;border:1px solid #360076;color:#360076}.aux-sr-only[data-v-0a1bbd5e]: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;
-
-
 /***/ }),
 
 /***/ "bf84":
@@ -4018,6 +4004,20 @@ module.exports = function (key, value) {
 };
 
 
+/***/ }),
+
+/***/ "cee5":
+/***/ (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[data-v-253b38be]{display:flex;justify-content:center}.aux-ellipsis[data-v-253b38be]{width:45px;height:45px;color:#333;background:#fff}.aux-pagination-small-device[data-v-253b38be]{margin:0 20px;padding-top:12px;font-weight:500}.aux-button[data-v-253b38be]{min-width:45px;height:45px;border:none;padding:0}.aux-button[data-v-253b38be]:hover{background-color:#8666ac;color:#fff}.aux-button--secondary[data-v-253b38be]:disabled{background:#fff;border:1px solid #360076;color:#360076}.aux-pagination-item+.aux-pagination-item[data-v-253b38be]{margin-left:8px}.aux-sr-only[data-v-253b38be]: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;
+
+
 /***/ }),
 
 /***/ "cffd":
@@ -4651,17 +4651,6 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("18037f0a", content, true, {"sourceMap":false,"shadowMode":false});
 
-/***/ }),
-
-/***/ "e93e":
-/***/ (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_0a1bbd5e_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5b9a");
-/* 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_0a1bbd5e_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_0a1bbd5e_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "e95a":
@@ -4679,6 +4668,17 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "eb71":
+/***/ (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_253b38be_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("7005");
+/* 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_253b38be_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_253b38be_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "eefb":
@@ -7346,42 +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=0a1bbd5e&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=253b38be&scoped=true
 
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-0a1bbd5e");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-253b38be");
 
-var Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_1 = {
+var Paginationvue_type_template_id_253b38be_scoped_true_hoisted_1 = {
   key: 0,
-  class: "aux-pagination-row"
+  class: "aux-pagination",
+  ref: "auxPaginationWrapper"
 };
 
-var Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+var Paginationvue_type_template_id_253b38be_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_0a1bbd5e_scoped_true_hoisted_3 = {
+var Paginationvue_type_template_id_253b38be_scoped_true_hoisted_3 = {
+  key: 0,
+  class: "aux-pagination-small-device",
+  "aria-live": "polite"
+};
+var Paginationvue_type_template_id_253b38be_scoped_true_hoisted_4 = {
+  key: 0,
+  class: "aux-ellipsis aux-pagination-item"
+};
+var Paginationvue_type_template_id_253b38be_scoped_true_hoisted_5 = {
+  key: 0,
+  class: "aux-sr-only",
+  "aria-live": "polite"
+};
+
+var Paginationvue_type_template_id_253b38be_scoped_true_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+  class: "aux-sr-only"
+}, "Gå til første side", -1);
+
+var Paginationvue_type_template_id_253b38be_scoped_true_hoisted_7 = {
+  "aria-hidden": "true"
+};
+
+var Paginationvue_type_template_id_253b38be_scoped_true_hoisted_8 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
   class: "aux-sr-only"
+}, "Gå til siste side", -1);
+
+var Paginationvue_type_template_id_253b38be_scoped_true_hoisted_9 = {
+  "aria-hidden": "true"
 };
 
-var Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+var _hoisted_10 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
   class: "aux-sr-only"
 }, "Gå til side ", -1);
 
-var Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_5 = {
+var _hoisted_11 = {
   class: "aux-sr-only"
 };
-var Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_6 = {
-  class: "aux-sr-only"
+var _hoisted_12 = {
+  key: 2,
+  class: "aux-ellipsis aux-pagination-item"
 };
 
-var Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_7 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", {
+var _hoisted_13 = /*#__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_0a1bbd5e_scoped_true_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Paginationvue_type_template_id_253b38be_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");
@@ -7390,8 +7419,9 @@ function Paginationvue_type_template_id_0a1bbd5e_scoped_true_render(_ctx, _cache
 
   var _component_CaretRightIcon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("CaretRightIcon");
 
-  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_0a1bbd5e_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_253b38be_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
     size: "small",
+    class: "aux-pagination-item",
     primary: "",
     disabled: _ctx.currentPage === 1,
     onClick: _ctx.goToPreviousPage
@@ -7399,51 +7429,41 @@ function Paginationvue_type_template_id_0a1bbd5e_scoped_true_render(_ctx, _cache
     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_0a1bbd5e_scoped_true_hoisted_2];
+      }), Paginationvue_type_template_id_253b38be_scoped_true_hoisted_2];
     }),
     _: 1
-  }, 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) {
+  }, 8, ["disabled", "onClick"]), _ctx.isSmallScreen ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", Paginationvue_type_template_id_253b38be_scoped_true_hoisted_3, " Side " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.currentPage) + " av " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.totalPages), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), !_ctx.isSmallScreen ? (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"], {
+    key: 1
+  }, 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_["createBlock"])(_component_Button, {
-      key: 0,
-      size: "small",
-      onClick: _ctx.skipBackward
-    }, {
-      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-        return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_EllipsisIcon, {
-          class: "icon"
-        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_3, "Hopp " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.width) + " sider tilbake", 1)];
-      }),
-      _: 1
-    }, 8, ["onClick"])) : 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, {
+    }, [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_253b38be_scoped_true_hoisted_4, [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
-      }),
+      class: "aux-pagination-item",
+      disabled: _ctx.currentPage === item,
       onClick: function onClick($event) {
         return _ctx.goToSelectedPage(item);
       }
     }, {
       default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-        return [Paginationvue_type_template_id_0a1bbd5e_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_0a1bbd5e_scoped_true_hoisted_5, " av totalt " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.totalPages), 1)];
+        return [_ctx.currentPage === item ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementBlock"])("span", Paginationvue_type_template_id_253b38be_scoped_true_hoisted_5, " Du er på side " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), item === 1 ? (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: 1
+        }, [Paginationvue_type_template_id_253b38be_scoped_true_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", Paginationvue_type_template_id_253b38be_scoped_true_hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item), 1)], 64)) : item === _ctx.totalPages ? (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: 2
+        }, [Paginationvue_type_template_id_253b38be_scoped_true_hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", Paginationvue_type_template_id_253b38be_scoped_true_hoisted_9, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item), 1)], 64)) : item !== 1 && item !== _ctx.totalPages ? (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: 3
+        }, [_hoisted_10, 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", _hoisted_11, " av totalt " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.totalPages), 1)], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)];
       }),
       _: 2
-    }, 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_["createBlock"])(_component_Button, {
-      key: 2,
-      size: "small",
-      onClick: _ctx.skipForward
-    }, {
-      default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-        return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_EllipsisIcon, {
-          class: "icon"
-        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createElementVNode"])("span", Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_6, "Hopp " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.width) + " sider fremover", 1)];
-      }),
-      _: 1
-    }, 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
-  }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
+    }, 1032, ["disabled", "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", _hoisted_12, [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_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_Button, {
     size: "small",
+    class: "aux-pagination-item",
     primary: "",
     disabled: _ctx.currentPage === _ctx.totalPages,
     onClick: _ctx.goToNextPage
@@ -7451,13 +7471,78 @@ function Paginationvue_type_template_id_0a1bbd5e_scoped_true_render(_ctx, _cache
     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"
-      }), Paginationvue_type_template_id_0a1bbd5e_scoped_true_hoisted_7];
+      }), _hoisted_13];
     }),
     _: 1
-  }, 8, ["disabled", "onClick"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true);
+  }, 8, ["disabled", "onClick"])], 512)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true);
 }
-// CONCATENATED MODULE: ./src/components/Pagination/Pagination.vue?vue&type=template&id=0a1bbd5e&scoped=true
+// CONCATENATED MODULE: ./src/components/Pagination/Pagination.vue?vue&type=template&id=253b38be&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/createForOfIteratorHelper.js
+
+
+
+
 
+
+
+
+function _createForOfIteratorHelper(o, allowArrayLike) {
+  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
+
+  if (!it) {
+    if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
+      if (it) o = it;
+      var i = 0;
+
+      var F = function F() {};
+
+      return {
+        s: F,
+        n: function n() {
+          if (i >= o.length) return {
+            done: true
+          };
+          return {
+            done: false,
+            value: o[i++]
+          };
+        },
+        e: function e(_e) {
+          throw _e;
+        },
+        f: F
+      };
+    }
+
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+
+  var normalCompletion = true,
+      didErr = false,
+      err;
+  return {
+    s: function s() {
+      it = it.call(o);
+    },
+    n: function n() {
+      var step = it.next();
+      normalCompletion = step.done;
+      return step;
+    },
+    e: function e(_e2) {
+      didErr = true;
+      err = _e2;
+    },
+    f: function f() {
+      try {
+        if (!normalCompletion && it["return"] != null) it["return"]();
+      } finally {
+        if (didErr) throw err;
+      }
+    }
+  };
+}
 // 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
 
 var caret_rightvue_type_template_id_ac882894_hoisted_1 = {
@@ -7530,6 +7615,7 @@ dots_three_script.render = dots_threevue_type_template_id_e69ce776_render
 
 
 
+
 /* harmony default export */ var Paginationvue_type_script_lang_ts = (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["defineComponent"])({
   name: 'aux-pagination',
   emits: ['change'],
@@ -7560,6 +7646,29 @@ dots_three_script.render = dots_threevue_type_template_id_e69ce776_render
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var offset = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(0);
+    var isSmallScreen = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
+    var auxPaginationWrapper = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var resizeObserver = new ResizeObserver(function (entries) {
+      var maxMobileWidth = 470;
+
+      var _iterator = _createForOfIteratorHelper(entries),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var entry = _step.value;
+          var inlineSize = entry.contentBoxSize[0].inlineSize;
+          isSmallScreen.value = inlineSize <= maxMobileWidth;
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+      resizeObserver.observe(auxPaginationWrapper.value);
+    });
 
     var isNearEnd = function isNearEnd() {
       return currentPage.value - buttonRowOffset() <= 1;
@@ -7667,7 +7776,9 @@ dots_three_script.render = dots_threevue_type_template_id_e69ce776_render
     });
 
     var init = function init() {
-      if (checkIfConfigIsPaginationOffset.value) {
+      offset.value = props.config.offset;
+
+      if (!checkIfConfigIsPaginationOffset.value) {
         console.warn('Pagination require: offset, limit, and totalCount');
       }
     };
@@ -7681,7 +7792,9 @@ dots_three_script.render = dots_threevue_type_template_id_e69ce776_render
       goToNextPage: goToNextPage,
       skipBackward: skipBackward,
       skipForward: skipForward,
-      currentPage: currentPage
+      currentPage: currentPage,
+      isSmallScreen: isSmallScreen,
+      auxPaginationWrapper: auxPaginationWrapper
     };
   },
   components: {
@@ -7693,8 +7806,8 @@ dots_three_script.render = dots_threevue_type_template_id_e69ce776_render
 }));
 // 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=0a1bbd5e&lang=scss&scoped=true
-var Paginationvue_type_style_index_0_id_0a1bbd5e_lang_scss_scoped_true = __webpack_require__("e93e");
+// EXTERNAL MODULE: ./src/components/Pagination/Pagination.vue?vue&type=style&index=0&id=253b38be&lang=scss&scoped=true
+var Paginationvue_type_style_index_0_id_253b38be_lang_scss_scoped_true = __webpack_require__("eb71");
 
 // CONCATENATED MODULE: ./src/components/Pagination/Pagination.vue
 
@@ -7702,8 +7815,8 @@ var Paginationvue_type_style_index_0_id_0a1bbd5e_lang_scss_scoped_true = __webpa
 
 
 
-Paginationvue_type_script_lang_ts.render = Paginationvue_type_template_id_0a1bbd5e_scoped_true_render
-Paginationvue_type_script_lang_ts.__scopeId = "data-v-0a1bbd5e"
+Paginationvue_type_script_lang_ts.render = Paginationvue_type_template_id_253b38be_scoped_true_render
+Paginationvue_type_script_lang_ts.__scopeId = "data-v-253b38be"
 
 /* harmony default export */ var Pagination = (Paginationvue_type_script_lang_ts);
 // CONCATENATED MODULE: ./src/helpers/formatting.ts