@nethserver/ns8-ui-lib 0.0.60 → 0.0.63
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 +66 -57
- package/dist/ns8-ui-lib.min.js +1 -1
- package/dist/ns8-ui-lib.ssr.js +63 -51
- package/package.json +3 -2
- 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';
|
|
@@ -80,8 +81,12 @@ import Power20 from '@carbon/icons-vue/es/power/20';
|
|
|
80
81
|
import Power32 from '@carbon/icons-vue/es/power/32';
|
|
81
82
|
import Document20 from '@carbon/icons-vue/es/document/20';
|
|
82
83
|
import Document32 from '@carbon/icons-vue/es/document/32';
|
|
83
|
-
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';
|
|
84
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';
|
|
85
90
|
import CvSideNavDivider from '@carbon/vue/src/components/cv-ui-shell/cv-side-nav-divider.vue';
|
|
86
91
|
import InformationFilled16 from '@carbon/icons-vue/es/information--filled/16';
|
|
87
92
|
|
|
@@ -1486,8 +1491,8 @@ var __vue_staticRenderFns__$m = [];
|
|
|
1486
1491
|
|
|
1487
1492
|
const __vue_inject_styles__$m = function (inject) {
|
|
1488
1493
|
if (!inject) return;
|
|
1489
|
-
inject("data-v-
|
|
1490
|
-
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}",
|
|
1491
1496
|
map: undefined,
|
|
1492
1497
|
media: undefined
|
|
1493
1498
|
});
|
|
@@ -1495,7 +1500,7 @@ const __vue_inject_styles__$m = function (inject) {
|
|
|
1495
1500
|
/* scoped */
|
|
1496
1501
|
|
|
1497
1502
|
|
|
1498
|
-
const __vue_scope_id__$m = "data-v-
|
|
1503
|
+
const __vue_scope_id__$m = "data-v-443a91f0";
|
|
1499
1504
|
/* module identifier */
|
|
1500
1505
|
|
|
1501
1506
|
const __vue_module_identifier__$m = undefined;
|
|
@@ -6945,18 +6950,6 @@ var UtilService = {
|
|
|
6945
6950
|
|
|
6946
6951
|
reader.onerror = error => reject(error);
|
|
6947
6952
|
});
|
|
6948
|
-
},
|
|
6949
|
-
|
|
6950
|
-
/**
|
|
6951
|
-
* Returns true if input app is an account provider app
|
|
6952
|
-
*/
|
|
6953
|
-
isAccountProviderApp(app) {
|
|
6954
|
-
if (app.versions && app.versions[0] && app.versions[0].labels["org.nethserver.flags"]) {
|
|
6955
|
-
const flags = app.versions[0].labels["org.nethserver.flags"];
|
|
6956
|
-
return flags.includes("account_provider");
|
|
6957
|
-
}
|
|
6958
|
-
|
|
6959
|
-
return false;
|
|
6960
6953
|
}
|
|
6961
6954
|
|
|
6962
6955
|
}
|
|
@@ -7255,6 +7248,21 @@ var script$a = {
|
|
|
7255
7248
|
extends: CvOverflowMenu,
|
|
7256
7249
|
props: {
|
|
7257
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
|
+
},
|
|
7258
7266
|
flipMenu: Boolean,
|
|
7259
7267
|
up: Boolean,
|
|
7260
7268
|
offset: {
|
|
@@ -7292,7 +7300,7 @@ var __vue_render__$g = function () {
|
|
|
7292
7300
|
var _c = _vm._self._c || _h;
|
|
7293
7301
|
|
|
7294
7302
|
return _c('div', {
|
|
7295
|
-
class: "cv-overflow-menu " + _vm.carbonPrefix + "--overflow-menu",
|
|
7303
|
+
class: "cv-overflow-menu " + _vm.carbonPrefix + "--overflow-menu ns-icon-menu",
|
|
7296
7304
|
attrs: {
|
|
7297
7305
|
"data-overflow-menu": "",
|
|
7298
7306
|
"id": _vm.uid
|
|
@@ -7340,7 +7348,11 @@ var __vue_render__$g = function () {
|
|
|
7340
7348
|
}
|
|
7341
7349
|
}, [_vm.label ? _c('span', {
|
|
7342
7350
|
class: _vm.carbonPrefix + "--assistive-text"
|
|
7343
|
-
}, [_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', {
|
|
7344
7356
|
ref: "popup",
|
|
7345
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)],
|
|
7346
7358
|
style: {
|
|
@@ -7397,18 +7409,24 @@ var __vue_render__$g = function () {
|
|
|
7397
7409
|
var __vue_staticRenderFns__$g = [];
|
|
7398
7410
|
/* style */
|
|
7399
7411
|
|
|
7400
|
-
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
|
+
};
|
|
7401
7420
|
/* scoped */
|
|
7402
7421
|
|
|
7403
|
-
|
|
7422
|
+
|
|
7423
|
+
const __vue_scope_id__$g = "data-v-2be14df6";
|
|
7404
7424
|
/* module identifier */
|
|
7405
7425
|
|
|
7406
7426
|
const __vue_module_identifier__$g = undefined;
|
|
7407
7427
|
/* functional template */
|
|
7408
7428
|
|
|
7409
7429
|
const __vue_is_functional_template__$g = false;
|
|
7410
|
-
/* style inject */
|
|
7411
|
-
|
|
7412
7430
|
/* style inject SSR */
|
|
7413
7431
|
|
|
7414
7432
|
/* style inject shadow dom */
|
|
@@ -7416,7 +7434,7 @@ const __vue_is_functional_template__$g = false;
|
|
|
7416
7434
|
const __vue_component__$v = /*#__PURE__*/normalizeComponent({
|
|
7417
7435
|
render: __vue_render__$g,
|
|
7418
7436
|
staticRenderFns: __vue_staticRenderFns__$g
|
|
7419
|
-
}, __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);
|
|
7420
7438
|
|
|
7421
7439
|
var __vue_component__$w = __vue_component__$v;
|
|
7422
7440
|
|
|
@@ -7921,7 +7939,16 @@ var IconService = {
|
|
|
7921
7939
|
// enable, disable
|
|
7922
7940
|
Power32,
|
|
7923
7941
|
Document20,
|
|
7924
|
-
Document32
|
|
7942
|
+
Document32,
|
|
7943
|
+
OverflowMenuVertical20,
|
|
7944
|
+
// overflow menu
|
|
7945
|
+
OverflowMenuVertical32,
|
|
7946
|
+
Restart20,
|
|
7947
|
+
// reload, refresh
|
|
7948
|
+
Restart32,
|
|
7949
|
+
TrashCan20,
|
|
7950
|
+
// delete
|
|
7951
|
+
TrashCan32
|
|
7925
7952
|
};
|
|
7926
7953
|
}
|
|
7927
7954
|
|
|
@@ -8662,11 +8689,11 @@ var __vue_staticRenderFns__$9 = [];
|
|
|
8662
8689
|
|
|
8663
8690
|
const __vue_inject_styles__$9 = function (inject) {
|
|
8664
8691
|
if (!inject) return;
|
|
8665
|
-
inject("data-v-
|
|
8666
|
-
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}",
|
|
8667
8694
|
map: undefined,
|
|
8668
8695
|
media: undefined
|
|
8669
|
-
}), inject("data-v-
|
|
8696
|
+
}), inject("data-v-0ada8df8_1", {
|
|
8670
8697
|
source: ".ns-backup-card .bx--accordion--start .bx--accordion__content{margin-left:0}",
|
|
8671
8698
|
map: undefined,
|
|
8672
8699
|
media: undefined
|
|
@@ -8675,7 +8702,7 @@ const __vue_inject_styles__$9 = function (inject) {
|
|
|
8675
8702
|
/* scoped */
|
|
8676
8703
|
|
|
8677
8704
|
|
|
8678
|
-
const __vue_scope_id__$9 = "data-v-
|
|
8705
|
+
const __vue_scope_id__$9 = "data-v-0ada8df8";
|
|
8679
8706
|
/* module identifier */
|
|
8680
8707
|
|
|
8681
8708
|
const __vue_module_identifier__$9 = undefined;
|
|
@@ -8897,14 +8924,7 @@ var __vue_component__$h = __vue_component__$g;
|
|
|
8897
8924
|
var script$1 = {
|
|
8898
8925
|
name: "NsMenuItem",
|
|
8899
8926
|
components: {
|
|
8900
|
-
|
|
8901
|
-
TrashCan20,
|
|
8902
|
-
Power20,
|
|
8903
|
-
Rocket20,
|
|
8904
|
-
Launch20,
|
|
8905
|
-
Star20,
|
|
8906
|
-
Reset20,
|
|
8907
|
-
Save20
|
|
8927
|
+
NsSvg
|
|
8908
8928
|
},
|
|
8909
8929
|
props: {
|
|
8910
8930
|
label: {
|
|
@@ -8912,8 +8932,7 @@ var script$1 = {
|
|
|
8912
8932
|
required: true
|
|
8913
8933
|
},
|
|
8914
8934
|
icon: {
|
|
8915
|
-
type:
|
|
8916
|
-
validator: value => ["", "edit", "trash", "power", "rocket", "launch", "star", "reset", "save"].includes(value)
|
|
8935
|
+
type: Object
|
|
8917
8936
|
}
|
|
8918
8937
|
},
|
|
8919
8938
|
computed: {
|
|
@@ -8937,23 +8956,13 @@ var __vue_render__$7 = function () {
|
|
|
8937
8956
|
|
|
8938
8957
|
return _c('div', {
|
|
8939
8958
|
staticClass: "ns-menu-item"
|
|
8940
|
-
}, [_vm.icon
|
|
8959
|
+
}, [_vm.icon ? _c('span', {
|
|
8941
8960
|
staticClass: "icon"
|
|
8942
|
-
}, [_c('
|
|
8943
|
-
|
|
8944
|
-
|
|
8945
|
-
|
|
8946
|
-
}
|
|
8947
|
-
staticClass: "icon"
|
|
8948
|
-
}, [_c('Rocket20')], 1) : _vm.icon == 'launch' ? _c('span', {
|
|
8949
|
-
staticClass: "icon"
|
|
8950
|
-
}, [_c('Launch20')], 1) : _vm.icon == 'star' ? _c('span', {
|
|
8951
|
-
staticClass: "icon"
|
|
8952
|
-
}, [_c('Star20')], 1) : _vm.icon == 'reset' ? _c('span', {
|
|
8953
|
-
staticClass: "icon"
|
|
8954
|
-
}, [_c('Reset20')], 1) : _vm.icon == 'save' ? _c('span', {
|
|
8955
|
-
staticClass: "icon"
|
|
8956
|
-
}, [_c('Save20')], 1) : _vm.hasIconSlot ? _c('span', {
|
|
8961
|
+
}, [_c('NsSvg', {
|
|
8962
|
+
attrs: {
|
|
8963
|
+
"svg": _vm.icon
|
|
8964
|
+
}
|
|
8965
|
+
})], 1) : _vm.hasIconSlot ? _c('span', {
|
|
8957
8966
|
staticClass: "icon"
|
|
8958
8967
|
}, [_vm._t("icon")], 2) : _vm._e(), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.label))])]);
|
|
8959
8968
|
};
|
|
@@ -8963,8 +8972,8 @@ var __vue_staticRenderFns__$7 = [];
|
|
|
8963
8972
|
|
|
8964
8973
|
const __vue_inject_styles__$7 = function (inject) {
|
|
8965
8974
|
if (!inject) return;
|
|
8966
|
-
inject("data-v-
|
|
8967
|
-
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}",
|
|
8968
8977
|
map: undefined,
|
|
8969
8978
|
media: undefined
|
|
8970
8979
|
});
|
|
@@ -8972,7 +8981,7 @@ const __vue_inject_styles__$7 = function (inject) {
|
|
|
8972
8981
|
/* scoped */
|
|
8973
8982
|
|
|
8974
8983
|
|
|
8975
|
-
const __vue_scope_id__$7 = "data-v-
|
|
8984
|
+
const __vue_scope_id__$7 = "data-v-35f08832";
|
|
8976
8985
|
/* module identifier */
|
|
8977
8986
|
|
|
8978
8987
|
const __vue_module_identifier__$7 = undefined;
|