@nethserver/ns8-ui-lib 0.0.81 → 0.0.84

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

@@ -9138,6 +9138,7 @@ var script$6 = {
     },
     isPreviousDisabled: Boolean,
     isNextDisabled: Boolean,
+    isCancelDisabled: Boolean,
     isNextLoading: Boolean,
     closeAriaLabel: {
       type: String,
@@ -9252,6 +9253,7 @@ var __vue_render__$c = function () {
     attrs: {
       "kind": "secondary",
       "icon": _vm.Close20,
+      "disabled": _vm.isCancelDisabled,
       "type": "button"
     },
     on: {
@@ -9882,9 +9884,17 @@ const __vue_script__$1 = script$1;
 
 /* style */
 
-const __vue_inject_styles__$8 = undefined;
+const __vue_inject_styles__$8 = function (inject) {
+  if (!inject) return;
+  inject("data-v-01f52cb6_0", {
+    source: ".cv-pagination .bx--select .bx--label{font-size:100%}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
+
 const __vue_scope_id__$8 = undefined;
 /* module identifier */
 
@@ -9892,13 +9902,11 @@ const __vue_module_identifier__$8 = undefined;
 /* functional template */
 
 const __vue_is_functional_template__$8 = undefined;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-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);
+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, createInjector, undefined, undefined);
 
 var NsPagination = __vue_component__$g;
 
@@ -17045,6 +17053,18 @@ var script = {
       type: Number,
       default: 10
     },
+    isErrorShown: {
+      type: Boolean,
+      default: false
+    },
+    errorTitle: {
+      type: String,
+      default: "Cannot retrieve table data"
+    },
+    errorDescription: {
+      type: String,
+      default: "Something went wrong"
+    },
     noSearchResultsLabel: {
       type: String,
       default: "No results"
@@ -17236,7 +17256,9 @@ var __vue_render__$7 = function () {
 
   var _c = _vm._self._c || _h;
 
-  return _c('div', [_vm.isSearchable ? _c('cv-search', {
+  return _c('div', {
+    staticClass: "ns-data-table"
+  }, [_vm.isSearchable && !_vm.isErrorShown ? _c('cv-search', {
     directives: [{
       name: "debounce",
       rawName: "v-debounce",
@@ -17261,7 +17283,14 @@ var __vue_render__$7 = function () {
       },
       expression: "searchFilter"
     }
-  }) : _vm._e(), _vm._v(" "), _vm.isLoading ? _c('cv-data-table-skeleton', {
+  }) : _vm._e(), _vm._v(" "), _vm.isErrorShown ? _c('NsInlineNotification', {
+    attrs: {
+      "kind": "error",
+      "title": _vm.errorTitle,
+      "description": _vm.errorDescription,
+      "showCloseButton": false
+    }
+  }) : _vm.isLoading ? _c('cv-data-table-skeleton', {
     attrs: {
       "columns": _vm.columns,
       "rows": _vm.skeletonRows
@@ -18217,60 +18246,6 @@ var task = {
   }
 };
 
-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
@@ -18467,7 +18442,6 @@ var components = /*#__PURE__*/Object.freeze({
   StorageService: StorageService,
   IconService: IconService,
   DateTimeService: DateTimeService,
-  DataTableService: dataTable,
   PageTitleService: pageTitle,
   LottieService: LottieService,
   Filters: filters
@@ -18481,4 +18455,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, 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 };
+export { __vue_component__$7 as BulldozerPictogram, 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 };