@nethserver/ns8-ui-lib 0.0.78 → 0.0.81

package/dist/ns8-ui-lib.esm.js

@@ -1,8 +1,8 @@
-import { CvButton, CvIconButton, CvInlineNotification, CvTile, CvToastNotification, CvLink, CvTooltip, CvTag, CvTextInput, CvOverflowMenu, CvModal } from '@carbon/vue';
+import { CvButton, CvIconButton, CvInlineNotification, CvTile, CvToastNotification, CvLink, CvTooltip, CvTag, CvTextInput, CvOverflowMenu, CvModal, CvPagination, CvDataTable, CvDataTableHeading, CvDataTableRow, CvDataTableCell, CvCheckbox } from '@carbon/vue';
 import LottieAnimation from 'lottie-web-vue';
 import Copy20 from '@carbon/icons-vue/es/copy/20';
 import ChevronDown20 from '@carbon/icons-vue/es/chevron--down/20';
-import { carbonPrefixMixin, themeMixin } from '@carbon/vue/src/mixins';
+import { carbonPrefixMixin, themeMixin, uidMixin } from '@carbon/vue/src/mixins';
 import CheckmarkFilled20 from '@carbon/icons-vue/es/checkmark--filled/20';
 import ErrorFilled20 from '@carbon/icons-vue/es/error--filled/20';
 import Warning20 from '@carbon/icons-vue/es/warning--filled/20';
@@ -98,9 +98,12 @@ import Catalog32 from '@carbon/icons-vue/es/catalog/32';
 import Group20 from '@carbon/icons-vue/es/group/20';
 import { WarningFilled16, WarningAltFilled16, View16, ViewOff16 } from '@carbon/icons-vue';
 import CvSideNavDivider from '@carbon/vue/src/components/cv-ui-shell/cv-side-nav-divider.vue';
+import Search16 from '@carbon/icons-vue/es/search/16';
+import Close16 from '@carbon/icons-vue/es/close/16';
+import ChevronRight16 from '@carbon/icons-vue/es/chevron--right/16';
 
 //
-var script$r = {
+var script$u = {
   name: "NsButton",
   extends: CvButton,
   props: {
@@ -263,10 +266,10 @@ function addStyle(id, css) {
 }
 
 /* script */
-const __vue_script__$r = script$r;
+const __vue_script__$u = script$u;
 /* template */
 
-var __vue_render__$x = function () {
+var __vue_render__$z = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -289,10 +292,10 @@ var __vue_render__$x = function () {
   }) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$x = [];
+var __vue_staticRenderFns__$z = [];
 /* style */
 
-const __vue_inject_styles__$z = function (inject) {
+const __vue_inject_styles__$C = function (inject) {
   if (!inject) return;
   inject("data-v-025b0f12_0", {
     source: ".bx--btn .bx--btn__icon[data-v-025b0f12]{width:1.25rem;height:1.25rem}.bx--btn.bx--btn--sm .bx--btn__icon[data-v-025b0f12]{width:1rem;height:1rem}.loader[data-v-025b0f12]{right:1rem;border:3px solid transparent;border-radius:50%;border-top:3px solid currentColor;border-right:3px solid currentColor;border-bottom:3px solid currentColor;animation:spin-data-v-025b0f12 .5s linear infinite}.bx--btn--ghost .bx--btn__icon.loading[data-v-025b0f12]{position:static;margin-left:.5rem}.bx--btn--danger--ghost .bx--btn__icon.loading[data-v-025b0f12],.bx--btn--danger-ghost .bx--btn__icon.loading[data-v-025b0f12]{position:static;margin-left:.5rem}@keyframes spin-data-v-025b0f12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",
@@ -303,23 +306,23 @@ const __vue_inject_styles__$z = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$z = "data-v-025b0f12";
+const __vue_scope_id__$C = "data-v-025b0f12";
 /* module identifier */
 
-const __vue_module_identifier__$z = undefined;
+const __vue_module_identifier__$C = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$z = false;
+const __vue_is_functional_template__$C = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$Z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$x,
-  staticRenderFns: __vue_staticRenderFns__$x
-}, __vue_inject_styles__$z, __vue_script__$r, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, createInjector, undefined, undefined);
+const __vue_component__$12 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$z,
+  staticRenderFns: __vue_staticRenderFns__$z
+}, __vue_inject_styles__$C, __vue_script__$u, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
 
-var __vue_component__$_ = __vue_component__$Z;
+var __vue_component__$13 = __vue_component__$12;
 
 //
 //
@@ -337,7 +340,7 @@ var __vue_component__$_ = __vue_component__$Z;
 //
 //
 //
-var script$q = {
+var script$t = {
   name: "NsPictogram",
   props: {
     title: {
@@ -360,10 +363,10 @@ var script$q = {
 };
 
 /* script */
-const __vue_script__$q = script$q;
+const __vue_script__$t = script$t;
 /* template */
 
-var __vue_render__$w = function () {
+var __vue_render__$y = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -391,34 +394,34 @@ var __vue_render__$w = function () {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$w = [];
+var __vue_staticRenderFns__$y = [];
 /* style */
 
-const __vue_inject_styles__$y = undefined;
+const __vue_inject_styles__$B = undefined;
 /* scoped */
 
-const __vue_scope_id__$y = undefined;
+const __vue_scope_id__$B = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$y = undefined;
+const __vue_module_identifier__$B = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$y = false;
+const __vue_is_functional_template__$B = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$Y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$y, __vue_script__$q, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, undefined, undefined, undefined);
+const __vue_component__$11 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$y,
+  staticRenderFns: __vue_staticRenderFns__$y
+}, __vue_inject_styles__$B, __vue_script__$t, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, undefined, undefined, undefined);
 
-var NsPictogram = __vue_component__$Y;
+var NsPictogram = __vue_component__$11;
 
 //
-var script$p = {
+var script$s = {
   name: "NsLottieAnimation",
   components: {
     LottieAnimation
@@ -474,10 +477,10 @@ var script$p = {
 };
 
 /* script */
-const __vue_script__$p = script$p;
+const __vue_script__$s = script$s;
 /* template */
 
-var __vue_render__$v = function () {
+var __vue_render__$x = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -504,36 +507,36 @@ var __vue_render__$v = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$v = [];
+var __vue_staticRenderFns__$x = [];
 /* style */
 
-const __vue_inject_styles__$x = undefined;
+const __vue_inject_styles__$A = undefined;
 /* scoped */
 
-const __vue_scope_id__$x = "data-v-14e97a70";
+const __vue_scope_id__$A = "data-v-14e97a70";
 /* module identifier */
 
-const __vue_module_identifier__$x = undefined;
+const __vue_module_identifier__$A = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$x = false;
+const __vue_is_functional_template__$A = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$X = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$v,
-  staticRenderFns: __vue_staticRenderFns__$v
-}, __vue_inject_styles__$x, __vue_script__$p, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, undefined, undefined, undefined);
+const __vue_component__$10 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$x,
+  staticRenderFns: __vue_staticRenderFns__$x
+}, __vue_inject_styles__$A, __vue_script__$s, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, undefined, undefined, undefined);
 
-var NsLottieAnimation = __vue_component__$X;
+var NsLottieAnimation = __vue_component__$10;
 
 /* script */
 
 /* template */
-var __vue_render__$u = function () {
+var __vue_render__$w = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -548,34 +551,34 @@ var __vue_render__$u = function () {
   });
 };
 
-var __vue_staticRenderFns__$u = [];
+var __vue_staticRenderFns__$w = [];
 /* style */
 
-const __vue_inject_styles__$w = undefined;
+const __vue_inject_styles__$z = undefined;
 /* scoped */
 
-const __vue_scope_id__$w = undefined;
+const __vue_scope_id__$z = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$w = undefined;
+const __vue_module_identifier__$z = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$w = false;
+const __vue_is_functional_template__$z = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$W = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$u,
-  staticRenderFns: __vue_staticRenderFns__$u
-}, __vue_inject_styles__$w, {}, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, undefined, undefined, undefined);
+const __vue_component__$$ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$z, {}, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, undefined, undefined, undefined);
 
-var ExclamationMarkPictogram = __vue_component__$W;
+var ExclamationMarkPictogram = __vue_component__$$;
 
 //
-var script$o = {
+var script$r = {
   name: "NsEmptyState",
   components: {
     NsPictogram,
@@ -607,10 +610,10 @@ var script$o = {
 };
 
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$r = script$r;
 /* template */
 
-var __vue_render__$t = function () {
+var __vue_render__$v = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -640,10 +643,10 @@ var __vue_render__$t = function () {
   }, [_vm._t("description")], 2)] : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$t = [];
+var __vue_staticRenderFns__$v = [];
 /* style */
 
-const __vue_inject_styles__$v = function (inject) {
+const __vue_inject_styles__$y = function (inject) {
   if (!inject) return;
   inject("data-v-2d5d3a58_0", {
     source: ".empty-state[data-v-2d5d3a58]{text-align:center;padding:2rem}.empty-state .image[data-v-2d5d3a58]{margin-bottom:1rem}.empty-state .description[data-v-2d5d3a58]{margin-top:1rem}.animation[data-v-2d5d3a58]{display:inline-block;width:64px;height:64px}",
@@ -654,26 +657,26 @@ const __vue_inject_styles__$v = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$v = "data-v-2d5d3a58";
+const __vue_scope_id__$y = "data-v-2d5d3a58";
 /* module identifier */
 
-const __vue_module_identifier__$v = undefined;
+const __vue_module_identifier__$y = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$v = false;
+const __vue_is_functional_template__$y = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$U = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$t,
-  staticRenderFns: __vue_staticRenderFns__$t
-}, __vue_inject_styles__$v, __vue_script__$o, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
+const __vue_component__$Z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$v,
+  staticRenderFns: __vue_staticRenderFns__$v
+}, __vue_inject_styles__$y, __vue_script__$r, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, createInjector, undefined, undefined);
 
-var __vue_component__$V = __vue_component__$U;
+var __vue_component__$_ = __vue_component__$Z;
 
 //
-var script$n = {
+var script$q = {
   name: "NsCodeSnippet",
   components: {
     CvButton,
@@ -785,10 +788,10 @@ var script$n = {
 };
 
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$q = script$q;
 /* template */
 
-var __vue_render__$s = function () {
+var __vue_render__$u = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -850,10 +853,10 @@ var __vue_render__$s = function () {
   })], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$s = [];
+var __vue_staticRenderFns__$u = [];
 /* style */
 
-const __vue_inject_styles__$u = function (inject) {
+const __vue_inject_styles__$x = function (inject) {
   if (!inject) return;
   inject("data-v-59cb538c_0", {
     source: ".bx--snippet--multi .bx--snippet-container[data-v-59cb538c]{min-height:4.5rem;max-height:9.6rem;overflow-y:hidden}.bx--snippet--multi .bx--snippet-container.no-expand[data-v-59cb538c]{min-height:2.5rem}.bx--snippet--multi.bx--snippet--expand .bx--snippet-container[data-v-59cb538c]{max-height:100%}.bx--snippet--multi .bx--copy-btn[data-v-59cb538c]{position:absolute!important;top:.5rem;right:.5rem;z-index:11;width:3rem;height:2rem}.bx--snippet-btn--expand[data-v-59cb538c]{right:.5rem;bottom:.5rem}",
@@ -864,23 +867,23 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$u = "data-v-59cb538c";
+const __vue_scope_id__$x = "data-v-59cb538c";
 /* module identifier */
 
-const __vue_module_identifier__$u = undefined;
+const __vue_module_identifier__$x = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$u = false;
+const __vue_is_functional_template__$x = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$S = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
-}, __vue_inject_styles__$u, __vue_script__$n, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
+const __vue_component__$X = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$u,
+  staticRenderFns: __vue_staticRenderFns__$u
+}, __vue_inject_styles__$x, __vue_script__$q, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
 
-var __vue_component__$T = __vue_component__$S;
+var __vue_component__$Y = __vue_component__$X;
 
 //
 //
@@ -911,7 +914,7 @@ var __vue_component__$T = __vue_component__$S;
 //
 //
 //
-var script$m = {
+var script$p = {
   name: "NsCircleTimer",
   props: {
     timeLimit: {
@@ -975,10 +978,10 @@ var script$m = {
 };
 
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$p = script$p;
 /* template */
 
-var __vue_render__$r = function () {
+var __vue_render__$t = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1014,10 +1017,10 @@ var __vue_render__$r = function () {
   })])])]);
 };
 
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$t = [];
 /* style */
 
-const __vue_inject_styles__$t = function (inject) {
+const __vue_inject_styles__$w = function (inject) {
   if (!inject) return;
   inject("data-v-79cb7082_0", {
     source: ".base-timer[data-v-79cb7082]{position:relative}.base-timer__circle[data-v-79cb7082]{fill:none;stroke:none}.base-timer__path-remaining[data-v-79cb7082]{stroke:currentColor;transform:rotate(90deg);transform-origin:center;transition:1s linear all}.base-timer__svg[data-v-79cb7082]{transform:scaleX(-1)}",
@@ -1028,26 +1031,26 @@ const __vue_inject_styles__$t = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$t = "data-v-79cb7082";
+const __vue_scope_id__$w = "data-v-79cb7082";
 /* module identifier */
 
-const __vue_module_identifier__$t = undefined;
+const __vue_module_identifier__$w = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$t = false;
+const __vue_is_functional_template__$w = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$R = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
-}, __vue_inject_styles__$t, __vue_script__$m, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
+const __vue_component__$W = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
+}, __vue_inject_styles__$w, __vue_script__$p, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
 
-var NsCircleTimer = __vue_component__$R;
+var NsCircleTimer = __vue_component__$W;
 
 //
-var script$l = {
+var script$o = {
   name: "NsInlineNotification",
   extends: CvInlineNotification,
   components: {
@@ -1084,10 +1087,10 @@ var script$l = {
 };
 
 /* script */
-const __vue_script__$l = script$l;
+const __vue_script__$o = script$o;
 /* template */
 
-var __vue_render__$q = function () {
+var __vue_render__$s = function () {
   var _obj;
 
   var _vm = this;
@@ -1158,10 +1161,10 @@ var __vue_render__$q = function () {
   })], 1) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$s = [];
 /* style */
 
-const __vue_inject_styles__$s = function (inject) {
+const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
   inject("data-v-59312d66_0", {
     source: ".title[data-v-59312d66]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-59312d66]{margin-right:.75rem}.details[data-v-59312d66]{flex-grow:0}.action-button[data-v-59312d66]{margin-right:.5rem}.bx--inline-notification__close-button[data-v-59312d66]{position:absolute!important}.bx--inline-notification__text-wrapper p[data-v-59312d66]{padding-right:0!important}",
@@ -1172,23 +1175,23 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$s = "data-v-59312d66";
+const __vue_scope_id__$v = "data-v-59312d66";
 /* module identifier */
 
-const __vue_module_identifier__$s = undefined;
+const __vue_module_identifier__$v = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$s = false;
+const __vue_is_functional_template__$v = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$Q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
-}, __vue_inject_styles__$s, __vue_script__$l, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
+const __vue_component__$V = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
+}, __vue_inject_styles__$v, __vue_script__$o, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
 
-var NsInlineNotification = __vue_component__$Q;
+var NsInlineNotification = __vue_component__$V;
 
 //
 //
@@ -1207,7 +1210,7 @@ var NsInlineNotification = __vue_component__$Q;
 //
 //
 //
-var script$k = {
+var script$n = {
   name: "NsProgressBar",
   props: {
     value: {
@@ -1238,10 +1241,10 @@ var script$k = {
 };
 
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$n = script$n;
 /* template */
 
-var __vue_render__$p = function () {
+var __vue_render__$r = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1266,10 +1269,10 @@ var __vue_render__$p = function () {
   })]], 2)]);
 };
 
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$r = [];
 /* style */
 
-const __vue_inject_styles__$r = function (inject) {
+const __vue_inject_styles__$u = function (inject) {
   if (!inject) return;
   inject("data-v-57532057_0", {
     source: ".progress-bar-container[data-v-57532057]{width:100%;position:relative}.slider[data-v-57532057]{position:absolute;width:100%;height:5px;overflow-x:hidden}.line[data-v-57532057]{position:absolute;opacity:.4;width:100%;height:5px}.progress-line[data-v-57532057]{position:absolute;height:5px}.indeterminate-line[data-v-57532057]{position:absolute;opacity:.4;width:150%;height:5px}.indeterminate-subline[data-v-57532057]{position:absolute;height:5px}.inc[data-v-57532057]{animation:increase-data-v-57532057 2s infinite}.dec[data-v-57532057]{animation:decrease-data-v-57532057 2s .5s infinite}@keyframes increase-data-v-57532057{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-57532057{from{left:-80%;width:80%}to{left:110%;width:10%}}",
@@ -1280,25 +1283,25 @@ const __vue_inject_styles__$r = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$r = "data-v-57532057";
+const __vue_scope_id__$u = "data-v-57532057";
 /* module identifier */
 
-const __vue_module_identifier__$r = undefined;
+const __vue_module_identifier__$u = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$r = false;
+const __vue_is_functional_template__$u = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$P = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
-}, __vue_inject_styles__$r, __vue_script__$k, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
+const __vue_component__$U = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
+}, __vue_inject_styles__$u, __vue_script__$n, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
 
-var NsProgressBar = __vue_component__$P;
+var NsProgressBar = __vue_component__$U;
 
-var script$j = {
+var script$m = {
   name: "NsSvg",
   props: {
     svg: {
@@ -1357,33 +1360,33 @@ var script$j = {
 };
 
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$m = script$m;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$q = undefined;
+const __vue_inject_styles__$t = undefined;
 /* scoped */
 
-const __vue_scope_id__$q = undefined;
+const __vue_scope_id__$t = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$q = undefined;
+const __vue_module_identifier__$t = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$q = undefined;
+const __vue_is_functional_template__$t = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$O = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$q, __vue_script__$j, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, undefined, undefined, undefined);
+const __vue_component__$T = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$t, __vue_script__$m, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
 
-var NsSvg = __vue_component__$O;
+var NsSvg = __vue_component__$T;
 
 //
-var script$i = {
+var script$l = {
   name: "NsTile",
   extends: CvTile,
   inheritAttrs: false,
@@ -1457,10 +1460,10 @@ var script$i = {
 };
 
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$l = script$l;
 /* template */
 
-var __vue_render__$o = function () {
+var __vue_render__$q = function () {
   var _obj;
 
   var _vm = this;
@@ -1499,10 +1502,10 @@ var __vue_render__$o = function () {
   }) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$o = [];
+var __vue_staticRenderFns__$q = [];
 /* style */
 
-const __vue_inject_styles__$p = function (inject) {
+const __vue_inject_styles__$s = function (inject) {
   if (!inject) return;
   inject("data-v-443a91f0_0", {
     source: ".ns-tile[data-v-443a91f0]{margin-bottom:2rem;position:relative}.container[data-v-443a91f0]{display:flex;flex-direction:column;justify-content:center}.centered[data-v-443a91f0]{text-align:center}.large[data-v-443a91f0]{min-height:10rem}.tile-icon[data-v-443a91f0]{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem}.tile-footer-icon[data-v-443a91f0]{position:absolute;right:1rem;bottom:1rem;flex-shrink:0;width:1.25rem;height:1.25rem}.pad-bottom[data-v-443a91f0]{padding-bottom:4rem}.disabled-tile[data-v-443a91f0]{color:#c6c6c6}",
@@ -1513,23 +1516,23 @@ const __vue_inject_styles__$p = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$p = "data-v-443a91f0";
+const __vue_scope_id__$s = "data-v-443a91f0";
 /* module identifier */
 
-const __vue_module_identifier__$p = undefined;
+const __vue_module_identifier__$s = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$p = false;
+const __vue_is_functional_template__$s = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$M = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$p, __vue_script__$i, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
+const __vue_component__$R = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$s, __vue_script__$l, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
 
-var __vue_component__$N = __vue_component__$M;
+var __vue_component__$S = __vue_component__$R;
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -6126,7 +6129,7 @@ var DateTimeService = {
 };
 
 //
-var script$h = {
+var script$k = {
   name: "NsToastNotification",
   extends: CvToastNotification,
   components: {
@@ -6204,10 +6207,10 @@ var script$h = {
 };
 
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$k = script$k;
 /* template */
 
-var __vue_render__$n = function () {
+var __vue_render__$p = function () {
   var _obj;
 
   var _vm = this;
@@ -6305,10 +6308,10 @@ var __vue_render__$n = function () {
   })], 1) : _vm._e()], 1)]);
 };
 
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
 
-const __vue_inject_styles__$o = function (inject) {
+const __vue_inject_styles__$r = function (inject) {
   if (!inject) return;
   inject("data-v-6ff0b515_0", {
     source: ".notification[data-v-6ff0b515]{margin-bottom:0;margin-right:0}.action[data-v-6ff0b515]{padding-top:0;margin-bottom:0}.bx--toast-notification .bx--inline-notification__action-button[data-v-6ff0b515]{margin-left:-1rem}.bx--toast-notification .bx--inline-notification__action-button.bx--btn--danger[data-v-6ff0b515]{margin:.5rem 0 .5rem -1rem}.notification-description-and-progress[data-v-6ff0b515]{margin-top:.75rem;margin-bottom:.75rem}.fix-margin-bottom[data-v-6ff0b515]{margin-bottom:0}.progress[data-v-6ff0b515]{margin-top:.75rem}.progress-bar-spacer[data-v-6ff0b515]{height:.5rem}.cv-notifiation.bx--toast-notification.notification[data-v-6ff0b515]{width:26vw;min-width:20rem;margin-top:0}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-6ff0b515]{margin-top:1rem}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-6ff0b515]{width:100%;cursor:pointer}.notification-read[data-v-6ff0b515]{border-color:#8d8d8d;color:#c6c6c6}.notification-read .bx--toast-notification__icon[data-v-6ff0b515]{fill:currentColor}.notification-read .bx--toast-notification__subtitle[data-v-6ff0b515]{color:#c6c6c6}.notification-read .bx--toast-notification__title[data-v-6ff0b515]{font-weight:400}.cv-notifiation .timestamp[data-v-6ff0b515]{margin-bottom:.75rem;line-height:1.29;color:#fff;text-decoration:underline}.cv-notifiation .timestamp button[data-v-6ff0b515]{color:#c6c6c6}.bx--tooltip__trigger[data-v-6ff0b515]:not(.bx--btn--icon-only){font-size:inherit}.cv-notifiation .timestamp .bx--tooltip__trigger[data-v-6ff0b515]::before{border-bottom-color:#161616}div.row[data-v-6ff0b515]:last-child{margin-bottom:1.5rem}.bx--toast-notification__details[data-v-6ff0b515]{flex-grow:1}",
@@ -6323,26 +6326,26 @@ const __vue_inject_styles__$o = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$o = "data-v-6ff0b515";
+const __vue_scope_id__$r = "data-v-6ff0b515";
 /* module identifier */
 
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$r = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$r = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$K = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$o, __vue_script__$h, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
+const __vue_component__$P = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$r, __vue_script__$k, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
 
-var __vue_component__$L = __vue_component__$K;
+var __vue_component__$Q = __vue_component__$P;
 
 //
-var script$g = {
+var script$j = {
   name: "NsInfoCard",
   components: {
     NsSvg,
@@ -6393,10 +6396,10 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$m = function () {
+var __vue_render__$o = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6453,10 +6456,10 @@ var __vue_render__$m = function () {
   }, [_vm.hasContentSlot ? _vm._t("content") : _vm._e()], 2)], 2);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$q = function (inject) {
   if (!inject) return;
   inject("data-v-aefc1c3e_0", {
     source: ".info-card[data-v-aefc1c3e]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-aefc1c3e]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-aefc1c3e]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-aefc1c3e]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-aefc1c3e]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-aefc1c3e]{margin-top:.5rem}",
@@ -6467,26 +6470,26 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-aefc1c3e";
+const __vue_scope_id__$q = "data-v-aefc1c3e";
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$q = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$q = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$I = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$n, __vue_script__$g, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+const __vue_component__$N = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$q, __vue_script__$j, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
 
-var __vue_component__$J = __vue_component__$I;
+var __vue_component__$O = __vue_component__$N;
 
 //
-var script$f = {
+var script$i = {
   name: "NsStatusCard",
   //components added for storybook to work
   components: {
@@ -6533,10 +6536,10 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$l = function () {
+var __vue_render__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6605,10 +6608,10 @@ var __vue_render__$l = function () {
   }, [_c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])]) : _c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])], 1) : _vm._e()])]);
 };
 
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
-const __vue_inject_styles__$m = function (inject) {
+const __vue_inject_styles__$p = function (inject) {
   if (!inject) return;
   inject("data-v-496044f0_0", {
     source: ".status-card[data-v-496044f0]{display:flex;flex-direction:column;justify-content:center}.row[data-v-496044f0]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.value[data-v-496044f0]{margin-left:.25rem;margin-right:.25rem}.label[data-v-496044f0]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-496044f0]{margin-right:.25rem}.error-icon[data-v-496044f0]{margin-right:.25rem}.warning-icon[data-v-496044f0]{margin-right:.25rem}.stats[data-v-496044f0]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
@@ -6619,26 +6622,26 @@ const __vue_inject_styles__$m = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$m = "data-v-496044f0";
+const __vue_scope_id__$p = "data-v-496044f0";
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$p = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$G = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$m, __vue_script__$f, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+const __vue_component__$L = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$p, __vue_script__$i, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
-var __vue_component__$H = __vue_component__$G;
+var __vue_component__$M = __vue_component__$L;
 
 //
-var script$e = {
+var script$h = {
   name: "NsSystemdServiceCard",
   //components added for storybook to work
   components: {
@@ -6692,10 +6695,10 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$k = function () {
+var __vue_render__$m = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6750,10 +6753,10 @@ var __vue_render__$k = function () {
   })], 1)])]);
 };
 
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
 
-const __vue_inject_styles__$l = function (inject) {
+const __vue_inject_styles__$o = function (inject) {
   if (!inject) return;
   inject("data-v-bf751eca_0", {
     source: ".service-card[data-v-bf751eca]{display:flex;flex-direction:column;justify-content:center}.row[data-v-bf751eca]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.service-name[data-v-bf751eca]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem}.success-icon[data-v-bf751eca]{margin-right:.25rem}.error-icon[data-v-bf751eca]{margin-right:.25rem}.warning-icon[data-v-bf751eca]{margin-right:.25rem}.stats[data-v-bf751eca]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
@@ -6764,23 +6767,23 @@ const __vue_inject_styles__$l = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$l = "data-v-bf751eca";
+const __vue_scope_id__$o = "data-v-bf751eca";
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$o = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$E = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$l, __vue_script__$e, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
+const __vue_component__$J = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$o, __vue_script__$h, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
 
-var __vue_component__$F = __vue_component__$E;
+var __vue_component__$K = __vue_component__$J;
 
 // Unique ID creation requires a high quality random # generator.  In node.js
 // this is pretty straight-forward - we use the crypto API.
@@ -6967,7 +6970,9 @@ var UtilService = {
       // you have 7 seconds to cancel object deletion
       time24HourPattern: /([01]\d|2[0-3]):?([0-5]\d)/,
       time24HourPatternString: "([01]\\d|2[0-3]):?([0-5]\\d)",
-      time24HourPlaceholder: "hh:mm"
+      time24HourPlaceholder: "hh:mm",
+      // used to highlight the anchor the user has just navigated to
+      highlightAnchor: ""
     };
   },
 
@@ -7110,6 +7115,22 @@ var UtilService = {
       }
     },
 
+    /**
+     * Scroll to anchor if route contains a hash (#) and highlight the related element.
+     * Used when navigating to a specific anchor link on a different page
+     */
+    checkAndScrollToAnchor() {
+      this.$nextTick(function () {
+        if (this.$route.hash) {
+          const refName = this.$route.hash.replace("#", "");
+          const el = this.$refs[refName];
+          this.scrollToElement(el); // highlight the anchor element
+
+          this.highlightAnchor = refName;
+        }
+      });
+    },
+
     /**
      * Get app description using the locale of core context
      */
@@ -7237,7 +7258,7 @@ var UtilService = {
 };
 
 //
-var script$d = {
+var script$g = {
   name: "NsPasswordInput",
   components: CvTextInput,
   mixins: [UtilService],
@@ -7400,10 +7421,10 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$g = script$g;
 /* template */
 
-var __vue_render__$j = function () {
+var __vue_render__$l = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7498,10 +7519,10 @@ var __vue_render__$j = function () {
   }, [_vm._v(_vm._s(_vm.equalLabel))])])], 1)]);
 };
 
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
 
-const __vue_inject_styles__$k = function (inject) {
+const __vue_inject_styles__$n = function (inject) {
   if (!inject) return;
   inject("data-v-d2bd6562_0", {
     source: ".new-password-container[data-v-d2bd6562]{margin-bottom:1rem}.new-password[data-v-d2bd6562]{margin-bottom:.25rem}.confirm-password[data-v-d2bd6562]{margin-bottom:.25rem}.password-meter[data-v-d2bd6562]{display:flex}@media (min-width:672px){.password-meter[data-v-d2bd6562]{max-width:38rem}}.requirement[data-v-d2bd6562]{padding:.2rem;margin-left:.2rem;margin-right:.2rem;background-color:#f4f4f4;text-align:center;font-size:.75rem;line-height:1.34;letter-spacing:.32px}.requirement-light[data-v-d2bd6562]{background-color:#fff}.requirement[data-v-d2bd6562]:first-child{margin-left:0}.requirement-ok[data-v-d2bd6562]{color:#fff;background-color:#198038}.requirement-disabled[data-v-d2bd6562]{color:#c6c6c6;background-color:#f4f4f4}",
@@ -7512,26 +7533,26 @@ const __vue_inject_styles__$k = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$k = "data-v-d2bd6562";
+const __vue_scope_id__$n = "data-v-d2bd6562";
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$n = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$C = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$k, __vue_script__$d, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
+const __vue_component__$H = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$n, __vue_script__$g, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
 
-var __vue_component__$D = __vue_component__$C;
+var __vue_component__$I = __vue_component__$H;
 
 //
-var script$c = {
+var script$f = {
   name: "NsIconMenu",
   extends: CvOverflowMenu,
   props: {
@@ -7575,10 +7596,10 @@ var script$c = {
 };
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$f = script$f;
 /* template */
 
-var __vue_render__$i = function () {
+var __vue_render__$k = function () {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -7694,10 +7715,10 @@ var __vue_render__$i = function () {
   })])]);
 };
 
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
 
-const __vue_inject_styles__$j = function (inject) {
+const __vue_inject_styles__$m = function (inject) {
   if (!inject) return;
   inject("data-v-2be14df6_0", {
     source: ".ns-icon-menu[data-v-2be14df6]{display:inline-flex}",
@@ -7708,27 +7729,27 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-2be14df6";
+const __vue_scope_id__$m = "data-v-2be14df6";
 /* module identifier */
 
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$m = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$A = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$j, __vue_script__$c, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
+const __vue_component__$F = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$m, __vue_script__$f, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
 
-var __vue_component__$B = __vue_component__$A;
+var __vue_component__$G = __vue_component__$F;
 
 //
 Vue.use(chartsVue);
-var script$b = {
+var script$e = {
   name: "NsMeterChart",
   components: {
     CcvMeterChart
@@ -7802,10 +7823,10 @@ var script$b = {
 };
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$e = script$e;
 /* template */
 
-var __vue_render__$h = function () {
+var __vue_render__$j = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7820,35 +7841,35 @@ var __vue_render__$h = function () {
   });
 };
 
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$i = undefined;
+const __vue_inject_styles__$l = undefined;
 /* scoped */
 
-const __vue_scope_id__$i = undefined;
+const __vue_scope_id__$l = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$l = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$i, __vue_script__$b, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
+const __vue_component__$D = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$l, __vue_script__$e, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
 
-var __vue_component__$z = __vue_component__$y;
+var __vue_component__$E = __vue_component__$D;
 
 //
 Vue.use(chartsVue);
-var script$a = {
+var script$d = {
   name: "NsPieChart",
   components: {},
   props: {
@@ -7904,10 +7925,10 @@ var script$a = {
 };
 
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$d = script$d;
 /* template */
 
-var __vue_render__$g = function () {
+var __vue_render__$i = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7922,34 +7943,34 @@ var __vue_render__$g = function () {
   });
 };
 
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$h = undefined;
+const __vue_inject_styles__$k = undefined;
 /* scoped */
 
-const __vue_scope_id__$h = undefined;
+const __vue_scope_id__$k = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$k = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$h, __vue_script__$a, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
+const __vue_component__$B = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$k, __vue_script__$d, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
 
-var __vue_component__$x = __vue_component__$w;
+var __vue_component__$C = __vue_component__$B;
 
 //
-var script$9 = {
+var script$c = {
   name: "NsDangerDeleteModal",
   //component added for storybook to work
   components: {
@@ -8044,10 +8065,10 @@ var script$9 = {
 };
 
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$c = script$c;
 /* template */
 
-var __vue_render__$f = function () {
+var __vue_render__$h = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8115,10 +8136,10 @@ var __vue_render__$f = function () {
   }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
 };
 
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$g = function (inject) {
+const __vue_inject_styles__$j = function (inject) {
   if (!inject) return;
   inject("data-v-56c8d6b0_0", {
     source: ".type-to-confirm[data-v-56c8d6b0]{margin-top:2rem}",
@@ -8129,23 +8150,23 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$g = "data-v-56c8d6b0";
+const __vue_scope_id__$j = "data-v-56c8d6b0";
 /* module identifier */
 
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$j = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$g, __vue_script__$9, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$j, __vue_script__$c, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
 
-var __vue_component__$v = __vue_component__$u;
+var __vue_component__$A = __vue_component__$z;
 
 var IconService = {
   name: "IconService",
@@ -8279,7 +8300,7 @@ var IconService = {
 };
 
 //
-var script$8 = {
+var script$b = {
   name: "NsDropdownAction",
   extends: CvOverflowMenu,
   components: {
@@ -8311,10 +8332,10 @@ var script$8 = {
 };
 
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$b = script$b;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$g = function () {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -8414,34 +8435,34 @@ var __vue_render__$e = function () {
   })])]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$f = undefined;
+const __vue_inject_styles__$i = undefined;
 /* scoped */
 
-const __vue_scope_id__$f = "data-v-31925b9d";
+const __vue_scope_id__$i = "data-v-31925b9d";
 /* module identifier */
 
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$i = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$s = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$f, __vue_script__$8, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, undefined, undefined, undefined);
+const __vue_component__$x = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$i, __vue_script__$b, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
 
-var __vue_component__$t = __vue_component__$s;
+var __vue_component__$y = __vue_component__$x;
 
 //
-var script$7 = {
+var script$a = {
   name: "NsTextInput",
   extends: CvTextInput,
   components: {
@@ -8495,10 +8516,10 @@ var script$7 = {
 };
 
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$a = script$a;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$f = function () {
   var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5;
 
   var _vm = this;
@@ -8576,10 +8597,10 @@ var __vue_render__$d = function () {
   })], 2) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
   inject("data-v-13bd5cac_0", {
     source: ".tooltip[data-v-13bd5cac]{display:inline-block;position:absolute}",
@@ -8594,26 +8615,26 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$e = "data-v-13bd5cac";
+const __vue_scope_id__$h = "data-v-13bd5cac";
 /* module identifier */
 
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$h = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$e, __vue_script__$7, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+const __vue_component__$v = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$h, __vue_script__$a, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
 
-var __vue_component__$r = __vue_component__$q;
+var __vue_component__$w = __vue_component__$v;
 
 //
-var script$6 = {
+var script$9 = {
   name: "NsBackupCardDetails",
   mixins: [DateTimeService],
   props: {
@@ -8649,10 +8670,10 @@ var script$6 = {
 };
 
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$c = function () {
+var __vue_render__$e = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8706,10 +8727,10 @@ var __vue_render__$c = function () {
   }, [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? _c('span', [_vm._v("\n        " + _vm._s(_vm.status[_vm.backup.id].total_file_count) + "\n      ")]) : _c('span', [_vm._v("-")])])])]);
 };
 
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
-const __vue_inject_styles__$d = function (inject) {
+const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
   inject("data-v-25453d1c_0", {
     source: ".ns-backup-card-details[data-v-25453d1c]{display:contents}.tr[data-v-25453d1c]{display:table-row}.td[data-v-25453d1c]{display:table-cell}.label[data-v-25453d1c]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
@@ -8720,26 +8741,26 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$d = "data-v-25453d1c";
+const __vue_scope_id__$g = "data-v-25453d1c";
 /* module identifier */
 
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$g = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$p = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$d, __vue_script__$6, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+const __vue_component__$u = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$g, __vue_script__$9, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
-var NsBackupCardDetails = __vue_component__$p;
+var NsBackupCardDetails = __vue_component__$u;
 
 //
-var script$5 = {
+var script$8 = {
   name: "NsBackupCard",
   components: {
     NsBackupCardDetails
@@ -8880,10 +8901,10 @@ var script$5 = {
 };
 
 /* script */
-const __vue_script__$5 = script$5;
+const __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$b = function () {
+var __vue_render__$d = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8999,10 +9020,10 @@ var __vue_render__$b = function () {
   }, [_vm._v(_vm._s(_vm.goToBackupLabel) + "\n      ")])], 1)])], 2);
 };
 
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
 
-const __vue_inject_styles__$c = function (inject) {
+const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
   inject("data-v-5a3b7738_0", {
     source: ".ns-backup-card[data-v-5a3b7738]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-5a3b7738]{margin-bottom:1rem}.backup[data-v-5a3b7738]:last-child{margin-bottom:0}.row[data-v-5a3b7738]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-5a3b7738]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-5a3b7738]{display:flex;justify-content:center;margin-bottom:.5rem}.table[data-v-5a3b7738]{display:table}.tr[data-v-5a3b7738]{display:table-row}.td[data-v-5a3b7738]{display:table-cell}.label[data-v-5a3b7738]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-5a3b7738]{font-weight:700}.backup-status-icon[data-v-5a3b7738]{margin-right:.25rem}",
@@ -9017,25 +9038,25 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$c = "data-v-5a3b7738";
+const __vue_scope_id__$f = "data-v-5a3b7738";
 /* module identifier */
 
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$f = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$n = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$c, __vue_script__$5, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
+const __vue_component__$s = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$f, __vue_script__$8, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
 
-var __vue_component__$o = __vue_component__$n;
+var __vue_component__$t = __vue_component__$s;
 
-var script$4 = {
+var script$7 = {
   name: "NsModal",
   extends: CvModal,
   props: {
@@ -9072,33 +9093,33 @@ var script$4 = {
 };
 
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$7 = script$7;
 /* template */
 
 /* style */
 
-const __vue_inject_styles__$b = undefined;
+const __vue_inject_styles__$e = undefined;
 /* scoped */
 
-const __vue_scope_id__$b = undefined;
+const __vue_scope_id__$e = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$b = undefined;
+const __vue_is_functional_template__$e = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$b, __vue_script__$4, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
+const __vue_component__$r = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$e, __vue_script__$7, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
 
-var NsModal = __vue_component__$m;
+var NsModal = __vue_component__$r;
 
 //
-var script$3 = {
+var script$6 = {
   name: "NsWizard",
   extends: NsModal,
   mixins: [IconService],
@@ -9141,10 +9162,10 @@ var script$3 = {
 };
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$6 = script$6;
 /* template */
 
-var __vue_render__$a = function () {
+var __vue_render__$c = function () {
   var _obj, _obj$1;
 
   var _vm = this;
@@ -9285,34 +9306,34 @@ var __vue_render__$a = function () {
   })], 1)]);
 };
 
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
 
-const __vue_inject_styles__$a = undefined;
+const __vue_inject_styles__$d = undefined;
 /* scoped */
 
-const __vue_scope_id__$a = undefined;
+const __vue_scope_id__$d = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$a = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$a = false;
+const __vue_is_functional_template__$d = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$a,
-  staticRenderFns: __vue_staticRenderFns__$a
-}, __vue_inject_styles__$a, __vue_script__$3, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
+const __vue_component__$p = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$d, __vue_script__$6, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, undefined, undefined, undefined);
 
-var __vue_component__$l = __vue_component__$k;
+var __vue_component__$q = __vue_component__$p;
 
 //
-var script$2 = {
+var script$5 = {
   name: "NsMenuItem",
   components: {
     NsSvg
@@ -9335,10 +9356,10 @@ var script$2 = {
 };
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$5 = script$5;
 /* template */
 
-var __vue_render__$9 = function () {
+var __vue_render__$b = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -9358,10 +9379,10 @@ var __vue_render__$9 = function () {
   }, [_vm._t("icon")], 2) : _vm._e(), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.label))])]);
 };
 
-var __vue_staticRenderFns__$9 = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
 
-const __vue_inject_styles__$9 = function (inject) {
+const __vue_inject_styles__$c = function (inject) {
   if (!inject) return;
   inject("data-v-35f08832_0", {
     source: ".ns-menu-item[data-v-35f08832]{display:flex;align-items:center}.icon[data-v-35f08832]{margin-right:.5rem}",
@@ -9372,26 +9393,26 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-35f08832";
+const __vue_scope_id__$c = "data-v-35f08832";
 /* module identifier */
 
-const __vue_module_identifier__$9 = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$9 = false;
+const __vue_is_functional_template__$c = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$9,
-  staticRenderFns: __vue_staticRenderFns__$9
-}, __vue_inject_styles__$9, __vue_script__$2, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
+const __vue_component__$n = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$c, __vue_script__$5, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
 
-var __vue_component__$j = __vue_component__$i;
+var __vue_component__$o = __vue_component__$n;
 
 //
-var script$1 = {
+var script$4 = {
   name: "NsMenuDivider",
   components: {
     CvSideNavDivider
@@ -9399,10 +9420,10 @@ var script$1 = {
 };
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$4 = script$4;
 /* template */
 
-var __vue_render__$8 = function () {
+var __vue_render__$a = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -9412,34 +9433,34 @@ var __vue_render__$8 = function () {
   return _c('cv-side-nav-divider');
 };
 
-var __vue_staticRenderFns__$8 = [];
+var __vue_staticRenderFns__$a = [];
 /* style */
 
-const __vue_inject_styles__$8 = undefined;
+const __vue_inject_styles__$b = undefined;
 /* scoped */
 
-const __vue_scope_id__$8 = "data-v-c2c8c17e";
+const __vue_scope_id__$b = "data-v-c2c8c17e";
 /* module identifier */
 
-const __vue_module_identifier__$8 = undefined;
+const __vue_module_identifier__$b = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$8 = false;
+const __vue_is_functional_template__$b = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$g = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$8,
-  staticRenderFns: __vue_staticRenderFns__$8
-}, __vue_inject_styles__$8, __vue_script__$1, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
+const __vue_component__$l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$a,
+  staticRenderFns: __vue_staticRenderFns__$a
+}, __vue_inject_styles__$b, __vue_script__$4, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
 
-var __vue_component__$h = __vue_component__$g;
+var __vue_component__$m = __vue_component__$l;
 
 //
-var script = {
+var script$3 = {
   name: "NsSystemLogsCard",
   mixins: [UtilService, IconService],
   props: {
@@ -9558,10 +9579,10 @@ var script = {
 };
 
 /* script */
-const __vue_script__ = script;
+const __vue_script__$3 = script$3;
 /* template */
 
-var __vue_render__$7 = function () {
+var __vue_render__$9 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -9588,754 +9609,298 @@ var __vue_render__$7 = function () {
   }, [_vm._v("\n      " + _vm._s(_vm.buttonLabel) + "\n    ")])], 1)], 2);
 };
 
-var __vue_staticRenderFns__$7 = [];
+var __vue_staticRenderFns__$9 = [];
 /* style */
 
-const __vue_inject_styles__$7 = undefined;
+const __vue_inject_styles__$a = undefined;
 /* scoped */
 
-const __vue_scope_id__$7 = "data-v-aec74b8e";
+const __vue_scope_id__$a = "data-v-aec74b8e";
 /* module identifier */
 
-const __vue_module_identifier__$7 = undefined;
+const __vue_module_identifier__$a = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$7 = false;
+const __vue_is_functional_template__$a = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$e = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$7,
-  staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
-
-var __vue_component__$f = __vue_component__$e;
+const __vue_component__$j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$9,
+  staticRenderFns: __vue_staticRenderFns__$9
+}, __vue_inject_styles__$a, __vue_script__$3, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
 
-/* script */
+var __vue_component__$k = __vue_component__$j;
 
-/* template */
-var __vue_render__$6 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('path', {
-    attrs: {
-      "id": "gear_2_",
-      "d": "M18.958,31.36h-5.915c-0.199,0-0.36-0.161-0.36-0.36v-3.633l-2.368-0.99l-2.576,2.575\n\tc-0.141,0.141-0.368,0.141-0.509,0L3.048,24.77c-0.141-0.141-0.141-0.369,0-0.51l2.568-2.568l-0.974-2.375H1\n\tc-0.199,0-0.36-0.161-0.36-0.36v-5.915c0-0.199,0.161-0.36,0.36-0.36h3.632l0.991-2.368L3.048,7.739\n\tc-0.141-0.141-0.141-0.368,0-0.509L7.23,3.048C7.298,2.98,7.389,2.942,7.485,2.942l0,0c0.096,0,0.187,0.038,0.254,0.105l2.568,2.569\n\tl2.375-0.975V1c0-0.199,0.161-0.36,0.36-0.36h5.915c0.199,0,0.36,0.161,0.36,0.36v3.632l2.367,0.991l2.575-2.575\n\tc0.141-0.141,0.369-0.141,0.51,0l4.183,4.182c0.067,0.067,0.105,0.159,0.105,0.254s-0.038,0.187-0.105,0.254l-2.569,2.568\n\tl0.975,2.375H31c0.199,0,0.36,0.161,0.36,0.36v5.915c0,0.199-0.161,0.36-0.36,0.36h-3.633l-0.99,2.368l2.576,2.575\n\tc0.067,0.067,0.105,0.159,0.105,0.255s-0.038,0.188-0.105,0.255l-4.183,4.182c-0.141,0.141-0.369,0.141-0.51,0l-2.568-2.568\n\tl-2.374,0.974V31C19.318,31.199,19.157,31.36,18.958,31.36z M13.403,30.64h5.195v-3.523c0-0.146,0.089-0.277,0.224-0.333\n\tl2.819-1.156c0.134-0.057,0.288-0.024,0.392,0.078l2.483,2.483l3.674-3.673l-2.492-2.491c-0.103-0.104-0.134-0.259-0.077-0.394\n\tl1.176-2.812c0.056-0.134,0.187-0.222,0.332-0.222h3.512v-5.194h-3.522c-0.146,0-0.277-0.088-0.333-0.223l-1.157-2.82\n\tc-0.055-0.134-0.024-0.289,0.078-0.391l2.484-2.483l-3.674-3.673l-2.491,2.491c-0.104,0.103-0.26,0.134-0.394,0.078L18.82,5.206\n\tc-0.134-0.056-0.222-0.187-0.222-0.332V1.36h-5.195v3.523c0,0.146-0.088,0.278-0.223,0.333l-2.82,1.157\n\tc-0.135,0.055-0.289,0.024-0.391-0.079L7.485,3.812L3.812,7.484l2.491,2.492c0.104,0.103,0.134,0.259,0.078,0.394l-1.177,2.812\n\tc-0.056,0.134-0.187,0.221-0.332,0.221H1.36v5.194h3.524c0.146,0,0.278,0.089,0.333,0.224l1.157,2.82\n\tc0.055,0.135,0.024,0.289-0.079,0.392l-2.483,2.483l3.673,3.673l2.492-2.491c0.103-0.104,0.26-0.133,0.393-0.077l2.812,1.176\n\tc0.134,0.056,0.221,0.187,0.221,0.332V30.64z M16,23.36c-4.058,0-7.36-3.302-7.36-7.36S11.942,8.64,16,8.64\n\tc4.059,0,7.36,3.302,7.36,7.36C23.36,20.059,20.059,23.36,16,23.36z M16,9.36c-3.661,0-6.64,2.979-6.64,6.64s2.979,6.64,6.64,6.64\n\ts6.64-2.979,6.64-6.64S19.661,9.36,16,9.36z"
+//
+var script$2 = {
+  name: "NsTimePicker",
+  mixins: [uidMixin, carbonPrefixMixin, themeMixin],
+  props: {
+    value: String,
+    label: {
+      type: String,
+      default: "hh:mm"
+    },
+    hideClearButton: {
+      type: Boolean,
+      default: false
+    },
+    invalidMessage: {
+      type: String,
+      default: ""
     }
-  });
-};
-
-var __vue_staticRenderFns__$6 = [];
-/* style */
-
-const __vue_inject_styles__$6 = undefined;
-/* scoped */
-
-const __vue_scope_id__$6 = undefined;
-/* module identifier */
-
-const __vue_module_identifier__$6 = undefined;
-/* functional template */
+  },
 
-const __vue_is_functional_template__$6 = false;
-/* style inject */
+  data() {
+    return {
+      isInvalid: false
+    };
+  },
 
-/* style inject SSR */
+  mounted() {
+    this.checkSlots();
+  },
 
-/* style inject shadow dom */
+  updated() {
+    this.checkSlots();
+  },
 
-const __vue_component__$c = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$6,
-  staticRenderFns: __vue_staticRenderFns__$6
-}, __vue_inject_styles__$6, {}, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+  methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on updated
+      this.isInvalid = !!(this.$slots["invalid-message"] || this.invalidMessage && this.invalidMessage.length);
+    }
 
-var __vue_component__$d = __vue_component__$c;
+  }
+};
 
 /* script */
-
+const __vue_script__$2 = script$2;
 /* template */
-var __vue_render__$5 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('path', {
-    attrs: {
-      "id": "love_1_",
-      "d": "M16.032,29.247c-0.092,0-0.185-0.035-0.255-0.105L3.008,16.373c-1.507-1.507-2.337-3.506-2.337-5.629\n\t\tc0-2.139,0.83-4.147,2.337-5.655c1.506-1.506,3.508-2.335,5.639-2.337c0,0,0.001,0,0.002,0c2.132,0,4.136,0.83,5.643,2.337\n\t\tl1.74,1.74l1.74-1.74c1.507-1.507,3.511-2.337,5.642-2.337c0.003,0,0.005,0,0.008,0c2.128,0.002,4.129,0.832,5.635,2.337\n\t\tc1.507,1.508,2.337,3.511,2.337,5.642s-0.83,4.134-2.337,5.642L16.287,29.142C16.216,29.212,16.124,29.247,16.032,29.247z\n\t\t M8.649,3.473c0,0-0.001,0-0.002,0C6.709,3.474,4.888,4.229,3.518,5.599C2.147,6.97,1.392,8.797,1.392,10.744\n\t\tc0,1.931,0.755,3.749,2.126,5.119l0,0l12.514,12.514l12.514-12.514c1.371-1.371,2.126-3.193,2.126-5.132s-0.755-3.761-2.126-5.132\n\t\tc-1.37-1.369-3.19-2.124-5.125-2.126c-0.003,0-0.006,0-0.008,0c-1.938,0-3.761,0.754-5.132,2.126l-1.995,1.995\n\t\tc-0.141,0.141-0.369,0.141-0.51,0l-1.995-1.995C12.412,4.228,10.588,3.473,8.649,3.473z"
-    }
-  });
-};
-
-var __vue_staticRenderFns__$5 = [];
-/* style */
-
-const __vue_inject_styles__$5 = undefined;
-/* scoped */
-
-const __vue_scope_id__$5 = undefined;
-/* module identifier */
-
-const __vue_module_identifier__$5 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$5 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$a = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$5,
-  staticRenderFns: __vue_staticRenderFns__$5
-}, __vue_inject_styles__$5, {}, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
-
-var __vue_component__$b = __vue_component__$a;
 
-/* script */
+var __vue_render__$8 = function () {
+  var _obj, _obj$1;
 
-/* template */
-var __vue_render__$4 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
 
   var _c = _vm._self._c || _h;
 
-  return _c('path', {
+  return _c('div', {
+    class: "ns-time-picker cv-time-picker " + _vm.carbonPrefix + "--form-item"
+  }, [_c('div', {
+    class: [_vm.carbonPrefix + "--time-picker", (_obj = {}, _obj[_vm.carbonPrefix + "--time-picker--light"] = _vm.isLight, _obj)],
     attrs: {
-      "id": "warning--01_1_",
-      "d": "M31,29.36H1c-0.128,0-0.248-0.069-0.312-0.181c-0.064-0.111-0.064-0.248,0-0.359l15-26\n\tc0.129-0.224,0.495-0.224,0.624,0l15,26c0.064,0.111,0.064,0.248,0,0.359S31.129,29.36,31,29.36z M1.624,28.64h28.753L16,3.72\n\tL1.624,28.64z M16.36,20h-0.72V10h0.72V20z M16,23c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S16.552,23,16,23z"
+      "data-invalid": _vm.isInvalid
     }
-  });
+  }, [_c('div', {
+    class: _vm.carbonPrefix + "--time-picker__input"
+  }, [_c('label', {
+    class: _vm.carbonPrefix + "--label",
+    attrs: {
+      "for": _vm.uid
+    }
+  }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('vue-timepicker', _vm._b({
+    class: ["time-picker-field " + _vm.carbonPrefix + "--time-picker__input-field " + _vm.carbonPrefix + "--text-input", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--text-input--light"] = _vm.isLight, _obj$1), {
+      'narrow-width': _vm.hideClearButton
+    }],
+    attrs: {
+      "id": _vm.uid,
+      "hide-clear-button": _vm.hideClearButton,
+      "value": _vm.value
+    },
+    on: {
+      "input": function ($event) {
+        return _vm.$emit('input', $event);
+      }
+    }
+  }, 'vue-timepicker', _vm.$attrs, false))], 1)]), _vm._v(" "), _vm.isInvalid ? _c('div', {
+    class: _vm.carbonPrefix + "--form-requirement"
+  }, [_vm._t("invalid-message", function () {
+    return [_vm._v(_vm._s(_vm.invalidMessage))];
+  })], 2) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$4 = [];
+var __vue_staticRenderFns__$8 = [];
 /* style */
 
-const __vue_inject_styles__$4 = undefined;
+const __vue_inject_styles__$9 = function (inject) {
+  if (!inject) return;
+  inject("data-v-e1e1beb2_0", {
+    source: ".ns-time-picker .time-picker-field[data-v-e1e1beb2]{padding:0;width:6rem}.ns-time-picker .time-picker-field.narrow-width[data-v-e1e1beb2]{width:4.875rem}",
+    map: undefined,
+    media: undefined
+  }), inject("data-v-e1e1beb2_1", {
+    source: ".ns-time-picker .time-picker-field,.ns-time-picker .time-picker-field:active,.ns-time-picker .time-picker-field:focus{outline:0}.ns-time-picker .time-picker-field input{height:100%!important;background:0 0!important;border:none!important;padding:0 1rem!important;font-family:\"IBM Plex Mono\",Menlo,\"DejaVu Sans Mono\",\"Bitstream Vera Sans Mono\",Courier,monospace!important;font-size:.875rem!important;font-weight:400!important;width:6rem!important;letter-spacing:.32px}.ns-time-picker .time-picker-field.narrow-width input{width:4.875rem!important}.ns-time-picker .time-picker-field .clear-btn{color:#797979;padding-right:1rem}.ns-time-picker .vue__time-picker .dropdown,.ns-time-picker .vue__time-picker-dropdown{top:2.5rem}.ns-time-picker .time-picker-field .dropdown .hint{display:none}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
-const __vue_scope_id__$4 = undefined;
+
+const __vue_scope_id__$9 = "data-v-e1e1beb2";
 /* module identifier */
 
-const __vue_module_identifier__$4 = undefined;
+const __vue_module_identifier__$9 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$4 = false;
-/* style inject */
-
+const __vue_is_functional_template__$9 = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$4,
-  staticRenderFns: __vue_staticRenderFns__$4
-}, __vue_inject_styles__$4, {}, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
-
-var __vue_component__$9 = __vue_component__$8;
-
-/* script */
-
-/* template */
-var __vue_render__$3 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
+const __vue_component__$h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$8,
+  staticRenderFns: __vue_staticRenderFns__$8
+}, __vue_inject_styles__$9, __vue_script__$2, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, createInjector, undefined, undefined);
 
-  var _c = _vm._self._c || _h;
+var __vue_component__$i = __vue_component__$h;
 
-  return _c('path', {
-    attrs: {
-      "id": "bulldozer_1_",
-      "d": "M17,7.36c-1.618,0-1.86-1.009-1.86-1.61V4c0-0.142-0.028-1.382-1.01-1.382c-1.27,0-1.99-0.59-1.99-1.618\n\tc0-0.199,0.161-0.36,0.36-0.36S12.86,0.801,12.86,1c0,0.222,0,0.898,1.257,0.898c1.202,0,1.743,1.089,1.743,2.102v1.75\n\tc0,0.462,0.138,0.89,1.14,0.89c0.199,0,0.36,0.161,0.36,0.36S17.199,7.36,17,7.36z M14,6.604c-1.092,0-1.854-0.763-1.854-1.854V4\n\tc0-0.199,0.161-0.36,0.36-0.36s0.36,0.161,0.36,0.36v0.75c0,0.548,0.298,1.135,1.135,1.135c0.199,0,0.36,0.161,0.36,0.36\n\tS14.198,6.604,14,6.604z M17,4.362c-0.199,0-0.36-0.161-0.36-0.36V2.508c0-0.529-0.299-1.148-1.14-1.148\n\tc-0.199,0-0.36-0.161-0.36-0.36s0.161-0.36,0.36-0.36c1.095,0,1.86,0.768,1.86,1.868v1.495C17.36,4.201,17.199,4.362,17,4.362z\n\t M5,28c0,0.552-0.448,1-1,1s-1-0.448-1-1s0.448-1,1-1S5,27.448,5,28z M8.5,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1\n\tS9.052,27,8.5,27z M13,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S13.552,27,13,27z M17.5,27c-0.552,0-1,0.448-1,1\n\ts0.448,1,1,1s1-0.448,1-1S18.052,27,17.5,27z M22,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S22.552,27,22,27z M22,31.36H4\n\tc-1.853,0-3.36-1.508-3.36-3.36c0-1.731,1.316-3.161,3-3.341V23.36H1c-0.199,0-0.36-0.161-0.36-0.36V9c0-0.199,0.161-0.36,0.36-0.36\n\th12c0.199,0,0.36,0.161,0.36,0.36v2c0,0.199-0.161,0.36-0.36,0.36h-1.64v5.28h8.28V7.362L18,7.36V6.64l2,0.002\n\tc0.199,0,0.36,0.161,0.36,0.36v9.638c1.106,0.024,2,0.935,2,2.052v1.947h2.252c0.082-0.979,0.496-1.937,1.244-2.685\n\tc0.067-0.067,0.159-0.105,0.255-0.105h2.596c0.438-1.124,1.117-2.183,2.038-3.104l0.51,0.509c-1.568,1.568-2.432,3.608-2.432,5.746\n\ts0.863,4.178,2.432,5.745l-0.51,0.51c-0.921-0.922-1.601-1.981-2.038-3.104h-2.596c-0.096,0-0.188-0.038-0.255-0.105\n\tc-0.748-0.748-1.162-1.705-1.244-2.685H22.36v3.299c1.684,0.18,3,1.609,3,3.341C25.36,29.853,23.853,31.36,22,31.36z M4,25.36\n\tc-1.456,0-2.64,1.184-2.64,2.64S2.544,30.64,4,30.64h18c1.456,0,2.64-1.184,2.64-2.64s-1.184-2.64-2.64-2.64H4z M4.36,24.64h17.28\n\tv-5.947c0-0.734-0.594-1.332-1.324-1.332H1.36v5.279H4c0.199,0,0.36,0.161,0.36,0.36V24.64z M26.265,23.43h2.198\n\tc-0.464-1.588-0.464-3.271,0-4.859h-2.198c-0.613,0.664-0.95,1.521-0.95,2.43S25.651,22.766,26.265,23.43z M5.36,16.64h5.28v-5.28\n\tH5.36V16.64z M1.36,16.64h3.28v-5.28H1.36V16.64z M1.36,10.64h11.28V9.36H1.36V10.64z M11,19.36H9v-0.72h2V19.36z"
+/*
+ * This component optionally wraps slotted content with the specified tag-type.
+ *
+ * If no tag-type is supplied then the slotted content is unwrapped.
+ *
+ *  Unwrapped slots do not recieve class, style or attributes attached to the wrapper
+ *
+ * NOTE: If used at the top level of a component in the unwrapped case your component still needs to have a single root node.
+ *
+ */
+var NsWrapper = {
+  name: "NsWrapper",
+  functional: true,
+  props: {
+    tagType: {
+      type: String,
+      default: undefined
     }
-  });
-};
-
-var __vue_staticRenderFns__$3 = [];
-/* style */
-
-const __vue_inject_styles__$3 = undefined;
-/* scoped */
+  },
 
-const __vue_scope_id__$3 = undefined;
-/* module identifier */
+  render(createElement, context) {
+    if (context.props.tagType) {
+      return createElement(context.props.tagType, {
+        attrs: context.data.attrs,
+        class: `${context.data.class || ""} ${context.data.staticClass || ""}`.trim(),
+        style: { ...context.data.staticStyle,
+          ...context.data.style
+        },
+        on: context.listeners
+      }, context.slots().default);
+    } else {
+      return context.slots().default;
+    }
+  }
 
-const __vue_module_identifier__$3 = undefined;
-/* functional template */
+};
 
-const __vue_is_functional_template__$3 = false;
-/* style inject */
+var script$1 = {
+  name: "NsPagination",
+  extends: CvPagination,
+  props: {
+    backwardsButtonDisabled: Boolean,
+    forwardsButtonDisabled: Boolean,
+    backwardText: {
+      type: String,
+      default: "Prev page"
+    },
+    forwardText: {
+      type: String,
+      default: "Next page"
+    },
+    pageNumberLabel: {
+      type: String,
+      default: "Page number:"
+    },
+    pageSizesLabel: {
+      type: String,
+      default: "Items per page:"
+    },
+    numberOfItems: {
+      type: Number,
+      default: Infinity
+    },
+    actualItemsOnPage: {
+      type: Number,
+      default: Infinity
+    },
+    page: Number,
+    pageSizes: {
+      type: Array,
+      default: () => [10, 20, 30, 40, 50]
+    },
+    // added
+    rangeOfTotalItemsLabel: {
+      type: String,
+      default: "{range} of {total} items"
+    },
+    ofTotalPagesLabel: {
+      type: String,
+      default: "of {total} pages"
+    }
+  },
+  computed: {
+    pageOfPages() {
+      const {
+        pages,
+        items
+      } = this.ofNPagesProps;
+
+      if (items !== Infinity) {
+        return this.ofTotalPagesLabel.replace("{total}", pages);
+      }
 
-/* style inject SSR */
+      return `Page ${this.pageValue}`;
+    },
 
-/* style inject shadow dom */
+    rangeText() {
+      const {
+        start,
+        end,
+        items
+      } = this.rangeProps;
 
-const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$3,
-  staticRenderFns: __vue_staticRenderFns__$3
-}, __vue_inject_styles__$3, {}, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
+      if (items !== Infinity) {
+        // replace {range} and {total} in rangeOfTotalItemsLabel
+        return this.rangeOfTotalItemsLabel.replace("{range}", `${start}-${end}`).replace("{total}", items);
+      } else {
+        return `${start}-${end}`;
+      }
+    }
 
-var __vue_component__$7 = __vue_component__$6;
+  }
+};
 
 /* script */
-
+const __vue_script__$1 = script$1;
 /* template */
-var __vue_render__$2 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
 
-  return _c('path', {
-    attrs: {
-      "id": "group",
-      "d": "M24.36,31h-0.72v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316\n\tc-0.015-0.154,0.071-0.3,0.212-0.363c1.517-0.675,2.496-2.181,2.496-3.836c0-2.316-1.884-4.201-4.2-4.201S11.8,9.244,11.8,11.561\n\tc0,1.655,0.98,3.162,2.496,3.836c0.141,0.063,0.227,0.209,0.212,0.363c-0.014,0.153-0.125,0.281-0.275,0.316\n\tc-3.458,0.82-5.872,3.872-5.872,7.424V31H7.64v-7.5c0-3.592,2.257-6.718,5.585-7.879c-1.326-0.907-2.146-2.421-2.146-4.061\n\tc0-1.964,1.157-3.664,2.826-4.452C14.101,6.617,14.2,6.097,14.2,5.561c0-2.316-1.884-4.201-4.2-4.201S5.799,3.244,5.799,5.561\n\tc0,1.656,0.98,3.162,2.496,3.836C8.437,9.46,8.521,9.606,8.507,9.76c-0.014,0.153-0.125,0.281-0.275,0.316\n\tC4.774,10.896,2.36,13.948,2.36,17.5V25H1.64v-7.5c0-3.592,2.257-6.718,5.585-7.879C5.899,8.714,5.08,7.2,5.08,5.561\n\tc0-2.713,2.207-4.92,4.92-4.92s4.92,2.207,4.92,4.92c0,0.422-0.052,0.836-0.157,1.237c0.791-0.205,1.683-0.205,2.473,0\n\tc-0.104-0.401-0.157-0.815-0.157-1.237c0-2.713,2.208-4.92,4.921-4.92s4.921,2.207,4.921,4.92c0,1.64-0.82,3.154-2.146,4.061\n\tc3.329,1.161,5.586,4.287,5.586,7.879V25H29.64v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316\n\tc-0.015-0.154,0.071-0.3,0.212-0.363C25.221,8.722,26.2,7.216,26.2,5.561c0-2.316-1.884-4.201-4.2-4.201s-4.2,1.884-4.2,4.201\n\tc0,0.536,0.099,1.056,0.295,1.548c1.669,0.789,2.826,2.488,2.826,4.452c0,1.64-0.82,3.154-2.146,4.061\n\tc3.329,1.161,5.586,4.287,5.586,7.879L24.36,31L24.36,31z"
-    }
-  });
-};
-
-var __vue_staticRenderFns__$2 = [];
 /* style */
 
-const __vue_inject_styles__$2 = undefined;
+const __vue_inject_styles__$8 = undefined;
 /* scoped */
 
-const __vue_scope_id__$2 = undefined;
+const __vue_scope_id__$8 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$2 = undefined;
+const __vue_module_identifier__$8 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$2 = false;
+const __vue_is_functional_template__$8 = undefined;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$2,
-  staticRenderFns: __vue_staticRenderFns__$2
-}, __vue_inject_styles__$2, {}, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
-
-var __vue_component__$5 = __vue_component__$4;
-
-/* script */
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('path', {
-    attrs: {
-      "id": "hard--drive",
-      "d": "M26,6c-0.552,0-1-0.448-1-1s0.448-1,1-1s1,0.448,1,1S26.552,6,26,6z M27,16c0-0.552-0.448-1-1-1\n\ts-1,0.448-1,1s0.448,1,1,1S27,16.552,27,16z M27,27c0-0.552-0.448-1-1-1s-1,0.448-1,1s0.448,1,1,1S27,27.552,27,27z M31,31.36H1\n\tc-0.199,0-0.36-0.161-0.36-0.36v-8c0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8\n\tC31.36,31.199,31.199,31.36,31,31.36z M1.36,30.64h29.28v-7.28H1.36V30.64z M31,20.36H1c-0.199,0-0.36-0.161-0.36-0.36v-8\n\tc0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8C31.36,20.199,31.199,20.36,31,20.36z M1.36,19.64h29.28v-7.28\n\tH1.36V19.64z M31,9.36H1C0.801,9.36,0.64,9.199,0.64,9V1c0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8\n\tC31.36,9.199,31.199,9.36,31,9.36z M1.36,8.64h29.28V1.36H1.36V8.64z"
-    }
-  });
-};
-
-var __vue_staticRenderFns__$1 = [];
-/* style */
-
-const __vue_inject_styles__$1 = undefined;
-/* scoped */
-
-const __vue_scope_id__$1 = undefined;
-/* module identifier */
-
-const __vue_module_identifier__$1 = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$1 = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$1,
-  staticRenderFns: __vue_staticRenderFns__$1
-}, __vue_inject_styles__$1, {}, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
-
-var __vue_component__$3 = __vue_component__$2;
-
-/* script */
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('path', {
-    attrs: {
-      "id": "user_1_",
-      "d": "M31.36,31h-0.72c0-6.432-4.777-12.232-11.359-13.792c-0.15-0.036-0.261-0.163-0.275-0.317\n\tc-0.015-0.153,0.071-0.299,0.212-0.362c2.861-1.273,4.71-4.116,4.71-7.241c0-4.371-3.556-7.927-7.927-7.927\n\tc-4.372,0-7.928,3.556-7.928,7.927c0,3.125,1.849,5.968,4.711,7.241c0.141,0.063,0.226,0.209,0.212,0.362\n\tc-0.014,0.154-0.125,0.281-0.275,0.317C6.137,18.768,1.36,24.568,1.36,31H0.64c0-6.46,4.574-12.312,11.002-14.248\n\tc-2.634-1.539-4.291-4.375-4.291-7.465c0-4.768,3.879-8.647,8.648-8.647c4.768,0,8.647,3.879,8.647,8.647\n\tc0,3.09-1.656,5.926-4.29,7.465C26.786,18.688,31.36,24.54,31.36,31z"
-    }
-  });
-};
-
-var __vue_staticRenderFns__ = [];
-/* style */
-
-const __vue_inject_styles__ = undefined;
-/* scoped */
-
-const __vue_scope_id__ = undefined;
-/* module identifier */
-
-const __vue_module_identifier__ = undefined;
-/* functional template */
-
-const __vue_is_functional_template__ = false;
-/* style inject */
-
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__,
-  staticRenderFns: __vue_staticRenderFns__
-}, __vue_inject_styles__, {}, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
-
-var __vue_component__$1 = __vue_component__;
-
-var queryParam = {
-  name: "QueryParamService",
-  methods: {
-    // used by core and external apps to dynamically register a watch for every object inside data.q
-    watchQueryData(context) {
-      if (context.q) {
-        Object.keys(context.q).forEach(dataItem => {
-          context.$watch("q." + dataItem, function () {
-            this.dataToQueryParams(context);
-          });
-        });
-      }
-    },
-
-    // used only by external apps to sync UI status with URL query parameters
-    initUrlBindingForApp(context, page) {
-      let queryParams = this.getQueryParamsForApp();
-      const requestedPage = queryParams.page || "status";
-
-      if (requestedPage != page) {
-        return;
-      }
-
-      this.syncQueryParamsAndDataForApp(context);
-      return setInterval(() => this.checkUrlChangeForApp(context, page), 500);
-    },
-
-    // used only by external apps to sync UI status with URL query parameters
-    syncQueryParamsAndDataForApp(context) {
-      this.queryParamsToDataForApp(context);
-      this.dataToQueryParams(context);
-    },
-
-    // used to sync UI status with URL query parameters
-    dataToQueryParams(context) {
-      let queryParams = [];
-
-      for (const [key, value] of Object.entries(context.q)) {
-        queryParams.push(key + "=" + encodeURIComponent(value));
-      }
-
-      const urlWithParams = window.parent.core.$route.path + "?" + queryParams.join("&");
-
-      if (window.parent.core.$route.fullPath != urlWithParams) {
-        window.parent.core.$router.replace(urlWithParams);
-      }
-    },
-
-    // used only by external apps to sync UI status with URL query parameters
-    checkUrlChangeForApp(context, page) {
-      const newUrl = window.parent.location.href;
-
-      if (newUrl != context.currentUrl) {
-        context.currentUrl = newUrl;
-        const queryParams = this.getQueryParamsForApp();
-        const requestedPage = queryParams.page || "status"; // emit app navigation event
-
-        const appInstance = /#\/apps\/(\w+)/.exec(window.parent.location.hash)[1];
-        context.$root.$emit("appNavigation", appInstance, requestedPage);
-
-        if (requestedPage !== page) {
-          // trigger a custom event to change app route
-          window.dispatchEvent(new CustomEvent("changeRoute", {
-            detail: requestedPage
-          }));
-        } else {
-          this.syncQueryParamsAndDataForApp(context);
-        }
-      }
-
-      context.currentUrl = window.parent.location.href;
-    },
-
-    getPage() {
-      let queryParams = this.getQueryParamsForApp();
-      const page = queryParams.page || "status";
-      return page;
-    },
-
-    queryParamsToDataForCore(context, queryParams) {
-      if (context.q) {
-        Object.keys(context.q).forEach(dataItem => {
-          if (typeof queryParams[dataItem] !== "undefined") {
-            context.q[dataItem] = this.getTypedValue(queryParams[dataItem]);
-          }
-        });
-      }
-    },
-
-    // used to map a query string parameter value to its typed value
-    getTypedValue(stringValue) {
-      if (stringValue === "true") {
-        return true;
-      }
-
-      if (stringValue === "false") {
-        return false;
-      }
+const __vue_component__$g = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$8, __vue_script__$1, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
 
-      return stringValue;
-    },
-
-    // used only by external apps to sync UI status with URL query parameters
-    queryParamsToDataForApp(context) {
-      let queryParams = this.getQueryParamsForApp();
-
-      if (context.q) {
-        Object.keys(context.q).forEach(dataItem => {
-          if (typeof queryParams[dataItem] !== "undefined") {
-            context.q[dataItem] = this.getTypedValue(queryParams[dataItem]);
-          }
-        });
-      }
-    },
-
-    // used only by core to extract query parameters from URL
-    getQueryParamsForCore() {
-      if (!window.location.hash.includes("?") || window.location.hash.split("?").length < 2) {
-        return {};
-      }
-
-      const params = new URLSearchParams(window.location.hash.split("?").pop());
-      let queryParams = {};
-      params.forEach((value, key) => {
-        if (key) {
-          queryParams[key] = value;
-        }
-      });
-      return queryParams;
-    },
-
-    // used only by external apps to extract query parameters from URL
-    getQueryParamsForApp() {
-      if (!window.parent.location.hash.includes("?") || window.parent.location.hash.split("?").length < 2) {
-        return {};
-      }
-
-      const params = new URLSearchParams(window.parent.location.hash.split("?").pop());
-      let queryParams = {};
-      params.forEach((value, key) => {
-        if (key) {
-          queryParams[key] = value;
-        }
-      });
-      return queryParams;
-    }
-
-  }
-};
-
-var StorageService = {
-  name: "StorageService",
-  methods: {
-    getFromStorage(prop) {
-      return JSON.parse(localStorage.getItem(prop));
-    },
-
-    saveToStorage(prop, object) {
-      localStorage.setItem(prop, JSON.stringify(object));
-    },
-
-    deleteFromStorage(prop) {
-      localStorage.removeItem(prop);
-    }
-
-  }
-};
-
-var task = {
-  name: "TaskService",
-  mixins: [StorageService, UtilService],
-  methods: {
-    getTaskContext(taskPath) {
-      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.get(`${this.$root.apiUrl}/${taskPath}/context`, {
-        headers: {
-          Authorization: `Bearer ${token}`
-        }
-      });
-    },
-
-    getTaskStatus(taskPath) {
-      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.get(`${this.$root.apiUrl}/${taskPath}/status`, {
-        headers: {
-          Authorization: `Bearer ${token}`
-        }
-      });
-    },
-
-    getClusterTasks() {
-      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.get(`${this.$root.apiUrl}/cluster/tasks`, {
-        headers: {
-          Authorization: `Bearer ${token}`
-        }
-      });
-    },
-
-    createClusterTask(taskData) {
-      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.post(`${this.$root.apiUrl}/cluster/tasks`, taskData, {
-        headers: {
-          Authorization: `Bearer ${token}`
-        }
-      });
-    },
-
-    createClusterTaskForApp(taskData) {
-      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.post(`${window.parent.core.$root.apiUrl}/cluster/tasks`, taskData, {
-        headers: {
-          Authorization: `Bearer ${token}`
-        }
-      });
-    },
-
-    createModuleTaskForApp(moduleId, taskData) {
-      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.post(`${window.parent.core.$root.apiUrl}/module/${moduleId}/tasks`, taskData, {
-        headers: {
-          Authorization: `Bearer ${token}`
-        }
-      });
-    },
-
-    createNodeTask(nodeId, taskData) {
-      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
-      return this.axios.post(`${this.$root.apiUrl}/node/${nodeId}/tasks`, taskData, {
-        headers: {
-          Authorization: `Bearer ${token}`
-        }
-      });
-    },
-
-    getTaskTitle(task) {
-      if (task && task.context && task.context.extra && task.context.extra.title) {
-        return task.context.extra.title;
-      } else {
-        return "";
-      }
-    },
-
-    getTaskKind(task) {
-      switch (task.status) {
-        case "aborted":
-        case "validation-failed":
-          return "error";
-
-        case "completed":
-          return "success";
-
-        case "pending":
-          return "warning";
-
-        default:
-          return "info";
-      }
-    },
-
-    getTaskIcon(task) {
-      switch (task.status) {
-        case "aborted":
-        case "validation-failed":
-          return ErrorFilled16;
-
-        case "completed":
-          return CheckmarkFilled16;
-
-        case "pending":
-          return Warning16;
-
-        default:
-          return InformationFilled16;
-      }
-    },
-
-    getTaskStatusDescription(task, rootTask = true) {
-      let taskLabel = task.context.action; // use taskName instead of action, if available
-
-      if (task.context.extra && task.context.extra.taskName) {
-        taskLabel = task.context.extra.taskName;
-      }
-
-      const taskOrSubtask = rootTask ? "task" : "subtask";
-      let taskPrefix = "";
-
-      if (task.result && task.result.file) {
-        taskPrefix = task.result.file.split("task/")[0];
-      }
-
-      taskLabel = taskPrefix + taskLabel;
-
-      switch (task.status) {
-        case "aborted":
-          return this.$t("task." + taskOrSubtask + "_failed", {
-            task: taskLabel
-          });
-
-        case "validation-failed":
-          return this.$t("task." + taskOrSubtask + "_failed_validation", {
-            task: taskLabel
-          });
-
-        case "completed":
-          return this.$t("task." + taskOrSubtask + "_completed", {
-            task: taskLabel
-          });
-
-        case "pending":
-          return this.$t("task." + taskOrSubtask + "_pending", {
-            task: taskLabel
-          });
-
-        case "running":
-          return this.$t("task." + taskOrSubtask + "_running", {
-            task: taskLabel
-          });
-
-        default:
-          return "";
-      }
-    },
-
-    createErrorNotification(err, message) {
-      console.error(err);
-      this.$root.$emit("createErrorNotification", err, message);
-    },
-
-    createErrorNotificationForApp(err, message) {
-      console.error(err);
-      window.parent.core.$root.$emit("createErrorNotification", err, message);
-    }
-
-  }
-};
-
-var dataTable = {
-  name: "DataTableService",
-  mixins: [UtilService],
-
-  data() {
-    return {
-      pageStart: 0,
-      pageNumber: 0,
-      pageLength: 0
-    };
-  },
-
-  computed: {
-    pagination() {
-      return {
-        numberOfItems: this.tableRows.length,
-        pageSizes: [10, 25, 50, 100]
-      };
-    },
-
-    tablePage() {
-      if (this.pagination) {
-        return this.tableRows.slice(this.pageStart, this.pageStart + this.pageLength);
-      } else {
-        return this.tableRows;
-      }
-    }
-
-  },
-  methods: {
-    paginateTable(ev) {
-      this.pageStart = ev.start - 1;
-      this.pageNumber = ev.page;
-      this.pageLength = ev.length;
-    },
-
-    sortTable(ev) {
-      const order = ev.order;
-
-      if (order === "none") {
-        return;
-      }
-
-      const propertyToSort = this.tableColumns[ev.index];
-      this.tableRows.sort(this.sortByProperty(propertyToSort));
-
-      if (ev.order === "descending") {
-        this.tableRows.reverse();
-      }
-    }
-
-  }
-};
-
-function getPageTitle(vm) {
-  const {
-    pageTitle
-  } = vm.$options;
-
-  if (pageTitle) {
-    return typeof pageTitle === "function" ? pageTitle.call(vm) : pageTitle;
-  }
-}
-
-var pageTitle = {
-  name: "PageTitleService",
-
-  created() {
-    const pageTitle = getPageTitle(this);
-
-    if (pageTitle) {
-      // window.document would be ok for core, but with window.parent.document we support external apps too (window.parent == window, if it's the root window)
-      window.parent.document.title = pageTitle;
-    }
-  }
-
-};
+var NsPagination = __vue_component__$g;
 
 var v$3 = "5.6.1";
 var fr$3 = 24;
@@ -17359,16 +16924,1373 @@ var GearsLottie = {
 	markers: markers
 };
 
-var lottie = {
-  name: "IconService",
+var LottieService = {
+  name: "IconService",
+
+  data() {
+    return {
+      GhostLottie,
+      GhostDarkBgLottie,
+      RocketLottie,
+      GearsLottie
+    };
+  }
+
+};
+
+//
+var script = {
+  name: "NsDataTable",
+  extends: CvDataTable,
+  components: {
+    CvButton,
+    CvDataTableHeading,
+    CvDataTableRow,
+    CvDataTableCell,
+    CvCheckbox,
+    NsWrapper,
+    Search16,
+    Close16,
+    ChevronRight16,
+    NsPagination
+  },
+  mixins: [UtilService, LottieService],
+  props: {
+    actionBarAriaLabel: {
+      type: String,
+      default: "Table Action Bar"
+    },
+    collapseAllAriaLabel: {
+      type: String,
+      default: "Collapse all rows"
+    },
+    expandAllAriaLabel: {
+      type: String,
+      default: "Expand all rows"
+    },
+    selectAllAriaLabel: {
+      type: String,
+      default: "Select all rows"
+    },
+    autoWidth: Boolean,
+    batchCancelLabel: {
+      type: String,
+      default: "cancel"
+    },
+    borderless: Boolean,
+    overflowMenu: {
+      type: [Boolean, Array],
+      default: () => []
+    },
+    pageSizes: {
+      type: Array,
+      default: () => [10, 25, 50, 100]
+    },
+    rowSize: {
+      type: String,
+      default: "standard",
+      validator: val => ["compact", "short", "standard", "tall", ""].includes(val)
+    },
+    searchLabel: {
+      type: String,
+      default: "Search"
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search"
+    },
+    searchClearLabel: {
+      type: String,
+      default: "Clear search"
+    },
+    sortable: Boolean,
+    title: String,
+    columns: Array,
+    data: Array,
+    zebra: Boolean,
+    stickyHeader: Boolean,
+    rowsSelected: {
+      type: Array,
+      default: () => []
+    },
+    helperText: {
+      type: String,
+      default: undefined
+    },
+    expandingSearch: {
+      type: Boolean,
+      default: true
+    },
+    skeleton: Boolean,
+    hasExpandAll: Boolean,
+    staticWidth: Boolean,
+    // added
+    allRows: {
+      type: Array,
+      default: () => []
+    },
+    rawColumns: {
+      type: Array,
+      default: () => []
+    },
+    isSearchable: {
+      type: Boolean,
+      default: false
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    skeletonRows: {
+      type: Number,
+      default: 10
+    },
+    noSearchResultsLabel: {
+      type: String,
+      default: "No results"
+    },
+    noSearchResultsDescription: {
+      type: String,
+      default: "Try changing your search query"
+    },
+    // default value of following props is defined in NsPagination
+    itemsPerPageLabel: {
+      type: String,
+      default: undefined
+    },
+    rangeOfTotalItemsLabel: {
+      type: String,
+      default: undefined
+    },
+    ofTotalPagesLabel: {
+      type: String,
+      default: undefined
+    },
+    backwardText: {
+      type: String,
+      default: undefined
+    },
+    forwardText: {
+      type: String,
+      default: undefined
+    },
+    pageNumberLabel: {
+      type: String,
+      default: undefined
+    }
+  },
+
+  data() {
+    return {
+      filteredRows: [],
+      searchFilter: "",
+      pageStart: 0,
+      pageNumber: 0,
+      pageLength: 0
+    };
+  },
+
+  watch: {
+    allRows: function () {
+      this.filterRows();
+    },
+    filteredRows: function () {
+      this.$emit("updatePage", this.tablePage);
+    }
+  },
+
+  created() {
+    this.filterRows();
+  },
+
+  computed: {
+    newPagination() {
+      if (this.pageSizes.length) {
+        return {
+          numberOfItems: this.filteredRows.length,
+          pageSizes: this.pageSizes
+        };
+      } else {
+        return false;
+      }
+    },
+
+    tablePage() {
+      if (this.pageSizes.length) {
+        return this.filteredRows.slice(this.pageStart, this.pageStart + this.pageLength);
+      } else {
+        return this.filteredRows;
+      }
+    },
+
+    internalPagination() {
+      if (typeof this.newPagination === "object") {
+        return this.newPagination;
+      } else {
+        if (this.newPagination === true) {
+          return {};
+        }
+      }
+
+      return false;
+    }
+
+  },
+  methods: {
+    onSort(srcComponent, val) {
+      let index;
+
+      for (let colIndex in this.registeredHeadings) {
+        const column = this.registeredHeadings[colIndex];
+
+        if (column.uid === srcComponent.uid) {
+          column.internalOrder = val;
+          index = colIndex;
+        } else {
+          column.internalOrder = "none";
+        }
+      }
+
+      this.sortTable({
+        index,
+        order: val
+      });
+    },
+
+    onSearchInput() {
+      // workaround to detect click on clear search button; search is handled by filterRows() with debounce
+      if (!this.searchFilter) {
+        this.filteredRows = this.allRows;
+        this.focusElement("tableSearch");
+      }
+    },
+
+    filterRows() {
+      if (!this.searchFilter) {
+        this.filteredRows = this.allRows;
+      } else if (this.searchFilter) {
+        // clean query
+        const cleanRegex = /[^a-zA-Z0-9]/g;
+        const queryText = this.searchFilter.replace(cleanRegex, "");
+        const searchResults = this.allRows.filter(option => {
+          // compare query text with attributes option
+          return this.rawColumns.some(searchField => {
+            const searchValue = option[searchField];
+
+            if (searchValue) {
+              if (Array.isArray(searchValue)) {
+                // search field is an array (e.g. groups)
+                return searchValue.some(elem => {
+                  return new RegExp(queryText, "i").test(elem.replace(cleanRegex, ""));
+                });
+              } else {
+                // search field is a simple string
+                return new RegExp(queryText, "i").test(searchValue.replace(cleanRegex, ""));
+              }
+            } else {
+              return false;
+            }
+          });
+        }, this);
+        this.filteredRows = searchResults;
+      }
+    },
+
+    paginateTable(ev) {
+      this.pageStart = ev.start - 1;
+      this.pageNumber = ev.page;
+      this.pageLength = ev.length;
+      this.$emit("updatePage", this.tablePage);
+    },
+
+    sortTable(ev) {
+      const order = ev.order;
+
+      if (order === "none") {
+        return;
+      }
+
+      const propertyToSort = this.rawColumns[ev.index];
+      this.filteredRows.sort(this.sortByProperty(propertyToSort));
+
+      if (ev.order === "descending") {
+        this.filteredRows.reverse();
+      }
+
+      this.$emit("updatePage", this.tablePage);
+    }
+
+  }
+};
+
+/* script */
+const __vue_script__ = script;
+/* template */
+
+var __vue_render__$7 = function () {
+  var _obj, _obj$1, _obj$2, _obj$3;
+
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', [_vm.isSearchable ? _c('cv-search', {
+    directives: [{
+      name: "debounce",
+      rawName: "v-debounce",
+      value: _vm.filterRows,
+      expression: "filterRows"
+    }],
+    ref: "tableSearch",
+    attrs: {
+      "label": _vm.searchLabel,
+      "placeholder": _vm.searchPlaceholder,
+      "clear-aria-label": _vm.searchClearLabel,
+      "disabled": _vm.isLoading,
+      "light": false
+    },
+    on: {
+      "input": _vm.onSearchInput
+    },
+    model: {
+      value: _vm.searchFilter,
+      callback: function ($$v) {
+        _vm.searchFilter = $$v;
+      },
+      expression: "searchFilter"
+    }
+  }) : _vm._e(), _vm._v(" "), _vm.isLoading ? _c('cv-data-table-skeleton', {
+    attrs: {
+      "columns": _vm.columns,
+      "rows": _vm.skeletonRows
+    }
+  }) : !_vm.allRows.length ? [_c('cv-tile', [_vm._t("empty-state")], 2)] : !_vm.filteredRows.length ? _c('cv-tile', [_c('NsEmptyState', {
+    attrs: {
+      "title": _vm.noSearchResultsLabel,
+      "animationData": _vm.GhostLottie,
+      "animationTitle": "ghost",
+      "loop": 1
+    },
+    scopedSlots: _vm._u([{
+      key: "description",
+      fn: function () {
+        return [_c('div', [_vm._v(_vm._s(_vm.noSearchResultsDescription))])];
+      },
+      proxy: true
+    }])
+  })], 1) : _c('div', {
+    staticClass: "cv-data-table",
+    style: _vm.tableStyle
+  }, [_c('div', {
+    class: _vm.carbonPrefix + "--data-table-container"
+  }, [_vm.hasTableHeader ? _c('div', {
+    class: _vm.carbonPrefix + "--data-table-header"
+  }, [_vm.title ? _c('h4', {
+    class: _vm.carbonPrefix + "--data-table-header__title"
+  }, [_vm._v("\n          " + _vm._s(_vm.title) + "\n        ")]) : _vm._e(), _vm._v(" "), _vm.isHelper ? _c('p', {
+    class: _vm.carbonPrefix + "--data-table-header__description"
+  }, [_vm._t("helper-text", function () {
+    return [_vm._v(_vm._s(_vm.helperText))];
+  })], 2) : _vm._e()]) : _vm._e(), _vm._v(" "), _vm.hasToolbar ? _c('section', {
+    class: _vm.carbonPrefix + "--table-toolbar"
+  }, [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.hasBatchActions,
+      expression: "hasBatchActions"
+    }],
+    class: [_vm.carbonPrefix + "--batch-actions", (_obj = {}, _obj[_vm.carbonPrefix + "--batch-actions--active"] = _vm.batchActive, _obj)],
+    attrs: {
+      "aria-hidden": !_vm.batchActive,
+      "aria-label": _vm.actionBarAriaLabel
+    }
+  }, [_c('div', {
+    class: _vm.carbonPrefix + "--action-list"
+  }, [_vm._t("batch-actions"), _vm._v(" "), _c('cv-button', {
+    class: _vm.carbonPrefix + "--batch-summary__cancel",
+    attrs: {
+      "size": "small"
+    },
+    on: {
+      "click": _vm.deselect
+    }
+  }, [_vm._v(_vm._s(_vm.batchCancelLabel))])], 2), _vm._v(" "), _c('div', {
+    class: _vm.carbonPrefix + "--batch-summary"
+  }, [_c('p', {
+    class: _vm.carbonPrefix + "--batch-summary__para"
+  }, [_c('span', {
+    attrs: {
+      "data-items-selected": ""
+    }
+  }, [_vm._t("items-selected", function () {
+    return [_vm._v(_vm._s(_vm.dataRowsSelected.length) + " items selected")];
+  }, {
+    "scope": {
+      count: _vm.dataRowsSelected.length
+    }
+  })], 2)])])]), _vm._v(" "), _c('div', {
+    class: _vm.carbonPrefix + "--toolbar-content"
+  }, [_vm.$listeners.search ? _c('div', {
+    ref: "searchContainer",
+    class: (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--toolbar-search-container-active"] = _vm.searchActive || _vm.searchValue.length > 0, _obj$1[_vm.carbonPrefix + "--toolbar-search-container-persistent"] = !_vm.expandingSearch, _obj$1[_vm.carbonPrefix + "--toolbar-search-container-expandable"] = _vm.expandingSearch, _obj$1)
+  }, [_c('div', {
+    class: _vm.carbonPrefix + "--search " + _vm.carbonPrefix + "--search--sm",
+    attrs: {
+      "data-search": "",
+      "role": "search"
+    }
+  }, [_c('div', {
+    ref: "magnifier",
+    class: _vm.carbonPrefix + "--search-magnifier",
+    attrs: {
+      "tabindex": "0"
+    },
+    on: {
+      "click": function ($event) {
+        return _vm.checkSearchExpand(true);
+      },
+      "keydown": [function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+          return null;
+        }
+
+        $event.preventDefault();
+        return _vm.checkSearchExpand(true);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
+          return null;
+        }
+
+        $event.preventDefault();
+      }],
+      "keyup": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
+          return null;
+        }
+
+        $event.preventDefault();
+        return _vm.checkSearchExpand(true);
+      }
+    }
+  }, [_c('Search16', {
+    class: _vm.carbonPrefix + "--toolbar-action__icon"
+  })], 1), _vm._v(" "), _c('label', {
+    class: _vm.carbonPrefix + "--label",
+    attrs: {
+      "for": _vm.uid
+    }
+  }, [_vm._v(_vm._s(_vm.searchLabel))]), _vm._v(" "), _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model",
+      value: _vm.searchValue,
+      expression: "searchValue"
+    }],
+    ref: "search",
+    class: _vm.carbonPrefix + "--search-input",
+    attrs: {
+      "type": "text",
+      "id": _vm.uid,
+      "role": "search",
+      "placeholder": _vm.searchPlaceholder,
+      "aria-labelledby": _vm.uid
+    },
+    domProps: {
+      "value": _vm.searchValue
+    },
+    on: {
+      "input": [function ($event) {
+        if ($event.target.composing) {
+          return;
+        }
+
+        _vm.searchValue = $event.target.value;
+      }, _vm.onSearch],
+      "keydown": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
+          return null;
+        }
+
+        $event.preventDefault();
+        return _vm.checkSearchExpand(false);
+      }
+    }
+  }), _vm._v(" "), _c('button', {
+    class: [_vm.carbonPrefix + "--search-close", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--search-close--hidden"] = !_vm.clearSearchVisible, _obj$2)],
+    attrs: {
+      "title": _vm.searchClearLabel,
+      "aria-label": _vm.searchClearLabel,
+      "type": "button"
+    },
+    on: {
+      "click": _vm.onClearClick
+    }
+  }, [_c('Close16')], 1)])]) : _vm._e(), _vm._v(" "), _vm._t("actions")], 2)]) : _vm._e(), _vm._v(" "), _c('div', {
+    class: _vm.carbonPrefix + "--data-table-content"
+  }, [_c('NsWrapper', {
+    class: _vm.carbonPrefix + "--data-table_inner-container",
+    attrs: {
+      "tagType": _vm.stickyHeader ? _vm.section : ''
+    }
+  }, [_c('table', {
+    class: [_vm.carbonPrefix + "--data-table", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--data-table--" + _vm.rowSize + " "] = !(_vm.rowSize.length === 0 || _vm.rowSize === 'standard'), _obj$3[_vm.carbonPrefix + "--data-table--zebra "] = _vm.zebra, _obj$3[_vm.carbonPrefix + "--data-table--sticky-header "] = _vm.stickyHeader, _obj$3[_vm.carbonPrefix + "--data-table--no-border "] = _vm.borderless, _obj$3[_vm.carbonPrefix + "--skeleton "] = _vm.skeleton, _obj$3[_vm.carbonPrefix + "--data-table--sort "] = _vm.isSortable, _obj$3[_vm.carbonPrefix + "--data-table--static "] = _vm.staticWidth, _obj$3)]
+  }, [_c('thead', [_c('tr', [_vm.hasExpandables ? _c('th', {
+    class: _vm.carbonPrefix + "--table-expand",
+    attrs: {
+      "data-previous-value": _vm.dataExpandAll ? 'collapsed' : 'expanded'
+    }
+  }, [_vm.hasExpandAll ? _c('button', {
+    class: _vm.carbonPrefix + "--table-expand__button",
+    attrs: {
+      "type": "button",
+      "aria-label": _vm.dataExpandAll ? _vm.collapseAllAriaLabel : _vm.expandAllAriaLabel
+    },
+    on: {
+      "click": _vm.toggleExpandAll
+    }
+  }, [_c('ChevronRight16', {
+    class: _vm.carbonPrefix + "--table-expand__svg"
+  })], 1) : _vm._e()]) : _vm._e(), _vm._v(" "), _vm.hasBatchActions ? _c('th', {
+    class: _vm.carbonPrefix + "--table-column-checkbox"
+  }, [_c('cv-checkbox', {
+    attrs: {
+      "form-item": false,
+      "value": "headingCheck",
+      "label": _vm.selectAllAriaLabel,
+      "hideLabel": ""
+    },
+    on: {
+      "change": _vm.onHeadingCheckChange
+    },
+    model: {
+      value: _vm.headingChecked,
+      callback: function ($$v) {
+        _vm.headingChecked = $$v;
+      },
+      expression: "headingChecked"
+    }
+  })], 1) : _vm._e(), _vm._v(" "), _vm._t("headings", function () {
+    return _vm._l(_vm.columns, function (column, index) {
+      return _c('cv-data-table-heading', {
+        key: index + ":" + column,
+        attrs: {
+          "heading": _vm.columnHeading(column),
+          "sortable": _vm.isColSortable(column),
+          "order": column.order,
+          "heading-style": _vm.headingStyle(column),
+          "skeleton": _vm.skeleton
+        }
+      });
+    });
+  }), _vm._v(" "), _vm.hasOverflowMenu ? _c('th') : _vm._e()], 2)]), _vm._v(" "), _c('NsWrapper', {
+    attrs: {
+      "tag-type": _vm.hasExpandables ? '' : 'tbody'
+    }
+  }, [_vm._t("data", function () {
+    return _vm._l(_vm.data, function (row, rowIndex) {
+      return _c('cv-data-table-row', {
+        key: "row:" + rowIndex,
+        ref: "dataRows",
+        refInFor: true,
+        attrs: {
+          "value": "" + rowIndex,
+          "overflow-menu": _vm.overflowMenu
+        }
+      }, _vm._l(row, function (cell, colIndex) {
+        return _c('cv-data-table-cell', {
+          key: "cell:" + colIndex + ":" + rowIndex,
+          style: _vm.dataStyle(colIndex)
+        }, [_c('NsWrapper', {
+          attrs: {
+            "tag-type": _vm.skeleton ? 'span' : ''
+          }
+        }, [_vm._v(_vm._s(cell))])], 1);
+      }), 1);
+    });
+  })], 2)], 1)])], 1)]), _vm._v(" "), _vm.newPagination ? _c('NsPagination', _vm._b({
+    attrs: {
+      "number-of-items": _vm.internalNumberOfItems,
+      "actual-items-on-page": this.registeredRows.length,
+      "pageSizesLabel": _vm.itemsPerPageLabel,
+      "rangeOfTotalItemsLabel": _vm.rangeOfTotalItemsLabel,
+      "ofTotalPagesLabel": _vm.ofTotalPagesLabel,
+      "backwardText": _vm.backwardText,
+      "forwardText": _vm.forwardText,
+      "pageNumberLabel": _vm.pageNumberLabel
+    },
+    on: {
+      "change": function ($event) {
+        return _vm.paginateTable($event);
+      }
+    },
+    scopedSlots: _vm._u([{
+      key: "range-text",
+      fn: function (ref) {
+        var scope = ref.scope;
+        return [_vm.$scopedSlots['range-text'] ? _vm._t("range-text", null, {
+          "scope": scope
+        }) : _vm._e()];
+      }
+    }, {
+      key: "of-n-pages",
+      fn: function (ref) {
+        var scope = ref.scope;
+        return [_vm.$scopedSlots['of-n-pages'] ? _vm._t("of-n-pages", null, {
+          "scope": scope
+        }) : _vm._e()];
+      }
+    }], null, true)
+  }, 'NsPagination', _vm.internalPagination, false)) : _vm._e()], 1)], 2);
+};
+
+var __vue_staticRenderFns__$7 = [];
+/* style */
+
+const __vue_inject_styles__$7 = undefined;
+/* scoped */
+
+const __vue_scope_id__$7 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$7 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$7 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$e = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$7,
+  staticRenderFns: __vue_staticRenderFns__$7
+}, __vue_inject_styles__$7, __vue_script__, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+
+var __vue_component__$f = __vue_component__$e;
+
+/* script */
+
+/* template */
+var __vue_render__$6 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "gear_2_",
+      "d": "M18.958,31.36h-5.915c-0.199,0-0.36-0.161-0.36-0.36v-3.633l-2.368-0.99l-2.576,2.575\n\tc-0.141,0.141-0.368,0.141-0.509,0L3.048,24.77c-0.141-0.141-0.141-0.369,0-0.51l2.568-2.568l-0.974-2.375H1\n\tc-0.199,0-0.36-0.161-0.36-0.36v-5.915c0-0.199,0.161-0.36,0.36-0.36h3.632l0.991-2.368L3.048,7.739\n\tc-0.141-0.141-0.141-0.368,0-0.509L7.23,3.048C7.298,2.98,7.389,2.942,7.485,2.942l0,0c0.096,0,0.187,0.038,0.254,0.105l2.568,2.569\n\tl2.375-0.975V1c0-0.199,0.161-0.36,0.36-0.36h5.915c0.199,0,0.36,0.161,0.36,0.36v3.632l2.367,0.991l2.575-2.575\n\tc0.141-0.141,0.369-0.141,0.51,0l4.183,4.182c0.067,0.067,0.105,0.159,0.105,0.254s-0.038,0.187-0.105,0.254l-2.569,2.568\n\tl0.975,2.375H31c0.199,0,0.36,0.161,0.36,0.36v5.915c0,0.199-0.161,0.36-0.36,0.36h-3.633l-0.99,2.368l2.576,2.575\n\tc0.067,0.067,0.105,0.159,0.105,0.255s-0.038,0.188-0.105,0.255l-4.183,4.182c-0.141,0.141-0.369,0.141-0.51,0l-2.568-2.568\n\tl-2.374,0.974V31C19.318,31.199,19.157,31.36,18.958,31.36z M13.403,30.64h5.195v-3.523c0-0.146,0.089-0.277,0.224-0.333\n\tl2.819-1.156c0.134-0.057,0.288-0.024,0.392,0.078l2.483,2.483l3.674-3.673l-2.492-2.491c-0.103-0.104-0.134-0.259-0.077-0.394\n\tl1.176-2.812c0.056-0.134,0.187-0.222,0.332-0.222h3.512v-5.194h-3.522c-0.146,0-0.277-0.088-0.333-0.223l-1.157-2.82\n\tc-0.055-0.134-0.024-0.289,0.078-0.391l2.484-2.483l-3.674-3.673l-2.491,2.491c-0.104,0.103-0.26,0.134-0.394,0.078L18.82,5.206\n\tc-0.134-0.056-0.222-0.187-0.222-0.332V1.36h-5.195v3.523c0,0.146-0.088,0.278-0.223,0.333l-2.82,1.157\n\tc-0.135,0.055-0.289,0.024-0.391-0.079L7.485,3.812L3.812,7.484l2.491,2.492c0.104,0.103,0.134,0.259,0.078,0.394l-1.177,2.812\n\tc-0.056,0.134-0.187,0.221-0.332,0.221H1.36v5.194h3.524c0.146,0,0.278,0.089,0.333,0.224l1.157,2.82\n\tc0.055,0.135,0.024,0.289-0.079,0.392l-2.483,2.483l3.673,3.673l2.492-2.491c0.103-0.104,0.26-0.133,0.393-0.077l2.812,1.176\n\tc0.134,0.056,0.221,0.187,0.221,0.332V30.64z M16,23.36c-4.058,0-7.36-3.302-7.36-7.36S11.942,8.64,16,8.64\n\tc4.059,0,7.36,3.302,7.36,7.36C23.36,20.059,20.059,23.36,16,23.36z M16,9.36c-3.661,0-6.64,2.979-6.64,6.64s2.979,6.64,6.64,6.64\n\ts6.64-2.979,6.64-6.64S19.661,9.36,16,9.36z"
+    }
+  });
+};
+
+var __vue_staticRenderFns__$6 = [];
+/* style */
+
+const __vue_inject_styles__$6 = undefined;
+/* scoped */
+
+const __vue_scope_id__$6 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$6 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$6 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$c = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$6,
+  staticRenderFns: __vue_staticRenderFns__$6
+}, __vue_inject_styles__$6, {}, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
+
+var __vue_component__$d = __vue_component__$c;
+
+/* script */
+
+/* template */
+var __vue_render__$5 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "love_1_",
+      "d": "M16.032,29.247c-0.092,0-0.185-0.035-0.255-0.105L3.008,16.373c-1.507-1.507-2.337-3.506-2.337-5.629\n\t\tc0-2.139,0.83-4.147,2.337-5.655c1.506-1.506,3.508-2.335,5.639-2.337c0,0,0.001,0,0.002,0c2.132,0,4.136,0.83,5.643,2.337\n\t\tl1.74,1.74l1.74-1.74c1.507-1.507,3.511-2.337,5.642-2.337c0.003,0,0.005,0,0.008,0c2.128,0.002,4.129,0.832,5.635,2.337\n\t\tc1.507,1.508,2.337,3.511,2.337,5.642s-0.83,4.134-2.337,5.642L16.287,29.142C16.216,29.212,16.124,29.247,16.032,29.247z\n\t\t M8.649,3.473c0,0-0.001,0-0.002,0C6.709,3.474,4.888,4.229,3.518,5.599C2.147,6.97,1.392,8.797,1.392,10.744\n\t\tc0,1.931,0.755,3.749,2.126,5.119l0,0l12.514,12.514l12.514-12.514c1.371-1.371,2.126-3.193,2.126-5.132s-0.755-3.761-2.126-5.132\n\t\tc-1.37-1.369-3.19-2.124-5.125-2.126c-0.003,0-0.006,0-0.008,0c-1.938,0-3.761,0.754-5.132,2.126l-1.995,1.995\n\t\tc-0.141,0.141-0.369,0.141-0.51,0l-1.995-1.995C12.412,4.228,10.588,3.473,8.649,3.473z"
+    }
+  });
+};
+
+var __vue_staticRenderFns__$5 = [];
+/* style */
+
+const __vue_inject_styles__$5 = undefined;
+/* scoped */
+
+const __vue_scope_id__$5 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$5 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$5 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$a = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$5,
+  staticRenderFns: __vue_staticRenderFns__$5
+}, __vue_inject_styles__$5, {}, __vue_scope_id__$5, __vue_is_functional_template__$5, __vue_module_identifier__$5, false, undefined, undefined, undefined);
+
+var __vue_component__$b = __vue_component__$a;
+
+/* script */
+
+/* template */
+var __vue_render__$4 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "warning--01_1_",
+      "d": "M31,29.36H1c-0.128,0-0.248-0.069-0.312-0.181c-0.064-0.111-0.064-0.248,0-0.359l15-26\n\tc0.129-0.224,0.495-0.224,0.624,0l15,26c0.064,0.111,0.064,0.248,0,0.359S31.129,29.36,31,29.36z M1.624,28.64h28.753L16,3.72\n\tL1.624,28.64z M16.36,20h-0.72V10h0.72V20z M16,23c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S16.552,23,16,23z"
+    }
+  });
+};
+
+var __vue_staticRenderFns__$4 = [];
+/* style */
+
+const __vue_inject_styles__$4 = undefined;
+/* scoped */
+
+const __vue_scope_id__$4 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$4 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$4 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$8 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$4,
+  staticRenderFns: __vue_staticRenderFns__$4
+}, __vue_inject_styles__$4, {}, __vue_scope_id__$4, __vue_is_functional_template__$4, __vue_module_identifier__$4, false, undefined, undefined, undefined);
+
+var __vue_component__$9 = __vue_component__$8;
+
+/* script */
+
+/* template */
+var __vue_render__$3 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "bulldozer_1_",
+      "d": "M17,7.36c-1.618,0-1.86-1.009-1.86-1.61V4c0-0.142-0.028-1.382-1.01-1.382c-1.27,0-1.99-0.59-1.99-1.618\n\tc0-0.199,0.161-0.36,0.36-0.36S12.86,0.801,12.86,1c0,0.222,0,0.898,1.257,0.898c1.202,0,1.743,1.089,1.743,2.102v1.75\n\tc0,0.462,0.138,0.89,1.14,0.89c0.199,0,0.36,0.161,0.36,0.36S17.199,7.36,17,7.36z M14,6.604c-1.092,0-1.854-0.763-1.854-1.854V4\n\tc0-0.199,0.161-0.36,0.36-0.36s0.36,0.161,0.36,0.36v0.75c0,0.548,0.298,1.135,1.135,1.135c0.199,0,0.36,0.161,0.36,0.36\n\tS14.198,6.604,14,6.604z M17,4.362c-0.199,0-0.36-0.161-0.36-0.36V2.508c0-0.529-0.299-1.148-1.14-1.148\n\tc-0.199,0-0.36-0.161-0.36-0.36s0.161-0.36,0.36-0.36c1.095,0,1.86,0.768,1.86,1.868v1.495C17.36,4.201,17.199,4.362,17,4.362z\n\t M5,28c0,0.552-0.448,1-1,1s-1-0.448-1-1s0.448-1,1-1S5,27.448,5,28z M8.5,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1\n\tS9.052,27,8.5,27z M13,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S13.552,27,13,27z M17.5,27c-0.552,0-1,0.448-1,1\n\ts0.448,1,1,1s1-0.448,1-1S18.052,27,17.5,27z M22,27c-0.552,0-1,0.448-1,1s0.448,1,1,1s1-0.448,1-1S22.552,27,22,27z M22,31.36H4\n\tc-1.853,0-3.36-1.508-3.36-3.36c0-1.731,1.316-3.161,3-3.341V23.36H1c-0.199,0-0.36-0.161-0.36-0.36V9c0-0.199,0.161-0.36,0.36-0.36\n\th12c0.199,0,0.36,0.161,0.36,0.36v2c0,0.199-0.161,0.36-0.36,0.36h-1.64v5.28h8.28V7.362L18,7.36V6.64l2,0.002\n\tc0.199,0,0.36,0.161,0.36,0.36v9.638c1.106,0.024,2,0.935,2,2.052v1.947h2.252c0.082-0.979,0.496-1.937,1.244-2.685\n\tc0.067-0.067,0.159-0.105,0.255-0.105h2.596c0.438-1.124,1.117-2.183,2.038-3.104l0.51,0.509c-1.568,1.568-2.432,3.608-2.432,5.746\n\ts0.863,4.178,2.432,5.745l-0.51,0.51c-0.921-0.922-1.601-1.981-2.038-3.104h-2.596c-0.096,0-0.188-0.038-0.255-0.105\n\tc-0.748-0.748-1.162-1.705-1.244-2.685H22.36v3.299c1.684,0.18,3,1.609,3,3.341C25.36,29.853,23.853,31.36,22,31.36z M4,25.36\n\tc-1.456,0-2.64,1.184-2.64,2.64S2.544,30.64,4,30.64h18c1.456,0,2.64-1.184,2.64-2.64s-1.184-2.64-2.64-2.64H4z M4.36,24.64h17.28\n\tv-5.947c0-0.734-0.594-1.332-1.324-1.332H1.36v5.279H4c0.199,0,0.36,0.161,0.36,0.36V24.64z M26.265,23.43h2.198\n\tc-0.464-1.588-0.464-3.271,0-4.859h-2.198c-0.613,0.664-0.95,1.521-0.95,2.43S25.651,22.766,26.265,23.43z M5.36,16.64h5.28v-5.28\n\tH5.36V16.64z M1.36,16.64h3.28v-5.28H1.36V16.64z M1.36,10.64h11.28V9.36H1.36V10.64z M11,19.36H9v-0.72h2V19.36z"
+    }
+  });
+};
+
+var __vue_staticRenderFns__$3 = [];
+/* style */
+
+const __vue_inject_styles__$3 = undefined;
+/* scoped */
+
+const __vue_scope_id__$3 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$3 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$3 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$6 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, {}, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
+
+var __vue_component__$7 = __vue_component__$6;
+
+/* script */
+
+/* template */
+var __vue_render__$2 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "group",
+      "d": "M24.36,31h-0.72v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316\n\tc-0.015-0.154,0.071-0.3,0.212-0.363c1.517-0.675,2.496-2.181,2.496-3.836c0-2.316-1.884-4.201-4.2-4.201S11.8,9.244,11.8,11.561\n\tc0,1.655,0.98,3.162,2.496,3.836c0.141,0.063,0.227,0.209,0.212,0.363c-0.014,0.153-0.125,0.281-0.275,0.316\n\tc-3.458,0.82-5.872,3.872-5.872,7.424V31H7.64v-7.5c0-3.592,2.257-6.718,5.585-7.879c-1.326-0.907-2.146-2.421-2.146-4.061\n\tc0-1.964,1.157-3.664,2.826-4.452C14.101,6.617,14.2,6.097,14.2,5.561c0-2.316-1.884-4.201-4.2-4.201S5.799,3.244,5.799,5.561\n\tc0,1.656,0.98,3.162,2.496,3.836C8.437,9.46,8.521,9.606,8.507,9.76c-0.014,0.153-0.125,0.281-0.275,0.316\n\tC4.774,10.896,2.36,13.948,2.36,17.5V25H1.64v-7.5c0-3.592,2.257-6.718,5.585-7.879C5.899,8.714,5.08,7.2,5.08,5.561\n\tc0-2.713,2.207-4.92,4.92-4.92s4.92,2.207,4.92,4.92c0,0.422-0.052,0.836-0.157,1.237c0.791-0.205,1.683-0.205,2.473,0\n\tc-0.104-0.401-0.157-0.815-0.157-1.237c0-2.713,2.208-4.92,4.921-4.92s4.921,2.207,4.921,4.92c0,1.64-0.82,3.154-2.146,4.061\n\tc3.329,1.161,5.586,4.287,5.586,7.879V25H29.64v-7.5c0-3.552-2.414-6.604-5.872-7.424c-0.15-0.036-0.261-0.163-0.275-0.316\n\tc-0.015-0.154,0.071-0.3,0.212-0.363C25.221,8.722,26.2,7.216,26.2,5.561c0-2.316-1.884-4.201-4.2-4.201s-4.2,1.884-4.2,4.201\n\tc0,0.536,0.099,1.056,0.295,1.548c1.669,0.789,2.826,2.488,2.826,4.452c0,1.64-0.82,3.154-2.146,4.061\n\tc3.329,1.161,5.586,4.287,5.586,7.879L24.36,31L24.36,31z"
+    }
+  });
+};
+
+var __vue_staticRenderFns__$2 = [];
+/* style */
+
+const __vue_inject_styles__$2 = undefined;
+/* scoped */
+
+const __vue_scope_id__$2 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$2 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$2 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$2,
+  staticRenderFns: __vue_staticRenderFns__$2
+}, __vue_inject_styles__$2, {}, __vue_scope_id__$2, __vue_is_functional_template__$2, __vue_module_identifier__$2, false, undefined, undefined, undefined);
+
+var __vue_component__$5 = __vue_component__$4;
+
+/* script */
+
+/* template */
+var __vue_render__$1 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "hard--drive",
+      "d": "M26,6c-0.552,0-1-0.448-1-1s0.448-1,1-1s1,0.448,1,1S26.552,6,26,6z M27,16c0-0.552-0.448-1-1-1\n\ts-1,0.448-1,1s0.448,1,1,1S27,16.552,27,16z M27,27c0-0.552-0.448-1-1-1s-1,0.448-1,1s0.448,1,1,1S27,27.552,27,27z M31,31.36H1\n\tc-0.199,0-0.36-0.161-0.36-0.36v-8c0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8\n\tC31.36,31.199,31.199,31.36,31,31.36z M1.36,30.64h29.28v-7.28H1.36V30.64z M31,20.36H1c-0.199,0-0.36-0.161-0.36-0.36v-8\n\tc0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8C31.36,20.199,31.199,20.36,31,20.36z M1.36,19.64h29.28v-7.28\n\tH1.36V19.64z M31,9.36H1C0.801,9.36,0.64,9.199,0.64,9V1c0-0.199,0.161-0.36,0.36-0.36h30c0.199,0,0.36,0.161,0.36,0.36v8\n\tC31.36,9.199,31.199,9.36,31,9.36z M1.36,8.64h29.28V1.36H1.36V8.64z"
+    }
+  });
+};
+
+var __vue_staticRenderFns__$1 = [];
+/* style */
+
+const __vue_inject_styles__$1 = undefined;
+/* scoped */
+
+const __vue_scope_id__$1 = undefined;
+/* module identifier */
+
+const __vue_module_identifier__$1 = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$1 = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$2 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$1,
+  staticRenderFns: __vue_staticRenderFns__$1
+}, __vue_inject_styles__$1, {}, __vue_scope_id__$1, __vue_is_functional_template__$1, __vue_module_identifier__$1, false, undefined, undefined, undefined);
+
+var __vue_component__$3 = __vue_component__$2;
+
+/* script */
+
+/* template */
+var __vue_render__ = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('path', {
+    attrs: {
+      "id": "user_1_",
+      "d": "M31.36,31h-0.72c0-6.432-4.777-12.232-11.359-13.792c-0.15-0.036-0.261-0.163-0.275-0.317\n\tc-0.015-0.153,0.071-0.299,0.212-0.362c2.861-1.273,4.71-4.116,4.71-7.241c0-4.371-3.556-7.927-7.927-7.927\n\tc-4.372,0-7.928,3.556-7.928,7.927c0,3.125,1.849,5.968,4.711,7.241c0.141,0.063,0.226,0.209,0.212,0.362\n\tc-0.014,0.154-0.125,0.281-0.275,0.317C6.137,18.768,1.36,24.568,1.36,31H0.64c0-6.46,4.574-12.312,11.002-14.248\n\tc-2.634-1.539-4.291-4.375-4.291-7.465c0-4.768,3.879-8.647,8.648-8.647c4.768,0,8.647,3.879,8.647,8.647\n\tc0,3.09-1.656,5.926-4.29,7.465C26.786,18.688,31.36,24.54,31.36,31z"
+    }
+  });
+};
+
+var __vue_staticRenderFns__ = [];
+/* style */
+
+const __vue_inject_styles__ = undefined;
+/* scoped */
+
+const __vue_scope_id__ = undefined;
+/* module identifier */
+
+const __vue_module_identifier__ = undefined;
+/* functional template */
+
+const __vue_is_functional_template__ = false;
+/* style inject */
+
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__,
+  staticRenderFns: __vue_staticRenderFns__
+}, __vue_inject_styles__, {}, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
+
+var __vue_component__$1 = __vue_component__;
+
+var queryParam = {
+  name: "QueryParamService",
+  methods: {
+    // used by core and external apps to dynamically register a watch for every object inside data.q
+    watchQueryData(context) {
+      if (context.q) {
+        Object.keys(context.q).forEach(dataItem => {
+          context.$watch("q." + dataItem, function () {
+            this.dataToQueryParams(context);
+          });
+        });
+      }
+    },
+
+    // used only by external apps to sync UI status with URL query parameters
+    initUrlBindingForApp(context, page) {
+      let queryParams = this.getQueryParamsForApp();
+      const requestedPage = queryParams.page || "status";
+
+      if (requestedPage != page) {
+        return;
+      }
+
+      this.syncQueryParamsAndDataForApp(context);
+      return setInterval(() => this.checkUrlChangeForApp(context, page), 500);
+    },
+
+    // used only by external apps to sync UI status with URL query parameters
+    syncQueryParamsAndDataForApp(context) {
+      this.queryParamsToDataForApp(context);
+      this.dataToQueryParams(context);
+    },
+
+    // used to sync UI status with URL query parameters
+    dataToQueryParams(context) {
+      let queryParams = [];
+
+      for (const [key, value] of Object.entries(context.q)) {
+        queryParams.push(key + "=" + encodeURIComponent(value));
+      }
+
+      const urlWithParams = window.parent.core.$route.path + "?" + queryParams.join("&");
+
+      if (window.parent.core.$route.fullPath != urlWithParams) {
+        window.parent.core.$router.replace(urlWithParams);
+      }
+    },
+
+    // used only by external apps to sync UI status with URL query parameters
+    checkUrlChangeForApp(context, page) {
+      const newUrl = window.parent.location.href;
+
+      if (newUrl != context.currentUrl) {
+        context.currentUrl = newUrl;
+        const queryParams = this.getQueryParamsForApp();
+        const requestedPage = queryParams.page || "status"; // emit app navigation event
+
+        const appInstance = /#\/apps\/(\w+)/.exec(window.parent.location.hash)[1];
+        context.$root.$emit("appNavigation", appInstance, requestedPage);
+
+        if (requestedPage !== page) {
+          // trigger a custom event to change app route
+          window.dispatchEvent(new CustomEvent("changeRoute", {
+            detail: requestedPage
+          }));
+        } else {
+          this.syncQueryParamsAndDataForApp(context);
+        }
+      }
+
+      context.currentUrl = window.parent.location.href;
+    },
+
+    getPage() {
+      let queryParams = this.getQueryParamsForApp();
+      const page = queryParams.page || "status";
+      return page;
+    },
+
+    queryParamsToDataForCore(context, queryParams) {
+      if (context.q) {
+        Object.keys(context.q).forEach(dataItem => {
+          if (typeof queryParams[dataItem] !== "undefined") {
+            context.q[dataItem] = this.getTypedValue(queryParams[dataItem]);
+          }
+        });
+      }
+    },
+
+    // used to map a query string parameter value to its typed value
+    getTypedValue(stringValue) {
+      if (stringValue === "true") {
+        return true;
+      }
+
+      if (stringValue === "false") {
+        return false;
+      }
+
+      return stringValue;
+    },
+
+    // used only by external apps to sync UI status with URL query parameters
+    queryParamsToDataForApp(context) {
+      let queryParams = this.getQueryParamsForApp();
+
+      if (context.q) {
+        Object.keys(context.q).forEach(dataItem => {
+          if (typeof queryParams[dataItem] !== "undefined") {
+            context.q[dataItem] = this.getTypedValue(queryParams[dataItem]);
+          }
+        });
+      }
+    },
+
+    // used only by core to extract query parameters from URL
+    getQueryParamsForCore() {
+      if (!window.location.hash.includes("?") || window.location.hash.split("?").length < 2) {
+        return {};
+      }
+
+      const params = new URLSearchParams(window.location.hash.split("?").pop());
+      let queryParams = {};
+      params.forEach((value, key) => {
+        if (key) {
+          queryParams[key] = value;
+        }
+      });
+      return queryParams;
+    },
+
+    // used only by external apps to extract query parameters from URL
+    getQueryParamsForApp() {
+      if (!window.parent.location.hash.includes("?") || window.parent.location.hash.split("?").length < 2) {
+        return {};
+      }
+
+      const params = new URLSearchParams(window.parent.location.hash.split("?").pop());
+      let queryParams = {};
+      params.forEach((value, key) => {
+        if (key) {
+          queryParams[key] = value;
+        }
+      });
+      return queryParams;
+    }
+
+  }
+};
+
+var StorageService = {
+  name: "StorageService",
+  methods: {
+    getFromStorage(prop) {
+      return JSON.parse(localStorage.getItem(prop));
+    },
+
+    saveToStorage(prop, object) {
+      localStorage.setItem(prop, JSON.stringify(object));
+    },
+
+    deleteFromStorage(prop) {
+      localStorage.removeItem(prop);
+    }
+
+  }
+};
+
+var task = {
+  name: "TaskService",
+  mixins: [StorageService, UtilService],
+  methods: {
+    getTaskContext(taskPath) {
+      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
+      return this.axios.get(`${this.$root.apiUrl}/${taskPath}/context`, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+    },
+
+    getTaskStatus(taskPath) {
+      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
+      return this.axios.get(`${this.$root.apiUrl}/${taskPath}/status`, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+    },
+
+    getClusterTasks() {
+      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
+      return this.axios.get(`${this.$root.apiUrl}/cluster/tasks`, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+    },
+
+    createClusterTask(taskData) {
+      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
+      return this.axios.post(`${this.$root.apiUrl}/cluster/tasks`, taskData, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+    },
+
+    createClusterTaskForApp(taskData) {
+      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
+      return this.axios.post(`${window.parent.core.$root.apiUrl}/cluster/tasks`, taskData, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+    },
+
+    createModuleTaskForApp(moduleId, taskData) {
+      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
+      return this.axios.post(`${window.parent.core.$root.apiUrl}/module/${moduleId}/tasks`, taskData, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+    },
+
+    createNodeTask(nodeId, taskData) {
+      const token = this.getFromStorage("loginInfo") ? this.getFromStorage("loginInfo").token : "";
+      return this.axios.post(`${this.$root.apiUrl}/node/${nodeId}/tasks`, taskData, {
+        headers: {
+          Authorization: `Bearer ${token}`
+        }
+      });
+    },
+
+    getTaskTitle(task) {
+      if (task && task.context && task.context.extra && task.context.extra.title) {
+        return task.context.extra.title;
+      } else {
+        return "";
+      }
+    },
+
+    getTaskKind(task) {
+      switch (task.status) {
+        case "aborted":
+        case "validation-failed":
+          return "error";
+
+        case "completed":
+          return "success";
+
+        case "pending":
+          return "warning";
+
+        default:
+          return "info";
+      }
+    },
+
+    getTaskIcon(task) {
+      switch (task.status) {
+        case "aborted":
+        case "validation-failed":
+          return ErrorFilled16;
+
+        case "completed":
+          return CheckmarkFilled16;
+
+        case "pending":
+          return Warning16;
+
+        default:
+          return InformationFilled16;
+      }
+    },
+
+    getTaskStatusDescription(task, rootTask = true) {
+      let taskLabel = task.context.action; // use taskName instead of action, if available
+
+      if (task.context.extra && task.context.extra.taskName) {
+        taskLabel = task.context.extra.taskName;
+      }
+
+      const taskOrSubtask = rootTask ? "task" : "subtask";
+      let taskPrefix = "";
+
+      if (task.result && task.result.file) {
+        taskPrefix = task.result.file.split("task/")[0];
+      }
+
+      taskLabel = taskPrefix + taskLabel;
+
+      switch (task.status) {
+        case "aborted":
+          return this.$t("task." + taskOrSubtask + "_failed", {
+            task: taskLabel
+          });
+
+        case "validation-failed":
+          return this.$t("task." + taskOrSubtask + "_failed_validation", {
+            task: taskLabel
+          });
+
+        case "completed":
+          return this.$t("task." + taskOrSubtask + "_completed", {
+            task: taskLabel
+          });
+
+        case "pending":
+          return this.$t("task." + taskOrSubtask + "_pending", {
+            task: taskLabel
+          });
+
+        case "running":
+          return this.$t("task." + taskOrSubtask + "_running", {
+            task: taskLabel
+          });
+
+        default:
+          return "";
+      }
+    },
+
+    createErrorNotification(err, message) {
+      console.error(err);
+      this.$root.$emit("createErrorNotification", err, message);
+    },
+
+    createErrorNotificationForApp(err, message) {
+      console.error(err);
+      window.parent.core.$root.$emit("createErrorNotification", err, message);
+    }
+
+  }
+};
+
+var dataTable = {
+  name: "DataTableService",
+  mixins: [UtilService],
 
   data() {
     return {
-      GhostLottie,
-      GhostDarkBgLottie,
-      RocketLottie,
-      GearsLottie
+      pageStart: 0,
+      pageNumber: 0,
+      pageLength: 0
     };
+  },
+
+  computed: {
+    pagination() {
+      return {
+        numberOfItems: this.tableRows.length,
+        pageSizes: [10, 25, 50, 100]
+      };
+    },
+
+    tablePage() {
+      if (this.pagination) {
+        return this.tableRows.slice(this.pageStart, this.pageStart + this.pageLength);
+      } else {
+        return this.tableRows;
+      }
+    }
+
+  },
+  methods: {
+    paginateTable(ev) {
+      this.pageStart = ev.start - 1;
+      this.pageNumber = ev.page;
+      this.pageLength = ev.length;
+    },
+
+    sortTable(ev) {
+      const order = ev.order;
+
+      if (order === "none") {
+        return;
+      }
+
+      const propertyToSort = this.tableColumns[ev.index];
+      this.tableRows.sort(this.sortByProperty(propertyToSort));
+
+      if (ev.order === "descending") {
+        this.tableRows.reverse();
+      }
+    }
+
+  }
+};
+
+function getPageTitle(vm) {
+  const {
+    pageTitle
+  } = vm.$options;
+
+  if (pageTitle) {
+    return typeof pageTitle === "function" ? pageTitle.call(vm) : pageTitle;
+  }
+}
+
+var pageTitle = {
+  name: "PageTitleService",
+
+  created() {
+    const pageTitle = getPageTitle(this);
+
+    if (pageTitle) {
+      // window.document would be ok for core, but with window.parent.document we support external apps too (window.parent == window, if it's the root window)
+      window.parent.document.title = pageTitle;
+    }
   }
 
 };
@@ -17501,33 +18423,36 @@ var filters = {
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  NsButton: __vue_component__$_,
-  NsEmptyState: __vue_component__$V,
+  NsButton: __vue_component__$13,
+  NsEmptyState: __vue_component__$_,
   NsPictogram: NsPictogram,
-  NsCodeSnippet: __vue_component__$T,
+  NsCodeSnippet: __vue_component__$Y,
   NsInlineNotification: NsInlineNotification,
   NsProgressBar: NsProgressBar,
   NsSvg: NsSvg,
-  NsTile: __vue_component__$N,
-  NsToastNotification: __vue_component__$L,
-  NsInfoCard: __vue_component__$J,
-  NsStatusCard: __vue_component__$H,
-  NsSystemdServiceCard: __vue_component__$F,
-  NsPasswordInput: __vue_component__$D,
-  NsIconMenu: __vue_component__$B,
-  NsMeterChart: __vue_component__$z,
-  NsPieChart: __vue_component__$x,
+  NsTile: __vue_component__$S,
+  NsToastNotification: __vue_component__$Q,
+  NsInfoCard: __vue_component__$O,
+  NsStatusCard: __vue_component__$M,
+  NsSystemdServiceCard: __vue_component__$K,
+  NsPasswordInput: __vue_component__$I,
+  NsIconMenu: __vue_component__$G,
+  NsMeterChart: __vue_component__$E,
+  NsPieChart: __vue_component__$C,
   NsLottieAnimation: NsLottieAnimation,
-  NsDangerDeleteModal: __vue_component__$v,
+  NsDangerDeleteModal: __vue_component__$A,
   NsCircleTimer: NsCircleTimer,
-  NsDropdownAction: __vue_component__$t,
-  NsTextInput: __vue_component__$r,
-  NsBackupCard: __vue_component__$o,
-  NsWizard: __vue_component__$l,
-  NsMenuItem: __vue_component__$j,
-  NsMenuDivider: __vue_component__$h,
-  NsSystemLogsCard: __vue_component__$f,
+  NsDropdownAction: __vue_component__$y,
+  NsTextInput: __vue_component__$w,
+  NsBackupCard: __vue_component__$t,
+  NsWizard: __vue_component__$q,
+  NsMenuItem: __vue_component__$o,
+  NsMenuDivider: __vue_component__$m,
+  NsSystemLogsCard: __vue_component__$k,
   NsModal: NsModal,
+  NsTimePicker: __vue_component__$i,
+  NsDataTable: __vue_component__$f,
+  NsPagination: NsPagination,
   ExclamationMarkPictogram: ExclamationMarkPictogram,
   GearPictogram: __vue_component__$d,
   LovePictogram: __vue_component__$b,
@@ -17544,7 +18469,7 @@ var components = /*#__PURE__*/Object.freeze({
   DateTimeService: DateTimeService,
   DataTableService: dataTable,
   PageTitleService: pageTitle,
-  LottieService: lottie,
+  LottieService: LottieService,
   Filters: filters
 });
 
@@ -17556,4 +18481,4 @@ const install = function installNs8UiLib(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { __vue_component__$7 as BulldozerPictogram, dataTable as DataTableService, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$d as GearPictogram, __vue_component__$5 as GroupPictogram, __vue_component__$3 as HardDrivePictogram, IconService, lottie as LottieService, __vue_component__$b as LovePictogram, __vue_component__$o as NsBackupCard, __vue_component__$_ as NsButton, NsCircleTimer, __vue_component__$T as NsCodeSnippet, __vue_component__$v as NsDangerDeleteModal, __vue_component__$t as NsDropdownAction, __vue_component__$V as NsEmptyState, __vue_component__$B as NsIconMenu, __vue_component__$J as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$h as NsMenuDivider, __vue_component__$j as NsMenuItem, __vue_component__$z as NsMeterChart, NsModal, __vue_component__$D as NsPasswordInput, NsPictogram, __vue_component__$x as NsPieChart, NsProgressBar, __vue_component__$H as NsStatusCard, NsSvg, __vue_component__$f as NsSystemLogsCard, __vue_component__$F as NsSystemdServiceCard, __vue_component__$r as NsTextInput, __vue_component__$N as NsTile, __vue_component__$L as NsToastNotification, __vue_component__$l as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$1 as UserPictogram, UtilService, __vue_component__$9 as WarningPictogram, install as default };
+export { __vue_component__$7 as BulldozerPictogram, dataTable as DataTableService, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$d as GearPictogram, __vue_component__$5 as GroupPictogram, __vue_component__$3 as HardDrivePictogram, IconService, LottieService, __vue_component__$b as LovePictogram, __vue_component__$t as NsBackupCard, __vue_component__$13 as NsButton, NsCircleTimer, __vue_component__$Y as NsCodeSnippet, __vue_component__$A as NsDangerDeleteModal, __vue_component__$f as NsDataTable, __vue_component__$y as NsDropdownAction, __vue_component__$_ as NsEmptyState, __vue_component__$G as NsIconMenu, __vue_component__$O as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$m as NsMenuDivider, __vue_component__$o as NsMenuItem, __vue_component__$E as NsMeterChart, NsModal, NsPagination, __vue_component__$I as NsPasswordInput, NsPictogram, __vue_component__$C as NsPieChart, NsProgressBar, __vue_component__$M as NsStatusCard, NsSvg, __vue_component__$k as NsSystemLogsCard, __vue_component__$K as NsSystemdServiceCard, __vue_component__$w as NsTextInput, __vue_component__$S as NsTile, __vue_component__$i as NsTimePicker, __vue_component__$Q as NsToastNotification, __vue_component__$q as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$1 as UserPictogram, UtilService, __vue_component__$9 as WarningPictogram, install as default };