@nethserver/ns8-ui-lib 0.0.61 → 0.0.62

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

@@ -6,6 +6,7 @@ import { carbonPrefixMixin, themeMixin } 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';
+import OverflowMenuVertical20 from '@carbon/icons-vue/es/overflow-menu--vertical/20';
 import Vue from 'vue';
 import '@carbon/charts/styles.css';
 import chartsVue, { CcvMeterChart } from '@carbon/charts-vue';
@@ -80,8 +81,12 @@ import Power20 from '@carbon/icons-vue/es/power/20';
 import Power32 from '@carbon/icons-vue/es/power/32';
 import Document20 from '@carbon/icons-vue/es/document/20';
 import Document32 from '@carbon/icons-vue/es/document/32';
-import { WarningFilled16, WarningAltFilled16, View16, ViewOff16 } from '@carbon/icons-vue';
+import OverflowMenuVertical32 from '@carbon/icons-vue/es/overflow-menu--vertical/32';
+import Restart20 from '@carbon/icons-vue/es/restart/20';
+import Restart32 from '@carbon/icons-vue/es/restart/32';
 import TrashCan20 from '@carbon/icons-vue/es/trash-can/20';
+import TrashCan32 from '@carbon/icons-vue/es/trash-can/32';
+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 InformationFilled16 from '@carbon/icons-vue/es/information--filled/16';
 
@@ -7243,6 +7248,21 @@ var script$a = {
   extends: CvOverflowMenu,
   props: {
     label: String,
+    icon: {
+      type: [String, Object],
+      default: function () {
+        return OverflowMenuVertical20;
+      },
+
+      validator(val) {
+        if (!val || typeof val === "string") {
+          return true;
+        }
+
+        return val.render !== null;
+      }
+
+    },
     flipMenu: Boolean,
     up: Boolean,
     offset: {
@@ -7280,7 +7300,7 @@ var __vue_render__$g = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    class: "cv-overflow-menu " + _vm.carbonPrefix + "--overflow-menu",
+    class: "cv-overflow-menu " + _vm.carbonPrefix + "--overflow-menu ns-icon-menu",
     attrs: {
       "data-overflow-menu": "",
       "id": _vm.uid
@@ -7328,7 +7348,11 @@ var __vue_render__$g = function () {
     }
   }, [_vm.label ? _c('span', {
     class: _vm.carbonPrefix + "--assistive-text"
-  }, [_vm._v(_vm._s(_vm.label))]) : _vm._e(), _vm._v(" "), _vm._t("trigger")], 2), _vm._v(" "), _c('div', {
+  }, [_vm._v(_vm._s(_vm.label))]) : _vm._e(), _vm._v(" "), _c('NsSvg', {
+    attrs: {
+      "svg": _vm.icon
+    }
+  })], 1), _vm._v(" "), _c('div', {
     ref: "popup",
     class: [_vm.carbonPrefix + "--overflow-menu-options", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--overflow-menu--flip"] = _vm.flipMenu, _obj$1[_vm.carbonPrefix + "--overflow-menu-options--open"] = _vm.open, _obj$1)],
     style: {
@@ -7385,18 +7409,24 @@ var __vue_render__$g = function () {
 var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$g = undefined;
+const __vue_inject_styles__$g = function (inject) {
+  if (!inject) return;
+  inject("data-v-2be14df6_0", {
+    source: ".ns-icon-menu[data-v-2be14df6]{display:inline-flex}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
-const __vue_scope_id__$g = undefined;
+
+const __vue_scope_id__$g = "data-v-2be14df6";
 /* module identifier */
 
 const __vue_module_identifier__$g = undefined;
 /* functional template */
 
 const __vue_is_functional_template__$g = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -7404,7 +7434,7 @@ const __vue_is_functional_template__$g = false;
 const __vue_component__$v = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$g,
   staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
 var __vue_component__$w = __vue_component__$v;
 
@@ -7909,7 +7939,16 @@ var IconService = {
       // enable, disable
       Power32,
       Document20,
-      Document32
+      Document32,
+      OverflowMenuVertical20,
+      // overflow menu
+      OverflowMenuVertical32,
+      Restart20,
+      // reload, refresh
+      Restart32,
+      TrashCan20,
+      // delete
+      TrashCan32
     };
   }
 
@@ -8650,11 +8689,11 @@ var __vue_staticRenderFns__$9 = [];
 
 const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
-  inject("data-v-09385b80_0", {
-    source: ".ns-backup-card[data-v-09385b80]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-09385b80]{margin-bottom:1rem}.backup[data-v-09385b80]:last-child{margin-bottom:0}.row[data-v-09385b80]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-09385b80]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-09385b80]{display:flex;justify-content:center;margin-top:.5rem}.table[data-v-09385b80]{display:table}.tr[data-v-09385b80]{display:table-row}.td[data-v-09385b80]{display:table-cell}.label[data-v-09385b80]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-09385b80]{font-weight:700}.backup-status-icon[data-v-09385b80]{margin-right:.25rem}",
+  inject("data-v-0ada8df8_0", {
+    source: ".ns-backup-card[data-v-0ada8df8]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-0ada8df8]{margin-bottom:1rem}.backup[data-v-0ada8df8]:last-child{margin-bottom:0}.row[data-v-0ada8df8]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-0ada8df8]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-0ada8df8]{display:flex;justify-content:center;margin-top:.5rem}.table[data-v-0ada8df8]{display:table}.tr[data-v-0ada8df8]{display:table-row}.td[data-v-0ada8df8]{display:table-cell}.label[data-v-0ada8df8]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-0ada8df8]{font-weight:700}.backup-status-icon[data-v-0ada8df8]{margin-right:.25rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-09385b80_1", {
+  }), inject("data-v-0ada8df8_1", {
     source: ".ns-backup-card .bx--accordion--start .bx--accordion__content{margin-left:0}",
     map: undefined,
     media: undefined
@@ -8663,7 +8702,7 @@ const __vue_inject_styles__$9 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$9 = "data-v-09385b80";
+const __vue_scope_id__$9 = "data-v-0ada8df8";
 /* module identifier */
 
 const __vue_module_identifier__$9 = undefined;
@@ -8885,14 +8924,7 @@ var __vue_component__$h = __vue_component__$g;
 var script$1 = {
   name: "NsMenuItem",
   components: {
-    Edit20,
-    TrashCan20,
-    Power20,
-    Rocket20,
-    Launch20,
-    Star20,
-    Reset20,
-    Save20
+    NsSvg
   },
   props: {
     label: {
@@ -8900,8 +8932,7 @@ var script$1 = {
       required: true
     },
     icon: {
-      type: String,
-      validator: value => ["", "edit", "trash", "power", "rocket", "launch", "star", "reset", "save"].includes(value)
+      type: Object
     }
   },
   computed: {
@@ -8925,23 +8956,13 @@ var __vue_render__$7 = function () {
 
   return _c('div', {
     staticClass: "ns-menu-item"
-  }, [_vm.icon == 'edit' ? _c('span', {
-    staticClass: "icon"
-  }, [_c('Edit20')], 1) : _vm.icon == 'trash' ? _c('span', {
+  }, [_vm.icon ? _c('span', {
     staticClass: "icon"
-  }, [_c('TrashCan20')], 1) : _vm.icon == 'power' ? _c('span', {
-    staticClass: "icon"
-  }, [_c('Power20')], 1) : _vm.icon == 'rocket' ? _c('span', {
-    staticClass: "icon"
-  }, [_c('Rocket20')], 1) : _vm.icon == 'launch' ? _c('span', {
-    staticClass: "icon"
-  }, [_c('Launch20')], 1) : _vm.icon == 'star' ? _c('span', {
-    staticClass: "icon"
-  }, [_c('Star20')], 1) : _vm.icon == 'reset' ? _c('span', {
-    staticClass: "icon"
-  }, [_c('Reset20')], 1) : _vm.icon == 'save' ? _c('span', {
-    staticClass: "icon"
-  }, [_c('Save20')], 1) : _vm.hasIconSlot ? _c('span', {
+  }, [_c('NsSvg', {
+    attrs: {
+      "svg": _vm.icon
+    }
+  })], 1) : _vm.hasIconSlot ? _c('span', {
     staticClass: "icon"
   }, [_vm._t("icon")], 2) : _vm._e(), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.label))])]);
 };
@@ -8951,8 +8972,8 @@ var __vue_staticRenderFns__$7 = [];
 
 const __vue_inject_styles__$7 = function (inject) {
   if (!inject) return;
-  inject("data-v-9440af88_0", {
-    source: ".ns-menu-item[data-v-9440af88]{display:flex;align-items:center}.icon[data-v-9440af88]{margin-right:.5rem}",
+  inject("data-v-35f08832_0", {
+    source: ".ns-menu-item[data-v-35f08832]{display:flex;align-items:center}.icon[data-v-35f08832]{margin-right:.5rem}",
     map: undefined,
     media: undefined
   });
@@ -8960,7 +8981,7 @@ const __vue_inject_styles__$7 = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$7 = "data-v-9440af88";
+const __vue_scope_id__$7 = "data-v-35f08832";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;