npm - @nethserver/ns8-ui-lib - Versions diffs - 1.0.4 → 1.2.0 - Mend

@nethserver/ns8-ui-lib 1.0.4 → 1.2.0

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.

Files changed (12) hide show

package/dist/ns8-ui-lib.esm.js +1241 -538
package/dist/ns8-ui-lib.min.js +1 -1
package/dist/ns8-ui-lib.ssr.js +1060 -544
package/package.json +1 -1
package/src/lib-components/NsCheckbox.vue +1 -1
package/src/lib-components/NsComboBox.vue +1 -1
package/src/lib-components/NsComboSearchBox.vue +670 -0
package/src/lib-components/NsIconMenu.vue +1 -1
package/src/lib-components/NsMultiSelect.vue +1 -1
package/src/lib-components/NsTextInput.vue +1 -1
package/src/lib-components/NsTimePicker.vue +13 -4
package/src/lib-components/NsToggle.vue +1 -1

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

@@ -161,9 +161,12 @@ import Close16 from '@carbon/icons-vue/es/close/16';
 import ChevronRight16 from '@carbon/icons-vue/es/chevron--right/16';
 import ChevronDown16 from '@carbon/icons-vue/es/chevron--down/16';
 import CvCheckbox$1 from '@carbon/vue/src/components/cv-checkbox/cv-checkbox';
+import { UtilService as UtilService$1, TaskService } from '@nethserver/ns8-ui-lib';
+import { mapState } from 'vuex';
+import Mark from 'mark.js';
 //
-var script$B = {
+var script$C = {
   name: "NsButton",
   extends: CvButton,
   props: {
@@ -326,10 +329,10 @@ function addStyle(id, css) {
 }
 /* script */
-const __vue_script__$B = script$B;
+const __vue_script__$C = script$C;
 /* template */
-var __vue_render__$J = function () {
+var __vue_render__$K = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -352,10 +355,10 @@ var __vue_render__$J = function () {
   }) : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$J = [];
+var __vue_staticRenderFns__$K = [];
 /* style */
-const __vue_inject_styles__$M = function (inject) {
+const __vue_inject_styles__$N = function (inject) {
   if (!inject) return;
   inject("data-v-34f1ee57_0", {
     source: ".bx--btn .bx--btn__icon[data-v-34f1ee57]{width:1.25rem;height:1.25rem}.bx--btn.bx--btn--sm .bx--btn__icon[data-v-34f1ee57]{width:1rem;height:1rem}.loader[data-v-34f1ee57]{right:1rem;border:3px solid transparent;border-radius:50%;border-top:3px solid currentColor;border-right:3px solid currentColor;border-bottom:3px solid currentColor;animation:spin-data-v-34f1ee57 .5s linear infinite}.bx--btn--ghost .bx--btn__icon.loading[data-v-34f1ee57]{position:static;margin-left:.5rem}.bx--btn--danger--ghost .bx--btn__icon.loading[data-v-34f1ee57],.bx--btn--danger-ghost .bx--btn__icon.loading[data-v-34f1ee57]{position:static;margin-left:.5rem}@keyframes spin-data-v-34f1ee57{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",
@@ -366,23 +369,23 @@ const __vue_inject_styles__$M = function (inject) {
 /* scoped */
-const __vue_scope_id__$M = "data-v-34f1ee57";
+const __vue_scope_id__$N = "data-v-34f1ee57";
 /* module identifier */
-const __vue_module_identifier__$M = undefined;
+const __vue_module_identifier__$N = undefined;
 /* functional template */
-const __vue_is_functional_template__$M = false;
+const __vue_is_functional_template__$N = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1k = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$J,
-  staticRenderFns: __vue_staticRenderFns__$J
-}, __vue_inject_styles__$M, __vue_script__$B, __vue_scope_id__$M, __vue_is_functional_template__$M, __vue_module_identifier__$M, false, createInjector, undefined, undefined);
+const __vue_component__$1m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$K,
+  staticRenderFns: __vue_staticRenderFns__$K
+}, __vue_inject_styles__$N, __vue_script__$C, __vue_scope_id__$N, __vue_is_functional_template__$N, __vue_module_identifier__$N, false, createInjector, undefined, undefined);
-var NsButton = __vue_component__$1k;
+var NsButton = __vue_component__$1m;
 //
 //
@@ -404,7 +407,7 @@ var NsButton = __vue_component__$1k;
 //
 //
 //
-var script$A = {
+var script$B = {
   name: "NsPictogram",
   props: {
     title: {
@@ -427,10 +430,10 @@ var script$A = {
 };
 /* script */
-const __vue_script__$A = script$A;
+const __vue_script__$B = script$B;
 /* template */
-var __vue_render__$I = function () {
+var __vue_render__$J = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -458,34 +461,34 @@ var __vue_render__$I = function () {
   }, [_vm._t("default")], 2)]);
 };
-var __vue_staticRenderFns__$I = [];
+var __vue_staticRenderFns__$J = [];
 /* style */
-const __vue_inject_styles__$L = undefined;
+const __vue_inject_styles__$M = undefined;
 /* scoped */
-const __vue_scope_id__$L = undefined;
+const __vue_scope_id__$M = undefined;
 /* module identifier */
-const __vue_module_identifier__$L = undefined;
+const __vue_module_identifier__$M = undefined;
 /* functional template */
-const __vue_is_functional_template__$L = false;
+const __vue_is_functional_template__$M = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1j = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$I,
-  staticRenderFns: __vue_staticRenderFns__$I
-}, __vue_inject_styles__$L, __vue_script__$A, __vue_scope_id__$L, __vue_is_functional_template__$L, __vue_module_identifier__$L, false, undefined, undefined, undefined);
+const __vue_component__$1l = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$J,
+  staticRenderFns: __vue_staticRenderFns__$J
+}, __vue_inject_styles__$M, __vue_script__$B, __vue_scope_id__$M, __vue_is_functional_template__$M, __vue_module_identifier__$M, false, undefined, undefined, undefined);
-var NsPictogram = __vue_component__$1j;
+var NsPictogram = __vue_component__$1l;
 //
-var script$z = {
+var script$A = {
   name: "NsLottieAnimation",
   components: {
     LottieAnimation
@@ -541,10 +544,10 @@ var script$z = {
 };
 /* script */
-const __vue_script__$z = script$z;
+const __vue_script__$A = script$A;
 /* template */
-var __vue_render__$H = function () {
+var __vue_render__$I = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -571,36 +574,36 @@ var __vue_render__$H = function () {
   })], 1);
 };
-var __vue_staticRenderFns__$H = [];
+var __vue_staticRenderFns__$I = [];
 /* style */
-const __vue_inject_styles__$K = undefined;
+const __vue_inject_styles__$L = undefined;
 /* scoped */
-const __vue_scope_id__$K = "data-v-cc2533e0";
+const __vue_scope_id__$L = "data-v-cc2533e0";
 /* module identifier */
-const __vue_module_identifier__$K = undefined;
+const __vue_module_identifier__$L = undefined;
 /* functional template */
-const __vue_is_functional_template__$K = false;
+const __vue_is_functional_template__$L = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1i = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$H,
-  staticRenderFns: __vue_staticRenderFns__$H
-}, __vue_inject_styles__$K, __vue_script__$z, __vue_scope_id__$K, __vue_is_functional_template__$K, __vue_module_identifier__$K, false, undefined, undefined, undefined);
+const __vue_component__$1k = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$I,
+  staticRenderFns: __vue_staticRenderFns__$I
+}, __vue_inject_styles__$L, __vue_script__$A, __vue_scope_id__$L, __vue_is_functional_template__$L, __vue_module_identifier__$L, false, undefined, undefined, undefined);
-var NsLottieAnimation = __vue_component__$1i;
+var NsLottieAnimation = __vue_component__$1k;
 /* script */
 /* template */
-var __vue_render__$G = function () {
+var __vue_render__$H = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -615,34 +618,34 @@ var __vue_render__$G = function () {
   });
 };
-var __vue_staticRenderFns__$G = [];
+var __vue_staticRenderFns__$H = [];
 /* style */
-const __vue_inject_styles__$J = undefined;
+const __vue_inject_styles__$K = undefined;
 /* scoped */
-const __vue_scope_id__$J = undefined;
+const __vue_scope_id__$K = undefined;
 /* module identifier */
-const __vue_module_identifier__$J = undefined;
+const __vue_module_identifier__$K = undefined;
 /* functional template */
-const __vue_is_functional_template__$J = false;
+const __vue_is_functional_template__$K = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1h = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$G,
-  staticRenderFns: __vue_staticRenderFns__$G
-}, __vue_inject_styles__$J, {}, __vue_scope_id__$J, __vue_is_functional_template__$J, __vue_module_identifier__$J, false, undefined, undefined, undefined);
+const __vue_component__$1j = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$H,
+  staticRenderFns: __vue_staticRenderFns__$H
+}, __vue_inject_styles__$K, {}, __vue_scope_id__$K, __vue_is_functional_template__$K, __vue_module_identifier__$K, false, undefined, undefined, undefined);
-var ExclamationMarkPictogram = __vue_component__$1h;
+var ExclamationMarkPictogram = __vue_component__$1j;
 //
-var script$y = {
+var script$z = {
   name: "NsEmptyState",
   components: {
     NsPictogram,
@@ -674,10 +677,10 @@ var script$y = {
 };
 /* script */
-const __vue_script__$y = script$y;
+const __vue_script__$z = script$z;
 /* template */
-var __vue_render__$F = function () {
+var __vue_render__$G = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -707,10 +710,10 @@ var __vue_render__$F = function () {
   }, [_vm._t("description")], 2)] : _vm._e()], 2);
 };
-var __vue_staticRenderFns__$F = [];
+var __vue_staticRenderFns__$G = [];
 /* style */
-const __vue_inject_styles__$I = function (inject) {
+const __vue_inject_styles__$J = function (inject) {
   if (!inject) return;
   inject("data-v-0540fdb8_0", {
     source: ".empty-state[data-v-0540fdb8]{text-align:center;padding:2rem}.empty-state .image[data-v-0540fdb8]{margin-bottom:1rem}.empty-state .description[data-v-0540fdb8]{margin-top:1rem}.animation[data-v-0540fdb8]{display:inline-block;width:64px;height:64px}",
@@ -721,26 +724,26 @@ const __vue_inject_styles__$I = function (inject) {
 /* scoped */
-const __vue_scope_id__$I = "data-v-0540fdb8";
+const __vue_scope_id__$J = "data-v-0540fdb8";
 /* module identifier */
-const __vue_module_identifier__$I = undefined;
+const __vue_module_identifier__$J = undefined;
 /* functional template */
-const __vue_is_functional_template__$I = false;
+const __vue_is_functional_template__$J = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1f = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$F,
-  staticRenderFns: __vue_staticRenderFns__$F
-}, __vue_inject_styles__$I, __vue_script__$y, __vue_scope_id__$I, __vue_is_functional_template__$I, __vue_module_identifier__$I, false, createInjector, undefined, undefined);
+const __vue_component__$1h = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$G,
+  staticRenderFns: __vue_staticRenderFns__$G
+}, __vue_inject_styles__$J, __vue_script__$z, __vue_scope_id__$J, __vue_is_functional_template__$J, __vue_module_identifier__$J, false, createInjector, undefined, undefined);
-var __vue_component__$1g = __vue_component__$1f;
+var __vue_component__$1i = __vue_component__$1h;
 //
-var script$x = {
+var script$y = {
   name: "NsCodeSnippet",
   components: {
     CvButton,
@@ -852,10 +855,10 @@ var script$x = {
 };
 /* script */
-const __vue_script__$x = script$x;
+const __vue_script__$y = script$y;
 /* template */
-var __vue_render__$E = function () {
+var __vue_render__$F = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -917,10 +920,10 @@ var __vue_render__$E = function () {
   })], 1) : _vm._e()], 1);
 };
-var __vue_staticRenderFns__$E = [];
+var __vue_staticRenderFns__$F = [];
 /* style */
-const __vue_inject_styles__$H = function (inject) {
+const __vue_inject_styles__$I = function (inject) {
   if (!inject) return;
   inject("data-v-084a2bcc_0", {
     source: ".bx--snippet--multi .bx--snippet-container[data-v-084a2bcc]{min-height:4.5rem;max-height:9.6rem;overflow-y:hidden}.bx--snippet--multi .bx--snippet-container.no-expand[data-v-084a2bcc]{min-height:2.5rem}.bx--snippet--multi.bx--snippet--expand .bx--snippet-container[data-v-084a2bcc]{max-height:100%}.bx--snippet--multi .bx--copy-btn[data-v-084a2bcc]{position:absolute!important;top:.5rem;right:.5rem;z-index:11;width:3rem;height:2rem}.bx--snippet-btn--expand[data-v-084a2bcc]{right:.5rem;bottom:.5rem}",
@@ -931,23 +934,23 @@ const __vue_inject_styles__$H = function (inject) {
 /* scoped */
-const __vue_scope_id__$H = "data-v-084a2bcc";
+const __vue_scope_id__$I = "data-v-084a2bcc";
 /* module identifier */
-const __vue_module_identifier__$H = undefined;
+const __vue_module_identifier__$I = undefined;
 /* functional template */
-const __vue_is_functional_template__$H = false;
+const __vue_is_functional_template__$I = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1d = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$E,
-  staticRenderFns: __vue_staticRenderFns__$E
-}, __vue_inject_styles__$H, __vue_script__$x, __vue_scope_id__$H, __vue_is_functional_template__$H, __vue_module_identifier__$H, false, createInjector, undefined, undefined);
+const __vue_component__$1f = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$F,
+  staticRenderFns: __vue_staticRenderFns__$F
+}, __vue_inject_styles__$I, __vue_script__$y, __vue_scope_id__$I, __vue_is_functional_template__$I, __vue_module_identifier__$I, false, createInjector, undefined, undefined);
-var __vue_component__$1e = __vue_component__$1d;
+var __vue_component__$1g = __vue_component__$1f;
 //
 //
@@ -982,7 +985,7 @@ var __vue_component__$1e = __vue_component__$1d;
 //
 //
 //
-var script$w = {
+var script$x = {
   name: "NsCircleTimer",
   props: {
     timeLimit: {
@@ -1046,10 +1049,10 @@ var script$w = {
 };
 /* script */
-const __vue_script__$w = script$w;
+const __vue_script__$x = script$x;
 /* template */
-var __vue_render__$D = function () {
+var __vue_render__$E = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -1085,10 +1088,10 @@ var __vue_render__$D = function () {
   })])])]);
 };
-var __vue_staticRenderFns__$D = [];
+var __vue_staticRenderFns__$E = [];
 /* style */
-const __vue_inject_styles__$G = function (inject) {
+const __vue_inject_styles__$H = function (inject) {
   if (!inject) return;
   inject("data-v-6609841f_0", {
     source: ".base-timer[data-v-6609841f]{position:relative}.base-timer__circle[data-v-6609841f]{fill:none;stroke:none}.base-timer__path-remaining[data-v-6609841f]{stroke:currentColor;transform:rotate(90deg);transform-origin:center;transition:1s linear all}.base-timer__svg[data-v-6609841f]{transform:scaleX(-1)}",
@@ -1099,26 +1102,26 @@ const __vue_inject_styles__$G = function (inject) {
 /* scoped */
-const __vue_scope_id__$G = "data-v-6609841f";
+const __vue_scope_id__$H = "data-v-6609841f";
 /* module identifier */
-const __vue_module_identifier__$G = undefined;
+const __vue_module_identifier__$H = undefined;
 /* functional template */
-const __vue_is_functional_template__$G = false;
+const __vue_is_functional_template__$H = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1c = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$D,
-  staticRenderFns: __vue_staticRenderFns__$D
-}, __vue_inject_styles__$G, __vue_script__$w, __vue_scope_id__$G, __vue_is_functional_template__$G, __vue_module_identifier__$G, false, createInjector, undefined, undefined);
+const __vue_component__$1e = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$E,
+  staticRenderFns: __vue_staticRenderFns__$E
+}, __vue_inject_styles__$H, __vue_script__$x, __vue_scope_id__$H, __vue_is_functional_template__$H, __vue_module_identifier__$H, false, createInjector, undefined, undefined);
-var NsCircleTimer = __vue_component__$1c;
+var NsCircleTimer = __vue_component__$1e;
 //
-var script$v = {
+var script$w = {
   name: "NsInlineNotification",
   extends: CvInlineNotification,
   components: {
@@ -1155,10 +1158,10 @@ var script$v = {
 };
 /* script */
-const __vue_script__$v = script$v;
+const __vue_script__$w = script$w;
 /* template */
-var __vue_render__$C = function () {
+var __vue_render__$D = function () {
   var _obj;
   var _vm = this;
@@ -1223,10 +1226,10 @@ var __vue_render__$C = function () {
   })], 1) : _vm._e()]);
 };
-var __vue_staticRenderFns__$C = [];
+var __vue_staticRenderFns__$D = [];
 /* style */
-const __vue_inject_styles__$F = function (inject) {
+const __vue_inject_styles__$G = function (inject) {
   if (!inject) return;
   inject("data-v-55c5000a_0", {
     source: ".title[data-v-55c5000a]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-55c5000a]{margin-right:.75rem}.action-button[data-v-55c5000a]{margin-right:.5rem}.bx--inline-notification__text-wrapper p[data-v-55c5000a]{padding-right:0!important}",
@@ -1237,23 +1240,23 @@ const __vue_inject_styles__$F = function (inject) {
 /* scoped */
-const __vue_scope_id__$F = "data-v-55c5000a";
+const __vue_scope_id__$G = "data-v-55c5000a";
 /* module identifier */
-const __vue_module_identifier__$F = undefined;
+const __vue_module_identifier__$G = undefined;
 /* functional template */
-const __vue_is_functional_template__$F = false;
+const __vue_is_functional_template__$G = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1b = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$C,
-  staticRenderFns: __vue_staticRenderFns__$C
-}, __vue_inject_styles__$F, __vue_script__$v, __vue_scope_id__$F, __vue_is_functional_template__$F, __vue_module_identifier__$F, false, createInjector, undefined, undefined);
+const __vue_component__$1d = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$D,
+  staticRenderFns: __vue_staticRenderFns__$D
+}, __vue_inject_styles__$G, __vue_script__$w, __vue_scope_id__$G, __vue_is_functional_template__$G, __vue_module_identifier__$G, false, createInjector, undefined, undefined);
-var NsInlineNotification = __vue_component__$1b;
+var NsInlineNotification = __vue_component__$1d;
 //
 //
@@ -1296,7 +1299,7 @@ var NsInlineNotification = __vue_component__$1b;
 //
 //
 //
-var script$u = {
+var script$v = {
   name: "NsProgressBar",
   props: {
     value: {
@@ -1374,10 +1377,10 @@ var script$u = {
 };
 /* script */
-const __vue_script__$u = script$u;
+const __vue_script__$v = script$v;
 /* template */
-var __vue_render__$B = function () {
+var __vue_render__$C = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -1416,10 +1419,10 @@ var __vue_render__$B = function () {
   })]], 2)]);
 };
-var __vue_staticRenderFns__$B = [];
+var __vue_staticRenderFns__$C = [];
 /* style */
-const __vue_inject_styles__$E = function (inject) {
+const __vue_inject_styles__$F = function (inject) {
   if (!inject) return;
   inject("data-v-2813565d_0", {
     source: ".progress-bar-container[data-v-2813565d]{width:100%;position:relative}.slider[data-v-2813565d]{position:absolute;width:100%;overflow-x:hidden}.line[data-v-2813565d]{position:absolute;opacity:.4;width:100%}.progress-line[data-v-2813565d]{position:absolute}.indeterminate-line[data-v-2813565d]{position:absolute;opacity:.4;width:150%}.indeterminate-subline[data-v-2813565d]{position:absolute}.inc[data-v-2813565d]{animation:increase-data-v-2813565d 2s infinite}.dec[data-v-2813565d]{animation:decrease-data-v-2813565d 2s .5s infinite}@keyframes increase-data-v-2813565d{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-2813565d{from{left:-80%;width:80%}to{left:110%;width:10%}}",
@@ -1430,29 +1433,29 @@ const __vue_inject_styles__$E = function (inject) {
 /* scoped */
-const __vue_scope_id__$E = "data-v-2813565d";
+const __vue_scope_id__$F = "data-v-2813565d";
 /* module identifier */
-const __vue_module_identifier__$E = undefined;
+const __vue_module_identifier__$F = undefined;
 /* functional template */
-const __vue_is_functional_template__$E = false;
+const __vue_is_functional_template__$F = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$1a = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$B,
-  staticRenderFns: __vue_staticRenderFns__$B
-}, __vue_inject_styles__$E, __vue_script__$u, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, createInjector, undefined, undefined);
+const __vue_component__$1c = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$C,
+  staticRenderFns: __vue_staticRenderFns__$C
+}, __vue_inject_styles__$F, __vue_script__$v, __vue_scope_id__$F, __vue_is_functional_template__$F, __vue_module_identifier__$F, false, createInjector, undefined, undefined);
-var NsProgressBar = __vue_component__$1a;
+var NsProgressBar = __vue_component__$1c;
 //
 //
 //
 //
-var script$t = {
+var script$u = {
   name: "NsSvg",
   props: {
     svg: {
@@ -1511,33 +1514,33 @@ var script$t = {
 };
 /* script */
-const __vue_script__$t = script$t;
+const __vue_script__$u = script$u;
 /* template */
 /* style */
-const __vue_inject_styles__$D = undefined;
+const __vue_inject_styles__$E = undefined;
 /* scoped */
-const __vue_scope_id__$D = undefined;
+const __vue_scope_id__$E = undefined;
 /* module identifier */
-const __vue_module_identifier__$D = undefined;
+const __vue_module_identifier__$E = undefined;
 /* functional template */
-const __vue_is_functional_template__$D = undefined;
+const __vue_is_functional_template__$E = undefined;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$19 = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$D, __vue_script__$t, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, undefined, undefined, undefined);
+const __vue_component__$1b = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$E, __vue_script__$u, __vue_scope_id__$E, __vue_is_functional_template__$E, __vue_module_identifier__$E, false, undefined, undefined, undefined);
-var NsSvg = __vue_component__$19;
+var NsSvg = __vue_component__$1b;
 //
-var script$s = {
+var script$t = {
   name: "NsTile",
   extends: CvTile,
   inheritAttrs: false,
@@ -1611,10 +1614,10 @@ var script$s = {
 };
 /* script */
-const __vue_script__$s = script$s;
+const __vue_script__$t = script$t;
 /* template */
-var __vue_render__$A = function () {
+var __vue_render__$B = function () {
   var _obj;
   var _vm = this;
@@ -1653,10 +1656,10 @@ var __vue_render__$A = function () {
   }) : _vm._e()], 1);
 };
-var __vue_staticRenderFns__$A = [];
+var __vue_staticRenderFns__$B = [];
 /* style */
-const __vue_inject_styles__$C = function (inject) {
+const __vue_inject_styles__$D = function (inject) {
   if (!inject) return;
   inject("data-v-2babf9e8_0", {
     source: ".ns-tile[data-v-2babf9e8]{margin-bottom:2rem;position:relative}.container[data-v-2babf9e8]{display:flex;flex-direction:column;justify-content:center}.centered[data-v-2babf9e8]{text-align:center}.large[data-v-2babf9e8]{min-height:10rem}.tile-icon[data-v-2babf9e8]{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem}.tile-footer-icon[data-v-2babf9e8]{position:absolute;right:1rem;bottom:1rem;flex-shrink:0;width:1.25rem;height:1.25rem}.pad-bottom[data-v-2babf9e8]{padding-bottom:4rem}.disabled-tile[data-v-2babf9e8]{color:#c6c6c6}",
@@ -1667,23 +1670,23 @@ const __vue_inject_styles__$C = function (inject) {
 /* scoped */
-const __vue_scope_id__$C = "data-v-2babf9e8";
+const __vue_scope_id__$D = "data-v-2babf9e8";
 /* module identifier */
-const __vue_module_identifier__$C = undefined;
+const __vue_module_identifier__$D = undefined;
 /* functional template */
-const __vue_is_functional_template__$C = false;
+const __vue_is_functional_template__$D = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$17 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$A,
-  staticRenderFns: __vue_staticRenderFns__$A
-}, __vue_inject_styles__$C, __vue_script__$s, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
+const __vue_component__$19 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$B,
+  staticRenderFns: __vue_staticRenderFns__$B
+}, __vue_inject_styles__$D, __vue_script__$t, __vue_scope_id__$D, __vue_is_functional_template__$D, __vue_module_identifier__$D, false, createInjector, undefined, undefined);
-var __vue_component__$18 = __vue_component__$17;
+var __vue_component__$1a = __vue_component__$19;
 function toInteger(dirtyNumber) {
   if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -6284,7 +6287,7 @@ var DateTimeService = {
 };
 //
-var script$r = {
+var script$s = {
   name: "NsToastNotification",
   extends: CvToastNotification,
   components: {
@@ -6362,10 +6365,10 @@ var script$r = {
 };
 /* script */
-const __vue_script__$r = script$r;
+const __vue_script__$s = script$s;
 /* template */
-var __vue_render__$z = function () {
+var __vue_render__$A = function () {
   var _obj;
   var _vm = this;
@@ -6459,10 +6462,10 @@ var __vue_render__$z = function () {
   })], 1) : _vm._e()], 1)]);
 };
-var __vue_staticRenderFns__$z = [];
+var __vue_staticRenderFns__$A = [];
 /* style */
-const __vue_inject_styles__$B = function (inject) {
+const __vue_inject_styles__$C = function (inject) {
   if (!inject) return;
   inject("data-v-014a0a7f_0", {
     source: ".notification[data-v-014a0a7f]{margin-bottom:0;margin-right:0}.action[data-v-014a0a7f]{padding-top:0;margin-bottom:0}.bx--toast-notification .bx--inline-notification__action-button[data-v-014a0a7f]{margin-left:-1rem}.bx--toast-notification .bx--inline-notification__action-button.bx--btn--danger[data-v-014a0a7f]{margin:.5rem 0 .5rem -1rem}.notification-description-and-progress[data-v-014a0a7f]{margin-top:.75rem;margin-bottom:.75rem}.fix-margin-bottom[data-v-014a0a7f]{margin-bottom:0}.progress[data-v-014a0a7f]{margin-top:.75rem}.progress-bar-spacer[data-v-014a0a7f]{height:.5rem}.cv-notifiation.bx--toast-notification.notification[data-v-014a0a7f]{width:26vw;min-width:20rem;margin-top:0}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-014a0a7f]{margin-top:1rem}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-014a0a7f]{width:100%}.notification-read[data-v-014a0a7f]{border-color:#8d8d8d;color:#c6c6c6}.notification-read .bx--toast-notification__icon[data-v-014a0a7f]{fill:currentColor}.notification-read .bx--toast-notification__subtitle[data-v-014a0a7f]{color:#c6c6c6}.notification-read .bx--toast-notification__title[data-v-014a0a7f]{font-weight:400}.cv-notifiation .timestamp[data-v-014a0a7f]{margin-bottom:.75rem;line-height:1.29;color:#fff;text-decoration:underline}.cv-notifiation .timestamp button[data-v-014a0a7f]{color:#c6c6c6}.bx--tooltip__trigger[data-v-014a0a7f]:not(.bx--btn--icon-only){font-size:inherit}.cv-notifiation .timestamp .bx--tooltip__trigger[data-v-014a0a7f]::before{border-bottom-color:#161616}div.row[data-v-014a0a7f]:last-child{margin-bottom:1.5rem}.bx--toast-notification__details[data-v-014a0a7f]{flex-grow:1}",
@@ -6477,26 +6480,26 @@ const __vue_inject_styles__$B = function (inject) {
 /* scoped */
-const __vue_scope_id__$B = "data-v-014a0a7f";
+const __vue_scope_id__$C = "data-v-014a0a7f";
 /* module identifier */
-const __vue_module_identifier__$B = undefined;
+const __vue_module_identifier__$C = undefined;
 /* functional template */
-const __vue_is_functional_template__$B = false;
+const __vue_is_functional_template__$C = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$15 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$z,
-  staticRenderFns: __vue_staticRenderFns__$z
-}, __vue_inject_styles__$B, __vue_script__$r, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, createInjector, undefined, undefined);
+const __vue_component__$17 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$A,
+  staticRenderFns: __vue_staticRenderFns__$A
+}, __vue_inject_styles__$C, __vue_script__$s, __vue_scope_id__$C, __vue_is_functional_template__$C, __vue_module_identifier__$C, false, createInjector, undefined, undefined);
-var __vue_component__$16 = __vue_component__$15;
+var __vue_component__$18 = __vue_component__$17;
 //
-var script$q = {
+var script$r = {
   name: "NsInfoCard",
   components: {
     NsSvg,
@@ -6560,10 +6563,10 @@ var script$q = {
 };
 /* script */
-const __vue_script__$q = script$q;
+const __vue_script__$r = script$r;
 /* template */
-var __vue_render__$y = function () {
+var __vue_render__$z = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -6623,10 +6626,10 @@ var __vue_render__$y = function () {
   }, [_vm.hasContentSlot ? _vm._t("content") : _vm._e()], 2)], 2);
 };
-var __vue_staticRenderFns__$y = [];
+var __vue_staticRenderFns__$z = [];
 /* style */
-const __vue_inject_styles__$A = function (inject) {
+const __vue_inject_styles__$B = function (inject) {
   if (!inject) return;
   inject("data-v-44debf3d_0", {
     source: ".info-card[data-v-44debf3d]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.skeleton[data-v-44debf3d]{margin-top:.5rem;margin-left:auto;margin-right:auto}.row[data-v-44debf3d]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-44debf3d]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.title-tooltip[data-v-44debf3d]{position:relative;top:-2px}.description[data-v-44debf3d]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-44debf3d]{margin-top:.5rem}",
@@ -6637,26 +6640,26 @@ const __vue_inject_styles__$A = function (inject) {
 /* scoped */
-const __vue_scope_id__$A = "data-v-44debf3d";
+const __vue_scope_id__$B = "data-v-44debf3d";
 /* module identifier */
-const __vue_module_identifier__$A = undefined;
+const __vue_module_identifier__$B = undefined;
 /* functional template */
-const __vue_is_functional_template__$A = false;
+const __vue_is_functional_template__$B = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$13 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$y,
-  staticRenderFns: __vue_staticRenderFns__$y
-}, __vue_inject_styles__$A, __vue_script__$q, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, createInjector, undefined, undefined);
+const __vue_component__$15 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$z,
+  staticRenderFns: __vue_staticRenderFns__$z
+}, __vue_inject_styles__$B, __vue_script__$r, __vue_scope_id__$B, __vue_is_functional_template__$B, __vue_module_identifier__$B, false, createInjector, undefined, undefined);
-var __vue_component__$14 = __vue_component__$13;
+var __vue_component__$16 = __vue_component__$15;
 //
-var script$p = {
+var script$q = {
   name: "NsStatusCard",
   //components added for storybook to work
   components: {
@@ -6703,10 +6706,10 @@ var script$p = {
 };
 /* script */
-const __vue_script__$p = script$p;
+const __vue_script__$q = script$q;
 /* template */
-var __vue_render__$x = function () {
+var __vue_render__$y = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -6775,10 +6778,10 @@ var __vue_render__$x = function () {
   }, [_c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])]) : _c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])], 1) : _vm._e()])]);
 };
-var __vue_staticRenderFns__$x = [];
+var __vue_staticRenderFns__$y = [];
 /* style */
-const __vue_inject_styles__$z = function (inject) {
+const __vue_inject_styles__$A = function (inject) {
   if (!inject) return;
   inject("data-v-d6024f1c_0", {
     source: ".status-card[data-v-d6024f1c]{display:flex;flex-direction:column;justify-content:center}.row[data-v-d6024f1c]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.value[data-v-d6024f1c]{margin-left:.25rem;margin-right:.25rem}.label[data-v-d6024f1c]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-d6024f1c]{margin-right:.25rem}.error-icon[data-v-d6024f1c]{margin-right:.25rem}.warning-icon[data-v-d6024f1c]{margin-right:.25rem}.stats[data-v-d6024f1c]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
@@ -6789,26 +6792,26 @@ const __vue_inject_styles__$z = function (inject) {
 /* scoped */
-const __vue_scope_id__$z = "data-v-d6024f1c";
+const __vue_scope_id__$A = "data-v-d6024f1c";
 /* module identifier */
-const __vue_module_identifier__$z = undefined;
+const __vue_module_identifier__$A = undefined;
 /* functional template */
-const __vue_is_functional_template__$z = false;
+const __vue_is_functional_template__$A = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$11 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$x,
-  staticRenderFns: __vue_staticRenderFns__$x
-}, __vue_inject_styles__$z, __vue_script__$p, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, createInjector, undefined, undefined);
+const __vue_component__$13 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$y,
+  staticRenderFns: __vue_staticRenderFns__$y
+}, __vue_inject_styles__$A, __vue_script__$q, __vue_scope_id__$A, __vue_is_functional_template__$A, __vue_module_identifier__$A, false, createInjector, undefined, undefined);
-var __vue_component__$12 = __vue_component__$11;
+var __vue_component__$14 = __vue_component__$13;
 //
-var script$o = {
+var script$p = {
   name: "NsSystemdServiceCard",
   //components added for storybook to work
   components: {
@@ -6862,10 +6865,10 @@ var script$o = {
 };
 /* script */
-const __vue_script__$o = script$o;
+const __vue_script__$p = script$p;
 /* template */
-var __vue_render__$w = function () {
+var __vue_render__$x = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -6920,10 +6923,10 @@ var __vue_render__$w = function () {
   })], 1)])]);
 };
-var __vue_staticRenderFns__$w = [];
+var __vue_staticRenderFns__$x = [];
 /* style */
-const __vue_inject_styles__$y = function (inject) {
+const __vue_inject_styles__$z = function (inject) {
   if (!inject) return;
   inject("data-v-0ece12a7_0", {
     source: ".service-card[data-v-0ece12a7]{display:flex;flex-direction:column;justify-content:center}.row[data-v-0ece12a7]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.service-name[data-v-0ece12a7]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem}.success-icon[data-v-0ece12a7]{margin-right:.25rem}.error-icon[data-v-0ece12a7]{margin-right:.25rem}.warning-icon[data-v-0ece12a7]{margin-right:.25rem}.stats[data-v-0ece12a7]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
@@ -6934,26 +6937,26 @@ const __vue_inject_styles__$y = function (inject) {
 /* scoped */
-const __vue_scope_id__$y = "data-v-0ece12a7";
+const __vue_scope_id__$z = "data-v-0ece12a7";
 /* module identifier */
-const __vue_module_identifier__$y = undefined;
+const __vue_module_identifier__$z = undefined;
 /* functional template */
-const __vue_is_functional_template__$y = false;
+const __vue_is_functional_template__$z = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$$ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$w,
-  staticRenderFns: __vue_staticRenderFns__$w
-}, __vue_inject_styles__$y, __vue_script__$o, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, createInjector, undefined, undefined);
+const __vue_component__$11 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$x,
+  staticRenderFns: __vue_staticRenderFns__$x
+}, __vue_inject_styles__$z, __vue_script__$p, __vue_scope_id__$z, __vue_is_functional_template__$z, __vue_module_identifier__$z, false, createInjector, undefined, undefined);
-var __vue_component__$10 = __vue_component__$$;
+var __vue_component__$12 = __vue_component__$11;
 //
-var script$n = {
+var script$o = {
   name: "NsTextInput",
   extends: CvTextInput,
   components: {
@@ -6995,7 +6998,7 @@ var script$n = {
     tooltipDirection: {
       type: String,
       default: "bottom",
-      validator: val => ["top", "left", "bottom", "right".includes(val)]
+      validator: val => ["top", "left", "bottom", "right"].includes(val)
     },
     prefix: String
   },
@@ -7008,10 +7011,10 @@ var script$n = {
 };
 /* script */
-const __vue_script__$n = script$n;
+const __vue_script__$o = script$o;
 /* template */
-var __vue_render__$v = function () {
+var __vue_render__$w = function () {
   var _obj, _obj$1, _obj$2, _obj$3, _obj$4;
   var _vm = this;
@@ -7090,16 +7093,16 @@ var __vue_render__$v = function () {
   })], 2) : _vm._e()]);
 };
-var __vue_staticRenderFns__$v = [];
+var __vue_staticRenderFns__$w = [];
 /* style */
-const __vue_inject_styles__$x = function (inject) {
+const __vue_inject_styles__$y = function (inject) {
   if (!inject) return;
-  inject("data-v-27e25f9e_0", {
-    source: ".label-with-tooltip[data-v-27e25f9e]{display:flex;align-items:baseline}.prefix[data-v-27e25f9e]{font-weight:700;margin-right:.5rem;color:#525252}.align-items-center[data-v-27e25f9e]{align-items:center}",
+  inject("data-v-67a31d02_0", {
+    source: ".label-with-tooltip[data-v-67a31d02]{display:flex;align-items:baseline}.prefix[data-v-67a31d02]{font-weight:700;margin-right:.5rem;color:#525252}.align-items-center[data-v-67a31d02]{align-items:center}",
     map: undefined,
     media: undefined
-  }), inject("data-v-27e25f9e_1", {
+  }), inject("data-v-67a31d02_1", {
     source: ".ns-text-input .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -7108,23 +7111,23 @@ const __vue_inject_styles__$x = function (inject) {
 /* scoped */
-const __vue_scope_id__$x = "data-v-27e25f9e";
+const __vue_scope_id__$y = "data-v-67a31d02";
 /* module identifier */
-const __vue_module_identifier__$x = undefined;
+const __vue_module_identifier__$y = undefined;
 /* functional template */
-const __vue_is_functional_template__$x = false;
+const __vue_is_functional_template__$y = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$_ = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$v,
-  staticRenderFns: __vue_staticRenderFns__$v
-}, __vue_inject_styles__$x, __vue_script__$n, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
+const __vue_component__$10 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$w,
+  staticRenderFns: __vue_staticRenderFns__$w
+}, __vue_inject_styles__$y, __vue_script__$o, __vue_scope_id__$y, __vue_is_functional_template__$y, __vue_module_identifier__$y, false, createInjector, undefined, undefined);
-var NsTextInput = __vue_component__$_;
+var NsTextInput = __vue_component__$10;
 // Unique ID creation requires a high quality random # generator.  In node.js
 // this is pretty straight-forward - we use the crypto API.
@@ -7687,7 +7690,7 @@ var UtilService = {
 };
 //
-var script$m = {
+var script$n = {
   name: "NsPasswordInput",
   components: {
     NsTextInput
@@ -7872,10 +7875,10 @@ var script$m = {
 };
 /* script */
-const __vue_script__$m = script$m;
+const __vue_script__$n = script$n;
 /* template */
-var __vue_render__$u = function () {
+var __vue_render__$v = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -7970,10 +7973,10 @@ var __vue_render__$u = function () {
   }, [_vm._v(_vm._s(_vm.equalLabel))])])], 1)]);
 };
-var __vue_staticRenderFns__$u = [];
+var __vue_staticRenderFns__$v = [];
 /* style */
-const __vue_inject_styles__$w = function (inject) {
+const __vue_inject_styles__$x = function (inject) {
   if (!inject) return;
   inject("data-v-2326af46_0", {
     source: ".new-password-container[data-v-2326af46]{margin-bottom:1rem}.new-password[data-v-2326af46]{margin-bottom:.25rem}.confirm-password[data-v-2326af46]{margin-bottom:.25rem}.password-meter[data-v-2326af46]{display:flex}@media (min-width:672px){.password-meter[data-v-2326af46]{max-width:38rem}}.requirement[data-v-2326af46]{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-2326af46]{background-color:#fff}.requirement[data-v-2326af46]:first-child{margin-left:0}.requirement-ok[data-v-2326af46]{color:#fff;background-color:#198038}.requirement-disabled[data-v-2326af46]{color:#c6c6c6;background-color:#f4f4f4}",
@@ -7984,26 +7987,26 @@ const __vue_inject_styles__$w = function (inject) {
 /* scoped */
-const __vue_scope_id__$w = "data-v-2326af46";
+const __vue_scope_id__$x = "data-v-2326af46";
 /* module identifier */
-const __vue_module_identifier__$w = undefined;
+const __vue_module_identifier__$x = undefined;
 /* functional template */
-const __vue_is_functional_template__$w = false;
+const __vue_is_functional_template__$x = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$Y = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$u,
-  staticRenderFns: __vue_staticRenderFns__$u
-}, __vue_inject_styles__$w, __vue_script__$m, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
+const __vue_component__$_ = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$v,
+  staticRenderFns: __vue_staticRenderFns__$v
+}, __vue_inject_styles__$x, __vue_script__$n, __vue_scope_id__$x, __vue_is_functional_template__$x, __vue_module_identifier__$x, false, createInjector, undefined, undefined);
-var __vue_component__$Z = __vue_component__$Y;
+var __vue_component__$$ = __vue_component__$_;
 //
-var script$l = {
+var script$m = {
   name: "NsIconMenu",
   extends: CvOverflowMenu,
   props: {
@@ -8036,7 +8039,7 @@ var script$l = {
     tipPosition: {
       type: String,
       default: "right",
-      validator: val => ["top", "left", "bottom", "right".includes(val)]
+      validator: val => ["top", "left", "bottom", "right"].includes(val)
     },
     tipAlignment: {
       type: String,
@@ -8047,10 +8050,10 @@ var script$l = {
 };
 /* script */
-const __vue_script__$l = script$l;
+const __vue_script__$m = script$m;
 /* template */
-var __vue_render__$t = function () {
+var __vue_render__$u = function () {
   var _obj, _obj$1;
   var _vm = this;
@@ -8166,13 +8169,13 @@ var __vue_render__$t = function () {
   })])]);
 };
-var __vue_staticRenderFns__$t = [];
+var __vue_staticRenderFns__$u = [];
 /* style */
-const __vue_inject_styles__$v = function (inject) {
+const __vue_inject_styles__$w = function (inject) {
   if (!inject) return;
-  inject("data-v-137b2ab6_0", {
-    source: ".ns-icon-menu[data-v-137b2ab6]{display:inline-flex}",
+  inject("data-v-19510273_0", {
+    source: ".ns-icon-menu[data-v-19510273]{display:inline-flex}",
     map: undefined,
     media: undefined
   });
@@ -8180,26 +8183,26 @@ const __vue_inject_styles__$v = function (inject) {
 /* scoped */
-const __vue_scope_id__$v = "data-v-137b2ab6";
+const __vue_scope_id__$w = "data-v-19510273";
 /* module identifier */
-const __vue_module_identifier__$v = undefined;
+const __vue_module_identifier__$w = undefined;
 /* functional template */
-const __vue_is_functional_template__$v = false;
+const __vue_is_functional_template__$w = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$W = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$t,
-  staticRenderFns: __vue_staticRenderFns__$t
-}, __vue_inject_styles__$v, __vue_script__$l, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
+const __vue_component__$Y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$u,
+  staticRenderFns: __vue_staticRenderFns__$u
+}, __vue_inject_styles__$w, __vue_script__$m, __vue_scope_id__$w, __vue_is_functional_template__$w, __vue_module_identifier__$w, false, createInjector, undefined, undefined);
-var __vue_component__$X = __vue_component__$W;
+var __vue_component__$Z = __vue_component__$Y;
 //
-var script$k = {
+var script$l = {
   name: "NsMeterChart",
   components: {
     NsProgressBar
@@ -8234,10 +8237,10 @@ var script$k = {
 };
 /* script */
-const __vue_script__$k = script$k;
+const __vue_script__$l = script$l;
 /* template */
-var __vue_render__$s = function () {
+var __vue_render__$t = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -8260,10 +8263,10 @@ var __vue_render__$s = function () {
   })], 1);
 };
-var __vue_staticRenderFns__$s = [];
+var __vue_staticRenderFns__$t = [];
 /* style */
-const __vue_inject_styles__$u = function (inject) {
+const __vue_inject_styles__$v = function (inject) {
   if (!inject) return;
   inject("data-v-4ca10dac_0", {
     source: ".label[data-v-4ca10dac]{font-weight:700;margin-right:.5rem}.mg-bottom-sm[data-v-4ca10dac]{margin-bottom:.5rem!important}",
@@ -8274,26 +8277,26 @@ const __vue_inject_styles__$u = function (inject) {
 /* scoped */
-const __vue_scope_id__$u = "data-v-4ca10dac";
+const __vue_scope_id__$v = "data-v-4ca10dac";
 /* module identifier */
-const __vue_module_identifier__$u = undefined;
+const __vue_module_identifier__$v = undefined;
 /* functional template */
-const __vue_is_functional_template__$u = false;
+const __vue_is_functional_template__$v = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$U = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$s,
-  staticRenderFns: __vue_staticRenderFns__$s
-}, __vue_inject_styles__$u, __vue_script__$k, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, createInjector, undefined, undefined);
+const __vue_component__$W = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$t,
+  staticRenderFns: __vue_staticRenderFns__$t
+}, __vue_inject_styles__$v, __vue_script__$l, __vue_scope_id__$v, __vue_is_functional_template__$v, __vue_module_identifier__$v, false, createInjector, undefined, undefined);
-var __vue_component__$V = __vue_component__$U;
+var __vue_component__$X = __vue_component__$W;
 //
-var script$j = {
+var script$k = {
   name: "NsModal",
   extends: CvModal,
   components: {
@@ -8353,10 +8356,10 @@ var script$j = {
 };
 /* script */
-const __vue_script__$j = script$j;
+const __vue_script__$k = script$k;
 /* template */
-var __vue_render__$r = function () {
+var __vue_render__$s = function () {
   var _obj, _obj$1, _obj$2, _obj$3;
   var _vm = this;
@@ -8490,34 +8493,34 @@ var __vue_render__$r = function () {
   })], 1)]);
 };
-var __vue_staticRenderFns__$r = [];
+var __vue_staticRenderFns__$s = [];
 /* style */
-const __vue_inject_styles__$t = undefined;
+const __vue_inject_styles__$u = undefined;
 /* scoped */
-const __vue_scope_id__$t = undefined;
+const __vue_scope_id__$u = undefined;
 /* module identifier */
-const __vue_module_identifier__$t = undefined;
+const __vue_module_identifier__$u = undefined;
 /* functional template */
-const __vue_is_functional_template__$t = false;
+const __vue_is_functional_template__$u = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$T = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$r,
-  staticRenderFns: __vue_staticRenderFns__$r
-}, __vue_inject_styles__$t, __vue_script__$j, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, undefined, undefined, undefined);
+const __vue_component__$V = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$s,
+  staticRenderFns: __vue_staticRenderFns__$s
+}, __vue_inject_styles__$u, __vue_script__$k, __vue_scope_id__$u, __vue_is_functional_template__$u, __vue_module_identifier__$u, false, undefined, undefined, undefined);
-var NsModal = __vue_component__$T;
+var NsModal = __vue_component__$V;
 //
-var script$i = {
+var script$j = {
   name: "NsDangerDeleteModal",
   //component added for storybook to work
   components: {
@@ -8617,10 +8620,10 @@ var script$i = {
 };
 /* script */
-const __vue_script__$i = script$i;
+const __vue_script__$j = script$j;
 /* template */
-var __vue_render__$q = function () {
+var __vue_render__$r = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -8681,10 +8684,10 @@ var __vue_render__$q = function () {
   }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
 };
-var __vue_staticRenderFns__$q = [];
+var __vue_staticRenderFns__$r = [];
 /* style */
-const __vue_inject_styles__$s = function (inject) {
+const __vue_inject_styles__$t = function (inject) {
   if (!inject) return;
   inject("data-v-1efc7695_0", {
     source: ".type-to-confirm[data-v-1efc7695]{margin-top:2rem}",
@@ -8695,23 +8698,23 @@ const __vue_inject_styles__$s = function (inject) {
 /* scoped */
-const __vue_scope_id__$s = "data-v-1efc7695";
+const __vue_scope_id__$t = "data-v-1efc7695";
 /* module identifier */
-const __vue_module_identifier__$s = undefined;
+const __vue_module_identifier__$t = undefined;
 /* functional template */
-const __vue_is_functional_template__$s = false;
+const __vue_is_functional_template__$t = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$R = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$q,
-  staticRenderFns: __vue_staticRenderFns__$q
-}, __vue_inject_styles__$s, __vue_script__$i, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, createInjector, undefined, undefined);
+const __vue_component__$T = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$r,
+  staticRenderFns: __vue_staticRenderFns__$r
+}, __vue_inject_styles__$t, __vue_script__$j, __vue_scope_id__$t, __vue_is_functional_template__$t, __vue_module_identifier__$t, false, createInjector, undefined, undefined);
-var __vue_component__$S = __vue_component__$R;
+var __vue_component__$U = __vue_component__$T;
 /*
  * Copyright (C) 2023 Nethesis S.r.l.
@@ -8923,7 +8926,7 @@ var IconService = {
 };
 //
-var script$h = {
+var script$i = {
   name: "NsDropdownAction",
   extends: CvOverflowMenu,
   components: {
@@ -8955,10 +8958,10 @@ var script$h = {
 };
 /* script */
-const __vue_script__$h = script$h;
+const __vue_script__$i = script$i;
 /* template */
-var __vue_render__$p = function () {
+var __vue_render__$q = function () {
   var _obj, _obj$1;
   var _vm = this;
@@ -9058,34 +9061,34 @@ var __vue_render__$p = function () {
   })])]);
 };
-var __vue_staticRenderFns__$p = [];
+var __vue_staticRenderFns__$q = [];
 /* style */
-const __vue_inject_styles__$r = undefined;
+const __vue_inject_styles__$s = undefined;
 /* scoped */
-const __vue_scope_id__$r = "data-v-1818ed86";
+const __vue_scope_id__$s = "data-v-1818ed86";
 /* module identifier */
-const __vue_module_identifier__$r = undefined;
+const __vue_module_identifier__$s = undefined;
 /* functional template */
-const __vue_is_functional_template__$r = false;
+const __vue_is_functional_template__$s = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$P = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$p,
-  staticRenderFns: __vue_staticRenderFns__$p
-}, __vue_inject_styles__$r, __vue_script__$h, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, undefined, undefined, undefined);
+const __vue_component__$R = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$q,
+  staticRenderFns: __vue_staticRenderFns__$q
+}, __vue_inject_styles__$s, __vue_script__$i, __vue_scope_id__$s, __vue_is_functional_template__$s, __vue_module_identifier__$s, false, undefined, undefined, undefined);
-var __vue_component__$Q = __vue_component__$P;
+var __vue_component__$S = __vue_component__$R;
 //
-var script$g = {
+var script$h = {
   name: "NsBackupCardDetails",
   mixins: [DateTimeService],
   props: {
@@ -9121,10 +9124,10 @@ var script$g = {
 };
 /* script */
-const __vue_script__$g = script$g;
+const __vue_script__$h = script$h;
 /* template */
-var __vue_render__$o = function () {
+var __vue_render__$p = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -9178,10 +9181,10 @@ var __vue_render__$o = 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__$o = [];
+var __vue_staticRenderFns__$p = [];
 /* style */
-const __vue_inject_styles__$q = function (inject) {
+const __vue_inject_styles__$r = function (inject) {
   if (!inject) return;
   inject("data-v-5c5848fc_0", {
     source: ".ns-backup-card-details[data-v-5c5848fc]{display:contents}.tr[data-v-5c5848fc]{display:table-row}.td[data-v-5c5848fc]{display:table-cell}.label[data-v-5c5848fc]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
@@ -9192,26 +9195,26 @@ const __vue_inject_styles__$q = function (inject) {
 /* scoped */
-const __vue_scope_id__$q = "data-v-5c5848fc";
+const __vue_scope_id__$r = "data-v-5c5848fc";
 /* module identifier */
-const __vue_module_identifier__$q = undefined;
+const __vue_module_identifier__$r = undefined;
 /* functional template */
-const __vue_is_functional_template__$q = false;
+const __vue_is_functional_template__$r = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$O = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$o,
-  staticRenderFns: __vue_staticRenderFns__$o
-}, __vue_inject_styles__$q, __vue_script__$g, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
+const __vue_component__$Q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$p,
+  staticRenderFns: __vue_staticRenderFns__$p
+}, __vue_inject_styles__$r, __vue_script__$h, __vue_scope_id__$r, __vue_is_functional_template__$r, __vue_module_identifier__$r, false, createInjector, undefined, undefined);
-var NsBackupCardDetails = __vue_component__$O;
+var NsBackupCardDetails = __vue_component__$Q;
 //
-var script$f = {
+var script$g = {
   name: "NsBackupCard",
   components: {
     NsBackupCardDetails
@@ -9352,10 +9355,10 @@ var script$f = {
 };
 /* script */
-const __vue_script__$f = script$f;
+const __vue_script__$g = script$g;
 /* template */
-var __vue_render__$n = function () {
+var __vue_render__$o = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -9471,10 +9474,10 @@ var __vue_render__$n = function () {
   }, [_vm._v(_vm._s(_vm.goToBackupLabel) + "\n      ")])], 1)])], 2);
 };
-var __vue_staticRenderFns__$n = [];
+var __vue_staticRenderFns__$o = [];
 /* style */
-const __vue_inject_styles__$p = function (inject) {
+const __vue_inject_styles__$q = function (inject) {
   if (!inject) return;
   inject("data-v-6f55bf84_0", {
     source: ".ns-backup-card[data-v-6f55bf84]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-6f55bf84]{margin-bottom:1rem}.backup[data-v-6f55bf84]:last-child{margin-bottom:0}.row[data-v-6f55bf84]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-6f55bf84]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-6f55bf84]{display:flex;justify-content:center;margin-bottom:.5rem}.table[data-v-6f55bf84]{display:table}.tr[data-v-6f55bf84]{display:table-row}.td[data-v-6f55bf84]{display:table-cell}.label[data-v-6f55bf84]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-6f55bf84]{font-weight:700}.backup-status-icon[data-v-6f55bf84]{margin-right:.25rem}",
@@ -9489,26 +9492,26 @@ const __vue_inject_styles__$p = function (inject) {
 /* scoped */
-const __vue_scope_id__$p = "data-v-6f55bf84";
+const __vue_scope_id__$q = "data-v-6f55bf84";
 /* module identifier */
-const __vue_module_identifier__$p = undefined;
+const __vue_module_identifier__$q = undefined;
 /* functional template */
-const __vue_is_functional_template__$p = false;
+const __vue_is_functional_template__$q = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$M = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$n,
-  staticRenderFns: __vue_staticRenderFns__$n
-}, __vue_inject_styles__$p, __vue_script__$f, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
+const __vue_component__$O = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$o,
+  staticRenderFns: __vue_staticRenderFns__$o
+}, __vue_inject_styles__$q, __vue_script__$g, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
-var __vue_component__$N = __vue_component__$M;
+var __vue_component__$P = __vue_component__$O;
 //
-var script$e = {
+var script$f = {
   name: "NsWizard",
   extends: NsModal,
   mixins: [IconService],
@@ -9552,10 +9555,10 @@ var script$e = {
 };
 /* script */
-const __vue_script__$e = script$e;
+const __vue_script__$f = script$f;
 /* template */
-var __vue_render__$m = function () {
+var __vue_render__$n = function () {
   var _obj, _obj$1;
   var _vm = this;
@@ -9697,34 +9700,34 @@ var __vue_render__$m = function () {
   })], 1)]);
 };
-var __vue_staticRenderFns__$m = [];
+var __vue_staticRenderFns__$n = [];
 /* style */
-const __vue_inject_styles__$o = undefined;
+const __vue_inject_styles__$p = undefined;
 /* scoped */
-const __vue_scope_id__$o = undefined;
+const __vue_scope_id__$p = undefined;
 /* module identifier */
-const __vue_module_identifier__$o = undefined;
+const __vue_module_identifier__$p = undefined;
 /* functional template */
-const __vue_is_functional_template__$o = false;
+const __vue_is_functional_template__$p = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$K = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$m,
-  staticRenderFns: __vue_staticRenderFns__$m
-}, __vue_inject_styles__$o, __vue_script__$e, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
+const __vue_component__$M = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$n,
+  staticRenderFns: __vue_staticRenderFns__$n
+}, __vue_inject_styles__$p, __vue_script__$f, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, undefined, undefined, undefined);
-var __vue_component__$L = __vue_component__$K;
+var __vue_component__$N = __vue_component__$M;
 //
-var script$d = {
+var script$e = {
   name: "NsMenuItem",
   components: {
     NsSvg
@@ -9747,10 +9750,10 @@ var script$d = {
 };
 /* script */
-const __vue_script__$d = script$d;
+const __vue_script__$e = script$e;
 /* template */
-var __vue_render__$l = function () {
+var __vue_render__$m = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -9770,10 +9773,10 @@ var __vue_render__$l = function () {
   }, [_vm._t("icon")], 2) : _vm._e(), _vm._v(" "), _c('span', [_vm._v(_vm._s(_vm.label))])]);
 };
-var __vue_staticRenderFns__$l = [];
+var __vue_staticRenderFns__$m = [];
 /* style */
-const __vue_inject_styles__$n = function (inject) {
+const __vue_inject_styles__$o = function (inject) {
   if (!inject) return;
   inject("data-v-2e21de12_0", {
     source: ".ns-menu-item[data-v-2e21de12]{display:flex;align-items:center}.icon[data-v-2e21de12]{margin-right:.5rem}",
@@ -9784,26 +9787,26 @@ const __vue_inject_styles__$n = function (inject) {
 /* scoped */
-const __vue_scope_id__$n = "data-v-2e21de12";
+const __vue_scope_id__$o = "data-v-2e21de12";
 /* module identifier */
-const __vue_module_identifier__$n = undefined;
+const __vue_module_identifier__$o = undefined;
 /* functional template */
-const __vue_is_functional_template__$n = false;
+const __vue_is_functional_template__$o = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$I = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$l,
-  staticRenderFns: __vue_staticRenderFns__$l
-}, __vue_inject_styles__$n, __vue_script__$d, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, createInjector, undefined, undefined);
+const __vue_component__$K = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$m,
+  staticRenderFns: __vue_staticRenderFns__$m
+}, __vue_inject_styles__$o, __vue_script__$e, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, createInjector, undefined, undefined);
-var __vue_component__$J = __vue_component__$I;
+var __vue_component__$L = __vue_component__$K;
 //
-var script$c = {
+var script$d = {
   name: "NsMenuDivider",
   components: {
     CvSideNavDivider
@@ -9811,10 +9814,10 @@ var script$c = {
 };
 /* script */
-const __vue_script__$c = script$c;
+const __vue_script__$d = script$d;
 /* template */
-var __vue_render__$k = function () {
+var __vue_render__$l = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -9824,34 +9827,34 @@ var __vue_render__$k = function () {
   return _c('cv-side-nav-divider');
 };
-var __vue_staticRenderFns__$k = [];
+var __vue_staticRenderFns__$l = [];
 /* style */
-const __vue_inject_styles__$m = undefined;
+const __vue_inject_styles__$n = undefined;
 /* scoped */
-const __vue_scope_id__$m = "data-v-25fe7aa1";
+const __vue_scope_id__$n = "data-v-25fe7aa1";
 /* module identifier */
-const __vue_module_identifier__$m = undefined;
+const __vue_module_identifier__$n = undefined;
 /* functional template */
-const __vue_is_functional_template__$m = false;
+const __vue_is_functional_template__$n = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$G = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$k,
-  staticRenderFns: __vue_staticRenderFns__$k
-}, __vue_inject_styles__$m, __vue_script__$c, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
+const __vue_component__$I = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$l,
+  staticRenderFns: __vue_staticRenderFns__$l
+}, __vue_inject_styles__$n, __vue_script__$d, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
-var __vue_component__$H = __vue_component__$G;
+var __vue_component__$J = __vue_component__$I;
 //
-var script$b = {
+var script$c = {
   name: "NsSystemLogsCard",
   mixins: [UtilService, IconService],
   props: {
@@ -9970,10 +9973,10 @@ var script$b = {
 };
 /* script */
-const __vue_script__$b = script$b;
+const __vue_script__$c = script$c;
 /* template */
-var __vue_render__$j = function () {
+var __vue_render__$k = function () {
   var _vm = this;
   var _h = _vm.$createElement;
@@ -10001,34 +10004,34 @@ var __vue_render__$j = function () {
   }, [_vm._v("\n      " + _vm._s(_vm.buttonLabel) + "\n    ")])], 1)], 2);
 };
-var __vue_staticRenderFns__$j = [];
+var __vue_staticRenderFns__$k = [];
 /* style */
-const __vue_inject_styles__$l = undefined;
+const __vue_inject_styles__$m = undefined;
 /* scoped */
-const __vue_scope_id__$l = "data-v-604a2128";
+const __vue_scope_id__$m = "data-v-604a2128";
 /* module identifier */
-const __vue_module_identifier__$l = undefined;
+const __vue_module_identifier__$m = undefined;
 /* functional template */
-const __vue_is_functional_template__$l = false;
+const __vue_is_functional_template__$m = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$E = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$j,
-  staticRenderFns: __vue_staticRenderFns__$j
-}, __vue_inject_styles__$l, __vue_script__$b, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, undefined, undefined, undefined);
+const __vue_component__$G = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$k,
+  staticRenderFns: __vue_staticRenderFns__$k
+}, __vue_inject_styles__$m, __vue_script__$c, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
-var __vue_component__$F = __vue_component__$E;
+var __vue_component__$H = __vue_component__$G;
 //
-var script$a = {
+var script$b = {
   name: "NsTimePicker",
   mixins: [uidMixin, carbonPrefixMixin, themeMixin],
   props: {
@@ -10044,6 +10047,11 @@ var script$a = {
     invalidMessage: {
       type: String,
       default: ""
+    },
+    dropDirection: {
+      type: String,
+      default: "down",
+      validator: val => ["up", "down", "auto"].includes(val)
     }
   },
@@ -10071,10 +10079,10 @@ var script$a = {
 };
 /* script */
-const __vue_script__$a = script$a;
+const __vue_script__$b = script$b;
 /* template */
-var __vue_render__$i = function () {
+var __vue_render__$j = function () {
   var _obj, _obj$1;
   var _vm = this;
@@ -10105,7 +10113,7 @@ var __vue_render__$i = function () {
       "id": _vm.uid,
       "hide-clear-button": _vm.hideClearButton,
       "value": _vm.value,
-      "drop-direction": "auto"
+      "drop-direction": _vm.dropDirection
     },
     on: {
       "input": function ($event) {
@@ -10119,17 +10127,17 @@ var __vue_render__$i = function () {
   })], 2) : _vm._e()]);
 };
-var __vue_staticRenderFns__$i = [];
+var __vue_staticRenderFns__$j = [];
 /* style */
-const __vue_inject_styles__$k = function (inject) {
+const __vue_inject_styles__$l = function (inject) {
   if (!inject) return;
-  inject("data-v-bb35c778_0", {
-    source: ".ns-time-picker .time-picker-field[data-v-bb35c778]{padding:0;width:6rem}.ns-time-picker .time-picker-field.narrow-width[data-v-bb35c778]{width:4.875rem}",
+  inject("data-v-329316f1_0", {
+    source: ".ns-time-picker .time-picker-field[data-v-329316f1]{padding:0;width:6rem}.ns-time-picker .time-picker-field.narrow-width[data-v-329316f1]{width:4.875rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-bb35c778_1", {
-    source: ".ns-time-picker .time-picker-field,.ns-time-picker .time-picker-field:active,.ns-time-picker .time-picker-field:focus{outline:0}.ns-time-picker .time-picker-field input{height:100%!important;background:0 0!important;border:none!important;padding:0 1rem!important;font-family:\"IBM Plex Mono\",Menlo,\"DejaVu Sans Mono\",\"Bitstream Vera Sans Mono\",Courier,monospace!important;font-size:.875rem!important;font-weight:400!important;width:6rem!important;letter-spacing:.32px}.ns-time-picker .time-picker-field.narrow-width input{width:4.875rem!important}.ns-time-picker .time-picker-field .clear-btn{color:#797979;padding-right:1rem}.ns-time-picker .vue__time-picker .dropdown,.ns-time-picker .vue__time-picker-dropdown{top:2.5rem}.ns-time-picker .time-picker-field .dropdown .hint{display:none}",
+  }), inject("data-v-329316f1_1", {
+    source: ".ns-time-picker .time-picker-field,.ns-time-picker .time-picker-field:active,.ns-time-picker .time-picker-field:focus{outline:0}.ns-time-picker .time-picker-field input{height:100%!important;background:0 0!important;border:none!important;padding:0 1rem!important;font-family:\"IBM Plex Mono\",Menlo,\"DejaVu Sans Mono\",\"Bitstream Vera Sans Mono\",Courier,monospace!important;font-size:.875rem!important;font-weight:400!important;width:6rem!important;letter-spacing:.32px}.ns-time-picker .time-picker-field.narrow-width input{width:4.875rem!important}.ns-time-picker .time-picker-field .clear-btn{color:#797979;padding-right:1rem}.ns-time-picker .vue__time-picker .dropdown.drop-down{top:2.5rem}.ns-time-picker .vue__time-picker .dropdown.drop-up{bottom:2.5rem}.ns-time-picker .time-picker-field .dropdown .hint{display:none}",
     map: undefined,
     media: undefined
   });
@@ -10137,23 +10145,23 @@ const __vue_inject_styles__$k = function (inject) {
 /* scoped */
-const __vue_scope_id__$k = "data-v-bb35c778";
+const __vue_scope_id__$l = "data-v-329316f1";
 /* module identifier */
-const __vue_module_identifier__$k = undefined;
+const __vue_module_identifier__$l = undefined;
 /* functional template */
-const __vue_is_functional_template__$k = false;
+const __vue_is_functional_template__$l = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$C = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$i,
-  staticRenderFns: __vue_staticRenderFns__$i
-}, __vue_inject_styles__$k, __vue_script__$a, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
+const __vue_component__$E = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$j,
+  staticRenderFns: __vue_staticRenderFns__$j
+}, __vue_inject_styles__$l, __vue_script__$b, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
-var __vue_component__$D = __vue_component__$C;
+var __vue_component__$F = __vue_component__$E;
 /*
  * Copyright (C) 2023 Nethesis S.r.l.
@@ -10198,7 +10206,7 @@ var NsWrapper = {
 };
 //
-var script$9 = {
+var script$a = {
   name: "NsPagination",
   extends: CvPagination,
   props: {
@@ -10276,12 +10284,12 @@ var script$9 = {
 };
 /* script */
-const __vue_script__$9 = script$9;
+const __vue_script__$a = script$a;
 /* template */
 /* style */
-const __vue_inject_styles__$j = function (inject) {
+const __vue_inject_styles__$k = function (inject) {
   if (!inject) return;
   inject("data-v-18171654_0", {
     source: ".cv-pagination .bx--select .bx--label{font-size:100%}",
@@ -10292,20 +10300,20 @@ const __vue_inject_styles__$j = function (inject) {
 /* scoped */
-const __vue_scope_id__$j = undefined;
+const __vue_scope_id__$k = undefined;
 /* module identifier */
-const __vue_module_identifier__$j = undefined;
+const __vue_module_identifier__$k = undefined;
 /* functional template */
-const __vue_is_functional_template__$j = undefined;
+const __vue_is_functional_template__$k = undefined;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$B = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$j, __vue_script__$9, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
+const __vue_component__$D = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$k, __vue_script__$a, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
-var NsPagination = __vue_component__$B;
+var NsPagination = __vue_component__$D;
 var v$3 = "5.6.1";
 var fr$3 = 24;
@@ -17348,7 +17356,7 @@ var LottieService = {
 };
 //
-var script$8 = {
+var script$9 = {
   name: "NsDataTable",
   extends: CvDataTable,
   components: {
@@ -17681,10 +17689,10 @@ var script$8 = {
 };
 /* script */
-const __vue_script__$8 = script$8;
+const __vue_script__$9 = script$9;
 /* template */
-var __vue_render__$h = function () {
+var __vue_render__$i = function () {
   var _obj, _obj$1, _obj$2, _obj$3;
   var _vm = this;
@@ -18013,34 +18021,34 @@ var __vue_render__$h = function () {
   }, 'NsPagination', _vm.internalPagination, false)) : _vm._e()], 1)], 2);
 };
-var __vue_staticRenderFns__$h = [];
+var __vue_staticRenderFns__$i = [];
 /* style */
-const __vue_inject_styles__$i = undefined;
+const __vue_inject_styles__$j = undefined;
 /* scoped */
-const __vue_scope_id__$i = undefined;
+const __vue_scope_id__$j = undefined;
 /* module identifier */
-const __vue_module_identifier__$i = undefined;
+const __vue_module_identifier__$j = undefined;
 /* functional template */
-const __vue_is_functional_template__$i = false;
+const __vue_is_functional_template__$j = false;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$z = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$h,
-  staticRenderFns: __vue_staticRenderFns__$h
-}, __vue_inject_styles__$i, __vue_script__$8, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
+const __vue_component__$B = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$i,
+  staticRenderFns: __vue_staticRenderFns__$i
+}, __vue_inject_styles__$j, __vue_script__$9, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, undefined, undefined, undefined);
-var __vue_component__$A = __vue_component__$z;
+var __vue_component__$C = __vue_component__$B;
 //
-var script$7 = {
+var script$8 = {
   name: "NsToggle",
   extends: CvToggle,
   props: {
@@ -18059,7 +18067,7 @@ var script$7 = {
     tooltipDirection: {
       type: String,
       default: "bottom",
-      validator: val => ["top", "left", "bottom", "right".includes(val)]
+      validator: val => ["top", "left", "bottom", "right"].includes(val)
     }
   },
   computed: {
@@ -18071,10 +18079,10 @@ var script$7 = {
 };
 /* script */
-const __vue_script__$7 = script$7;
+const __vue_script__$8 = script$8;
 /* template */
-var __vue_render__$g = function () {
+var __vue_render__$h = function () {
   var _obj;
   var _vm = this;
@@ -18143,16 +18151,16 @@ var __vue_render__$g = function () {
   })], 2)])])]);
 };
-var __vue_staticRenderFns__$g = [];
+var __vue_staticRenderFns__$h = [];
 /* style */
-const __vue_inject_styles__$h = function (inject) {
+const __vue_inject_styles__$i = function (inject) {
   if (!inject) return;
-  inject("data-v-ce406b84_0", {
-    source: ".tooltip[data-v-ce406b84]{display:inline-block;position:absolute}",
+  inject("data-v-2e62510c_0", {
+    source: ".tooltip[data-v-2e62510c]{display:inline-block;position:absolute}",
     map: undefined,
     media: undefined
-  }), inject("data-v-ce406b84_1", {
+  }), inject("data-v-2e62510c_1", {
     source: ".ns-toggle .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -18161,26 +18169,26 @@ const __vue_inject_styles__$h = function (inject) {
 /* scoped */
-const __vue_scope_id__$h = "data-v-ce406b84";
+const __vue_scope_id__$i = "data-v-2e62510c";
 /* module identifier */
-const __vue_module_identifier__$h = undefined;
+const __vue_module_identifier__$i = undefined;
 /* functional template */
-const __vue_is_functional_template__$h = false;
+const __vue_is_functional_template__$i = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$x = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$g,
-  staticRenderFns: __vue_staticRenderFns__$g
-}, __vue_inject_styles__$h, __vue_script__$7, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
+const __vue_component__$z = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$h,
+  staticRenderFns: __vue_staticRenderFns__$h
+}, __vue_inject_styles__$i, __vue_script__$8, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
-var __vue_component__$y = __vue_component__$x;
+var __vue_component__$A = __vue_component__$z;
 //
-var script$6 = {
+var script$7 = {
   name: "NsTag",
   extends: CvTag,
   computed: {
@@ -18192,10 +18200,10 @@ var script$6 = {
 };
 /* script */
-const __vue_script__$6 = script$6;
+const __vue_script__$7 = script$7;
 /* template */
-var __vue_render__$f = function () {
+var __vue_render__$g = function () {
   var _obj;
   var _vm = this;
@@ -18261,10 +18269,10 @@ var __vue_render__$f = function () {
   }, [_c('Close16')], 1) : _vm._e()]);
 };
-var __vue_staticRenderFns__$f = [];
+var __vue_staticRenderFns__$g = [];
 /* style */
-const __vue_inject_styles__$g = function (inject) {
+const __vue_inject_styles__$h = function (inject) {
   if (!inject) return;
   inject("data-v-2227951d_0", {
     source: ".bx--tag--filter[data-v-2227951d]{cursor:default}",
@@ -18275,23 +18283,23 @@ const __vue_inject_styles__$g = function (inject) {
 /* scoped */
-const __vue_scope_id__$g = "data-v-2227951d";
+const __vue_scope_id__$h = "data-v-2227951d";
 /* module identifier */
-const __vue_module_identifier__$g = undefined;
+const __vue_module_identifier__$h = undefined;
 /* functional template */
-const __vue_is_functional_template__$g = false;
+const __vue_is_functional_template__$h = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$w = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$f,
-  staticRenderFns: __vue_staticRenderFns__$f
-}, __vue_inject_styles__$g, __vue_script__$6, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
+const __vue_component__$y = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$g,
+  staticRenderFns: __vue_staticRenderFns__$g
+}, __vue_inject_styles__$h, __vue_script__$7, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
-var NsTag = __vue_component__$w;
+var NsTag = __vue_component__$y;
 /**
  * Removes all key-value entries from the list cache.
@@ -20786,7 +20794,7 @@ var cloneDeep_1 = cloneDeep;
 //
 const TOP_AFTER_REOPEN = 0;
 const selectionFeedbackOptions = ["top-after-reopen", "top", "fixed"];
-var script$5 = {
+var script$6 = {
   name: "NsMultiSelect",
   inheritAttrs: false,
   mixins: [themeMixin, uidMixin, carbonPrefixMixin, methodsMixin({
@@ -20917,7 +20925,7 @@ var script$5 = {
     tooltipDirection: {
       type: String,
       default: "bottom",
-      validator: val => ["top", "left", "bottom", "right".includes(val)]
+      validator: val => ["top", "left", "bottom", "right"].includes(val)
     }
   },
@@ -21274,10 +21282,10 @@ var script$5 = {
 };
 /* script */
-const __vue_script__$5 = script$5;
+const __vue_script__$6 = script$6;
 /* template */
-var __vue_render__$e = function () {
+var __vue_render__$f = function () {
   var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5, _obj$6;
   var _vm = this;
@@ -21548,16 +21556,16 @@ var __vue_render__$e = function () {
   }), 1) : _vm._e()]);
 };
-var __vue_staticRenderFns__$e = [];
+var __vue_staticRenderFns__$f = [];
 /* style */
-const __vue_inject_styles__$f = function (inject) {
+const __vue_inject_styles__$g = function (inject) {
   if (!inject) return;
-  inject("data-v-d34e0640_0", {
-    source: ".bx--multi-select--filterable .bx--tag.selected-item[data-v-d34e0640]{margin-left:0;margin-bottom:.25rem}.margin-bottom-on-open[data-v-d34e0640]{margin-bottom:14rem}.label-with-tooltip[data-v-d34e0640]{display:flex;align-items:baseline}",
+  inject("data-v-068afcae_0", {
+    source: ".bx--multi-select--filterable .bx--tag.selected-item[data-v-068afcae]{margin-left:0;margin-bottom:.25rem}.margin-bottom-on-open[data-v-068afcae]{margin-bottom:14rem}.label-with-tooltip[data-v-068afcae]{display:flex;align-items:baseline}",
     map: undefined,
     media: undefined
-  }), inject("data-v-d34e0640_1", {
+  }), inject("data-v-068afcae_1", {
     source: ".selected-item button.bx--tag__close-icon{position:relative;right:1px}.ns-multi-select .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -21566,26 +21574,26 @@ const __vue_inject_styles__$f = function (inject) {
 /* scoped */
-const __vue_scope_id__$f = "data-v-d34e0640";
+const __vue_scope_id__$g = "data-v-068afcae";
 /* module identifier */
-const __vue_module_identifier__$f = undefined;
+const __vue_module_identifier__$g = undefined;
 /* functional template */
-const __vue_is_functional_template__$f = false;
+const __vue_is_functional_template__$g = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$u = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$e,
-  staticRenderFns: __vue_staticRenderFns__$e
-}, __vue_inject_styles__$f, __vue_script__$5, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
+const __vue_component__$w = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$f,
+  staticRenderFns: __vue_staticRenderFns__$f
+}, __vue_inject_styles__$g, __vue_script__$6, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
-var __vue_component__$v = __vue_component__$u;
+var __vue_component__$x = __vue_component__$w;
 //
-var script$4 = {
+var script$5 = {
   name: "NsComboBox",
   inheritAttrs: false,
   mixins: [themeMixin, uidMixin, carbonPrefixMixin, methodsMixin({
@@ -21672,7 +21680,7 @@ var script$4 = {
     tooltipDirection: {
       type: String,
       default: "bottom",
-      validator: val => ["top", "left", "bottom", "right".includes(val)]
+      validator: val => ["top", "left", "bottom", "right"].includes(val)
     }
   },
@@ -22028,10 +22036,10 @@ var script$4 = {
 };
 /* script */
-const __vue_script__$4 = script$4;
+const __vue_script__$5 = script$5;
 /* template */
-var __vue_render__$d = function () {
+var __vue_render__$e = function () {
   var _obj, _obj$1, _obj$2, _obj$3, _obj$4, _obj$5;
   var _vm = this;
@@ -22256,16 +22264,16 @@ var __vue_render__$d = function () {
   })], 2) : _vm._e()]);
 };
-var __vue_staticRenderFns__$d = [];
+var __vue_staticRenderFns__$e = [];
 /* style */
-const __vue_inject_styles__$e = function (inject) {
+const __vue_inject_styles__$f = function (inject) {
   if (!inject) return;
-  inject("data-v-1d6c40a4_0", {
-    source: ".margin-bottom-on-open[data-v-1d6c40a4]{margin-bottom:14rem}.label-with-tooltip[data-v-1d6c40a4]{display:flex;align-items:baseline}.ns-combo-box .warn-text[data-v-1d6c40a4]{margin-top:.25rem}.invalid-icon[data-v-1d6c40a4],.warn-icon[data-v-1d6c40a4]{right:3rem}",
+  inject("data-v-610245c0_0", {
+    source: ".margin-bottom-on-open[data-v-610245c0]{margin-bottom:14rem}.label-with-tooltip[data-v-610245c0]{display:flex;align-items:baseline}.ns-combo-box .warn-text[data-v-610245c0]{margin-top:.25rem}.invalid-icon[data-v-610245c0],.warn-icon[data-v-610245c0]{right:3rem}",
     map: undefined,
     media: undefined
-  }), inject("data-v-1d6c40a4_1", {
+  }), inject("data-v-610245c0_1", {
     source: ".ns-combo-box .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}.ns-combo-box .bx--list-box__invalid-icon--warning{position:absolute;top:50%;right:3rem;fill:#f1c21b;transform:translateY(-50%)}.ns-combo-box .bx--list-box__invalid-icon--warning+.bx--list-box__field .bx--list-box__selection{right:4rem!important}",
     map: undefined,
     media: undefined
@@ -22274,26 +22282,26 @@ const __vue_inject_styles__$e = function (inject) {
 /* scoped */
-const __vue_scope_id__$e = "data-v-1d6c40a4";
+const __vue_scope_id__$f = "data-v-610245c0";
 /* module identifier */
-const __vue_module_identifier__$e = undefined;
+const __vue_module_identifier__$f = undefined;
 /* functional template */
-const __vue_is_functional_template__$e = false;
+const __vue_is_functional_template__$f = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$s = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$d,
-  staticRenderFns: __vue_staticRenderFns__$d
-}, __vue_inject_styles__$e, __vue_script__$4, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
+const __vue_component__$u = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$e,
+  staticRenderFns: __vue_staticRenderFns__$e
+}, __vue_inject_styles__$f, __vue_script__$5, __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 __vue_component__$v = __vue_component__$u;
 //
-var script$3 = {
+var script$4 = {
   name: "NsCheckbox",
   extends: CvCheckbox,
   inheritAttrs: false,
@@ -22313,7 +22321,7 @@ var script$3 = {
     tooltipDirection: {
       type: String,
       default: "bottom",
-      validator: val => ["top", "left", "bottom", "right".includes(val)]
+      validator: val => ["top", "left", "bottom", "right"].includes(val)
     }
   },
   computed: {
@@ -22325,10 +22333,10 @@ var script$3 = {
 };
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$4 = script$4;
 /* template */
-var __vue_render__$c = function () {
+var __vue_render__$d = function () {
   var _obj, _obj$1, _obj$2;
   var _vm = this;
@@ -22378,16 +22386,16 @@ var __vue_render__$c = function () {
   }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 2)])])]);
 };
-var __vue_staticRenderFns__$c = [];
+var __vue_staticRenderFns__$d = [];
 /* style */
-const __vue_inject_styles__$d = function (inject) {
+const __vue_inject_styles__$e = function (inject) {
   if (!inject) return;
-  inject("data-v-34eae482_0", {
-    source: ".label-with-tooltip[data-v-34eae482]{display:flex}",
+  inject("data-v-2f89a231_0", {
+    source: ".label-with-tooltip[data-v-2f89a231]{display:flex}",
     map: undefined,
     media: undefined
-  }), inject("data-v-34eae482_1", {
+  }), inject("data-v-2f89a231_1", {
     source: ".ns-checkbox .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
     map: undefined,
     media: undefined
@@ -22396,26 +22404,26 @@ const __vue_inject_styles__$d = function (inject) {
 /* scoped */
-const __vue_scope_id__$d = "data-v-34eae482";
+const __vue_scope_id__$e = "data-v-2f89a231";
 /* module identifier */
-const __vue_module_identifier__$d = undefined;
+const __vue_module_identifier__$e = undefined;
 /* functional template */
-const __vue_is_functional_template__$d = false;
+const __vue_is_functional_template__$e = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$q = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$c,
-  staticRenderFns: __vue_staticRenderFns__$c
-}, __vue_inject_styles__$d, __vue_script__$3, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
+const __vue_component__$s = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$d,
+  staticRenderFns: __vue_staticRenderFns__$d
+}, __vue_inject_styles__$e, __vue_script__$4, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
-var __vue_component__$r = __vue_component__$q;
+var __vue_component__$t = __vue_component__$s;
 //
-var script$2 = {
+var script$3 = {
   name: "NsByteSlider",
   mixins: [uidMixin, themeMixin, carbonPrefixMixin, methodsMixin({
     thumb: ["blur", "focus"]
@@ -22761,10 +22769,10 @@ var script$2 = {
 };
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$3 = script$3;
 /* template */
-var __vue_render__$b = function () {
+var __vue_render__$c = function () {
   var _obj, _obj$1, _obj$2, _obj$3;
   var _vm = this;
@@ -22985,10 +22993,10 @@ var __vue_render__$b = function () {
   })], 2) : _vm._e()]);
 };
-var __vue_staticRenderFns__$b = [];
+var __vue_staticRenderFns__$c = [];
 /* style */
-const __vue_inject_styles__$c = function (inject) {
+const __vue_inject_styles__$d = function (inject) {
   if (!inject) return;
   inject("data-v-55c65fcb_0", {
     source: ".range-input[data-v-55c65fcb]{margin-top:.5rem!important}.mib-gib[data-v-55c65fcb]{margin-left:1rem;margin-top:.5rem!important;margin-bottom:0!important}.human-label[data-v-55c65fcb]{margin-top:1rem}.ns-byte-slider .cv-radio-group.bx--form-item[data-v-55c65fcb]{margin-bottom:.5rem}",
@@ -23003,26 +23011,26 @@ const __vue_inject_styles__$c = function (inject) {
 /* scoped */
-const __vue_scope_id__$c = "data-v-55c65fcb";
+const __vue_scope_id__$d = "data-v-55c65fcb";
 /* module identifier */
-const __vue_module_identifier__$c = undefined;
+const __vue_module_identifier__$d = undefined;
 /* functional template */
-const __vue_is_functional_template__$c = false;
+const __vue_is_functional_template__$d = false;
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$o = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$b,
-  staticRenderFns: __vue_staticRenderFns__$b
-}, __vue_inject_styles__$c, __vue_script__$2, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
+const __vue_component__$q = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$c,
+  staticRenderFns: __vue_staticRenderFns__$c
+}, __vue_inject_styles__$d, __vue_script__$3, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
-var __vue_component__$p = __vue_component__$o;
+var __vue_component__$r = __vue_component__$q;
 //
-var script$1 = {
+var script$2 = {
   name: "NsTabs",
   extends: CvTabs,
   methods: {
@@ -23076,33 +23084,33 @@ var script$1 = {
 };
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__$2 = script$2;
 /* template */
 /* style */
-const __vue_inject_styles__$b = undefined;
+const __vue_inject_styles__$c = undefined;
 /* scoped */
-const __vue_scope_id__$b = undefined;
+const __vue_scope_id__$c = undefined;
 /* module identifier */
-const __vue_module_identifier__$b = undefined;
+const __vue_module_identifier__$c = undefined;
 /* functional template */
-const __vue_is_functional_template__$b = undefined;
+const __vue_is_functional_template__$c = undefined;
 /* style inject */
 /* style inject SSR */
 /* style inject shadow dom */
-const __vue_component__$m = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$b, __vue_script__$1, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, undefined, undefined, undefined);
+const __vue_component__$o = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$c, __vue_script__$2, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, undefined, undefined, undefined);
-var __vue_component__$n = __vue_component__$m;
+var __vue_component__$p = __vue_component__$o;
 //
-var script = {
+var script$1 = {
   name: "NsSlider",
   mixins: [uidMixin, themeMixin, carbonPrefixMixin, methodsMixin({
     thumb: ["blur", "focus"]
@@ -23375,10 +23383,10 @@ var script = {
 };
 /* script */
-const __vue_script__ = script;
+const __vue_script__$1 = script$1;
 /* template */
-var __vue_render__$a = function () {
+var __vue_render__$b = function () {
   var _obj, _obj$1, _obj$2, _obj$3, _obj$4;
   var _vm = this;
@@ -23564,10 +23572,10 @@ var __vue_render__$a = function () {
   })], 2) : _vm._e()]);
 };
-var __vue_staticRenderFns__$a = [];
+var __vue_staticRenderFns__$b = [];
 /* style */
-const __vue_inject_styles__$a = function (inject) {
+const __vue_inject_styles__$b = function (inject) {
   if (!inject) return;
   inject("data-v-d17c8692_0", {
     source: ".range-input[data-v-d17c8692]{margin-top:.5rem!important}.unit-label[data-v-d17c8692]{margin-top:.5rem!important;margin-left:1rem}.ns-slider .cv-radio-group.bx--form-item[data-v-d17c8692]{margin-bottom:.5rem}",
@@ -23582,7 +23590,701 @@ const __vue_inject_styles__$a = function (inject) {
 /* scoped */
-const __vue_scope_id__$a = "data-v-d17c8692";
+const __vue_scope_id__$b = "data-v-d17c8692";
+/* module identifier */
+const __vue_module_identifier__$b = undefined;
+/* functional template */
+const __vue_is_functional_template__$b = false;
+/* style inject SSR */
+/* style inject shadow dom */
+const __vue_component__$m = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$b,
+  staticRenderFns: __vue_staticRenderFns__$b
+}, __vue_inject_styles__$b, __vue_script__$1, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
+var __vue_component__$n = __vue_component__$m;
+//
+var script = {
+  name: "NsComboSearchBox",
+  inheritAttrs: false,
+  mixins: [themeMixin, uidMixin, carbonPrefixMixin, methodsMixin({
+    input: ["focus", "blur"]
+  }), UtilService$1, TaskService],
+  components: {
+    WarningFilled16,
+    WarningAltFilled16,
+    ChevronDown16,
+    Close16,
+    Search20
+  },
+  props: {
+    results: {
+      type: Array,
+      default: () => []
+    },
+    resultsLimitReached: {
+      type: Boolean,
+      default: false
+    },
+    loadingResults: {
+      type: Boolean,
+      default: false
+    },
+    autoHighlight: Boolean,
+    disabled: Boolean,
+    invalidMessage: {
+      type: String,
+      default: undefined
+    },
+    warnText: {
+      type: String,
+      default: undefined
+    },
+    helperText: {
+      type: String,
+      default: undefined
+    },
+    title: String,
+    placeholder: {
+      type: String,
+      default: "Search"
+    },
+    highlight: String,
+    value: String,
+    clearFilterLabel: {
+      type: String,
+      default: "Clear search"
+    },
+    noResultsLabel: {
+      type: String,
+      default: "No results"
+    },
+    resultsLimitReachedLabel: {
+      type: String,
+      default: "Keep typing to show more options"
+    },
+    // limit the number of options to be displayed
+    maxDisplayOptions: {
+      type: Number,
+      default: 100
+    },
+    tooltipAlignment: {
+      type: String,
+      default: "start",
+      validator: val => ["start", "center", "end"].includes(val)
+    },
+    tooltipDirection: {
+      type: String,
+      default: "bottom",
+      validator: val => ["top", "left", "bottom", "right"].includes(val)
+    }
+  },
+  data() {
+    return {
+      open: false,
+      internalResults: [],
+      lastQuery: "",
+      dataValue: this.value,
+      dataHighlighted: null,
+      dataFilter: null,
+      markInstance: null,
+      isHelper: false,
+      isInvalid: false,
+      isWarn: false,
+      noResults: false
+    };
+  },
+  model: {
+    prop: "value",
+    event: "change"
+  },
+  watch: {
+    highlight() {
+      this.highlighted = this.highlight;
+    },
+    value() {
+      this.dataValue = this.value;
+      this.highlighted = this.value;
+      this.internalUpdateValue(this.value);
+    },
+    results() {
+      this.updateResults();
+    },
+    internalResults() {
+      setTimeout(() => {
+        // mark textQuery in internalResults
+        const searchResults = document.querySelector(".search-results");
+        this.markInstance = new Mark(searchResults);
+        this.markInstance.mark(this.lastQuery.split(""), {
+          className: "marked-bold"
+        });
+      }, 50);
+    }
+  },
+  mounted() {
+    this.filter = this.value;
+    this.highlighted = this.value ? this.value : this.highlight; // override highlight with value if provided
+    this.checkSlots();
+    this.updateResults();
+  },
+  updated() {
+    this.checkSlots();
+  },
+  computed: { ...mapState(["instanceName", "core"]),
+    highlighted: {
+      get() {
+        return this.dataHighlighted;
+      },
+      set(val) {
+        let firstMatchIndex = this.internalResults.findIndex(item => item.value === val);
+        if (firstMatchIndex < 0) {
+          firstMatchIndex = this.internalResults.length ? 0 : -1;
+          this.dataHighlighted = firstMatchIndex >= 0 ? this.internalResults[0].value : "";
+        } else {
+          this.dataHighlighted = val;
+        }
+        if (firstMatchIndex >= 0) {
+          this.$nextTick(() => {
+            // $nextTick to prevent highlight check ahead of list update on filter
+            this.checkHighlightPosition(firstMatchIndex);
+          });
+        }
+      }
+    },
+    filter: {
+      get() {
+        return this.dataFilter;
+      },
+      set(val) {
+        this.dataFilter = val ? val : "";
+        this.$emit("filter", val);
+      }
+    },
+    limitedDataOptions() {
+      return this.internalResults.slice(0, this.maxDisplayOptions);
+    },
+    hasTooltipSlot() {
+      return !!this.$slots.tooltip;
+    }
+  },
+  methods: {
+    checkSlots() {
+      // NOTE: this.$slots is not reactive so needs to be managed on updated
+      this.isInvalid = !!(this.$slots["invalid-message"] || this.invalidMessage && this.invalidMessage.length);
+      this.isHelper = !!(this.$slots["helper-text"] || this.helperText && this.helperText.length);
+      this.isWarn = !!(this.$slots["warn-text"] || this.warnText && this.warnText.length);
+    },
+    clearFilter() {
+      if (this.disabled) return;
+      this.internalUpdateValue("");
+      this.filter = "";
+      this.internalResults = [];
+      this.noResults = false;
+      this.doOpen(false);
+      this.$refs.input.focus();
+      this.$emit("change", this.dataValue);
+    },
+    checkHighlightPosition(newHighlight) {
+      if (this.$refs.list && this.$refs.option && this.$refs.option[newHighlight]) {
+        if (this.$refs.list.scrollTop > this.$refs.option[newHighlight].offsetTop) {
+          this.$refs.list.scrollTop = this.$refs.option[newHighlight].offsetTop;
+        } else if (this.$refs.list.scrollTop + this.$refs.list.clientHeight < this.$refs.option[newHighlight].offsetTop + this.$refs.option[newHighlight].offsetHeight) {
+          this.$refs.list.scrollTop = this.$refs.option[newHighlight].offsetTop + this.$refs.option[newHighlight].offsetHeight - this.$refs.list.clientHeight;
+        }
+      }
+    },
+    doMove(up) {
+      if (this.internalResults.length > 0) {
+        // requery could have changed
+        const currentHighlight = this.internalResults.findIndex(item => item.value === this.highlighted);
+        let newHiglight;
+        if (up) {
+          if (currentHighlight <= 0) {
+            newHiglight = this.internalResults.length - 1;
+          } else {
+            newHiglight = currentHighlight - 1;
+          }
+        } else {
+          if (currentHighlight >= this.internalResults.length - 1) {
+            newHiglight = 0;
+          } else {
+            newHiglight = currentHighlight + 1;
+          }
+        }
+        this.highlighted = this.internalResults[newHiglight].value;
+      }
+    },
+    updateHighlight() {
+      let firstMatchIndex;
+      if (this.autoHighlight && this.internalResults.length > 0) {
+        // then highlight first match
+        const filterRegex = new RegExp(this.filter, "iu");
+        firstMatchIndex = this.internalResults.findIndex(item => filterRegex.test(item.label));
+        if (firstMatchIndex < 0) {
+          firstMatchIndex = 0;
+        }
+        this.highlighted = this.internalResults[firstMatchIndex].value;
+      }
+    },
+    onInput() {
+      if (this.disabled) return;
+      this.doOpen(true);
+      this.noResults = false;
+      this.updateHighlight();
+    },
+    doOpen(newVal) {
+      this.open = newVal;
+    },
+    onDown() {
+      if (this.disabled) return;
+      if (!this.open) {
+        this.doOpen(true);
+      } else {
+        this.doMove(false);
+      }
+    },
+    onUp() {
+      if (this.disabled) return;
+      if (this.open) {
+        this.doMove(true);
+      }
+    },
+    onEsc() {
+      if (this.disabled) return;
+      this.doOpen(false);
+      this.$el.focus();
+    },
+    onEnter() {
+      if (this.disabled) return;
+      this.doOpen(!this.open);
+      if (!this.open) {
+        this.onItemClick(this.highlighted);
+        this.$refs.input.focus();
+      }
+    },
+    onClick() {
+      if (this.disabled) return;
+      this.doOpen(!this.open);
+      if (this.open) {
+        this.$refs.input.focus();
+      } else {
+        this.$refs.button.focus();
+      }
+    },
+    clearValues() {
+      this.dataValue = "";
+      this.$refs.input.focus();
+      this.$emit("change", this.dataValue);
+    },
+    onFocusOut(ev) {
+      if (!this.$el.contains(ev.relatedTarget)) {
+        this.doOpen(false);
+      }
+    },
+    onMousemove(val) {
+      this.highlighted = val;
+    },
+    internalUpdateValue(val) {
+      this.dataValue = val;
+      const filterOption = this.internalResults.find(item => item.value === val);
+      if (filterOption) {
+        this.filter = filterOption.label;
+      }
+    },
+    onItemClick(val) {
+      if (!val) {
+        return;
+      }
+      if (this.disabled) return;
+      this.internalUpdateValue(val);
+      this.$refs.input.focus();
+      this.open = false; // close after user makes a selection
+      this.$emit("change", this.dataValue);
+    },
+    inputClick() {
+      if (this.disabled) return;
+      if (!this.open) {
+        this.doOpen(true);
+      }
+    },
+    inputFocus() {
+      if (this.disabled) return;
+      this.doOpen(true);
+    },
+    updateResults() {
+      this.internalResults = cloneDeep_1(this.results);
+      this.noResults = this.internalResults.length === 0;
+    },
+    performSearch(textQuery) {
+      textQuery = textQuery.trim();
+      if (textQuery === this.lastQuery) {
+        return;
+      }
+      this.lastQuery = textQuery;
+      if (!textQuery) {
+        this.internalResults = [];
+        return;
+      }
+      this.doOpen(true); // trigger search on parent component
+      this.$emit("search", textQuery);
+    }
+  }
+};
+/* script */
+const __vue_script__ = script;
+/* template */
+var __vue_render__$a = function () {
+  var _obj, _obj$1, _obj$2, _obj$3, _obj$4;
+  var _vm = this;
+  var _h = _vm.$createElement;
+  var _c = _vm._self._c || _h;
+  return _c('div', {
+    class: ['combo-search-box', 'cv-combo-box', _vm.carbonPrefix + "--list-box__wrapper", (_obj = {}, _obj[_vm.carbonPrefix + "--text-input__field-wrapper--warning"] = !_vm.isInvalid && _vm.isWarn, _obj)],
+    on: {
+      "focusout": _vm.onFocusOut
+    }
+  }, [_vm.title ? _c('label', {
+    class: [_vm.carbonPrefix + "--label", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--label--disabled"] = _vm.disabled, _obj$1)],
+    attrs: {
+      "for": _vm.uid
+    }
+  }, [_c('div', {
+    staticClass: "label-with-tooltip"
+  }, [_c('span', [_vm._v("\n        " + _vm._s(_vm.title) + "\n      ")]), _vm._v(" "), _vm.hasTooltipSlot ? _c('cv-interactive-tooltip', {
+    staticClass: "info",
+    attrs: {
+      "alignment": _vm.tooltipAlignment,
+      "direction": _vm.tooltipDirection
+    }
+  }, [_c('template', {
+    slot: "content"
+  }, [_vm._t("tooltip")], 2)], 2) : _vm._e()], 1)]) : _vm._e(), _vm._v(" "), _c('div', _vm._b({
+    class: [_vm.carbonPrefix + "--combo-box " + _vm.carbonPrefix + "--list-box", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--list-box--light"] = _vm.isLight, _obj$2[_vm.carbonPrefix + "--combo-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--list-box--expanded"] = _vm.open, _obj$2[_vm.carbonPrefix + "--combo-box--disabled " + _vm.carbonPrefix + "--list-box--disabled"] = _vm.disabled, _obj$2)],
+    attrs: {
+      "role": "listbox",
+      "tabindex": "-1",
+      "data-invalid": _vm.isInvalid
+    },
+    on: {
+      "keydown": [function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "down", 40, $event.key, ["Down", "ArrowDown"])) {
+          return null;
+        }
+        $event.preventDefault();
+        return _vm.onDown.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "up", 38, $event.key, ["Up", "ArrowUp"])) {
+          return null;
+        }
+        $event.preventDefault();
+        return _vm.onUp.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+          return null;
+        }
+        $event.preventDefault();
+        return _vm.onEnter.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
+          return null;
+        }
+        $event.preventDefault();
+        $event.stopPropagation();
+        return _vm.onEsc.apply(null, arguments);
+      }],
+      "click": _vm.onClick
+    }
+  }, 'div', _vm.$attrs, false), [_vm.isInvalid ? _c('WarningFilled16', {
+    class: [_vm.carbonPrefix + "--list-box__invalid-icon invalid-icon"]
+  }) : _vm._e(), _vm._v(" "), _vm.isWarn && !_vm.isInvalid ? _c('WarningAltFilled16', {
+    class: _vm.carbonPrefix + "--list-box__invalid-icon " + _vm.carbonPrefix + "--list-box__invalid-icon--warning warn-icon"
+  }) : _vm._e(), _vm._v(" "), _c('div', {
+    ref: "button",
+    class: [_vm.carbonPrefix + "--list-box__field"],
+    attrs: {
+      "role": "button",
+      "aria-haspopup": "true",
+      "aria-expanded": _vm.open ? 'true' : 'false',
+      "aria-owns": _vm.uid,
+      "aria-controls": _vm.uid,
+      "tabindex": "-1",
+      "type": "button",
+      "aria-label": _vm.open ? 'close menu' : 'open menu',
+      "data-toggle": "true"
+    }
+  }, [_c('div', {
+    class: _vm.carbonPrefix + "--search-magnifier"
+  }, [_c('Search20', {
+    class: _vm.carbonPrefix + "--search-magnifier-icon"
+  })], 1), _vm._v(" "), _c('input', {
+    directives: [{
+      name: "model",
+      rawName: "v-model.trim",
+      value: _vm.filter,
+      expression: "filter",
+      modifiers: {
+        "trim": true
+      }
+    }, {
+      name: "debounce",
+      rawName: "v-debounce:500ms",
+      value: _vm.performSearch,
+      expression: "performSearch",
+      arg: "500ms"
+    }],
+    ref: "input",
+    class: [_vm.carbonPrefix + "--text-input", _vm.carbonPrefix + "--search-input", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--text-input--empty"] = !_vm.filter || _vm.filter.length === 0, _obj$3)],
+    attrs: {
+      "aria-controls": _vm.uid,
+      "aria-autocomplete": "list",
+      "role": "combobox",
+      "aria-disabled": _vm.disabled,
+      "aria-expanded": _vm.open ? 'true' : 'false',
+      "autocomplete": "off",
+      "disabled": _vm.disabled,
+      "placeholder": _vm.placeholder
+    },
+    domProps: {
+      "value": _vm.filter
+    },
+    on: {
+      "input": [function ($event) {
+        if ($event.target.composing) {
+          return;
+        }
+        _vm.filter = $event.target.value.trim();
+      }, _vm.onInput],
+      "focus": _vm.inputFocus,
+      "click": function ($event) {
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.inputClick.apply(null, arguments);
+      },
+      "blur": function ($event) {
+        return _vm.$forceUpdate();
+      }
+    }
+  }), _vm._v(" "), _vm.filter ? _c('div', {
+    class: [_vm.carbonPrefix + "--list-box__selection"],
+    attrs: {
+      "role": "button",
+      "tabindex": "0",
+      "title": _vm.clearFilterLabel
+    },
+    on: {
+      "click": function ($event) {
+        $event.stopPropagation();
+        return _vm.clearFilter.apply(null, arguments);
+      },
+      "keydown": [function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
+          return null;
+        }
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.clearFilter.apply(null, arguments);
+      }, function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
+          return null;
+        }
+        $event.stopPropagation();
+        $event.preventDefault();
+      }],
+      "keyup": function ($event) {
+        if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
+          return null;
+        }
+        $event.stopPropagation();
+        $event.preventDefault();
+        return _vm.clearFilter.apply(null, arguments);
+      }
+    }
+  }, [_c('Close16')], 1) : _vm._e(), _vm._v(" "), _c('div', {
+    class: [_vm.carbonPrefix + "--list-box__menu-icon"],
+    attrs: {
+      "role": "button"
+    }
+  }, [_c('chevron-down-16', {
+    attrs: {
+      "aria-label": _vm.open ? 'Close menu' : 'Open menu'
+    }
+  })], 1)]), _vm._v(" "), _c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.open,
+      expression: "open"
+    }],
+    ref: "list",
+    class: [_vm.carbonPrefix + "--list-box__menu"],
+    attrs: {
+      "id": _vm.uid,
+      "role": "listbox"
+    }
+  }, [_c('div', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.loadingResults,
+      expression: "loadingResults"
+    }]
+  }, [_c('cv-skeleton-text', {
+    staticClass: "loading-results",
+    attrs: {
+      "paragraph": true,
+      "line-count": 4
+    }
+  })], 1), _vm._v(" "), !_vm.loadingResults && !_vm.internalResults.length && _vm.noResults && _vm.filter ? _c('div', [_c('div', {
+    class: [_vm.carbonPrefix + "--list-box__menu-item"]
+  }, [_c('div', {
+    class: [_vm.carbonPrefix + "--list-box__menu-item__option", 'item-disabled']
+  }, [_vm._v("\n            " + _vm._s(_vm.noResultsLabel) + "\n          ")])])]) : _vm._e(), _vm._v(" "), _c('div', {
+    staticClass: "search-results"
+  }, _vm._l(_vm.limitedDataOptions, function (item, index) {
+    var _obj;
+    return _c('div', {
+      directives: [{
+        name: "show",
+        rawName: "v-show",
+        value: !_vm.loadingResults,
+        expression: "!loadingResults"
+      }],
+      key: "combo-box-" + index + "-" + item.value,
+      ref: "option",
+      refInFor: true,
+      class: [_vm.carbonPrefix + "--list-box__menu-item", (_obj = {}, _obj[_vm.carbonPrefix + "--list-box__menu-item--highlighted"] = _vm.highlighted === item.value, _obj)],
+      on: {
+        "click": function ($event) {
+          $event.stopPropagation();
+          $event.preventDefault();
+          return _vm.onItemClick(item.value);
+        },
+        "mousemove": function ($event) {
+          return _vm.onMousemove(item.value);
+        },
+        "mousedown": function ($event) {
+          $event.preventDefault();
+        }
+      }
+    }, [_c('div', {
+      class: ['search-result', _vm.carbonPrefix + "--list-box__menu-item__option"]
+    }, [_vm._v("\n            " + _vm._s(item.label) + "\n          ")])]);
+  }), 0), _vm._v(" "), !_vm.loadingResults && _vm.internalResults.length && (_vm.resultsLimitReached || _vm.internalResults.length > _vm.maxDisplayOptions) ? _c('div', {
+    class: _vm.carbonPrefix + "--list-box__menu-item"
+  }, [_c('div', {
+    class: [_vm.carbonPrefix + "--list-box__menu-item__option", 'item-disabled']
+  }, [_vm._v("\n          " + _vm._s(_vm.resultsLimitReachedLabel) + "\n        ")])]) : _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 && !_vm.isInvalid ? _c('div', {
+    class: _vm.carbonPrefix + "--form__requirement warn-text"
+  }, [_vm._t("warn-text", function () {
+    return [_vm._v(_vm._s(_vm.warnText))];
+  })], 2) : _vm._e(), _vm._v(" "), _vm.isHelper && !_vm.isInvalid && !_vm.isWarn ? _c('div', {
+    class: [_vm.carbonPrefix + "--form__helper-text", (_obj$4 = {}, _obj$4[_vm.carbonPrefix + "--form__helper-text--disabled"] = _vm.disabled, _obj$4)]
+  }, [_vm._t("helper-text", function () {
+    return [_vm._v(_vm._s(_vm.helperText))];
+  })], 2) : _vm._e()]);
+};
+var __vue_staticRenderFns__$a = [];
+/* style */
+const __vue_inject_styles__$a = function (inject) {
+  if (!inject) return;
+  inject("data-v-78faa00e_0", {
+    source: ".combo-search-box[data-v-78faa00e]{max-width:none;position:relative}.label-with-tooltip[data-v-78faa00e]{display:flex;align-items:baseline}.combo-search-box .warn-text[data-v-78faa00e]{margin-top:.25rem}.invalid-icon[data-v-78faa00e],.warn-icon[data-v-78faa00e]{right:3rem}.loading-results[data-v-78faa00e]{padding:2rem}",
+    map: undefined,
+    media: undefined
+  }), inject("data-v-78faa00e_1", {
+    source: ".combo-search-box .bx--text-input{max-width:none}.combo-search-box .bx--list-box__menu-item{height:auto}.combo-search-box .bx--list-box__menu-item__option{height:auto;text-overflow:clip;word-wrap:break-word;white-space:normal}.combo-search-box .bx--list-box__menu-item__option.item-disabled{color:#a8a8a8;cursor:not-allowed}.combo-search-box .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}.combo-search-box .bx--list-box__invalid-icon--warning{position:absolute;top:50%;right:3rem;fill:#f1c21b;transform:translateY(-50%)}.combo-search-box .bx--list-box__invalid-icon--warning+.bx--list-box__field .bx--list-box__selection{right:4rem!important}.marked-bold{font-weight:700;background-color:transparent}",
+    map: undefined,
+    media: undefined
+  });
+};
+/* scoped */
+const __vue_scope_id__$a = "data-v-78faa00e";
 /* module identifier */
 const __vue_module_identifier__$a = undefined;
@@ -24598,42 +25300,43 @@ var filters = {
 var components = /*#__PURE__*/Object.freeze({
   __proto__: null,
   NsButton: NsButton,
-  NsEmptyState: __vue_component__$1g,
+  NsEmptyState: __vue_component__$1i,
   NsPictogram: NsPictogram,
-  NsCodeSnippet: __vue_component__$1e,
+  NsCodeSnippet: __vue_component__$1g,
   NsInlineNotification: NsInlineNotification,
   NsProgressBar: NsProgressBar,
   NsSvg: NsSvg,
-  NsTile: __vue_component__$18,
-  NsToastNotification: __vue_component__$16,
-  NsInfoCard: __vue_component__$14,
-  NsStatusCard: __vue_component__$12,
-  NsSystemdServiceCard: __vue_component__$10,
-  NsPasswordInput: __vue_component__$Z,
-  NsIconMenu: __vue_component__$X,
-  NsMeterChart: __vue_component__$V,
+  NsTile: __vue_component__$1a,
+  NsToastNotification: __vue_component__$18,
+  NsInfoCard: __vue_component__$16,
+  NsStatusCard: __vue_component__$14,
+  NsSystemdServiceCard: __vue_component__$12,
+  NsPasswordInput: __vue_component__$$,
+  NsIconMenu: __vue_component__$Z,
+  NsMeterChart: __vue_component__$X,
   NsLottieAnimation: NsLottieAnimation,
-  NsDangerDeleteModal: __vue_component__$S,
+  NsDangerDeleteModal: __vue_component__$U,
   NsCircleTimer: NsCircleTimer,
-  NsDropdownAction: __vue_component__$Q,
+  NsDropdownAction: __vue_component__$S,
   NsTextInput: NsTextInput,
-  NsBackupCard: __vue_component__$N,
-  NsWizard: __vue_component__$L,
-  NsMenuItem: __vue_component__$J,
-  NsMenuDivider: __vue_component__$H,
-  NsSystemLogsCard: __vue_component__$F,
+  NsBackupCard: __vue_component__$P,
+  NsWizard: __vue_component__$N,
+  NsMenuItem: __vue_component__$L,
+  NsMenuDivider: __vue_component__$J,
+  NsSystemLogsCard: __vue_component__$H,
   NsModal: NsModal,
-  NsTimePicker: __vue_component__$D,
-  NsDataTable: __vue_component__$A,
+  NsTimePicker: __vue_component__$F,
+  NsDataTable: __vue_component__$C,
   NsPagination: NsPagination,
-  NsToggle: __vue_component__$y,
+  NsToggle: __vue_component__$A,
   NsTag: NsTag,
-  NsMultiSelect: __vue_component__$v,
-  NsComboBox: __vue_component__$t,
-  NsCheckbox: __vue_component__$r,
-  NsByteSlider: __vue_component__$p,
-  NsTabs: __vue_component__$n,
-  NsSlider: __vue_component__$l,
+  NsMultiSelect: __vue_component__$x,
+  NsComboBox: __vue_component__$v,
+  NsCheckbox: __vue_component__$t,
+  NsByteSlider: __vue_component__$r,
+  NsTabs: __vue_component__$p,
+  NsSlider: __vue_component__$n,
+  NsComboSearchBox: __vue_component__$l,
   ExclamationMarkPictogram: ExclamationMarkPictogram,
   GearPictogram: __vue_component__$j,
   LovePictogram: __vue_component__$h,
@@ -24664,4 +25367,4 @@ const install = function installNs8UiLib(Vue) {
   });
 }; // Create module definition for Vue.use()
-export { __vue_component__$d as BulldozerPictogram, DateTimeService, ExclamationMarkPictogram, __vue_component__$1 as FaceSatisfiedPictogram, filters as Filters, __vue_component__$3 as FolderPictogram, __vue_component__$j as GearPictogram, __vue_component__$b as GroupPictogram, __vue_component__$9 as HardDrivePictogram, IconService, LottieService, __vue_component__$h as LovePictogram, __vue_component__$N as NsBackupCard, NsButton, __vue_component__$p as NsByteSlider, __vue_component__$r as NsCheckbox, NsCircleTimer, __vue_component__$1e as NsCodeSnippet, __vue_component__$t as NsComboBox, __vue_component__$S as NsDangerDeleteModal, __vue_component__$A as NsDataTable, __vue_component__$Q as NsDropdownAction, __vue_component__$1g as NsEmptyState, __vue_component__$X as NsIconMenu, __vue_component__$14 as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$H as NsMenuDivider, __vue_component__$J as NsMenuItem, __vue_component__$V as NsMeterChart, NsModal, __vue_component__$v as NsMultiSelect, NsPagination, __vue_component__$Z as NsPasswordInput, NsPictogram, NsProgressBar, __vue_component__$l as NsSlider, __vue_component__$12 as NsStatusCard, NsSvg, __vue_component__$F as NsSystemLogsCard, __vue_component__$10 as NsSystemdServiceCard, __vue_component__$n as NsTabs, NsTag, NsTextInput, __vue_component__$18 as NsTile, __vue_component__$D as NsTimePicker, __vue_component__$16 as NsToastNotification, __vue_component__$y as NsToggle, __vue_component__$L as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$7 as UserPictogram, __vue_component__$5 as UserProfilePictogram, UtilService, __vue_component__$f as WarningPictogram, install as default };
+export { __vue_component__$d as BulldozerPictogram, DateTimeService, ExclamationMarkPictogram, __vue_component__$1 as FaceSatisfiedPictogram, filters as Filters, __vue_component__$3 as FolderPictogram, __vue_component__$j as GearPictogram, __vue_component__$b as GroupPictogram, __vue_component__$9 as HardDrivePictogram, IconService, LottieService, __vue_component__$h as LovePictogram, __vue_component__$P as NsBackupCard, NsButton, __vue_component__$r as NsByteSlider, __vue_component__$t as NsCheckbox, NsCircleTimer, __vue_component__$1g as NsCodeSnippet, __vue_component__$v as NsComboBox, __vue_component__$l as NsComboSearchBox, __vue_component__$U as NsDangerDeleteModal, __vue_component__$C as NsDataTable, __vue_component__$S as NsDropdownAction, __vue_component__$1i as NsEmptyState, __vue_component__$Z as NsIconMenu, __vue_component__$16 as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$J as NsMenuDivider, __vue_component__$L as NsMenuItem, __vue_component__$X as NsMeterChart, NsModal, __vue_component__$x as NsMultiSelect, NsPagination, __vue_component__$$ as NsPasswordInput, NsPictogram, NsProgressBar, __vue_component__$n as NsSlider, __vue_component__$14 as NsStatusCard, NsSvg, __vue_component__$H as NsSystemLogsCard, __vue_component__$12 as NsSystemdServiceCard, __vue_component__$p as NsTabs, NsTag, NsTextInput, __vue_component__$1a as NsTile, __vue_component__$F as NsTimePicker, __vue_component__$18 as NsToastNotification, __vue_component__$A as NsToggle, __vue_component__$N as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$7 as UserPictogram, __vue_component__$5 as UserProfilePictogram, UtilService, __vue_component__$f as WarningPictogram, install as default };