@nethserver/ns8-ui-lib 0.0.94 → 0.0.97
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 +39 -29
- package/dist/ns8-ui-lib.min.js +1 -1
- package/dist/ns8-ui-lib.ssr.js +50 -39
- package/package.json +1 -1
- package/src/lib-components/NsDataTable.vue +1 -1
- package/src/lib-components/NsInlineNotification.vue +0 -10
- package/src/lib-components/NsTextInput.vue +17 -25
- package/src/lib-components/NsToggle.vue +16 -1
package/dist/ns8-ui-lib.esm.js
CHANGED
|
@@ -14,6 +14,7 @@ import ArrowRight20 from '@carbon/icons-vue/es/arrow--right/20';
|
|
|
14
14
|
import ArrowRight32 from '@carbon/icons-vue/es/arrow--right/32';
|
|
15
15
|
import Notification20 from '@carbon/icons-vue/es/notification/20';
|
|
16
16
|
import UserAvatar20 from '@carbon/icons-vue/es/user--avatar/20';
|
|
17
|
+
import UserAvatar32 from '@carbon/icons-vue/es/user--avatar/32';
|
|
17
18
|
import AppSwitcher20 from '@carbon/icons-vue/es/app-switcher/20';
|
|
18
19
|
import Search20 from '@carbon/icons-vue/es/search/20';
|
|
19
20
|
import RowExpand20 from '@carbon/icons-vue/es/row--expand/20';
|
|
@@ -99,6 +100,7 @@ import Router20 from '@carbon/icons-vue/es/router/20';
|
|
|
99
100
|
import Certificate32 from '@carbon/icons-vue/es/certificate/32';
|
|
100
101
|
import Certificate20 from '@carbon/icons-vue/es/certificate/20';
|
|
101
102
|
import BareMetalServer20 from '@carbon/icons-vue/es/bare-metal-server/20';
|
|
103
|
+
import Firewall20 from '@carbon/icons-vue/es/firewall/20';
|
|
102
104
|
import CvSideNavDivider from '@carbon/vue/src/components/cv-ui-shell/cv-side-nav-divider.vue';
|
|
103
105
|
import Search16 from '@carbon/icons-vue/es/search/16';
|
|
104
106
|
import Close16 from '@carbon/icons-vue/es/close/16';
|
|
@@ -1168,8 +1170,8 @@ var __vue_staticRenderFns__$t = [];
|
|
|
1168
1170
|
|
|
1169
1171
|
const __vue_inject_styles__$v = function (inject) {
|
|
1170
1172
|
if (!inject) return;
|
|
1171
|
-
inject("data-v-
|
|
1172
|
-
source: ".title[data-v-
|
|
1173
|
+
inject("data-v-6b979488_0", {
|
|
1174
|
+
source: ".title[data-v-6b979488]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-6b979488]{margin-right:.75rem}.action-button[data-v-6b979488]{margin-right:.5rem}.bx--inline-notification__text-wrapper p[data-v-6b979488]{padding-right:0!important}",
|
|
1173
1175
|
map: undefined,
|
|
1174
1176
|
media: undefined
|
|
1175
1177
|
});
|
|
@@ -1177,7 +1179,7 @@ const __vue_inject_styles__$v = function (inject) {
|
|
|
1177
1179
|
/* scoped */
|
|
1178
1180
|
|
|
1179
1181
|
|
|
1180
|
-
const __vue_scope_id__$v = "data-v-
|
|
1182
|
+
const __vue_scope_id__$v = "data-v-6b979488";
|
|
1181
1183
|
/* module identifier */
|
|
1182
1184
|
|
|
1183
1185
|
const __vue_module_identifier__$v = undefined;
|
|
@@ -6901,7 +6903,7 @@ var script$g = {
|
|
|
6901
6903
|
},
|
|
6902
6904
|
tooltipAlignment: {
|
|
6903
6905
|
type: String,
|
|
6904
|
-
default: "
|
|
6906
|
+
default: "start",
|
|
6905
6907
|
validator: val => ["start", "center", "end"].includes(val)
|
|
6906
6908
|
},
|
|
6907
6909
|
tooltipDirection: {
|
|
@@ -6924,7 +6926,7 @@ const __vue_script__$g = script$g;
|
|
|
6924
6926
|
/* template */
|
|
6925
6927
|
|
|
6926
6928
|
var __vue_render__$m = function () {
|
|
6927
|
-
var _obj, _obj$1, _obj$2, _obj$3, _obj$4
|
|
6929
|
+
var _obj, _obj$1, _obj$2, _obj$3, _obj$4;
|
|
6928
6930
|
|
|
6929
6931
|
var _vm = this;
|
|
6930
6932
|
|
|
@@ -6934,12 +6936,12 @@ var __vue_render__$m = function () {
|
|
|
6934
6936
|
|
|
6935
6937
|
return _c('div', {
|
|
6936
6938
|
class: ["cv-text-input", "ns-text-input", _vm.carbonPrefix + "--form-item", _vm.carbonPrefix + "--text-input-wrapper", (_obj = {}, _obj[_vm.carbonPrefix + "--password-input-wrapper"] = _vm.isPassword, _obj)]
|
|
6937
|
-
}, [
|
|
6939
|
+
}, [_c('div', [_c('label', {
|
|
6938
6940
|
class: [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.$attrs.disabled !== undefined && _vm.$attrs.disabled, _obj$1)],
|
|
6939
6941
|
attrs: {
|
|
6940
6942
|
"for": _vm.uid
|
|
6941
6943
|
}
|
|
6942
|
-
}, [_vm._v(_vm._s(_vm.label))
|
|
6944
|
+
}, [_c('div', [_vm._v("\n " + _vm._s(_vm.label) + "\n "), _vm._v(" "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
|
|
6943
6945
|
staticClass: "tooltip info",
|
|
6944
6946
|
attrs: {
|
|
6945
6947
|
"alignment": _vm.tooltipAlignment,
|
|
@@ -6947,13 +6949,8 @@ var __vue_render__$m = function () {
|
|
|
6947
6949
|
}
|
|
6948
6950
|
}, [_c('template', {
|
|
6949
6951
|
slot: "content"
|
|
6950
|
-
}, [_vm._t("tooltip")], 2)], 2)], 1)
|
|
6951
|
-
class: [_vm.carbonPrefix + "--
|
|
6952
|
-
attrs: {
|
|
6953
|
-
"for": _vm.uid
|
|
6954
|
-
}
|
|
6955
|
-
}, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('div', {
|
|
6956
|
-
class: [_vm.carbonPrefix + "--text-input__field-wrapper", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj$3), {
|
|
6952
|
+
}, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 1)])]), _vm._v(" "), _c('div', {
|
|
6953
|
+
class: [_vm.carbonPrefix + "--text-input__field-wrapper", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj$2), {
|
|
6957
6954
|
'align-items-center': _vm.prefix
|
|
6958
6955
|
}],
|
|
6959
6956
|
attrs: {
|
|
@@ -6967,7 +6964,7 @@ var __vue_render__$m = function () {
|
|
|
6967
6964
|
staticClass: "prefix"
|
|
6968
6965
|
}, [_vm._v(_vm._s(_vm.prefix))]) : _vm._e(), _vm._v(" "), _c('input', _vm._g(_vm._b({
|
|
6969
6966
|
ref: "input",
|
|
6970
|
-
class: [_vm.carbonPrefix + "--text-input", (_obj$
|
|
6967
|
+
class: [_vm.carbonPrefix + "--text-input", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input--light"] = _vm.isLight, _obj$3[_vm.carbonPrefix + "--text-input--invalid"] = _vm.isInvalid, _obj$3[_vm.carbonPrefix + "--text-input--warning"] = _vm.isWarn, _obj$3[_vm.carbonPrefix + "--password-input"] = _vm.isPassword, _obj$3)],
|
|
6971
6968
|
attrs: {
|
|
6972
6969
|
"id": _vm.uid,
|
|
6973
6970
|
"data-toggle-password-visibility": _vm.isPassword,
|
|
@@ -6999,7 +6996,7 @@ var __vue_render__$m = function () {
|
|
|
6999
6996
|
}, [_vm._t("warn-text", function () {
|
|
7000
6997
|
return [_vm._v(_vm._s(_vm.warnText))];
|
|
7001
6998
|
})], 2) : _vm._e(), _vm._v(" "), _vm.isHelper ? _c('div', {
|
|
7002
|
-
class: [_vm.carbonPrefix + "--form__helper-text", (_obj$
|
|
6999
|
+
class: [_vm.carbonPrefix + "--form__helper-text", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.$attrs.disabled, _obj$4)]
|
|
7003
7000
|
}, [_vm._t("helper-text", function () {
|
|
7004
7001
|
return [_vm._v(_vm._s(_vm.helperText))];
|
|
7005
7002
|
})], 2) : _vm._e()]);
|
|
@@ -7010,11 +7007,11 @@ var __vue_staticRenderFns__$m = [];
|
|
|
7010
7007
|
|
|
7011
7008
|
const __vue_inject_styles__$n = function (inject) {
|
|
7012
7009
|
if (!inject) return;
|
|
7013
|
-
inject("data-v-
|
|
7014
|
-
source: ".tooltip[data-v-
|
|
7010
|
+
inject("data-v-38d70818_0", {
|
|
7011
|
+
source: ".tooltip[data-v-38d70818]{display:inline-block;position:absolute}.prefix[data-v-38d70818]{font-weight:700;margin-right:.5rem;color:#525252}.align-items-center[data-v-38d70818]{align-items:center}",
|
|
7015
7012
|
map: undefined,
|
|
7016
7013
|
media: undefined
|
|
7017
|
-
}), inject("data-v-
|
|
7014
|
+
}), inject("data-v-38d70818_1", {
|
|
7018
7015
|
source: ".ns-text-input .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
|
|
7019
7016
|
map: undefined,
|
|
7020
7017
|
media: undefined
|
|
@@ -7023,7 +7020,7 @@ const __vue_inject_styles__$n = function (inject) {
|
|
|
7023
7020
|
/* scoped */
|
|
7024
7021
|
|
|
7025
7022
|
|
|
7026
|
-
const __vue_scope_id__$n = "data-v-
|
|
7023
|
+
const __vue_scope_id__$n = "data-v-38d70818";
|
|
7027
7024
|
/* module identifier */
|
|
7028
7025
|
|
|
7029
7026
|
const __vue_module_identifier__$n = undefined;
|
|
@@ -8582,6 +8579,8 @@ var IconService = {
|
|
|
8582
8579
|
ArrowRight32,
|
|
8583
8580
|
Notification20,
|
|
8584
8581
|
UserAvatar20,
|
|
8582
|
+
// account
|
|
8583
|
+
UserAvatar32,
|
|
8585
8584
|
AppSwitcher20,
|
|
8586
8585
|
Search20,
|
|
8587
8586
|
RowExpand20,
|
|
@@ -8702,8 +8701,9 @@ var IconService = {
|
|
|
8702
8701
|
Router20,
|
|
8703
8702
|
Certificate32,
|
|
8704
8703
|
Certificate20,
|
|
8705
|
-
BareMetalServer20
|
|
8706
|
-
|
|
8704
|
+
BareMetalServer20,
|
|
8705
|
+
// acme server
|
|
8706
|
+
Firewall20
|
|
8707
8707
|
};
|
|
8708
8708
|
}
|
|
8709
8709
|
|
|
@@ -17227,7 +17227,7 @@ var script$1 = {
|
|
|
17227
17227
|
},
|
|
17228
17228
|
skeletonRows: {
|
|
17229
17229
|
type: Number,
|
|
17230
|
-
default:
|
|
17230
|
+
default: 5
|
|
17231
17231
|
},
|
|
17232
17232
|
isErrorShown: {
|
|
17233
17233
|
type: Boolean,
|
|
@@ -17822,7 +17822,7 @@ var __vue_render__$7 = function () {
|
|
|
17822
17822
|
var _c = _vm._self._c || _h;
|
|
17823
17823
|
|
|
17824
17824
|
return _c('div', {
|
|
17825
|
-
class: (_obj = {}, _obj[_vm.carbonPrefix + "--form-item"] = _vm.formItem, _obj)
|
|
17825
|
+
class: ['ns-toggle', (_obj = {}, _obj[_vm.carbonPrefix + "--form-item"] = _vm.formItem, _obj)]
|
|
17826
17826
|
}, [_c('input', _vm._g(_vm._b({
|
|
17827
17827
|
ref: "input",
|
|
17828
17828
|
class: [_vm.carbonPrefix + "--toggle-input", {
|
|
@@ -17884,18 +17884,28 @@ var __vue_render__$7 = function () {
|
|
|
17884
17884
|
var __vue_staticRenderFns__$7 = [];
|
|
17885
17885
|
/* style */
|
|
17886
17886
|
|
|
17887
|
-
const __vue_inject_styles__$7 =
|
|
17887
|
+
const __vue_inject_styles__$7 = function (inject) {
|
|
17888
|
+
if (!inject) return;
|
|
17889
|
+
inject("data-v-08c576ca_0", {
|
|
17890
|
+
source: ".tooltip[data-v-08c576ca]{display:inline-block;position:absolute}",
|
|
17891
|
+
map: undefined,
|
|
17892
|
+
media: undefined
|
|
17893
|
+
}), inject("data-v-08c576ca_1", {
|
|
17894
|
+
source: ".ns-toggle .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
|
|
17895
|
+
map: undefined,
|
|
17896
|
+
media: undefined
|
|
17897
|
+
});
|
|
17898
|
+
};
|
|
17888
17899
|
/* scoped */
|
|
17889
17900
|
|
|
17890
|
-
|
|
17901
|
+
|
|
17902
|
+
const __vue_scope_id__$7 = "data-v-08c576ca";
|
|
17891
17903
|
/* module identifier */
|
|
17892
17904
|
|
|
17893
17905
|
const __vue_module_identifier__$7 = undefined;
|
|
17894
17906
|
/* functional template */
|
|
17895
17907
|
|
|
17896
17908
|
const __vue_is_functional_template__$7 = false;
|
|
17897
|
-
/* style inject */
|
|
17898
|
-
|
|
17899
17909
|
/* style inject SSR */
|
|
17900
17910
|
|
|
17901
17911
|
/* style inject shadow dom */
|
|
@@ -17903,7 +17913,7 @@ const __vue_is_functional_template__$7 = false;
|
|
|
17903
17913
|
const __vue_component__$e = /*#__PURE__*/normalizeComponent({
|
|
17904
17914
|
render: __vue_render__$7,
|
|
17905
17915
|
staticRenderFns: __vue_staticRenderFns__$7
|
|
17906
|
-
}, __vue_inject_styles__$7, __vue_script__, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false,
|
|
17916
|
+
}, __vue_inject_styles__$7, __vue_script__, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, createInjector, undefined, undefined);
|
|
17907
17917
|
|
|
17908
17918
|
var __vue_component__$f = __vue_component__$e;
|
|
17909
17919
|
|