@nethserver/ns8-ui-lib 0.0.59 → 0.0.62
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ns8-ui-lib.esm.js +71 -45
- package/dist/ns8-ui-lib.min.js +1 -1
- package/dist/ns8-ui-lib.ssr.js +66 -39
- package/package.json +1 -1
- package/src/lib-components/NsBackupCard.vue +0 -1
- package/src/lib-components/NsIconMenu.vue +21 -2
- package/src/lib-components/NsMenuItem.vue +4 -37
- package/src/lib-components/NsTile.vue +1 -0
package/dist/ns8-ui-lib.esm.js
CHANGED
|
@@ -6,6 +6,7 @@ import { carbonPrefixMixin, themeMixin } from '@carbon/vue/src/mixins';
|
|
|
6
6
|
import CheckmarkFilled20 from '@carbon/icons-vue/es/checkmark--filled/20';
|
|
7
7
|
import ErrorFilled20 from '@carbon/icons-vue/es/error--filled/20';
|
|
8
8
|
import Warning20 from '@carbon/icons-vue/es/warning--filled/20';
|
|
9
|
+
import OverflowMenuVertical20 from '@carbon/icons-vue/es/overflow-menu--vertical/20';
|
|
9
10
|
import Vue from 'vue';
|
|
10
11
|
import '@carbon/charts/styles.css';
|
|
11
12
|
import chartsVue, { CcvMeterChart } from '@carbon/charts-vue';
|
|
@@ -23,10 +24,12 @@ import Reset20 from '@carbon/icons-vue/es/reset/20';
|
|
|
23
24
|
import Download20 from '@carbon/icons-vue/es/download/20';
|
|
24
25
|
import Launch20 from '@carbon/icons-vue/es/launch/20';
|
|
25
26
|
import Upgrade20 from '@carbon/icons-vue/es/upgrade/20';
|
|
27
|
+
import Settings16 from '@carbon/icons-vue/es/settings/16';
|
|
26
28
|
import Settings20 from '@carbon/icons-vue/es/settings/20';
|
|
27
29
|
import ChevronUp20 from '@carbon/icons-vue/es/chevron--up/20';
|
|
28
30
|
import ChevronLeft20 from '@carbon/icons-vue/es/chevron--left/20';
|
|
29
31
|
import ChevronRight20 from '@carbon/icons-vue/es/chevron--right/20';
|
|
32
|
+
import Information16 from '@carbon/icons-vue/es/information/16';
|
|
30
33
|
import Information20 from '@carbon/icons-vue/es/information/20';
|
|
31
34
|
import Application20 from '@carbon/icons-vue/es/application/20';
|
|
32
35
|
import Add20 from '@carbon/icons-vue/es/add/20';
|
|
@@ -78,8 +81,12 @@ import Power20 from '@carbon/icons-vue/es/power/20';
|
|
|
78
81
|
import Power32 from '@carbon/icons-vue/es/power/32';
|
|
79
82
|
import Document20 from '@carbon/icons-vue/es/document/20';
|
|
80
83
|
import Document32 from '@carbon/icons-vue/es/document/32';
|
|
81
|
-
import
|
|
84
|
+
import OverflowMenuVertical32 from '@carbon/icons-vue/es/overflow-menu--vertical/32';
|
|
85
|
+
import Restart20 from '@carbon/icons-vue/es/restart/20';
|
|
86
|
+
import Restart32 from '@carbon/icons-vue/es/restart/32';
|
|
82
87
|
import TrashCan20 from '@carbon/icons-vue/es/trash-can/20';
|
|
88
|
+
import TrashCan32 from '@carbon/icons-vue/es/trash-can/32';
|
|
89
|
+
import { WarningFilled16, WarningAltFilled16, View16, ViewOff16 } from '@carbon/icons-vue';
|
|
83
90
|
import CvSideNavDivider from '@carbon/vue/src/components/cv-ui-shell/cv-side-nav-divider.vue';
|
|
84
91
|
import InformationFilled16 from '@carbon/icons-vue/es/information--filled/16';
|
|
85
92
|
|
|
@@ -1484,8 +1491,8 @@ var __vue_staticRenderFns__$m = [];
|
|
|
1484
1491
|
|
|
1485
1492
|
const __vue_inject_styles__$m = function (inject) {
|
|
1486
1493
|
if (!inject) return;
|
|
1487
|
-
inject("data-v-
|
|
1488
|
-
source: ".ns-tile[data-v-
|
|
1494
|
+
inject("data-v-443a91f0_0", {
|
|
1495
|
+
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}",
|
|
1489
1496
|
map: undefined,
|
|
1490
1497
|
media: undefined
|
|
1491
1498
|
});
|
|
@@ -1493,7 +1500,7 @@ const __vue_inject_styles__$m = function (inject) {
|
|
|
1493
1500
|
/* scoped */
|
|
1494
1501
|
|
|
1495
1502
|
|
|
1496
|
-
const __vue_scope_id__$m = "data-v-
|
|
1503
|
+
const __vue_scope_id__$m = "data-v-443a91f0";
|
|
1497
1504
|
/* module identifier */
|
|
1498
1505
|
|
|
1499
1506
|
const __vue_module_identifier__$m = undefined;
|
|
@@ -7241,6 +7248,21 @@ var script$a = {
|
|
|
7241
7248
|
extends: CvOverflowMenu,
|
|
7242
7249
|
props: {
|
|
7243
7250
|
label: String,
|
|
7251
|
+
icon: {
|
|
7252
|
+
type: [String, Object],
|
|
7253
|
+
default: function () {
|
|
7254
|
+
return OverflowMenuVertical20;
|
|
7255
|
+
},
|
|
7256
|
+
|
|
7257
|
+
validator(val) {
|
|
7258
|
+
if (!val || typeof val === "string") {
|
|
7259
|
+
return true;
|
|
7260
|
+
}
|
|
7261
|
+
|
|
7262
|
+
return val.render !== null;
|
|
7263
|
+
}
|
|
7264
|
+
|
|
7265
|
+
},
|
|
7244
7266
|
flipMenu: Boolean,
|
|
7245
7267
|
up: Boolean,
|
|
7246
7268
|
offset: {
|
|
@@ -7278,7 +7300,7 @@ var __vue_render__$g = function () {
|
|
|
7278
7300
|
var _c = _vm._self._c || _h;
|
|
7279
7301
|
|
|
7280
7302
|
return _c('div', {
|
|
7281
|
-
class: "cv-overflow-menu " + _vm.carbonPrefix + "--overflow-menu",
|
|
7303
|
+
class: "cv-overflow-menu " + _vm.carbonPrefix + "--overflow-menu ns-icon-menu",
|
|
7282
7304
|
attrs: {
|
|
7283
7305
|
"data-overflow-menu": "",
|
|
7284
7306
|
"id": _vm.uid
|
|
@@ -7326,7 +7348,11 @@ var __vue_render__$g = function () {
|
|
|
7326
7348
|
}
|
|
7327
7349
|
}, [_vm.label ? _c('span', {
|
|
7328
7350
|
class: _vm.carbonPrefix + "--assistive-text"
|
|
7329
|
-
}, [_vm._v(_vm._s(_vm.label))]) : _vm._e(), _vm._v(" "),
|
|
7351
|
+
}, [_vm._v(_vm._s(_vm.label))]) : _vm._e(), _vm._v(" "), _c('NsSvg', {
|
|
7352
|
+
attrs: {
|
|
7353
|
+
"svg": _vm.icon
|
|
7354
|
+
}
|
|
7355
|
+
})], 1), _vm._v(" "), _c('div', {
|
|
7330
7356
|
ref: "popup",
|
|
7331
7357
|
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)],
|
|
7332
7358
|
style: {
|
|
@@ -7383,18 +7409,24 @@ var __vue_render__$g = function () {
|
|
|
7383
7409
|
var __vue_staticRenderFns__$g = [];
|
|
7384
7410
|
/* style */
|
|
7385
7411
|
|
|
7386
|
-
const __vue_inject_styles__$g =
|
|
7412
|
+
const __vue_inject_styles__$g = function (inject) {
|
|
7413
|
+
if (!inject) return;
|
|
7414
|
+
inject("data-v-2be14df6_0", {
|
|
7415
|
+
source: ".ns-icon-menu[data-v-2be14df6]{display:inline-flex}",
|
|
7416
|
+
map: undefined,
|
|
7417
|
+
media: undefined
|
|
7418
|
+
});
|
|
7419
|
+
};
|
|
7387
7420
|
/* scoped */
|
|
7388
7421
|
|
|
7389
|
-
|
|
7422
|
+
|
|
7423
|
+
const __vue_scope_id__$g = "data-v-2be14df6";
|
|
7390
7424
|
/* module identifier */
|
|
7391
7425
|
|
|
7392
7426
|
const __vue_module_identifier__$g = undefined;
|
|
7393
7427
|
/* functional template */
|
|
7394
7428
|
|
|
7395
7429
|
const __vue_is_functional_template__$g = false;
|
|
7396
|
-
/* style inject */
|
|
7397
|
-
|
|
7398
7430
|
/* style inject SSR */
|
|
7399
7431
|
|
|
7400
7432
|
/* style inject shadow dom */
|
|
@@ -7402,7 +7434,7 @@ const __vue_is_functional_template__$g = false;
|
|
|
7402
7434
|
const __vue_component__$v = /*#__PURE__*/normalizeComponent({
|
|
7403
7435
|
render: __vue_render__$g,
|
|
7404
7436
|
staticRenderFns: __vue_staticRenderFns__$g
|
|
7405
|
-
}, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false,
|
|
7437
|
+
}, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
|
|
7406
7438
|
|
|
7407
7439
|
var __vue_component__$w = __vue_component__$v;
|
|
7408
7440
|
|
|
@@ -7829,11 +7861,14 @@ var IconService = {
|
|
|
7829
7861
|
Launch20,
|
|
7830
7862
|
// open app, open external link
|
|
7831
7863
|
Upgrade20,
|
|
7864
|
+
Settings16,
|
|
7832
7865
|
Settings20,
|
|
7833
7866
|
ChevronDown20,
|
|
7834
7867
|
ChevronUp20,
|
|
7835
7868
|
ChevronLeft20,
|
|
7836
7869
|
ChevronRight20,
|
|
7870
|
+
Information16,
|
|
7871
|
+
// info
|
|
7837
7872
|
Information20,
|
|
7838
7873
|
Application20,
|
|
7839
7874
|
// apps, module instances and software center
|
|
@@ -7904,7 +7939,16 @@ var IconService = {
|
|
|
7904
7939
|
// enable, disable
|
|
7905
7940
|
Power32,
|
|
7906
7941
|
Document20,
|
|
7907
|
-
Document32
|
|
7942
|
+
Document32,
|
|
7943
|
+
OverflowMenuVertical20,
|
|
7944
|
+
// overflow menu
|
|
7945
|
+
OverflowMenuVertical32,
|
|
7946
|
+
Restart20,
|
|
7947
|
+
// reload, refresh
|
|
7948
|
+
Restart32,
|
|
7949
|
+
TrashCan20,
|
|
7950
|
+
// delete
|
|
7951
|
+
TrashCan32
|
|
7908
7952
|
};
|
|
7909
7953
|
}
|
|
7910
7954
|
|
|
@@ -8645,11 +8689,11 @@ var __vue_staticRenderFns__$9 = [];
|
|
|
8645
8689
|
|
|
8646
8690
|
const __vue_inject_styles__$9 = function (inject) {
|
|
8647
8691
|
if (!inject) return;
|
|
8648
|
-
inject("data-v-
|
|
8649
|
-
source: ".ns-backup-card[data-v-
|
|
8692
|
+
inject("data-v-0ada8df8_0", {
|
|
8693
|
+
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}",
|
|
8650
8694
|
map: undefined,
|
|
8651
8695
|
media: undefined
|
|
8652
|
-
}), inject("data-v-
|
|
8696
|
+
}), inject("data-v-0ada8df8_1", {
|
|
8653
8697
|
source: ".ns-backup-card .bx--accordion--start .bx--accordion__content{margin-left:0}",
|
|
8654
8698
|
map: undefined,
|
|
8655
8699
|
media: undefined
|
|
@@ -8658,7 +8702,7 @@ const __vue_inject_styles__$9 = function (inject) {
|
|
|
8658
8702
|
/* scoped */
|
|
8659
8703
|
|
|
8660
8704
|
|
|
8661
|
-
const __vue_scope_id__$9 = "data-v-
|
|
8705
|
+
const __vue_scope_id__$9 = "data-v-0ada8df8";
|
|
8662
8706
|
/* module identifier */
|
|
8663
8707
|
|
|
8664
8708
|
const __vue_module_identifier__$9 = undefined;
|
|
@@ -8880,14 +8924,7 @@ var __vue_component__$h = __vue_component__$g;
|
|
|
8880
8924
|
var script$1 = {
|
|
8881
8925
|
name: "NsMenuItem",
|
|
8882
8926
|
components: {
|
|
8883
|
-
|
|
8884
|
-
TrashCan20,
|
|
8885
|
-
Power20,
|
|
8886
|
-
Rocket20,
|
|
8887
|
-
Launch20,
|
|
8888
|
-
Star20,
|
|
8889
|
-
Reset20,
|
|
8890
|
-
Save20
|
|
8927
|
+
NsSvg
|
|
8891
8928
|
},
|
|
8892
8929
|
props: {
|
|
8893
8930
|
label: {
|
|
@@ -8895,8 +8932,7 @@ var script$1 = {
|
|
|
8895
8932
|
required: true
|
|
8896
8933
|
},
|
|
8897
8934
|
icon: {
|
|
8898
|
-
type:
|
|
8899
|
-
validator: value => ["", "edit", "trash", "power", "rocket", "launch", "star", "reset", "save"].includes(value)
|
|
8935
|
+
type: Object
|
|
8900
8936
|
}
|
|
8901
8937
|
},
|
|
8902
8938
|
computed: {
|
|
@@ -8920,23 +8956,13 @@ var __vue_render__$7 = function () {
|
|
|
8920
8956
|
|
|
8921
8957
|
return _c('div', {
|
|
8922
8958
|
staticClass: "ns-menu-item"
|
|
8923
|
-
}, [_vm.icon
|
|
8924
|
-
staticClass: "icon"
|
|
8925
|
-
}, [_c('Edit20')], 1) : _vm.icon == 'trash' ? _c('span', {
|
|
8959
|
+
}, [_vm.icon ? _c('span', {
|
|
8926
8960
|
staticClass: "icon"
|
|
8927
|
-
}, [_c('
|
|
8928
|
-
|
|
8929
|
-
|
|
8930
|
-
|
|
8931
|
-
}
|
|
8932
|
-
staticClass: "icon"
|
|
8933
|
-
}, [_c('Launch20')], 1) : _vm.icon == 'star' ? _c('span', {
|
|
8934
|
-
staticClass: "icon"
|
|
8935
|
-
}, [_c('Star20')], 1) : _vm.icon == 'reset' ? _c('span', {
|
|
8936
|
-
staticClass: "icon"
|
|
8937
|
-
}, [_c('Reset20')], 1) : _vm.icon == 'save' ? _c('span', {
|
|
8938
|
-
staticClass: "icon"
|
|
8939
|
-
}, [_c('Save20')], 1) : _vm.hasIconSlot ? _c('span', {
|
|
8961
|
+
}, [_c('NsSvg', {
|
|
8962
|
+
attrs: {
|
|
8963
|
+
"svg": _vm.icon
|
|
8964
|
+
}
|
|
8965
|
+
})], 1) : _vm.hasIconSlot ? _c('span', {
|
|
8940
8966
|
staticClass: "icon"
|
|
8941
8967
|
}, [_vm._t("icon")], 2) : _vm._e(), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.label))])]);
|
|
8942
8968
|
};
|
|
@@ -8946,8 +8972,8 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
8946
8972
|
|
|
8947
8973
|
const __vue_inject_styles__$7 = function (inject) {
|
|
8948
8974
|
if (!inject) return;
|
|
8949
|
-
inject("data-v-
|
|
8950
|
-
source: ".ns-menu-item[data-v-
|
|
8975
|
+
inject("data-v-35f08832_0", {
|
|
8976
|
+
source: ".ns-menu-item[data-v-35f08832]{display:flex;align-items:center}.icon[data-v-35f08832]{margin-right:.5rem}",
|
|
8951
8977
|
map: undefined,
|
|
8952
8978
|
media: undefined
|
|
8953
8979
|
});
|
|
@@ -8955,7 +8981,7 @@ const __vue_inject_styles__$7 = function (inject) {
|
|
|
8955
8981
|
/* scoped */
|
|
8956
8982
|
|
|
8957
8983
|
|
|
8958
|
-
const __vue_scope_id__$7 = "data-v-
|
|
8984
|
+
const __vue_scope_id__$7 = "data-v-35f08832";
|
|
8959
8985
|
/* module identifier */
|
|
8960
8986
|
|
|
8961
8987
|
const __vue_module_identifier__$7 = undefined;
|