@nethserver/ns8-ui-lib 0.0.84 → 0.0.87

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

@@ -6,6 +6,7 @@ import { carbonPrefixMixin, themeMixin, uidMixin } 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 { WarningFilled16, WarningAltFilled16, View16, ViewOff16 } from '@carbon/icons-vue';
 import crypto from 'crypto';
 import OverflowMenuVertical20 from '@carbon/icons-vue/es/overflow-menu--vertical/20';
 import Vue from 'vue';
@@ -96,7 +97,6 @@ import Column20 from '@carbon/icons-vue/es/column/20';
 import Catalog20 from '@carbon/icons-vue/es/catalog/20';
 import Catalog32 from '@carbon/icons-vue/es/catalog/32';
 import Group20 from '@carbon/icons-vue/es/group/20';
-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 Search16 from '@carbon/icons-vue/es/search/16';
 import Close16 from '@carbon/icons-vue/es/close/16';
@@ -269,7 +269,7 @@ function addStyle(id, css) {
 const __vue_script__$u = script$u;
 /* template */
 
-var __vue_render__$z = function () {
+var __vue_render__$A = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -292,7 +292,7 @@ var __vue_render__$z = function () {
   }) : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$z = [];
+var __vue_staticRenderFns__$A = [];
 /* style */
 
 const __vue_inject_styles__$C = function (inject) {
@@ -317,12 +317,12 @@ const __vue_is_functional_template__$C = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$12 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$z,
-  staticRenderFns: __vue_staticRenderFns__$z
+const __vue_component__$11 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$A,
+  staticRenderFns: __vue_staticRenderFns__$A
 }, __vue_inject_styles__$C, __vue_script__$u, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
 
-var __vue_component__$13 = __vue_component__$12;
+var NsButton = __vue_component__$11;
 
 //
 //
@@ -366,7 +366,7 @@ var script$t = {
 const __vue_script__$t = script$t;
 /* template */
 
-var __vue_render__$y = function () {
+var __vue_render__$z = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -394,7 +394,7 @@ var __vue_render__$y = function () {
   }, [_vm._t("default")], 2)]);
 };
 
-var __vue_staticRenderFns__$y = [];
+var __vue_staticRenderFns__$z = [];
 /* style */
 
 const __vue_inject_styles__$B = undefined;
@@ -413,12 +413,12 @@ const __vue_is_functional_template__$B = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$11 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$y,
-  staticRenderFns: __vue_staticRenderFns__$y
+const __vue_component__$10 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$z,
+  staticRenderFns: __vue_staticRenderFns__$z
 }, __vue_inject_styles__$B, __vue_script__$t, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, undefined, undefined, undefined);
 
-var NsPictogram = __vue_component__$11;
+var NsPictogram = __vue_component__$10;
 
 //
 var script$s = {
@@ -480,7 +480,7 @@ var script$s = {
 const __vue_script__$s = script$s;
 /* template */
 
-var __vue_render__$x = function () {
+var __vue_render__$y = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -507,7 +507,7 @@ var __vue_render__$x = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$x = [];
+var __vue_staticRenderFns__$y = [];
 /* style */
 
 const __vue_inject_styles__$A = undefined;
@@ -526,17 +526,17 @@ const __vue_is_functional_template__$A = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$10 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$x,
-  staticRenderFns: __vue_staticRenderFns__$x
+const __vue_component__$$ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$y,
+  staticRenderFns: __vue_staticRenderFns__$y
 }, __vue_inject_styles__$A, __vue_script__$s, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, undefined, undefined, undefined);
 
-var NsLottieAnimation = __vue_component__$10;
+var NsLottieAnimation = __vue_component__$$;
 
 /* script */
 
 /* template */
-var __vue_render__$w = function () {
+var __vue_render__$x = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -551,7 +551,7 @@ var __vue_render__$w = function () {
   });
 };
 
-var __vue_staticRenderFns__$w = [];
+var __vue_staticRenderFns__$x = [];
 /* style */
 
 const __vue_inject_styles__$z = undefined;
@@ -570,12 +570,12 @@ const __vue_is_functional_template__$z = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$$ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
+const __vue_component__$_ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$x,
+  staticRenderFns: __vue_staticRenderFns__$x
 }, __vue_inject_styles__$z, {}, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, undefined, undefined, undefined);
 
-var ExclamationMarkPictogram = __vue_component__$$;
+var ExclamationMarkPictogram = __vue_component__$_;
 
 //
 var script$r = {
@@ -613,7 +613,7 @@ var script$r = {
 const __vue_script__$r = script$r;
 /* template */
 
-var __vue_render__$v = function () {
+var __vue_render__$w = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -643,7 +643,7 @@ var __vue_render__$v = function () {
   }, [_vm._t("description")], 2)] : _vm._e()], 2);
 };
 
-var __vue_staticRenderFns__$v = [];
+var __vue_staticRenderFns__$w = [];
 /* style */
 
 const __vue_inject_styles__$y = function (inject) {
@@ -668,12 +668,12 @@ const __vue_is_functional_template__$y = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$Z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$v,
-  staticRenderFns: __vue_staticRenderFns__$v
+const __vue_component__$Y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
 }, __vue_inject_styles__$y, __vue_script__$r, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, createInjector, undefined, undefined);
 
-var __vue_component__$_ = __vue_component__$Z;
+var __vue_component__$Z = __vue_component__$Y;
 
 //
 var script$q = {
@@ -791,7 +791,7 @@ var script$q = {
 const __vue_script__$q = script$q;
 /* template */
 
-var __vue_render__$u = function () {
+var __vue_render__$v = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -853,7 +853,7 @@ var __vue_render__$u = function () {
   })], 1) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$u = [];
+var __vue_staticRenderFns__$v = [];
 /* style */
 
 const __vue_inject_styles__$x = function (inject) {
@@ -878,12 +878,12 @@ const __vue_is_functional_template__$x = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$X = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$u,
-  staticRenderFns: __vue_staticRenderFns__$u
+const __vue_component__$W = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$v,
+  staticRenderFns: __vue_staticRenderFns__$v
 }, __vue_inject_styles__$x, __vue_script__$q, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
 
-var __vue_component__$Y = __vue_component__$X;
+var __vue_component__$X = __vue_component__$W;
 
 //
 //
@@ -981,7 +981,7 @@ var script$p = {
 const __vue_script__$p = script$p;
 /* template */
 
-var __vue_render__$t = function () {
+var __vue_render__$u = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1017,7 +1017,7 @@ var __vue_render__$t = function () {
   })])])]);
 };
 
-var __vue_staticRenderFns__$t = [];
+var __vue_staticRenderFns__$u = [];
 /* style */
 
 const __vue_inject_styles__$w = function (inject) {
@@ -1042,12 +1042,12 @@ const __vue_is_functional_template__$w = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$W = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$t,
-  staticRenderFns: __vue_staticRenderFns__$t
+const __vue_component__$V = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$u,
+  staticRenderFns: __vue_staticRenderFns__$u
 }, __vue_inject_styles__$w, __vue_script__$p, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
 
-var NsCircleTimer = __vue_component__$W;
+var NsCircleTimer = __vue_component__$V;
 
 //
 var script$o = {
@@ -1090,7 +1090,7 @@ var script$o = {
 const __vue_script__$o = script$o;
 /* template */
 
-var __vue_render__$s = function () {
+var __vue_render__$t = function () {
   var _obj;
 
   var _vm = this;
@@ -1161,7 +1161,7 @@ var __vue_render__$s = function () {
   })], 1) : _vm._e()]);
 };
 
-var __vue_staticRenderFns__$s = [];
+var __vue_staticRenderFns__$t = [];
 /* style */
 
 const __vue_inject_styles__$v = function (inject) {
@@ -1186,12 +1186,12 @@ const __vue_is_functional_template__$v = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$V = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
+const __vue_component__$U = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
 }, __vue_inject_styles__$v, __vue_script__$o, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
 
-var NsInlineNotification = __vue_component__$V;
+var NsInlineNotification = __vue_component__$U;
 
 //
 //
@@ -1244,7 +1244,7 @@ var script$n = {
 const __vue_script__$n = script$n;
 /* template */
 
-var __vue_render__$r = function () {
+var __vue_render__$s = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -1269,7 +1269,7 @@ var __vue_render__$r = function () {
   })]], 2)]);
 };
 
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$s = [];
 /* style */
 
 const __vue_inject_styles__$u = function (inject) {
@@ -1294,12 +1294,12 @@ const __vue_is_functional_template__$u = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$U = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
+const __vue_component__$T = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
 }, __vue_inject_styles__$u, __vue_script__$n, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
 
-var NsProgressBar = __vue_component__$U;
+var NsProgressBar = __vue_component__$T;
 
 var script$m = {
   name: "NsSvg",
@@ -1381,9 +1381,9 @@ const __vue_is_functional_template__$t = undefined;
 
 /* style inject shadow dom */
 
-const __vue_component__$T = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$t, __vue_script__$m, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
+const __vue_component__$S = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$t, __vue_script__$m, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
 
-var NsSvg = __vue_component__$T;
+var NsSvg = __vue_component__$S;
 
 //
 var script$l = {
@@ -1463,7 +1463,7 @@ var script$l = {
 const __vue_script__$l = script$l;
 /* template */
 
-var __vue_render__$q = function () {
+var __vue_render__$r = function () {
   var _obj;
 
   var _vm = this;
@@ -1502,7 +1502,7 @@ var __vue_render__$q = function () {
   }) : _vm._e()], 1);
 };
 
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$r = [];
 /* style */
 
 const __vue_inject_styles__$s = function (inject) {
@@ -1527,12 +1527,12 @@ const __vue_is_functional_template__$s = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$R = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
+const __vue_component__$Q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
 }, __vue_inject_styles__$s, __vue_script__$l, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
 
-var __vue_component__$S = __vue_component__$R;
+var __vue_component__$R = __vue_component__$Q;
 
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -6210,7 +6210,7 @@ var script$k = {
 const __vue_script__$k = script$k;
 /* template */
 
-var __vue_render__$p = function () {
+var __vue_render__$q = function () {
   var _obj;
 
   var _vm = this;
@@ -6308,7 +6308,7 @@ var __vue_render__$p = function () {
   })], 1) : _vm._e()], 1)]);
 };
 
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$q = [];
 /* style */
 
 const __vue_inject_styles__$r = function (inject) {
@@ -6337,12 +6337,12 @@ const __vue_is_functional_template__$r = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$P = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
+const __vue_component__$O = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
 }, __vue_inject_styles__$r, __vue_script__$k, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
 
-var __vue_component__$Q = __vue_component__$P;
+var __vue_component__$P = __vue_component__$O;
 
 //
 var script$j = {
@@ -6399,7 +6399,7 @@ var script$j = {
 const __vue_script__$j = script$j;
 /* template */
 
-var __vue_render__$o = function () {
+var __vue_render__$p = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6456,7 +6456,7 @@ var __vue_render__$o = function () {
   }, [_vm.hasContentSlot ? _vm._t("content") : _vm._e()], 2)], 2);
 };
 
-var __vue_staticRenderFns__$o = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
 
 const __vue_inject_styles__$q = function (inject) {
@@ -6481,12 +6481,12 @@ const __vue_is_functional_template__$q = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$N = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
+const __vue_component__$M = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
 }, __vue_inject_styles__$q, __vue_script__$j, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
 
-var __vue_component__$O = __vue_component__$N;
+var __vue_component__$N = __vue_component__$M;
 
 //
 var script$i = {
@@ -6539,7 +6539,7 @@ var script$i = {
 const __vue_script__$i = script$i;
 /* template */
 
-var __vue_render__$n = function () {
+var __vue_render__$o = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6608,7 +6608,7 @@ var __vue_render__$n = function () {
   }, [_c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])]) : _c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])], 1) : _vm._e()])]);
 };
 
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
 
 const __vue_inject_styles__$p = function (inject) {
@@ -6633,12 +6633,12 @@ const __vue_is_functional_template__$p = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$L = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
+const __vue_component__$K = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
 }, __vue_inject_styles__$p, __vue_script__$i, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
 
-var __vue_component__$M = __vue_component__$L;
+var __vue_component__$L = __vue_component__$K;
 
 //
 var script$h = {
@@ -6698,7 +6698,7 @@ var script$h = {
 const __vue_script__$h = script$h;
 /* template */
 
-var __vue_render__$m = function () {
+var __vue_render__$n = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6753,7 +6753,7 @@ var __vue_render__$m = function () {
   })], 1)])]);
 };
 
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
 
 const __vue_inject_styles__$o = function (inject) {
@@ -6778,87 +6778,264 @@ const __vue_is_functional_template__$o = false;
 
 /* style inject shadow dom */
 
-const __vue_component__$J = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
+const __vue_component__$I = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
 }, __vue_inject_styles__$o, __vue_script__$h, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
 
-var __vue_component__$K = __vue_component__$J;
-
-// Unique ID creation requires a high quality random # generator.  In node.js
-// this is pretty straight-forward - we use the crypto API.
-
+var __vue_component__$J = __vue_component__$I;
 
+//
+var script$g = {
+  name: "NsTextInput",
+  extends: CvTextInput,
+  components: {
+    WarningFilled16,
+    WarningAltFilled16,
+    View16,
+    ViewOff16
+  },
+  props: {
+    helperText: {
+      type: String,
+      default: undefined
+    },
+    invalidMessage: {
+      type: String,
+      default: undefined
+    },
+    label: String,
+    passwordHideLabel: {
+      type: String,
+      default: "Hide password"
+    },
+    passwordShowLabel: {
+      type: String,
+      default: "Show password"
+    },
+    passwordVisible: Boolean,
+    type: String,
+    value: String,
+    warnText: {
+      type: String,
+      default: undefined
+    },
+    tooltipAlignment: {
+      type: String,
+      default: "center",
+      validator: val => ["start", "center", "end"].includes(val)
+    },
+    tooltipDirection: {
+      type: String,
+      default: "bottom",
+      validator: val => ["top", "left", "bottom", "right".includes(val)]
+    },
+    prefix: String
+  },
+  computed: {
+    hasTooltipSlot() {
+      return !!this.$slots.tooltip;
+    }
 
-var rng = function nodeRNG() {
-  return crypto.randomBytes(16);
+  }
 };
 
-/**
- * Convert array of 16 byte values to UUID string format of the form:
- * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
- */
-var byteToHex = [];
-for (var i = 0; i < 256; ++i) {
-  byteToHex[i] = (i + 0x100).toString(16).substr(1);
-}
-
-function bytesToUuid(buf, offset) {
-  var i = offset || 0;
-  var bth = byteToHex;
-  // join used to fix memory issue caused by concatenation: https://bugs.chromium.org/p/v8/issues/detail?id=3175#c4
-  return ([
-    bth[buf[i++]], bth[buf[i++]],
-    bth[buf[i++]], bth[buf[i++]], '-',
-    bth[buf[i++]], bth[buf[i++]], '-',
-    bth[buf[i++]], bth[buf[i++]], '-',
-    bth[buf[i++]], bth[buf[i++]], '-',
-    bth[buf[i++]], bth[buf[i++]],
-    bth[buf[i++]], bth[buf[i++]],
-    bth[buf[i++]], bth[buf[i++]]
-  ]).join('');
-}
-
-var bytesToUuid_1 = bytesToUuid;
-
-// **`v1()` - Generate time-based UUID**
-//
-// Inspired by https://github.com/LiosK/UUID.js
-// and http://docs.python.org/library/uuid.html
+/* script */
+const __vue_script__$g = script$g;
+/* template */
 
-var _nodeId;
-var _clockseq;
+var __vue_render__$m = function () {
+  var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5;
 
-// Previous uuid creation time
-var _lastMSecs = 0;
-var _lastNSecs = 0;
+  var _vm = this;
 
-// See https://github.com/uuidjs/uuid for API details
-function v1(options, buf, offset) {
-  var i = buf && offset || 0;
-  var b = buf || [];
+  var _h = _vm.$createElement;
 
-  options = options || {};
-  var node = options.node || _nodeId;
-  var clockseq = options.clockseq !== undefined ? options.clockseq : _clockseq;
+  var _c = _vm._self._c || _h;
 
-  // node and clockseq need to be initialized to random values if they're not
-  // specified.  We do this lazily to minimize issues related to insufficient
-  // system entropy.  See #189
-  if (node == null || clockseq == null) {
-    var seedBytes = rng();
-    if (node == null) {
-      // Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)
-      node = _nodeId = [
-        seedBytes[0] | 0x01,
-        seedBytes[1], seedBytes[2], seedBytes[3], seedBytes[4], seedBytes[5]
-      ];
+  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', {
+    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
     }
-    if (clockseq == null) {
-      // Per 4.2.2, randomize (14 bit) clockseq
-      clockseq = _clockseq = (seedBytes[6] << 8 | seedBytes[7]) & 0x3fff;
+  }, [_vm._v(_vm._s(_vm.label))]), _vm._v(" "), _c('cv-interactive-tooltip', {
+    staticClass: "tooltip info",
+    attrs: {
+      "alignment": _vm.tooltipAlignment,
+      "direction": _vm.tooltipDirection
     }
-  }
+  }, [_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), {
+      'align-items-center': _vm.prefix
+    }],
+    attrs: {
+      "data-invalid": _vm.isInvalid
+    }
+  }, [_vm.isInvalid ? _c('WarningFilled16', {
+    class: _vm.carbonPrefix + "--text-input__invalid-icon"
+  }) : _vm._e(), _vm._v(" "), _vm.isWarn ? _c('WarningAltFilled16', {
+    class: _vm.carbonPrefix + "--text-input__invalid-icon " + _vm.carbonPrefix + "--text-input__invalid-icon--warning"
+  }) : _vm._e(), _vm._v(" "), _vm.prefix ? _c('span', {
+    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)],
+    attrs: {
+      "id": _vm.uid,
+      "data-toggle-password-visibility": _vm.isPassword,
+      "type": _vm.dataType
+    },
+    domProps: {
+      "value": _vm.value
+    }
+  }, 'input', _vm.$attrs, false), _vm.inputListeners)), _vm._v(" "), _vm.isPassword ? _c('button', {
+    class: [_vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--text-input--password__visibility__toggle", _vm.carbonPrefix + "--tooltip__trigger", _vm.carbonPrefix + "--tooltip--a11y", _vm.carbonPrefix + "--tooltip--bottom", _vm.carbonPrefix + "--tooltip--align-end"],
+    attrs: {
+      "type": "button"
+    },
+    on: {
+      "click": _vm.togglePasswordVisibility
+    }
+  }, [_c('span', {
+    class: _vm.carbonPrefix + "--assistive-text"
+  }, [_vm._v(_vm._s(_vm.passwordHideShowLabel))]), _vm._v(" "), _vm.isPasswordVisible ? _c('ViewOff16', {
+    class: _vm.carbonPrefix + "--icon-visibility-off"
+  }) : _c('View16', {
+    class: _vm.carbonPrefix + "--icon-visibility-off"
+  })], 1) : _vm._e()], 1), _vm._v(" "), _vm.isInvalid ? _c('div', {
+    class: _vm.carbonPrefix + "--form-requirement"
+  }, [_vm._t("invalid-message", function () {
+    return [_vm._v(_vm._s(_vm.invalidMessage))];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.isWarn ? _c('div', {
+    class: _vm.carbonPrefix + "--form__requirement"
+  }, [_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)]
+  }, [_vm._t("helper-text", function () {
+    return [_vm._v(_vm._s(_vm.helperText))];
+  })], 2) : _vm._e()]);
+};
+
+var __vue_staticRenderFns__$m = [];
+/* style */
+
+const __vue_inject_styles__$n = function (inject) {
+  if (!inject) return;
+  inject("data-v-cf3198ba_0", {
+    source: ".tooltip[data-v-cf3198ba]{display:inline-block;position:absolute}.prefix[data-v-cf3198ba]{font-weight:700;margin-right:.5rem}.align-items-center[data-v-cf3198ba]{align-items:center}",
+    map: undefined,
+    media: undefined
+  }), inject("data-v-cf3198ba_1", {
+    source: ".ns-text-input .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+
+
+const __vue_scope_id__$n = "data-v-cf3198ba";
+/* module identifier */
+
+const __vue_module_identifier__$n = undefined;
+/* functional template */
+
+const __vue_is_functional_template__$n = false;
+/* style inject SSR */
+
+/* style inject shadow dom */
+
+const __vue_component__$H = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$n, __vue_script__$g, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+
+var NsTextInput = __vue_component__$H;
+
+// Unique ID creation requires a high quality random # generator.  In node.js
+// this is pretty straight-forward - we use the crypto API.
+
+
+
+var rng = function nodeRNG() {
+  return crypto.randomBytes(16);
+};
+
+/**
+ * Convert array of 16 byte values to UUID string format of the form:
+ * XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX
+ */
+var byteToHex = [];
+for (var i = 0; i < 256; ++i) {
+  byteToHex[i] = (i + 0x100).toString(16).substr(1);
+}
+
+function bytesToUuid(buf, offset) {
+  var i = offset || 0;
+  var bth = byteToHex;
+  // join used to fix memory issue caused by concatenation: https://bugs.chromium.org/p/v8/issues/detail?id=3175#c4
+  return ([
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]], '-',
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]],
+    bth[buf[i++]], bth[buf[i++]]
+  ]).join('');
+}
+
+var bytesToUuid_1 = bytesToUuid;
+
+// **`v1()` - Generate time-based UUID**
+//
+// Inspired by https://github.com/LiosK/UUID.js
+// and http://docs.python.org/library/uuid.html
+
+var _nodeId;
+var _clockseq;
+
+// Previous uuid creation time
+var _lastMSecs = 0;
+var _lastNSecs = 0;
+
+// See https://github.com/uuidjs/uuid for API details
+function v1(options, buf, offset) {
+  var i = buf && offset || 0;
+  var b = buf || [];
+
+  options = options || {};
+  var node = options.node || _nodeId;
+  var clockseq = options.clockseq !== undefined ? options.clockseq : _clockseq;
+
+  // node and clockseq need to be initialized to random values if they're not
+  // specified.  We do this lazily to minimize issues related to insufficient
+  // system entropy.  See #189
+  if (node == null || clockseq == null) {
+    var seedBytes = rng();
+    if (node == null) {
+      // Per 4.5, create and 48-bit node id, (47 random bits + multicast bit = 1)
+      node = _nodeId = [
+        seedBytes[0] | 0x01,
+        seedBytes[1], seedBytes[2], seedBytes[3], seedBytes[4], seedBytes[5]
+      ];
+    }
+    if (clockseq == null) {
+      // Per 4.2.2, randomize (14 bit) clockseq
+      clockseq = _clockseq = (seedBytes[6] << 8 | seedBytes[7]) & 0x3fff;
+    }
+  }
 
   // UUID timestamps are 100 nano-second units since the Gregorian epoch,
   // (1582-10-15 00:00).  JSNumbers aren't precise enough for this, so
@@ -7014,6 +7191,8 @@ var UtilService = {
       for (const key of Object.keys(obj)) {
         if (typeof obj[key] == "string") {
           obj[key] = "";
+        } else if (typeof obj[key] == "boolean") {
+          obj[key] = false;
         } else if (typeof obj[key] == "object") {
           // recursion
           this.clearStrings(obj[key]);
@@ -7258,9 +7437,11 @@ var UtilService = {
 };
 
 //
-var script$g = {
+var script$f = {
   name: "NsPasswordInput",
-  components: CvTextInput,
+  components: {
+    NsTextInput
+  },
   mixins: [UtilService],
   props: {
     value: String,
@@ -7421,7 +7602,7 @@ var script$g = {
 };
 
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$f = script$f;
 /* template */
 
 var __vue_render__$l = function () {
@@ -7522,10 +7703,10 @@ var __vue_render__$l = function () {
 var __vue_staticRenderFns__$l = [];
 /* style */
 
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$m = function (inject) {
   if (!inject) return;
-  inject("data-v-d2bd6562_0", {
-    source: ".new-password-container[data-v-d2bd6562]{margin-bottom:1rem}.new-password[data-v-d2bd6562]{margin-bottom:.25rem}.confirm-password[data-v-d2bd6562]{margin-bottom:.25rem}.password-meter[data-v-d2bd6562]{display:flex}@media (min-width:672px){.password-meter[data-v-d2bd6562]{max-width:38rem}}.requirement[data-v-d2bd6562]{padding:.2rem;margin-left:.2rem;margin-right:.2rem;background-color:#f4f4f4;text-align:center;font-size:.75rem;line-height:1.34;letter-spacing:.32px}.requirement-light[data-v-d2bd6562]{background-color:#fff}.requirement[data-v-d2bd6562]:first-child{margin-left:0}.requirement-ok[data-v-d2bd6562]{color:#fff;background-color:#198038}.requirement-disabled[data-v-d2bd6562]{color:#c6c6c6;background-color:#f4f4f4}",
+  inject("data-v-67b93b40_0", {
+    source: ".new-password-container[data-v-67b93b40]{margin-bottom:1rem}.new-password[data-v-67b93b40]{margin-bottom:.25rem}.confirm-password[data-v-67b93b40]{margin-bottom:.25rem}.password-meter[data-v-67b93b40]{display:flex}@media (min-width:672px){.password-meter[data-v-67b93b40]{max-width:38rem}}.requirement[data-v-67b93b40]{padding:.2rem;margin-left:.2rem;margin-right:.2rem;background-color:#f4f4f4;text-align:center;font-size:.75rem;line-height:1.34;letter-spacing:.32px}.requirement-light[data-v-67b93b40]{background-color:#fff}.requirement[data-v-67b93b40]:first-child{margin-left:0}.requirement-ok[data-v-67b93b40]{color:#fff;background-color:#198038}.requirement-disabled[data-v-67b93b40]{color:#c6c6c6;background-color:#f4f4f4}",
     map: undefined,
     media: undefined
   });
@@ -7533,26 +7714,26 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$n = "data-v-d2bd6562";
+const __vue_scope_id__$m = "data-v-67b93b40";
 /* module identifier */
 
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$m = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$H = /*#__PURE__*/normalizeComponent({
+const __vue_component__$F = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$l,
   staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$n, __vue_script__$g, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+}, __vue_inject_styles__$m, __vue_script__$f, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
 
-var __vue_component__$I = __vue_component__$H;
+var __vue_component__$G = __vue_component__$F;
 
 //
-var script$f = {
+var script$e = {
   name: "NsIconMenu",
   extends: CvOverflowMenu,
   props: {
@@ -7596,7 +7777,7 @@ var script$f = {
 };
 
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$e = script$e;
 /* template */
 
 var __vue_render__$k = function () {
@@ -7718,7 +7899,7 @@ var __vue_render__$k = function () {
 var __vue_staticRenderFns__$k = [];
 /* style */
 
-const __vue_inject_styles__$m = function (inject) {
+const __vue_inject_styles__$l = function (inject) {
   if (!inject) return;
   inject("data-v-2be14df6_0", {
     source: ".ns-icon-menu[data-v-2be14df6]{display:inline-flex}",
@@ -7729,27 +7910,27 @@ const __vue_inject_styles__$m = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$m = "data-v-2be14df6";
+const __vue_scope_id__$l = "data-v-2be14df6";
 /* module identifier */
 
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$l = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$F = /*#__PURE__*/normalizeComponent({
+const __vue_component__$D = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$k,
   staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$m, __vue_script__$f, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
+}, __vue_inject_styles__$l, __vue_script__$e, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
 
-var __vue_component__$G = __vue_component__$F;
+var __vue_component__$E = __vue_component__$D;
 
 //
 Vue.use(chartsVue);
-var script$e = {
+var script$d = {
   name: "NsMeterChart",
   components: {
     CcvMeterChart
@@ -7823,7 +8004,7 @@ var script$e = {
 };
 
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$d = script$d;
 /* template */
 
 var __vue_render__$j = function () {
@@ -7844,32 +8025,32 @@ var __vue_render__$j = function () {
 var __vue_staticRenderFns__$j = [];
 /* style */
 
-const __vue_inject_styles__$l = undefined;
+const __vue_inject_styles__$k = undefined;
 /* scoped */
 
-const __vue_scope_id__$l = undefined;
+const __vue_scope_id__$k = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$k = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$D = /*#__PURE__*/normalizeComponent({
+const __vue_component__$B = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$j,
   staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$l, __vue_script__$e, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$k, __vue_script__$d, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
 
-var __vue_component__$E = __vue_component__$D;
+var __vue_component__$C = __vue_component__$B;
 
 //
 Vue.use(chartsVue);
-var script$d = {
+var script$c = {
   name: "NsPieChart",
   components: {},
   props: {
@@ -7925,7 +8106,7 @@ var script$d = {
 };
 
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$c = script$c;
 /* template */
 
 var __vue_render__$i = function () {
@@ -7946,31 +8127,31 @@ var __vue_render__$i = function () {
 var __vue_staticRenderFns__$i = [];
 /* style */
 
-const __vue_inject_styles__$k = undefined;
+const __vue_inject_styles__$j = undefined;
 /* scoped */
 
-const __vue_scope_id__$k = undefined;
+const __vue_scope_id__$j = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$j = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$B = /*#__PURE__*/normalizeComponent({
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$i,
   staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$k, __vue_script__$d, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$j, __vue_script__$c, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
 
-var __vue_component__$C = __vue_component__$B;
+var __vue_component__$A = __vue_component__$z;
 
 //
-var script$c = {
+var script$b = {
   name: "NsDangerDeleteModal",
   //component added for storybook to work
   components: {
@@ -8065,7 +8246,7 @@ var script$c = {
 };
 
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$b = script$b;
 /* template */
 
 var __vue_render__$h = function () {
@@ -8139,7 +8320,7 @@ var __vue_render__$h = function () {
 var __vue_staticRenderFns__$h = [];
 /* style */
 
-const __vue_inject_styles__$j = function (inject) {
+const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
   inject("data-v-56c8d6b0_0", {
     source: ".type-to-confirm[data-v-56c8d6b0]{margin-top:2rem}",
@@ -8150,23 +8331,23 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
 
 
-const __vue_scope_id__$j = "data-v-56c8d6b0";
+const __vue_scope_id__$i = "data-v-56c8d6b0";
 /* module identifier */
 
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$j = false;
+const __vue_is_functional_template__$i = false;
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$z = /*#__PURE__*/normalizeComponent({
+const __vue_component__$x = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$h,
   staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$j, __vue_script__$c, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
+}, __vue_inject_styles__$i, __vue_script__$b, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
 
-var __vue_component__$A = __vue_component__$z;
+var __vue_component__$y = __vue_component__$x;
 
 var IconService = {
   name: "IconService",
@@ -8300,7 +8481,7 @@ var IconService = {
 };
 
 //
-var script$b = {
+var script$a = {
   name: "NsDropdownAction",
   extends: CvOverflowMenu,
   components: {
@@ -8332,7 +8513,7 @@ var script$b = {
 };
 
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$a = script$a;
 /* template */
 
 var __vue_render__$g = function () {
@@ -8438,200 +8619,28 @@ var __vue_render__$g = function () {
 var __vue_staticRenderFns__$g = [];
 /* style */
 
-const __vue_inject_styles__$i = undefined;
+const __vue_inject_styles__$h = undefined;
 /* scoped */
 
-const __vue_scope_id__$i = "data-v-31925b9d";
+const __vue_scope_id__$h = "data-v-31925b9d";
 /* module identifier */
 
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$h = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$x = /*#__PURE__*/normalizeComponent({
+const __vue_component__$v = /*#__PURE__*/normalizeComponent({
   render: __vue_render__$g,
   staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$i, __vue_script__$b, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
+}, __vue_inject_styles__$h, __vue_script__$a, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
 
-var __vue_component__$y = __vue_component__$x;
-
-//
-var script$a = {
-  name: "NsTextInput",
-  extends: CvTextInput,
-  components: {
-    WarningFilled16,
-    WarningAltFilled16,
-    View16,
-    ViewOff16
-  },
-  props: {
-    helperText: {
-      type: String,
-      default: undefined
-    },
-    invalidMessage: {
-      type: String,
-      default: undefined
-    },
-    label: String,
-    passwordHideLabel: {
-      type: String,
-      default: "Hide password"
-    },
-    passwordShowLabel: {
-      type: String,
-      default: "Show password"
-    },
-    passwordVisible: Boolean,
-    type: String,
-    value: String,
-    warnText: {
-      type: String,
-      default: undefined
-    },
-    tooltipAlignment: {
-      type: String,
-      default: "center",
-      validator: val => ["start", "center", "end"].includes(val)
-    },
-    tooltipDirection: {
-      type: String,
-      default: "bottom",
-      validator: val => ["top", "left", "bottom", "right".includes(val)]
-    }
-  },
-  computed: {
-    hasTooltipSlot() {
-      return !!this.$slots.tooltip;
-    }
-
-  }
-};
-
-/* script */
-const __vue_script__$a = script$a;
-/* template */
-
-var __vue_render__$f = function () {
-  var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5;
-
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  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', {
-    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', {
-    staticClass: "tooltip info",
-    attrs: {
-      "alignment": _vm.tooltipAlignment,
-      "direction": _vm.tooltipDirection
-    }
-  }, [_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)],
-    attrs: {
-      "data-invalid": _vm.isInvalid
-    }
-  }, [_vm.isInvalid ? _c('WarningFilled16', {
-    class: _vm.carbonPrefix + "--text-input__invalid-icon"
-  }) : _vm._e(), _vm._v(" "), _vm.isWarn ? _c('WarningAltFilled16', {
-    class: _vm.carbonPrefix + "--text-input__invalid-icon " + _vm.carbonPrefix + "--text-input__invalid-icon--warning"
-  }) : _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)],
-    attrs: {
-      "id": _vm.uid,
-      "data-toggle-password-visibility": _vm.isPassword,
-      "type": _vm.dataType
-    },
-    domProps: {
-      "value": _vm.value
-    }
-  }, 'input', _vm.$attrs, false), _vm.inputListeners)), _vm._v(" "), _vm.isPassword ? _c('button', {
-    class: [_vm.carbonPrefix + "--btn", _vm.carbonPrefix + "--text-input--password__visibility__toggle", _vm.carbonPrefix + "--tooltip__trigger", _vm.carbonPrefix + "--tooltip--a11y", _vm.carbonPrefix + "--tooltip--bottom", _vm.carbonPrefix + "--tooltip--align-end"],
-    attrs: {
-      "type": "button"
-    },
-    on: {
-      "click": _vm.togglePasswordVisibility
-    }
-  }, [_c('span', {
-    class: _vm.carbonPrefix + "--assistive-text"
-  }, [_vm._v(_vm._s(_vm.passwordHideShowLabel))]), _vm._v(" "), _vm.isPasswordVisible ? _c('ViewOff16', {
-    class: _vm.carbonPrefix + "--icon-visibility-off"
-  }) : _c('View16', {
-    class: _vm.carbonPrefix + "--icon-visibility-off"
-  })], 1) : _vm._e()], 1), _vm._v(" "), _vm.isInvalid ? _c('div', {
-    class: _vm.carbonPrefix + "--form-requirement"
-  }, [_vm._t("invalid-message", function () {
-    return [_vm._v(_vm._s(_vm.invalidMessage))];
-  })], 2) : _vm._e(), _vm._v(" "), _vm.isWarn ? _c('div', {
-    class: _vm.carbonPrefix + "--form__requirement"
-  }, [_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)]
-  }, [_vm._t("helper-text", function () {
-    return [_vm._v(_vm._s(_vm.helperText))];
-  })], 2) : _vm._e()]);
-};
-
-var __vue_staticRenderFns__$f = [];
-/* style */
-
-const __vue_inject_styles__$h = function (inject) {
-  if (!inject) return;
-  inject("data-v-13bd5cac_0", {
-    source: ".tooltip[data-v-13bd5cac]{display:inline-block;position:absolute}",
-    map: undefined,
-    media: undefined
-  }), inject("data-v-13bd5cac_1", {
-    source: ".ns-text-input .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
-    map: undefined,
-    media: undefined
-  });
-};
-/* scoped */
-
-
-const __vue_scope_id__$h = "data-v-13bd5cac";
-/* module identifier */
-
-const __vue_module_identifier__$h = undefined;
-/* functional template */
-
-const __vue_is_functional_template__$h = false;
-/* style inject SSR */
-
-/* style inject shadow dom */
-
-const __vue_component__$v = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$h, __vue_script__$a, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
-
-var __vue_component__$w = __vue_component__$v;
+var __vue_component__$w = __vue_component__$v;
 
 //
 var script$9 = {
@@ -8673,7 +8682,7 @@ var script$9 = {
 const __vue_script__$9 = script$9;
 /* template */
 
-var __vue_render__$e = function () {
+var __vue_render__$f = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -8727,7 +8736,7 @@ var __vue_render__$e = function () {
   }, [_vm.status[_vm.backup.id] && _vm.status[_vm.backup.id].total_file_count ? _c('span', [_vm._v("\n        " + _vm._s(_vm.status[_vm.backup.id].total_file_count) + "\n      ")]) : _c('span', [_vm._v("-")])])])]);
 };
 
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
 
 const __vue_inject_styles__$g = function (inject) {
@@ -8753,8 +8762,8 @@ const __vue_is_functional_template__$g = false;
 /* style inject shadow dom */
 
 const __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
 }, __vue_inject_styles__$g, __vue_script__$9, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
 
 var NsBackupCardDetails = __vue_component__$u;
@@ -8904,7 +8913,7 @@ var script$8 = {
 const __vue_script__$8 = script$8;
 /* template */
 
-var __vue_render__$d = function () {
+var __vue_render__$e = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -9020,7 +9029,7 @@ var __vue_render__$d = function () {
   }, [_vm._v(_vm._s(_vm.goToBackupLabel) + "\n      ")])], 1)])], 2);
 };
 
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
 
 const __vue_inject_styles__$f = function (inject) {
@@ -9050,20 +9059,44 @@ const __vue_is_functional_template__$f = false;
 /* style inject shadow dom */
 
 const __vue_component__$s = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
 }, __vue_inject_styles__$f, __vue_script__$8, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
 
 var __vue_component__$t = __vue_component__$s;
 
+//
 var script$7 = {
   name: "NsModal",
   extends: CvModal,
+  components: {
+    CvModal,
+    NsButton
+  },
   props: {
     hideOnClickOutside: {
       type: Boolean,
       default: false
-    }
+    },
+    isLoading: {
+      type: Boolean,
+      default: false
+    },
+    alert: Boolean,
+    closeAriaLabel: {
+      type: String,
+      default: "Close modal"
+    },
+    kind: {
+      type: String,
+      default: "",
+      validator: val => ["", "danger"].includes(val)
+    },
+    autoHideOff: Boolean,
+    visible: Boolean,
+    primaryButtonDisabled: Boolean,
+    size: String,
+    hasFormContent: Boolean
   },
   methods: {
     onExternalClick(ev) {
@@ -9096,6 +9129,141 @@ var script$7 = {
 const __vue_script__$7 = script$7;
 /* template */
 
+var __vue_render__$d = function () {
+  var _obj, _obj$1, _obj$2, _obj$3;
+
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('div', {
+    class: ["cv-modal " + _vm.carbonPrefix + "--modal", (_obj = {
+      'is-visible': _vm.dataVisible
+    }, _obj[_vm.carbonPrefix + "--modal--danger"] = _vm.kind === 'danger', _obj)],
+    attrs: {
+      "data-modal": "",
+      "id": _vm.uid,
+      "tabindex": "-1"
+    },
+    on: {
+      "keydown": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
+          return null;
+        }
+
+        $event.preventDefault();
+        return _vm.onEsc.apply(null, arguments);
+      },
+      "click": function ($event) {
+        if ($event.target !== $event.currentTarget) {
+          return null;
+        }
+
+        return _vm.onExternalClick.apply(null, arguments);
+      }
+    }
+  }, [_c('div', _vm._b({
+    ref: "modalDialog",
+    class: [_vm.carbonPrefix + "--modal-container", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--modal-container--" + _vm.internalSize] = _vm.internalSize, _obj$1)]
+  }, 'div', _vm.dialogAttrs, false), [_c('div', {
+    ref: "beforeContent",
+    staticClass: "cv-modal__before-content",
+    staticStyle: {
+      "position": "absolute",
+      "height": "1px",
+      "width": "1px",
+      "left": "-9999px"
+    },
+    attrs: {
+      "tabindex": "0"
+    },
+    on: {
+      "focus": _vm.focusBeforeContent
+    }
+  }), _vm._v(" "), _c('div', {
+    class: _vm.carbonPrefix + "--modal-header"
+  }, [_c('p', {
+    class: _vm.carbonPrefix + "--modal-header__label"
+  }, [_vm._t("label")], 2), _vm._v(" "), _c('p', {
+    class: _vm.carbonPrefix + "--modal-header__heading"
+  }, [_vm._t("title", function () {
+    return [_vm._v("Modal Title")];
+  })], 2), _vm._v(" "), _c('button', {
+    ref: "close",
+    class: _vm.carbonPrefix + "--modal-close",
+    attrs: {
+      "type": "button",
+      "aria-label": _vm.closeAriaLabel
+    },
+    on: {
+      "click": _vm.onClose
+    }
+  }, [_c('Close16', {
+    class: _vm.carbonPrefix + "--modal-close__icon"
+  })], 1)]), _vm._v(" "), _c('div', {
+    ref: "content",
+    class: [_vm.carbonPrefix + "--modal-content", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--modal-content--with-form"] = _vm.hasFormContent, _obj$2)],
+    attrs: {
+      "tabindex": _vm.scrollable ? 0 : undefined
+    }
+  }, [_vm._t("content")], 2), _vm._v(" "), _vm.hasFooter ? _c('cv-button-set', {
+    class: [_vm.carbonPrefix + "--modal-footer", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--modal-footer--three-button"] = _vm.hasPrimary && _vm.hasSecondary && _vm.hasOtherBtn, _obj$3)]
+  }, [_vm.hasOtherBtn ? _c('cv-button', {
+    ref: "otherBtn",
+    attrs: {
+      "type": "button",
+      "kind": "secondary"
+    },
+    on: {
+      "click": _vm.onOtherBtnClick
+    }
+  }, [_vm._t("other-button", function () {
+    return [_vm._v("Other button")];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.hasSecondary ? _c('cv-button', {
+    ref: "secondary",
+    attrs: {
+      "type": "button",
+      "kind": "secondary"
+    },
+    on: {
+      "click": _vm.onSecondaryClick
+    }
+  }, [_vm._t("secondary-button", function () {
+    return [_vm._v("Secondary button")];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.hasPrimary ? _c('NsButton', {
+    ref: "primary",
+    attrs: {
+      "disabled": _vm.primaryButtonDisabled,
+      "type": "button",
+      "kind": _vm.primaryKind,
+      "loading": _vm.isLoading
+    },
+    on: {
+      "click": _vm.onPrimaryClick
+    }
+  }, [_vm._t("primary-button", function () {
+    return [_vm._v("Primary button")];
+  })], 2) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _c('div', {
+    ref: "afterContent",
+    staticClass: "cv-modal__after-content",
+    staticStyle: {
+      "position": "absolute",
+      "height": "1px",
+      "width": "1px",
+      "left": "-9999px"
+    },
+    attrs: {
+      "tabindex": "0"
+    },
+    on: {
+      "focus": _vm.focusAfterContent
+    }
+  })], 1)]);
+};
+
+var __vue_staticRenderFns__$d = [];
 /* style */
 
 const __vue_inject_styles__$e = undefined;
@@ -9107,14 +9275,17 @@ const __vue_scope_id__$e = undefined;
 const __vue_module_identifier__$e = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$e = undefined;
+const __vue_is_functional_template__$e = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$r = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$e, __vue_script__$7, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
+const __vue_component__$r = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$e, __vue_script__$7, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
 
 var NsModal = __vue_component__$r;
 
@@ -18398,27 +18569,27 @@ var filters = {
 
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  NsButton: __vue_component__$13,
-  NsEmptyState: __vue_component__$_,
+  NsButton: NsButton,
+  NsEmptyState: __vue_component__$Z,
   NsPictogram: NsPictogram,
-  NsCodeSnippet: __vue_component__$Y,
+  NsCodeSnippet: __vue_component__$X,
   NsInlineNotification: NsInlineNotification,
   NsProgressBar: NsProgressBar,
   NsSvg: NsSvg,
-  NsTile: __vue_component__$S,
-  NsToastNotification: __vue_component__$Q,
-  NsInfoCard: __vue_component__$O,
-  NsStatusCard: __vue_component__$M,
-  NsSystemdServiceCard: __vue_component__$K,
-  NsPasswordInput: __vue_component__$I,
-  NsIconMenu: __vue_component__$G,
-  NsMeterChart: __vue_component__$E,
-  NsPieChart: __vue_component__$C,
+  NsTile: __vue_component__$R,
+  NsToastNotification: __vue_component__$P,
+  NsInfoCard: __vue_component__$N,
+  NsStatusCard: __vue_component__$L,
+  NsSystemdServiceCard: __vue_component__$J,
+  NsPasswordInput: __vue_component__$G,
+  NsIconMenu: __vue_component__$E,
+  NsMeterChart: __vue_component__$C,
+  NsPieChart: __vue_component__$A,
   NsLottieAnimation: NsLottieAnimation,
-  NsDangerDeleteModal: __vue_component__$A,
+  NsDangerDeleteModal: __vue_component__$y,
   NsCircleTimer: NsCircleTimer,
-  NsDropdownAction: __vue_component__$y,
-  NsTextInput: __vue_component__$w,
+  NsDropdownAction: __vue_component__$w,
+  NsTextInput: NsTextInput,
   NsBackupCard: __vue_component__$t,
   NsWizard: __vue_component__$q,
   NsMenuItem: __vue_component__$o,
@@ -18455,4 +18626,4 @@ const install = function installNs8UiLib(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { __vue_component__$7 as BulldozerPictogram, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$d as GearPictogram, __vue_component__$5 as GroupPictogram, __vue_component__$3 as HardDrivePictogram, IconService, LottieService, __vue_component__$b as LovePictogram, __vue_component__$t as NsBackupCard, __vue_component__$13 as NsButton, NsCircleTimer, __vue_component__$Y as NsCodeSnippet, __vue_component__$A as NsDangerDeleteModal, __vue_component__$f as NsDataTable, __vue_component__$y as NsDropdownAction, __vue_component__$_ as NsEmptyState, __vue_component__$G as NsIconMenu, __vue_component__$O as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$m as NsMenuDivider, __vue_component__$o as NsMenuItem, __vue_component__$E as NsMeterChart, NsModal, NsPagination, __vue_component__$I as NsPasswordInput, NsPictogram, __vue_component__$C as NsPieChart, NsProgressBar, __vue_component__$M as NsStatusCard, NsSvg, __vue_component__$k as NsSystemLogsCard, __vue_component__$K as NsSystemdServiceCard, __vue_component__$w as NsTextInput, __vue_component__$S as NsTile, __vue_component__$i as NsTimePicker, __vue_component__$Q as NsToastNotification, __vue_component__$q as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$1 as UserPictogram, UtilService, __vue_component__$9 as WarningPictogram, install as default };
+export { __vue_component__$7 as BulldozerPictogram, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$d as GearPictogram, __vue_component__$5 as GroupPictogram, __vue_component__$3 as HardDrivePictogram, IconService, LottieService, __vue_component__$b as LovePictogram, __vue_component__$t as NsBackupCard, NsButton, NsCircleTimer, __vue_component__$X as NsCodeSnippet, __vue_component__$y as NsDangerDeleteModal, __vue_component__$f as NsDataTable, __vue_component__$w as NsDropdownAction, __vue_component__$Z as NsEmptyState, __vue_component__$E as NsIconMenu, __vue_component__$N as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$m as NsMenuDivider, __vue_component__$o as NsMenuItem, __vue_component__$C as NsMeterChart, NsModal, NsPagination, __vue_component__$G as NsPasswordInput, NsPictogram, __vue_component__$A as NsPieChart, NsProgressBar, __vue_component__$L as NsStatusCard, NsSvg, __vue_component__$k as NsSystemLogsCard, __vue_component__$J as NsSystemdServiceCard, NsTextInput, __vue_component__$R as NsTile, __vue_component__$i as NsTimePicker, __vue_component__$P as NsToastNotification, __vue_component__$q as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$1 as UserPictogram, UtilService, __vue_component__$9 as WarningPictogram, install as default };