@nethserver/ns8-ui-lib 0.0.93 → 0.0.96

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

@@ -14,6 +14,7 @@ import ArrowRight20 from '@carbon/icons-vue/es/arrow--right/20';
 import ArrowRight32 from '@carbon/icons-vue/es/arrow--right/32';
 import Notification20 from '@carbon/icons-vue/es/notification/20';
 import UserAvatar20 from '@carbon/icons-vue/es/user--avatar/20';
+import UserAvatar32 from '@carbon/icons-vue/es/user--avatar/32';
 import AppSwitcher20 from '@carbon/icons-vue/es/app-switcher/20';
 import Search20 from '@carbon/icons-vue/es/search/20';
 import RowExpand20 from '@carbon/icons-vue/es/row--expand/20';
@@ -97,6 +98,8 @@ import Group20 from '@carbon/icons-vue/es/group/20';
 import Router32 from '@carbon/icons-vue/es/router/32';
 import Router20 from '@carbon/icons-vue/es/router/20';
 import Certificate32 from '@carbon/icons-vue/es/certificate/32';
+import Certificate20 from '@carbon/icons-vue/es/certificate/20';
+import BareMetalServer20 from '@carbon/icons-vue/es/bare-metal-server/20';
 import CvSideNavDivider from '@carbon/vue/src/components/cv-ui-shell/cv-side-nav-divider.vue';
 import Search16 from '@carbon/icons-vue/es/search/16';
 import Close16 from '@carbon/icons-vue/es/close/16';
@@ -1166,8 +1169,8 @@ var __vue_staticRenderFns__$t = [];
 
 const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
-  inject("data-v-59312d66_0", {
-    source: ".title[data-v-59312d66]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-59312d66]{margin-right:.75rem}.details[data-v-59312d66]{flex-grow:0}.action-button[data-v-59312d66]{margin-right:.5rem}.bx--inline-notification__close-button[data-v-59312d66]{position:absolute!important}.bx--inline-notification__text-wrapper p[data-v-59312d66]{padding-right:0!important}",
+  inject("data-v-6b979488_0", {
+    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}",
     map: undefined,
     media: undefined
   });
@@ -1175,7 +1178,7 @@ const __vue_inject_styles__$v = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$v = "data-v-59312d66";
+const __vue_scope_id__$v = "data-v-6b979488";
 /* module identifier */
 
 const __vue_module_identifier__$v = undefined;
@@ -6899,7 +6902,7 @@ var script$g = {
     },
     tooltipAlignment: {
       type: String,
-      default: "center",
+      default: "start",
       validator: val => ["start", "center", "end"].includes(val)
     },
     tooltipDirection: {
@@ -6922,7 +6925,7 @@ const __vue_script__$g = script$g;
 /* template */
 
 var __vue_render__$m = function () {
-  var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5;
+  var _obj, _obj$1, _obj$2, _obj$3, _obj$4;
 
   var _vm = this;
 
@@ -6932,12 +6935,12 @@ var __vue_render__$m = function () {
 
   return _c('div', {
     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)]
-  }, [_vm.hasTooltipSlot ? _c('div', [_c('label', {
+  }, [_c('div', [_c('label', {
     class: [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.$attrs.disabled !== undefined && _vm.$attrs.disabled, _obj$1)],
     attrs: {
       "for": _vm.uid
     }
-  }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('cv-interactive-tooltip', {
+  }, [_c('div', [_vm._v("\n        " + _vm._s(_vm.label) + "\n        "), _vm._v(" "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
     staticClass: "tooltip info",
     attrs: {
       "alignment": _vm.tooltipAlignment,
@@ -6945,13 +6948,8 @@ var __vue_render__$m = function () {
     }
   }, [_c('template', {
     slot: "content"
-  }, [_vm._t("tooltip")], 2)], 2)], 1) : _c('label', {
-    class: [_vm.carbonPrefix + "--label", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--label--disabled"] = _vm.$attrs.disabled !== undefined && _vm.$attrs.disabled, _obj$2)],
-    attrs: {
-      "for": _vm.uid
-    }
-  }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('div', {
-    class: [_vm.carbonPrefix + "--text-input__field-wrapper", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj$3), {
+  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 1)])]), _vm._v(" "), _c('div', {
+    class: [_vm.carbonPrefix + "--text-input__field-wrapper", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj$2), {
       'align-items-center': _vm.prefix
     }],
     attrs: {
@@ -6965,7 +6963,7 @@ var __vue_render__$m = function () {
     staticClass: "prefix"
   }, [_vm._v(_vm._s(_vm.prefix))]) : _vm._e(), _vm._v(" "), _c('input', _vm._g(_vm._b({
     ref: "input",
-    class: [_vm.carbonPrefix + "--text-input", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--text-input--light"] = _vm.isLight, _obj$4[_vm.carbonPrefix + "--text-input--invalid"] = _vm.isInvalid, _obj$4[_vm.carbonPrefix + "--text-input--warning"] = _vm.isWarn, _obj$4[_vm.carbonPrefix + "--password-input"] = _vm.isPassword, _obj$4)],
+    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)],
     attrs: {
       "id": _vm.uid,
       "data-toggle-password-visibility": _vm.isPassword,
@@ -6997,7 +6995,7 @@ var __vue_render__$m = function () {
   }, [_vm._t("warn-text", function () {
     return [_vm._v(_vm._s(_vm.warnText))];
   })], 2) : _vm._e(), _vm._v(" "), _vm.isHelper ? _c('div', {
-    class: [_vm.carbonPrefix + "--form__helper-text", (_obj$5 = {}, _obj$5[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.$attrs.disabled, _obj$5)]
+    class: [_vm.carbonPrefix + "--form__helper-text", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.$attrs.disabled, _obj$4)]
   }, [_vm._t("helper-text", function () {
     return [_vm._v(_vm._s(_vm.helperText))];
   })], 2) : _vm._e()]);
@@ -7008,11 +7006,11 @@ var __vue_staticRenderFns__$m = [];
 
 const __vue_inject_styles__$n = function (inject) {
   if (!inject) return;
-  inject("data-v-eae7353a_0", {
-    source: ".tooltip[data-v-eae7353a]{display:inline-block;position:absolute}.prefix[data-v-eae7353a]{font-weight:700;margin-right:.5rem;color:#525252}.align-items-center[data-v-eae7353a]{align-items:center}",
+  inject("data-v-38d70818_0", {
+    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}",
     map: undefined,
     media: undefined
-  }), inject("data-v-eae7353a_1", {
+  }), inject("data-v-38d70818_1", {
     source: ".ns-text-input .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -7021,7 +7019,7 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-eae7353a";
+const __vue_scope_id__$n = "data-v-38d70818";
 /* module identifier */
 
 const __vue_module_identifier__$n = undefined;
@@ -7522,6 +7520,38 @@ var UtilService = {
      */
     getShortNodeLabel(node) {
       return node.ui_name ? node.ui_name : this.$t("common.node") + " " + node.id;
+    },
+
+    /**
+     * Get a i18n string using a fallback key if necessary. Used for common validation errors
+     */
+    getI18nStringWithFallback(key, fallbackKey, coreContext, args) {
+      if (this.$te(key)) {
+        return this.$t(key, args);
+      } // fallback
+
+
+      if (this.$te(fallbackKey)) {
+        return this.$t(fallbackKey, args);
+      }
+
+      if (!coreContext) {
+        // return key as is
+        return key;
+      } // try on core context
+
+
+      if (coreContext.$te(key)) {
+        return coreContext.$t(key, args);
+      } // fallback on core context
+
+
+      if (coreContext.$te(fallbackKey)) {
+        return coreContext.$t(fallbackKey, args);
+      } // return key as is
+
+
+      return key;
     }
 
   }
@@ -8548,6 +8578,8 @@ var IconService = {
       ArrowRight32,
       Notification20,
       UserAvatar20,
+      // account
+      UserAvatar32,
       AppSwitcher20,
       Search20,
       RowExpand20,
@@ -8666,7 +8698,10 @@ var IconService = {
       Router32,
       // http routes
       Router20,
-      Certificate32
+      Certificate32,
+      Certificate20,
+      BareMetalServer20 // acme server
+
     };
   }
 
@@ -17190,7 +17225,7 @@ var script$1 = {
     },
     skeletonRows: {
       type: Number,
-      default: 10
+      default: 5
     },
     isErrorShown: {
       type: Boolean,
@@ -17785,7 +17820,7 @@ var __vue_render__$7 = function () {
   var _c = _vm._self._c || _h;
 
   return _c('div', {
-    class: (_obj = {}, _obj[_vm.carbonPrefix + "--form-item"] = _vm.formItem, _obj)
+    class: ['ns-toggle', (_obj = {}, _obj[_vm.carbonPrefix + "--form-item"] = _vm.formItem, _obj)]
   }, [_c('input', _vm._g(_vm._b({
     ref: "input",
     class: [_vm.carbonPrefix + "--toggle-input", {
@@ -17847,18 +17882,28 @@ var __vue_render__$7 = function () {
 var __vue_staticRenderFns__$7 = [];
 /* style */
 
-const __vue_inject_styles__$7 = undefined;
+const __vue_inject_styles__$7 = function (inject) {
+  if (!inject) return;
+  inject("data-v-08c576ca_0", {
+    source: ".tooltip[data-v-08c576ca]{display:inline-block;position:absolute}",
+    map: undefined,
+    media: undefined
+  }), inject("data-v-08c576ca_1", {
+    source: ".ns-toggle .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
+    map: undefined,
+    media: undefined
+  });
+};
 /* scoped */
 
-const __vue_scope_id__$7 = undefined;
+
+const __vue_scope_id__$7 = "data-v-08c576ca";
 /* module identifier */
 
 const __vue_module_identifier__$7 = undefined;
 /* functional template */
 
 const __vue_is_functional_template__$7 = false;
-/* style inject */
-
 /* style inject SSR */
 
 /* style inject shadow dom */
@@ -17866,7 +17911,7 @@ const __vue_is_functional_template__$7 = false;
 const __vue_component__$e = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$7,
   staticRenderFns: __vue_staticRenderFns__$7
-}, __vue_inject_styles__$7, __vue_script__, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$7, __vue_script__, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, createInjector, undefined, undefined);
 
 var __vue_component__$f = __vue_component__$e;