@nethserver/ns8-ui-lib 0.0.37 → 0.0.41

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.
@@ -9,12 +9,9 @@ import Warning20 from '@carbon/icons-vue/es/warning--filled/20';
9
9
  import Vue from 'vue';
10
10
  import '@carbon/charts/styles.css';
11
11
  import chartsVue, { CcvMeterChart } from '@carbon/charts-vue';
12
- import ErrorFilled16 from '@carbon/icons-vue/es/error--filled/16';
13
- import CheckmarkFilled16 from '@carbon/icons-vue/es/checkmark--filled/16';
14
- import WarningFilled16 from '@carbon/icons-vue/es/warning--filled/16';
15
- import InformationFilled16 from '@carbon/icons-vue/es/information--filled/16';
16
12
  import Close20 from '@carbon/icons-vue/es/close/20';
17
13
  import ArrowRight20 from '@carbon/icons-vue/es/arrow--right/20';
14
+ import ArrowRight32 from '@carbon/icons-vue/es/arrow--right/32';
18
15
  import Notification20 from '@carbon/icons-vue/es/notification/20';
19
16
  import UserAvatar20 from '@carbon/icons-vue/es/user--avatar/20';
20
17
  import AppSwitcher20 from '@carbon/icons-vue/es/app-switcher/20';
@@ -66,9 +63,20 @@ import DataBackup20 from '@carbon/icons-vue/es/data-backup/20';
66
63
  import DataBackup32 from '@carbon/icons-vue/es/data-backup/32';
67
64
  import ArrowDown20 from '@carbon/icons-vue/es/arrow--down/20';
68
65
  import ArrowDown32 from '@carbon/icons-vue/es/arrow--down/32';
66
+ import Time20 from '@carbon/icons-vue/es/time/20';
67
+ import Time32 from '@carbon/icons-vue/es/time/32';
68
+ import Hourglass20 from '@carbon/icons-vue/es/hourglass/20';
69
+ import Hourglass32 from '@carbon/icons-vue/es/hourglass/32';
70
+ import CheckmarkFilled16 from '@carbon/icons-vue/es/checkmark--filled/16';
71
+ import CheckmarkFilled32 from '@carbon/icons-vue/es/checkmark--filled/32';
72
+ import ErrorFilled16 from '@carbon/icons-vue/es/error--filled/16';
73
+ import ErrorFilled32 from '@carbon/icons-vue/es/error--filled/32';
74
+ import Warning16 from '@carbon/icons-vue/es/warning--filled/16';
75
+ import Warning32 from '@carbon/icons-vue/es/warning--filled/32';
76
+ import InformationFilled16 from '@carbon/icons-vue/es/information--filled/16';
69
77
 
70
78
  //
71
- var script$i = {
79
+ var script$j = {
72
80
  name: "NsButton",
73
81
  extends: CvButton,
74
82
  props: {
@@ -231,10 +239,10 @@ function addStyle(id, css) {
231
239
  }
232
240
 
233
241
  /* script */
234
- const __vue_script__$i = script$i;
242
+ const __vue_script__$j = script$j;
235
243
  /* template */
236
244
 
237
- var __vue_render__$o = function () {
245
+ var __vue_render__$p = function () {
238
246
  var _vm = this;
239
247
 
240
248
  var _h = _vm.$createElement;
@@ -257,10 +265,10 @@ var __vue_render__$o = function () {
257
265
  }) : _vm._e()], 2);
258
266
  };
259
267
 
260
- var __vue_staticRenderFns__$o = [];
268
+ var __vue_staticRenderFns__$p = [];
261
269
  /* style */
262
270
 
263
- const __vue_inject_styles__$p = function (inject) {
271
+ const __vue_inject_styles__$q = function (inject) {
264
272
  if (!inject) return;
265
273
  inject("data-v-025b0f12_0", {
266
274
  source: ".bx--btn .bx--btn__icon[data-v-025b0f12]{width:1.25rem;height:1.25rem}.bx--btn.bx--btn--sm .bx--btn__icon[data-v-025b0f12]{width:1rem;height:1rem}.loader[data-v-025b0f12]{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-025b0f12 .5s linear infinite}.bx--btn--ghost .bx--btn__icon.loading[data-v-025b0f12]{position:static;margin-left:.5rem}.bx--btn--danger--ghost .bx--btn__icon.loading[data-v-025b0f12],.bx--btn--danger-ghost .bx--btn__icon.loading[data-v-025b0f12]{position:static;margin-left:.5rem}@keyframes spin-data-v-025b0f12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}",
@@ -271,23 +279,23 @@ const __vue_inject_styles__$p = function (inject) {
271
279
  /* scoped */
272
280
 
273
281
 
274
- const __vue_scope_id__$p = "data-v-025b0f12";
282
+ const __vue_scope_id__$q = "data-v-025b0f12";
275
283
  /* module identifier */
276
284
 
277
- const __vue_module_identifier__$p = undefined;
285
+ const __vue_module_identifier__$q = undefined;
278
286
  /* functional template */
279
287
 
280
- const __vue_is_functional_template__$p = false;
288
+ const __vue_is_functional_template__$q = false;
281
289
  /* style inject SSR */
282
290
 
283
291
  /* style inject shadow dom */
284
292
 
285
- const __vue_component__$H = /*#__PURE__*/normalizeComponent({
286
- render: __vue_render__$o,
287
- staticRenderFns: __vue_staticRenderFns__$o
288
- }, __vue_inject_styles__$p, __vue_script__$i, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, createInjector, undefined, undefined);
293
+ const __vue_component__$J = /*#__PURE__*/normalizeComponent({
294
+ render: __vue_render__$p,
295
+ staticRenderFns: __vue_staticRenderFns__$p
296
+ }, __vue_inject_styles__$q, __vue_script__$j, __vue_scope_id__$q, __vue_is_functional_template__$q, __vue_module_identifier__$q, false, createInjector, undefined, undefined);
289
297
 
290
- var __vue_component__$I = __vue_component__$H;
298
+ var __vue_component__$K = __vue_component__$J;
291
299
 
292
300
  //
293
301
  //
@@ -305,7 +313,7 @@ var __vue_component__$I = __vue_component__$H;
305
313
  //
306
314
  //
307
315
  //
308
- var script$h = {
316
+ var script$i = {
309
317
  name: "NsPictogram",
310
318
  props: {
311
319
  title: {
@@ -328,10 +336,10 @@ var script$h = {
328
336
  };
329
337
 
330
338
  /* script */
331
- const __vue_script__$h = script$h;
339
+ const __vue_script__$i = script$i;
332
340
  /* template */
333
341
 
334
- var __vue_render__$n = function () {
342
+ var __vue_render__$o = function () {
335
343
  var _vm = this;
336
344
 
337
345
  var _h = _vm.$createElement;
@@ -359,34 +367,34 @@ var __vue_render__$n = function () {
359
367
  }, [_vm._t("default")], 2)]);
360
368
  };
361
369
 
362
- var __vue_staticRenderFns__$n = [];
370
+ var __vue_staticRenderFns__$o = [];
363
371
  /* style */
364
372
 
365
- const __vue_inject_styles__$o = undefined;
373
+ const __vue_inject_styles__$p = undefined;
366
374
  /* scoped */
367
375
 
368
- const __vue_scope_id__$o = undefined;
376
+ const __vue_scope_id__$p = undefined;
369
377
  /* module identifier */
370
378
 
371
- const __vue_module_identifier__$o = undefined;
379
+ const __vue_module_identifier__$p = undefined;
372
380
  /* functional template */
373
381
 
374
- const __vue_is_functional_template__$o = false;
382
+ const __vue_is_functional_template__$p = false;
375
383
  /* style inject */
376
384
 
377
385
  /* style inject SSR */
378
386
 
379
387
  /* style inject shadow dom */
380
388
 
381
- const __vue_component__$G = /*#__PURE__*/normalizeComponent({
382
- render: __vue_render__$n,
383
- staticRenderFns: __vue_staticRenderFns__$n
384
- }, __vue_inject_styles__$o, __vue_script__$h, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
389
+ const __vue_component__$I = /*#__PURE__*/normalizeComponent({
390
+ render: __vue_render__$o,
391
+ staticRenderFns: __vue_staticRenderFns__$o
392
+ }, __vue_inject_styles__$p, __vue_script__$i, __vue_scope_id__$p, __vue_is_functional_template__$p, __vue_module_identifier__$p, false, undefined, undefined, undefined);
385
393
 
386
- var NsPictogram = __vue_component__$G;
394
+ var NsPictogram = __vue_component__$I;
387
395
 
388
396
  //
389
- var script$g = {
397
+ var script$h = {
390
398
  name: "NsLottieAnimation",
391
399
  components: {
392
400
  LottieAnimation
@@ -442,10 +450,10 @@ var script$g = {
442
450
  };
443
451
 
444
452
  /* script */
445
- const __vue_script__$g = script$g;
453
+ const __vue_script__$h = script$h;
446
454
  /* template */
447
455
 
448
- var __vue_render__$m = function () {
456
+ var __vue_render__$n = function () {
449
457
  var _vm = this;
450
458
 
451
459
  var _h = _vm.$createElement;
@@ -472,36 +480,36 @@ var __vue_render__$m = function () {
472
480
  })], 1);
473
481
  };
474
482
 
475
- var __vue_staticRenderFns__$m = [];
483
+ var __vue_staticRenderFns__$n = [];
476
484
  /* style */
477
485
 
478
- const __vue_inject_styles__$n = undefined;
486
+ const __vue_inject_styles__$o = undefined;
479
487
  /* scoped */
480
488
 
481
- const __vue_scope_id__$n = "data-v-14e97a70";
489
+ const __vue_scope_id__$o = "data-v-14e97a70";
482
490
  /* module identifier */
483
491
 
484
- const __vue_module_identifier__$n = undefined;
492
+ const __vue_module_identifier__$o = undefined;
485
493
  /* functional template */
486
494
 
487
- const __vue_is_functional_template__$n = false;
495
+ const __vue_is_functional_template__$o = false;
488
496
  /* style inject */
489
497
 
490
498
  /* style inject SSR */
491
499
 
492
500
  /* style inject shadow dom */
493
501
 
494
- const __vue_component__$F = /*#__PURE__*/normalizeComponent({
495
- render: __vue_render__$m,
496
- staticRenderFns: __vue_staticRenderFns__$m
497
- }, __vue_inject_styles__$n, __vue_script__$g, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
502
+ const __vue_component__$H = /*#__PURE__*/normalizeComponent({
503
+ render: __vue_render__$n,
504
+ staticRenderFns: __vue_staticRenderFns__$n
505
+ }, __vue_inject_styles__$o, __vue_script__$h, __vue_scope_id__$o, __vue_is_functional_template__$o, __vue_module_identifier__$o, false, undefined, undefined, undefined);
498
506
 
499
- var NsLottieAnimation = __vue_component__$F;
507
+ var NsLottieAnimation = __vue_component__$H;
500
508
 
501
509
  /* script */
502
510
 
503
511
  /* template */
504
- var __vue_render__$l = function () {
512
+ var __vue_render__$m = function () {
505
513
  var _vm = this;
506
514
 
507
515
  var _h = _vm.$createElement;
@@ -516,34 +524,34 @@ var __vue_render__$l = function () {
516
524
  });
517
525
  };
518
526
 
519
- var __vue_staticRenderFns__$l = [];
527
+ var __vue_staticRenderFns__$m = [];
520
528
  /* style */
521
529
 
522
- const __vue_inject_styles__$m = undefined;
530
+ const __vue_inject_styles__$n = undefined;
523
531
  /* scoped */
524
532
 
525
- const __vue_scope_id__$m = undefined;
533
+ const __vue_scope_id__$n = undefined;
526
534
  /* module identifier */
527
535
 
528
- const __vue_module_identifier__$m = undefined;
536
+ const __vue_module_identifier__$n = undefined;
529
537
  /* functional template */
530
538
 
531
- const __vue_is_functional_template__$m = false;
539
+ const __vue_is_functional_template__$n = false;
532
540
  /* style inject */
533
541
 
534
542
  /* style inject SSR */
535
543
 
536
544
  /* style inject shadow dom */
537
545
 
538
- const __vue_component__$E = /*#__PURE__*/normalizeComponent({
539
- render: __vue_render__$l,
540
- staticRenderFns: __vue_staticRenderFns__$l
541
- }, __vue_inject_styles__$m, {}, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, undefined, undefined, undefined);
546
+ const __vue_component__$G = /*#__PURE__*/normalizeComponent({
547
+ render: __vue_render__$m,
548
+ staticRenderFns: __vue_staticRenderFns__$m
549
+ }, __vue_inject_styles__$n, {}, __vue_scope_id__$n, __vue_is_functional_template__$n, __vue_module_identifier__$n, false, undefined, undefined, undefined);
542
550
 
543
- var ExclamationMark = __vue_component__$E;
551
+ var ExclamationMark = __vue_component__$G;
544
552
 
545
553
  //
546
- var script$f = {
554
+ var script$g = {
547
555
  name: "NsEmptyState",
548
556
  components: {
549
557
  NsPictogram,
@@ -575,10 +583,10 @@ var script$f = {
575
583
  };
576
584
 
577
585
  /* script */
578
- const __vue_script__$f = script$f;
586
+ const __vue_script__$g = script$g;
579
587
  /* template */
580
588
 
581
- var __vue_render__$k = function () {
589
+ var __vue_render__$l = function () {
582
590
  var _vm = this;
583
591
 
584
592
  var _h = _vm.$createElement;
@@ -608,10 +616,10 @@ var __vue_render__$k = function () {
608
616
  }, [_vm._t("description")], 2)] : _vm._e()], 2);
609
617
  };
610
618
 
611
- var __vue_staticRenderFns__$k = [];
619
+ var __vue_staticRenderFns__$l = [];
612
620
  /* style */
613
621
 
614
- const __vue_inject_styles__$l = function (inject) {
622
+ const __vue_inject_styles__$m = function (inject) {
615
623
  if (!inject) return;
616
624
  inject("data-v-d5a46c1c_0", {
617
625
  source: ".empty-state[data-v-d5a46c1c]{text-align:center;padding:2rem}.empty-state .image[data-v-d5a46c1c]{margin-bottom:1rem}.empty-state .description[data-v-d5a46c1c]{margin-top:1rem}.animation[data-v-d5a46c1c]{display:inline-block;width:64px;height:64px}",
@@ -622,26 +630,26 @@ const __vue_inject_styles__$l = function (inject) {
622
630
  /* scoped */
623
631
 
624
632
 
625
- const __vue_scope_id__$l = "data-v-d5a46c1c";
633
+ const __vue_scope_id__$m = "data-v-d5a46c1c";
626
634
  /* module identifier */
627
635
 
628
- const __vue_module_identifier__$l = undefined;
636
+ const __vue_module_identifier__$m = undefined;
629
637
  /* functional template */
630
638
 
631
- const __vue_is_functional_template__$l = false;
639
+ const __vue_is_functional_template__$m = false;
632
640
  /* style inject SSR */
633
641
 
634
642
  /* style inject shadow dom */
635
643
 
636
- const __vue_component__$C = /*#__PURE__*/normalizeComponent({
637
- render: __vue_render__$k,
638
- staticRenderFns: __vue_staticRenderFns__$k
639
- }, __vue_inject_styles__$l, __vue_script__$f, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
644
+ const __vue_component__$E = /*#__PURE__*/normalizeComponent({
645
+ render: __vue_render__$l,
646
+ staticRenderFns: __vue_staticRenderFns__$l
647
+ }, __vue_inject_styles__$m, __vue_script__$g, __vue_scope_id__$m, __vue_is_functional_template__$m, __vue_module_identifier__$m, false, createInjector, undefined, undefined);
640
648
 
641
- var __vue_component__$D = __vue_component__$C;
649
+ var __vue_component__$F = __vue_component__$E;
642
650
 
643
651
  //
644
- var script$e = {
652
+ var script$f = {
645
653
  name: "NsCodeSnippet",
646
654
  components: {
647
655
  CvButton,
@@ -753,10 +761,10 @@ var script$e = {
753
761
  };
754
762
 
755
763
  /* script */
756
- const __vue_script__$e = script$e;
764
+ const __vue_script__$f = script$f;
757
765
  /* template */
758
766
 
759
- var __vue_render__$j = function () {
767
+ var __vue_render__$k = function () {
760
768
  var _vm = this;
761
769
 
762
770
  var _h = _vm.$createElement;
@@ -818,10 +826,10 @@ var __vue_render__$j = function () {
818
826
  })], 1) : _vm._e()], 1);
819
827
  };
820
828
 
821
- var __vue_staticRenderFns__$j = [];
829
+ var __vue_staticRenderFns__$k = [];
822
830
  /* style */
823
831
 
824
- const __vue_inject_styles__$k = function (inject) {
832
+ const __vue_inject_styles__$l = function (inject) {
825
833
  if (!inject) return;
826
834
  inject("data-v-59cb538c_0", {
827
835
  source: ".bx--snippet--multi .bx--snippet-container[data-v-59cb538c]{min-height:4.5rem;max-height:9.6rem;overflow-y:hidden}.bx--snippet--multi .bx--snippet-container.no-expand[data-v-59cb538c]{min-height:2.5rem}.bx--snippet--multi.bx--snippet--expand .bx--snippet-container[data-v-59cb538c]{max-height:100%}.bx--snippet--multi .bx--copy-btn[data-v-59cb538c]{position:absolute!important;top:.5rem;right:.5rem;z-index:11;width:3rem;height:2rem}.bx--snippet-btn--expand[data-v-59cb538c]{right:.5rem;bottom:.5rem}",
@@ -832,23 +840,23 @@ const __vue_inject_styles__$k = function (inject) {
832
840
  /* scoped */
833
841
 
834
842
 
835
- const __vue_scope_id__$k = "data-v-59cb538c";
843
+ const __vue_scope_id__$l = "data-v-59cb538c";
836
844
  /* module identifier */
837
845
 
838
- const __vue_module_identifier__$k = undefined;
846
+ const __vue_module_identifier__$l = undefined;
839
847
  /* functional template */
840
848
 
841
- const __vue_is_functional_template__$k = false;
849
+ const __vue_is_functional_template__$l = false;
842
850
  /* style inject SSR */
843
851
 
844
852
  /* style inject shadow dom */
845
853
 
846
- const __vue_component__$A = /*#__PURE__*/normalizeComponent({
847
- render: __vue_render__$j,
848
- staticRenderFns: __vue_staticRenderFns__$j
849
- }, __vue_inject_styles__$k, __vue_script__$e, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
854
+ const __vue_component__$C = /*#__PURE__*/normalizeComponent({
855
+ render: __vue_render__$k,
856
+ staticRenderFns: __vue_staticRenderFns__$k
857
+ }, __vue_inject_styles__$l, __vue_script__$f, __vue_scope_id__$l, __vue_is_functional_template__$l, __vue_module_identifier__$l, false, createInjector, undefined, undefined);
850
858
 
851
- var __vue_component__$B = __vue_component__$A;
859
+ var __vue_component__$D = __vue_component__$C;
852
860
 
853
861
  //
854
862
  //
@@ -879,7 +887,7 @@ var __vue_component__$B = __vue_component__$A;
879
887
  //
880
888
  //
881
889
  //
882
- var script$d = {
890
+ var script$e = {
883
891
  name: "NsCircleTimer",
884
892
  props: {
885
893
  timeLimit: {
@@ -939,10 +947,10 @@ var script$d = {
939
947
  };
940
948
 
941
949
  /* script */
942
- const __vue_script__$d = script$d;
950
+ const __vue_script__$e = script$e;
943
951
  /* template */
944
952
 
945
- var __vue_render__$i = function () {
953
+ var __vue_render__$j = function () {
946
954
  var _vm = this;
947
955
 
948
956
  var _h = _vm.$createElement;
@@ -978,10 +986,10 @@ var __vue_render__$i = function () {
978
986
  })])])]);
979
987
  };
980
988
 
981
- var __vue_staticRenderFns__$i = [];
989
+ var __vue_staticRenderFns__$j = [];
982
990
  /* style */
983
991
 
984
- const __vue_inject_styles__$j = function (inject) {
992
+ const __vue_inject_styles__$k = function (inject) {
985
993
  if (!inject) return;
986
994
  inject("data-v-45b59790_0", {
987
995
  source: ".base-timer[data-v-45b59790]{position:relative}.base-timer__circle[data-v-45b59790]{fill:none;stroke:none}.base-timer__path-remaining[data-v-45b59790]{stroke:currentColor;transform:rotate(90deg);transform-origin:center;transition:1s linear all}.base-timer__svg[data-v-45b59790]{transform:scaleX(-1)}",
@@ -992,26 +1000,26 @@ const __vue_inject_styles__$j = function (inject) {
992
1000
  /* scoped */
993
1001
 
994
1002
 
995
- const __vue_scope_id__$j = "data-v-45b59790";
1003
+ const __vue_scope_id__$k = "data-v-45b59790";
996
1004
  /* module identifier */
997
1005
 
998
- const __vue_module_identifier__$j = undefined;
1006
+ const __vue_module_identifier__$k = undefined;
999
1007
  /* functional template */
1000
1008
 
1001
- const __vue_is_functional_template__$j = false;
1009
+ const __vue_is_functional_template__$k = false;
1002
1010
  /* style inject SSR */
1003
1011
 
1004
1012
  /* style inject shadow dom */
1005
1013
 
1006
- const __vue_component__$z = /*#__PURE__*/normalizeComponent({
1007
- render: __vue_render__$i,
1008
- staticRenderFns: __vue_staticRenderFns__$i
1009
- }, __vue_inject_styles__$j, __vue_script__$d, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
1014
+ const __vue_component__$B = /*#__PURE__*/normalizeComponent({
1015
+ render: __vue_render__$j,
1016
+ staticRenderFns: __vue_staticRenderFns__$j
1017
+ }, __vue_inject_styles__$k, __vue_script__$e, __vue_scope_id__$k, __vue_is_functional_template__$k, __vue_module_identifier__$k, false, createInjector, undefined, undefined);
1010
1018
 
1011
- var NsCircleTimer = __vue_component__$z;
1019
+ var NsCircleTimer = __vue_component__$B;
1012
1020
 
1013
1021
  //
1014
- var script$c = {
1022
+ var script$d = {
1015
1023
  name: "NsInlineNotification",
1016
1024
  extends: CvInlineNotification,
1017
1025
  components: {
@@ -1048,10 +1056,10 @@ var script$c = {
1048
1056
  };
1049
1057
 
1050
1058
  /* script */
1051
- const __vue_script__$c = script$c;
1059
+ const __vue_script__$d = script$d;
1052
1060
  /* template */
1053
1061
 
1054
- var __vue_render__$h = function () {
1062
+ var __vue_render__$i = function () {
1055
1063
  var _obj;
1056
1064
 
1057
1065
  var _vm = this;
@@ -1122,10 +1130,10 @@ var __vue_render__$h = function () {
1122
1130
  })], 1) : _vm._e()]);
1123
1131
  };
1124
1132
 
1125
- var __vue_staticRenderFns__$h = [];
1133
+ var __vue_staticRenderFns__$i = [];
1126
1134
  /* style */
1127
1135
 
1128
- const __vue_inject_styles__$i = function (inject) {
1136
+ const __vue_inject_styles__$j = function (inject) {
1129
1137
  if (!inject) return;
1130
1138
  inject("data-v-1e5d2ff7_0", {
1131
1139
  source: ".title[data-v-1e5d2ff7]{margin-right:.75rem;margin-bottom:.2rem;font-size:.875rem!important;font-weight:600!important}.mg-right[data-v-1e5d2ff7]{margin-right:.75rem}.details[data-v-1e5d2ff7]{flex-grow:0}.bx--inline-notification__close-button[data-v-1e5d2ff7]{position:absolute!important}.bx--inline-notification__text-wrapper p[data-v-1e5d2ff7]{padding-right:0!important}",
@@ -1136,23 +1144,23 @@ const __vue_inject_styles__$i = function (inject) {
1136
1144
  /* scoped */
1137
1145
 
1138
1146
 
1139
- const __vue_scope_id__$i = "data-v-1e5d2ff7";
1147
+ const __vue_scope_id__$j = "data-v-1e5d2ff7";
1140
1148
  /* module identifier */
1141
1149
 
1142
- const __vue_module_identifier__$i = undefined;
1150
+ const __vue_module_identifier__$j = undefined;
1143
1151
  /* functional template */
1144
1152
 
1145
- const __vue_is_functional_template__$i = false;
1153
+ const __vue_is_functional_template__$j = false;
1146
1154
  /* style inject SSR */
1147
1155
 
1148
1156
  /* style inject shadow dom */
1149
1157
 
1150
- const __vue_component__$y = /*#__PURE__*/normalizeComponent({
1151
- render: __vue_render__$h,
1152
- staticRenderFns: __vue_staticRenderFns__$h
1153
- }, __vue_inject_styles__$i, __vue_script__$c, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
1158
+ const __vue_component__$A = /*#__PURE__*/normalizeComponent({
1159
+ render: __vue_render__$i,
1160
+ staticRenderFns: __vue_staticRenderFns__$i
1161
+ }, __vue_inject_styles__$j, __vue_script__$d, __vue_scope_id__$j, __vue_is_functional_template__$j, __vue_module_identifier__$j, false, createInjector, undefined, undefined);
1154
1162
 
1155
- var NsInlineNotification = __vue_component__$y;
1163
+ var NsInlineNotification = __vue_component__$A;
1156
1164
 
1157
1165
  //
1158
1166
  //
@@ -1171,7 +1179,7 @@ var NsInlineNotification = __vue_component__$y;
1171
1179
  //
1172
1180
  //
1173
1181
  //
1174
- var script$b = {
1182
+ var script$c = {
1175
1183
  name: "NsProgressBar",
1176
1184
  props: {
1177
1185
  value: {
@@ -1202,10 +1210,10 @@ var script$b = {
1202
1210
  };
1203
1211
 
1204
1212
  /* script */
1205
- const __vue_script__$b = script$b;
1213
+ const __vue_script__$c = script$c;
1206
1214
  /* template */
1207
1215
 
1208
- var __vue_render__$g = function () {
1216
+ var __vue_render__$h = function () {
1209
1217
  var _vm = this;
1210
1218
 
1211
1219
  var _h = _vm.$createElement;
@@ -1230,10 +1238,10 @@ var __vue_render__$g = function () {
1230
1238
  })]], 2)]);
1231
1239
  };
1232
1240
 
1233
- var __vue_staticRenderFns__$g = [];
1241
+ var __vue_staticRenderFns__$h = [];
1234
1242
  /* style */
1235
1243
 
1236
- const __vue_inject_styles__$h = function (inject) {
1244
+ const __vue_inject_styles__$i = function (inject) {
1237
1245
  if (!inject) return;
1238
1246
  inject("data-v-2bcd6519_0", {
1239
1247
  source: ".progress-bar-container[data-v-2bcd6519]{width:100%;position:relative}.slider[data-v-2bcd6519]{position:absolute;width:100%;height:5px;overflow-x:hidden}.line[data-v-2bcd6519]{position:absolute;opacity:.4;width:100%;height:5px}.progress-line[data-v-2bcd6519]{position:absolute;height:5px}.indeterminate-line[data-v-2bcd6519]{position:absolute;opacity:.4;width:150%;height:5px}.indeterminate-subline[data-v-2bcd6519]{position:absolute;height:5px}.inc[data-v-2bcd6519]{animation:increase-data-v-2bcd6519 2s infinite}.dec[data-v-2bcd6519]{animation:decrease-data-v-2bcd6519 2s .5s infinite}@keyframes increase-data-v-2bcd6519{from{left:-5%;width:5%}to{left:130%;width:100%}}@keyframes decrease-data-v-2bcd6519{from{left:-80%;width:80%}to{left:110%;width:10%}}",
@@ -1244,25 +1252,25 @@ const __vue_inject_styles__$h = function (inject) {
1244
1252
  /* scoped */
1245
1253
 
1246
1254
 
1247
- const __vue_scope_id__$h = "data-v-2bcd6519";
1255
+ const __vue_scope_id__$i = "data-v-2bcd6519";
1248
1256
  /* module identifier */
1249
1257
 
1250
- const __vue_module_identifier__$h = undefined;
1258
+ const __vue_module_identifier__$i = undefined;
1251
1259
  /* functional template */
1252
1260
 
1253
- const __vue_is_functional_template__$h = false;
1261
+ const __vue_is_functional_template__$i = false;
1254
1262
  /* style inject SSR */
1255
1263
 
1256
1264
  /* style inject shadow dom */
1257
1265
 
1258
- const __vue_component__$x = /*#__PURE__*/normalizeComponent({
1259
- render: __vue_render__$g,
1260
- staticRenderFns: __vue_staticRenderFns__$g
1261
- }, __vue_inject_styles__$h, __vue_script__$b, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
1266
+ const __vue_component__$z = /*#__PURE__*/normalizeComponent({
1267
+ render: __vue_render__$h,
1268
+ staticRenderFns: __vue_staticRenderFns__$h
1269
+ }, __vue_inject_styles__$i, __vue_script__$c, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
1262
1270
 
1263
- var NsProgressBar = __vue_component__$x;
1271
+ var NsProgressBar = __vue_component__$z;
1264
1272
 
1265
- var script$a = {
1273
+ var script$b = {
1266
1274
  name: "NsSvg",
1267
1275
  props: {
1268
1276
  svg: {
@@ -1321,33 +1329,33 @@ var script$a = {
1321
1329
  };
1322
1330
 
1323
1331
  /* script */
1324
- const __vue_script__$a = script$a;
1332
+ const __vue_script__$b = script$b;
1325
1333
  /* template */
1326
1334
 
1327
1335
  /* style */
1328
1336
 
1329
- const __vue_inject_styles__$g = undefined;
1337
+ const __vue_inject_styles__$h = undefined;
1330
1338
  /* scoped */
1331
1339
 
1332
- const __vue_scope_id__$g = undefined;
1340
+ const __vue_scope_id__$h = undefined;
1333
1341
  /* module identifier */
1334
1342
 
1335
- const __vue_module_identifier__$g = undefined;
1343
+ const __vue_module_identifier__$h = undefined;
1336
1344
  /* functional template */
1337
1345
 
1338
- const __vue_is_functional_template__$g = undefined;
1346
+ const __vue_is_functional_template__$h = undefined;
1339
1347
  /* style inject */
1340
1348
 
1341
1349
  /* style inject SSR */
1342
1350
 
1343
1351
  /* style inject shadow dom */
1344
1352
 
1345
- const __vue_component__$w = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
1353
+ const __vue_component__$y = /*#__PURE__*/normalizeComponent({}, __vue_inject_styles__$h, __vue_script__$b, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
1346
1354
 
1347
- var NsSvg = __vue_component__$w;
1355
+ var NsSvg = __vue_component__$y;
1348
1356
 
1349
1357
  //
1350
- var script$9 = {
1358
+ var script$a = {
1351
1359
  name: "NsTile",
1352
1360
  extends: CvTile,
1353
1361
  inheritAttrs: false,
@@ -1415,10 +1423,10 @@ var script$9 = {
1415
1423
  };
1416
1424
 
1417
1425
  /* script */
1418
- const __vue_script__$9 = script$9;
1426
+ const __vue_script__$a = script$a;
1419
1427
  /* template */
1420
1428
 
1421
- var __vue_render__$f = function () {
1429
+ var __vue_render__$g = function () {
1422
1430
  var _obj;
1423
1431
 
1424
1432
  var _vm = this;
@@ -1455,10 +1463,10 @@ var __vue_render__$f = function () {
1455
1463
  }) : _vm._e()], 1);
1456
1464
  };
1457
1465
 
1458
- var __vue_staticRenderFns__$f = [];
1466
+ var __vue_staticRenderFns__$g = [];
1459
1467
  /* style */
1460
1468
 
1461
- const __vue_inject_styles__$f = function (inject) {
1469
+ const __vue_inject_styles__$g = function (inject) {
1462
1470
  if (!inject) return;
1463
1471
  inject("data-v-bbf09f9e_0", {
1464
1472
  source: ".ns-tile[data-v-bbf09f9e]{margin-bottom:2rem}.container[data-v-bbf09f9e]{display:flex;flex-direction:column;justify-content:center}.centered[data-v-bbf09f9e]{text-align:center}.large[data-v-bbf09f9e]{min-height:10rem}.tile-icon[data-v-bbf09f9e]{display:block;margin-left:auto;margin-right:auto;margin-bottom:1rem}.tile-footer-icon[data-v-bbf09f9e]{position:absolute;right:1rem;bottom:1rem;flex-shrink:0;width:1.25rem;height:1.25rem}.pad-bottom[data-v-bbf09f9e]{padding-bottom:4rem}",
@@ -1469,23 +1477,23 @@ const __vue_inject_styles__$f = function (inject) {
1469
1477
  /* scoped */
1470
1478
 
1471
1479
 
1472
- const __vue_scope_id__$f = "data-v-bbf09f9e";
1480
+ const __vue_scope_id__$g = "data-v-bbf09f9e";
1473
1481
  /* module identifier */
1474
1482
 
1475
- const __vue_module_identifier__$f = undefined;
1483
+ const __vue_module_identifier__$g = undefined;
1476
1484
  /* functional template */
1477
1485
 
1478
- const __vue_is_functional_template__$f = false;
1486
+ const __vue_is_functional_template__$g = false;
1479
1487
  /* style inject SSR */
1480
1488
 
1481
1489
  /* style inject shadow dom */
1482
1490
 
1483
- const __vue_component__$u = /*#__PURE__*/normalizeComponent({
1484
- render: __vue_render__$f,
1485
- staticRenderFns: __vue_staticRenderFns__$f
1486
- }, __vue_inject_styles__$f, __vue_script__$9, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
1491
+ const __vue_component__$w = /*#__PURE__*/normalizeComponent({
1492
+ render: __vue_render__$g,
1493
+ staticRenderFns: __vue_staticRenderFns__$g
1494
+ }, __vue_inject_styles__$g, __vue_script__$a, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
1487
1495
 
1488
- var __vue_component__$v = __vue_component__$u;
1496
+ var __vue_component__$x = __vue_component__$w;
1489
1497
 
1490
1498
  function toInteger(dirtyNumber) {
1491
1499
  if (dirtyNumber === null || dirtyNumber === true || dirtyNumber === false) {
@@ -6082,7 +6090,7 @@ var DateTimeService = {
6082
6090
  };
6083
6091
 
6084
6092
  //
6085
- var script$8 = {
6093
+ var script$9 = {
6086
6094
  name: "NsToastNotification",
6087
6095
  extends: CvToastNotification,
6088
6096
  components: {
@@ -6124,10 +6132,10 @@ var script$8 = {
6124
6132
  };
6125
6133
 
6126
6134
  /* script */
6127
- const __vue_script__$8 = script$8;
6135
+ const __vue_script__$9 = script$9;
6128
6136
  /* template */
6129
6137
 
6130
- var __vue_render__$e = function () {
6138
+ var __vue_render__$f = function () {
6131
6139
  var _obj;
6132
6140
 
6133
6141
  var _vm = this;
@@ -6210,10 +6218,10 @@ var __vue_render__$e = function () {
6210
6218
  })], 1) : _vm._e()], 1)]);
6211
6219
  };
6212
6220
 
6213
- var __vue_staticRenderFns__$e = [];
6221
+ var __vue_staticRenderFns__$f = [];
6214
6222
  /* style */
6215
6223
 
6216
- const __vue_inject_styles__$e = function (inject) {
6224
+ const __vue_inject_styles__$f = function (inject) {
6217
6225
  if (!inject) return;
6218
6226
  inject("data-v-79bd81d3_0", {
6219
6227
  source: ".notification[data-v-79bd81d3]{margin-bottom:0;margin-right:0}.action[data-v-79bd81d3]{padding-top:0;margin-bottom:0}.bx--toast-notification .bx--inline-notification__action-button.bx--btn--ghost[data-v-79bd81d3]{margin-left:-16px}.notification-description-and-progress[data-v-79bd81d3]{margin-top:.75rem;margin-bottom:.75rem}.fix-margin-bottom[data-v-79bd81d3]{margin-bottom:0}.progress[data-v-79bd81d3]{margin-top:.75rem}.progress-bar-spacer[data-v-79bd81d3]{height:.5rem}.cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{width:26vw;min-width:20rem;margin-top:0}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{margin-top:1rem}.notification-drawer .cv-notifiation.bx--toast-notification.notification[data-v-79bd81d3]{width:100%;cursor:pointer}.notification-read[data-v-79bd81d3]{border-color:#8d8d8d;color:#c6c6c6}.notification-read .bx--toast-notification__icon[data-v-79bd81d3]{fill:currentColor}.notification-read .bx--toast-notification__subtitle[data-v-79bd81d3]{color:#c6c6c6}.notification-read .bx--toast-notification__title[data-v-79bd81d3]{font-weight:400}.cv-notifiation .timestamp[data-v-79bd81d3]{margin-bottom:.75rem;line-height:1.29;color:#fff;text-decoration:underline}.cv-notifiation .timestamp button[data-v-79bd81d3]{color:#c6c6c6}.bx--tooltip__trigger[data-v-79bd81d3]:not(.bx--btn--icon-only){font-size:inherit}.cv-notifiation .timestamp .bx--tooltip__trigger[data-v-79bd81d3]::before{border-bottom-color:#161616}div.row[data-v-79bd81d3]:last-child{margin-bottom:1.5rem}.bx--toast-notification__details[data-v-79bd81d3]{flex-grow:1}",
@@ -6228,26 +6236,26 @@ const __vue_inject_styles__$e = function (inject) {
6228
6236
  /* scoped */
6229
6237
 
6230
6238
 
6231
- const __vue_scope_id__$e = "data-v-79bd81d3";
6239
+ const __vue_scope_id__$f = "data-v-79bd81d3";
6232
6240
  /* module identifier */
6233
6241
 
6234
- const __vue_module_identifier__$e = undefined;
6242
+ const __vue_module_identifier__$f = undefined;
6235
6243
  /* functional template */
6236
6244
 
6237
- const __vue_is_functional_template__$e = false;
6245
+ const __vue_is_functional_template__$f = false;
6238
6246
  /* style inject SSR */
6239
6247
 
6240
6248
  /* style inject shadow dom */
6241
6249
 
6242
- const __vue_component__$s = /*#__PURE__*/normalizeComponent({
6243
- render: __vue_render__$e,
6244
- staticRenderFns: __vue_staticRenderFns__$e
6245
- }, __vue_inject_styles__$e, __vue_script__$8, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
6250
+ const __vue_component__$u = /*#__PURE__*/normalizeComponent({
6251
+ render: __vue_render__$f,
6252
+ staticRenderFns: __vue_staticRenderFns__$f
6253
+ }, __vue_inject_styles__$f, __vue_script__$9, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
6246
6254
 
6247
- var __vue_component__$t = __vue_component__$s;
6255
+ var __vue_component__$v = __vue_component__$u;
6248
6256
 
6249
6257
  //
6250
- var script$7 = {
6258
+ var script$8 = {
6251
6259
  name: "NsInfoCard",
6252
6260
  //components added for storybook to work
6253
6261
  components: {
@@ -6282,10 +6290,10 @@ var script$7 = {
6282
6290
  };
6283
6291
 
6284
6292
  /* script */
6285
- const __vue_script__$7 = script$7;
6293
+ const __vue_script__$8 = script$8;
6286
6294
  /* template */
6287
6295
 
6288
- var __vue_render__$d = function () {
6296
+ var __vue_render__$e = function () {
6289
6297
  var _vm = this;
6290
6298
 
6291
6299
  var _h = _vm.$createElement;
@@ -6317,10 +6325,10 @@ var __vue_render__$d = function () {
6317
6325
  }, [_vm._t("content")], 2)], 2);
6318
6326
  };
6319
6327
 
6320
- var __vue_staticRenderFns__$d = [];
6328
+ var __vue_staticRenderFns__$e = [];
6321
6329
  /* style */
6322
6330
 
6323
- const __vue_inject_styles__$d = function (inject) {
6331
+ const __vue_inject_styles__$e = function (inject) {
6324
6332
  if (!inject) return;
6325
6333
  inject("data-v-5f0f76db_0", {
6326
6334
  source: ".info-card[data-v-5f0f76db]{display:flex;flex-direction:column;justify-content:center;min-height:7rem;position:relative}.row[data-v-5f0f76db]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-5f0f76db]{margin-left:.25rem;margin-right:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.description[data-v-5f0f76db]{margin-left:.25rem;margin-right:.25rem}.slot[data-v-5f0f76db]{margin-top:.5rem}",
@@ -6331,26 +6339,26 @@ const __vue_inject_styles__$d = function (inject) {
6331
6339
  /* scoped */
6332
6340
 
6333
6341
 
6334
- const __vue_scope_id__$d = "data-v-5f0f76db";
6342
+ const __vue_scope_id__$e = "data-v-5f0f76db";
6335
6343
  /* module identifier */
6336
6344
 
6337
- const __vue_module_identifier__$d = undefined;
6345
+ const __vue_module_identifier__$e = undefined;
6338
6346
  /* functional template */
6339
6347
 
6340
- const __vue_is_functional_template__$d = false;
6348
+ const __vue_is_functional_template__$e = false;
6341
6349
  /* style inject SSR */
6342
6350
 
6343
6351
  /* style inject shadow dom */
6344
6352
 
6345
- const __vue_component__$q = /*#__PURE__*/normalizeComponent({
6346
- render: __vue_render__$d,
6347
- staticRenderFns: __vue_staticRenderFns__$d
6348
- }, __vue_inject_styles__$d, __vue_script__$7, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
6353
+ const __vue_component__$s = /*#__PURE__*/normalizeComponent({
6354
+ render: __vue_render__$e,
6355
+ staticRenderFns: __vue_staticRenderFns__$e
6356
+ }, __vue_inject_styles__$e, __vue_script__$8, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
6349
6357
 
6350
- var __vue_component__$r = __vue_component__$q;
6358
+ var __vue_component__$t = __vue_component__$s;
6351
6359
 
6352
6360
  //
6353
- var script$6 = {
6361
+ var script$7 = {
6354
6362
  name: "NsStatusCard",
6355
6363
  //components added for storybook to work
6356
6364
  components: {
@@ -6397,10 +6405,10 @@ var script$6 = {
6397
6405
  };
6398
6406
 
6399
6407
  /* script */
6400
- const __vue_script__$6 = script$6;
6408
+ const __vue_script__$7 = script$7;
6401
6409
  /* template */
6402
6410
 
6403
- var __vue_render__$c = function () {
6411
+ var __vue_render__$d = function () {
6404
6412
  var _vm = this;
6405
6413
 
6406
6414
  var _h = _vm.$createElement;
@@ -6469,10 +6477,10 @@ var __vue_render__$c = function () {
6469
6477
  }, [_c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])]) : _c('h4', [_vm._v(_vm._s(_vm.valueSuccess))])], 1) : _vm._e()])]);
6470
6478
  };
6471
6479
 
6472
- var __vue_staticRenderFns__$c = [];
6480
+ var __vue_staticRenderFns__$d = [];
6473
6481
  /* style */
6474
6482
 
6475
- const __vue_inject_styles__$c = function (inject) {
6483
+ const __vue_inject_styles__$d = function (inject) {
6476
6484
  if (!inject) return;
6477
6485
  inject("data-v-e4a14fb4_0", {
6478
6486
  source: ".status-card[data-v-e4a14fb4]{display:flex;flex-direction:column;justify-content:center}.row[data-v-e4a14fb4]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.value[data-v-e4a14fb4]{margin-left:.25rem;margin-right:.25rem}.label[data-v-e4a14fb4]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-e4a14fb4]{margin-right:.25rem}.error-icon[data-v-e4a14fb4]{margin-right:.25rem}.warning-icon[data-v-e4a14fb4]{margin-right:.25rem}.stats[data-v-e4a14fb4]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
@@ -6483,26 +6491,26 @@ const __vue_inject_styles__$c = function (inject) {
6483
6491
  /* scoped */
6484
6492
 
6485
6493
 
6486
- const __vue_scope_id__$c = "data-v-e4a14fb4";
6494
+ const __vue_scope_id__$d = "data-v-e4a14fb4";
6487
6495
  /* module identifier */
6488
6496
 
6489
- const __vue_module_identifier__$c = undefined;
6497
+ const __vue_module_identifier__$d = undefined;
6490
6498
  /* functional template */
6491
6499
 
6492
- const __vue_is_functional_template__$c = false;
6500
+ const __vue_is_functional_template__$d = false;
6493
6501
  /* style inject SSR */
6494
6502
 
6495
6503
  /* style inject shadow dom */
6496
6504
 
6497
- const __vue_component__$o = /*#__PURE__*/normalizeComponent({
6498
- render: __vue_render__$c,
6499
- staticRenderFns: __vue_staticRenderFns__$c
6500
- }, __vue_inject_styles__$c, __vue_script__$6, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
6505
+ const __vue_component__$q = /*#__PURE__*/normalizeComponent({
6506
+ render: __vue_render__$d,
6507
+ staticRenderFns: __vue_staticRenderFns__$d
6508
+ }, __vue_inject_styles__$d, __vue_script__$7, __vue_scope_id__$d, __vue_is_functional_template__$d, __vue_module_identifier__$d, false, createInjector, undefined, undefined);
6501
6509
 
6502
- var __vue_component__$p = __vue_component__$o;
6510
+ var __vue_component__$r = __vue_component__$q;
6503
6511
 
6504
6512
  //
6505
- var script$5 = {
6513
+ var script$6 = {
6506
6514
  name: "NsSystemdServiceCard",
6507
6515
  //components added for storybook to work
6508
6516
  components: {
@@ -6556,10 +6564,10 @@ var script$5 = {
6556
6564
  };
6557
6565
 
6558
6566
  /* script */
6559
- const __vue_script__$5 = script$5;
6567
+ const __vue_script__$6 = script$6;
6560
6568
  /* template */
6561
6569
 
6562
- var __vue_render__$b = function () {
6570
+ var __vue_render__$c = function () {
6563
6571
  var _vm = this;
6564
6572
 
6565
6573
  var _h = _vm.$createElement;
@@ -6614,10 +6622,10 @@ var __vue_render__$b = function () {
6614
6622
  })], 1)])]);
6615
6623
  };
6616
6624
 
6617
- var __vue_staticRenderFns__$b = [];
6625
+ var __vue_staticRenderFns__$c = [];
6618
6626
  /* style */
6619
6627
 
6620
- const __vue_inject_styles__$b = function (inject) {
6628
+ const __vue_inject_styles__$c = function (inject) {
6621
6629
  if (!inject) return;
6622
6630
  inject("data-v-e13a5ce6_0", {
6623
6631
  source: ".service-card[data-v-e13a5ce6]{display:flex;flex-direction:column;justify-content:center}.row[data-v-e13a5ce6]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.service-name[data-v-e13a5ce6]{margin-left:.25rem;margin-right:.25rem}.success-icon[data-v-e13a5ce6]{margin-right:.25rem}.error-icon[data-v-e13a5ce6]{margin-right:.25rem}.warning-icon[data-v-e13a5ce6]{margin-right:.25rem}.stats[data-v-e13a5ce6]{display:flex;align-items:center;margin-left:.5rem;margin-right:.5rem}",
@@ -6628,23 +6636,23 @@ const __vue_inject_styles__$b = function (inject) {
6628
6636
  /* scoped */
6629
6637
 
6630
6638
 
6631
- const __vue_scope_id__$b = "data-v-e13a5ce6";
6639
+ const __vue_scope_id__$c = "data-v-e13a5ce6";
6632
6640
  /* module identifier */
6633
6641
 
6634
- const __vue_module_identifier__$b = undefined;
6642
+ const __vue_module_identifier__$c = undefined;
6635
6643
  /* functional template */
6636
6644
 
6637
- const __vue_is_functional_template__$b = false;
6645
+ const __vue_is_functional_template__$c = false;
6638
6646
  /* style inject SSR */
6639
6647
 
6640
6648
  /* style inject shadow dom */
6641
6649
 
6642
- const __vue_component__$m = /*#__PURE__*/normalizeComponent({
6643
- render: __vue_render__$b,
6644
- staticRenderFns: __vue_staticRenderFns__$b
6645
- }, __vue_inject_styles__$b, __vue_script__$5, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
6650
+ const __vue_component__$o = /*#__PURE__*/normalizeComponent({
6651
+ render: __vue_render__$c,
6652
+ staticRenderFns: __vue_staticRenderFns__$c
6653
+ }, __vue_inject_styles__$c, __vue_script__$6, __vue_scope_id__$c, __vue_is_functional_template__$c, __vue_module_identifier__$c, false, createInjector, undefined, undefined);
6646
6654
 
6647
- var __vue_component__$n = __vue_component__$m;
6655
+ var __vue_component__$p = __vue_component__$o;
6648
6656
 
6649
6657
  var UtilService = {
6650
6658
  name: "UtilService",
@@ -6806,7 +6814,7 @@ var UtilService = {
6806
6814
  };
6807
6815
 
6808
6816
  //
6809
- var script$4 = {
6817
+ var script$5 = {
6810
6818
  name: "NsPasswordInput",
6811
6819
  components: CvTextInput,
6812
6820
  mixins: [UtilService],
@@ -6962,10 +6970,10 @@ var script$4 = {
6962
6970
  };
6963
6971
 
6964
6972
  /* script */
6965
- const __vue_script__$4 = script$4;
6973
+ const __vue_script__$5 = script$5;
6966
6974
  /* template */
6967
6975
 
6968
- var __vue_render__$a = function () {
6976
+ var __vue_render__$b = function () {
6969
6977
  var _vm = this;
6970
6978
 
6971
6979
  var _h = _vm.$createElement;
@@ -7054,10 +7062,10 @@ var __vue_render__$a = function () {
7054
7062
  }, [_vm._v(_vm._s(_vm.equalLabel))])])], 1)]);
7055
7063
  };
7056
7064
 
7057
- var __vue_staticRenderFns__$a = [];
7065
+ var __vue_staticRenderFns__$b = [];
7058
7066
  /* style */
7059
7067
 
7060
- const __vue_inject_styles__$a = function (inject) {
7068
+ const __vue_inject_styles__$b = function (inject) {
7061
7069
  if (!inject) return;
7062
7070
  inject("data-v-1598af82_0", {
7063
7071
  source: ".new-password-container[data-v-1598af82]{margin-bottom:1rem}.new-password[data-v-1598af82]{margin-bottom:.25rem}.confirm-password[data-v-1598af82]{margin-bottom:.25rem}.password-meter[data-v-1598af82]{display:flex}@media (min-width:672px){.password-meter[data-v-1598af82]{max-width:38rem}}.requirement[data-v-1598af82]{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-1598af82]{background-color:#fff}.requirement[data-v-1598af82]:first-child{margin-left:0}.requirement-ok[data-v-1598af82]{color:#fff;background-color:#198038}",
@@ -7068,27 +7076,27 @@ const __vue_inject_styles__$a = function (inject) {
7068
7076
  /* scoped */
7069
7077
 
7070
7078
 
7071
- const __vue_scope_id__$a = "data-v-1598af82";
7079
+ const __vue_scope_id__$b = "data-v-1598af82";
7072
7080
  /* module identifier */
7073
7081
 
7074
- const __vue_module_identifier__$a = undefined;
7082
+ const __vue_module_identifier__$b = undefined;
7075
7083
  /* functional template */
7076
7084
 
7077
- const __vue_is_functional_template__$a = false;
7085
+ const __vue_is_functional_template__$b = false;
7078
7086
  /* style inject SSR */
7079
7087
 
7080
7088
  /* style inject shadow dom */
7081
7089
 
7082
- const __vue_component__$k = /*#__PURE__*/normalizeComponent({
7083
- render: __vue_render__$a,
7084
- staticRenderFns: __vue_staticRenderFns__$a
7085
- }, __vue_inject_styles__$a, __vue_script__$4, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, createInjector, undefined, undefined);
7090
+ const __vue_component__$m = /*#__PURE__*/normalizeComponent({
7091
+ render: __vue_render__$b,
7092
+ staticRenderFns: __vue_staticRenderFns__$b
7093
+ }, __vue_inject_styles__$b, __vue_script__$5, __vue_scope_id__$b, __vue_is_functional_template__$b, __vue_module_identifier__$b, false, createInjector, undefined, undefined);
7086
7094
 
7087
- var __vue_component__$l = __vue_component__$k;
7095
+ var __vue_component__$n = __vue_component__$m;
7088
7096
 
7089
7097
  //
7090
7098
 
7091
- var script$3 = {
7099
+ var script$4 = {
7092
7100
  name: "NsIconMenu",
7093
7101
  extends: CvOverflowMenu,
7094
7102
  props: {
@@ -7117,10 +7125,10 @@ var script$3 = {
7117
7125
  };
7118
7126
 
7119
7127
  /* script */
7120
- const __vue_script__$3 = script$3;
7128
+ const __vue_script__$4 = script$4;
7121
7129
  /* template */
7122
7130
 
7123
- var __vue_render__$9 = function () {
7131
+ var __vue_render__$a = function () {
7124
7132
  var _obj, _obj$1;
7125
7133
 
7126
7134
  var _vm = this;
@@ -7232,35 +7240,35 @@ var __vue_render__$9 = function () {
7232
7240
  })])]);
7233
7241
  };
7234
7242
 
7235
- var __vue_staticRenderFns__$9 = [];
7243
+ var __vue_staticRenderFns__$a = [];
7236
7244
  /* style */
7237
7245
 
7238
- const __vue_inject_styles__$9 = undefined;
7246
+ const __vue_inject_styles__$a = undefined;
7239
7247
  /* scoped */
7240
7248
 
7241
- const __vue_scope_id__$9 = undefined;
7249
+ const __vue_scope_id__$a = undefined;
7242
7250
  /* module identifier */
7243
7251
 
7244
- const __vue_module_identifier__$9 = undefined;
7252
+ const __vue_module_identifier__$a = undefined;
7245
7253
  /* functional template */
7246
7254
 
7247
- const __vue_is_functional_template__$9 = false;
7255
+ const __vue_is_functional_template__$a = false;
7248
7256
  /* style inject */
7249
7257
 
7250
7258
  /* style inject SSR */
7251
7259
 
7252
7260
  /* style inject shadow dom */
7253
7261
 
7254
- const __vue_component__$i = /*#__PURE__*/normalizeComponent({
7255
- render: __vue_render__$9,
7256
- staticRenderFns: __vue_staticRenderFns__$9
7257
- }, __vue_inject_styles__$9, __vue_script__$3, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
7262
+ const __vue_component__$k = /*#__PURE__*/normalizeComponent({
7263
+ render: __vue_render__$a,
7264
+ staticRenderFns: __vue_staticRenderFns__$a
7265
+ }, __vue_inject_styles__$a, __vue_script__$4, __vue_scope_id__$a, __vue_is_functional_template__$a, __vue_module_identifier__$a, false, undefined, undefined, undefined);
7258
7266
 
7259
- var __vue_component__$j = __vue_component__$i;
7267
+ var __vue_component__$l = __vue_component__$k;
7260
7268
 
7261
7269
  //
7262
7270
  Vue.use(chartsVue);
7263
- var script$2 = {
7271
+ var script$3 = {
7264
7272
  name: "NsMeterChart",
7265
7273
  components: {
7266
7274
  CcvMeterChart
@@ -7334,10 +7342,10 @@ var script$2 = {
7334
7342
  };
7335
7343
 
7336
7344
  /* script */
7337
- const __vue_script__$2 = script$2;
7345
+ const __vue_script__$3 = script$3;
7338
7346
  /* template */
7339
7347
 
7340
- var __vue_render__$8 = function () {
7348
+ var __vue_render__$9 = function () {
7341
7349
  var _vm = this;
7342
7350
 
7343
7351
  var _h = _vm.$createElement;
@@ -7352,35 +7360,35 @@ var __vue_render__$8 = function () {
7352
7360
  });
7353
7361
  };
7354
7362
 
7355
- var __vue_staticRenderFns__$8 = [];
7363
+ var __vue_staticRenderFns__$9 = [];
7356
7364
  /* style */
7357
7365
 
7358
- const __vue_inject_styles__$8 = undefined;
7366
+ const __vue_inject_styles__$9 = undefined;
7359
7367
  /* scoped */
7360
7368
 
7361
- const __vue_scope_id__$8 = undefined;
7369
+ const __vue_scope_id__$9 = undefined;
7362
7370
  /* module identifier */
7363
7371
 
7364
- const __vue_module_identifier__$8 = undefined;
7372
+ const __vue_module_identifier__$9 = undefined;
7365
7373
  /* functional template */
7366
7374
 
7367
- const __vue_is_functional_template__$8 = false;
7375
+ const __vue_is_functional_template__$9 = false;
7368
7376
  /* style inject */
7369
7377
 
7370
7378
  /* style inject SSR */
7371
7379
 
7372
7380
  /* style inject shadow dom */
7373
7381
 
7374
- const __vue_component__$g = /*#__PURE__*/normalizeComponent({
7375
- render: __vue_render__$8,
7376
- staticRenderFns: __vue_staticRenderFns__$8
7377
- }, __vue_inject_styles__$8, __vue_script__$2, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
7382
+ const __vue_component__$i = /*#__PURE__*/normalizeComponent({
7383
+ render: __vue_render__$9,
7384
+ staticRenderFns: __vue_staticRenderFns__$9
7385
+ }, __vue_inject_styles__$9, __vue_script__$3, __vue_scope_id__$9, __vue_is_functional_template__$9, __vue_module_identifier__$9, false, undefined, undefined, undefined);
7378
7386
 
7379
- var __vue_component__$h = __vue_component__$g;
7387
+ var __vue_component__$j = __vue_component__$i;
7380
7388
 
7381
7389
  //
7382
7390
  Vue.use(chartsVue);
7383
- var script$1 = {
7391
+ var script$2 = {
7384
7392
  name: "NsPieChart",
7385
7393
  components: {},
7386
7394
  props: {
@@ -7436,10 +7444,10 @@ var script$1 = {
7436
7444
  };
7437
7445
 
7438
7446
  /* script */
7439
- const __vue_script__$1 = script$1;
7447
+ const __vue_script__$2 = script$2;
7440
7448
  /* template */
7441
7449
 
7442
- var __vue_render__$7 = function () {
7450
+ var __vue_render__$8 = function () {
7443
7451
  var _vm = this;
7444
7452
 
7445
7453
  var _h = _vm.$createElement;
@@ -7454,40 +7462,40 @@ var __vue_render__$7 = function () {
7454
7462
  });
7455
7463
  };
7456
7464
 
7457
- var __vue_staticRenderFns__$7 = [];
7465
+ var __vue_staticRenderFns__$8 = [];
7458
7466
  /* style */
7459
7467
 
7460
- const __vue_inject_styles__$7 = undefined;
7468
+ const __vue_inject_styles__$8 = undefined;
7461
7469
  /* scoped */
7462
7470
 
7463
- const __vue_scope_id__$7 = undefined;
7471
+ const __vue_scope_id__$8 = undefined;
7464
7472
  /* module identifier */
7465
7473
 
7466
- const __vue_module_identifier__$7 = undefined;
7474
+ const __vue_module_identifier__$8 = undefined;
7467
7475
  /* functional template */
7468
7476
 
7469
- const __vue_is_functional_template__$7 = false;
7477
+ const __vue_is_functional_template__$8 = false;
7470
7478
  /* style inject */
7471
7479
 
7472
7480
  /* style inject SSR */
7473
7481
 
7474
7482
  /* style inject shadow dom */
7475
7483
 
7476
- const __vue_component__$e = /*#__PURE__*/normalizeComponent({
7477
- render: __vue_render__$7,
7478
- staticRenderFns: __vue_staticRenderFns__$7
7479
- }, __vue_inject_styles__$7, __vue_script__$1, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, undefined, undefined, undefined);
7484
+ const __vue_component__$g = /*#__PURE__*/normalizeComponent({
7485
+ render: __vue_render__$8,
7486
+ staticRenderFns: __vue_staticRenderFns__$8
7487
+ }, __vue_inject_styles__$8, __vue_script__$2, __vue_scope_id__$8, __vue_is_functional_template__$8, __vue_module_identifier__$8, false, undefined, undefined, undefined);
7480
7488
 
7481
- var __vue_component__$f = __vue_component__$e;
7489
+ var __vue_component__$h = __vue_component__$g;
7482
7490
 
7483
7491
  //
7484
- var script = {
7492
+ var script$1 = {
7485
7493
  name: "NsDangerDeleteModal",
7486
7494
  //component added for storybook to work
7487
7495
  components: {
7488
7496
  NsInlineNotification
7489
7497
  },
7490
- mixins: [UtilService, UtilService],
7498
+ mixins: [UtilService],
7491
7499
  props: {
7492
7500
  isShown: {
7493
7501
  type: Boolean,
@@ -7529,35 +7537,256 @@ var script = {
7529
7537
  };
7530
7538
  },
7531
7539
 
7532
- computed: {
7533
- typeToConfirmMessage() {
7534
- if (this.typeToConfirm) {
7535
- return this.typeToConfirm;
7536
- } else {
7537
- return `Type <strong>${this.name}</strong> to confirm deletion`;
7540
+ computed: {
7541
+ typeToConfirmMessage() {
7542
+ if (this.typeToConfirm) {
7543
+ return this.typeToConfirm;
7544
+ } else {
7545
+ return `Type <strong>${this.name}</strong> to confirm deletion`;
7546
+ }
7547
+ }
7548
+
7549
+ },
7550
+ watch: {
7551
+ isShown: function () {
7552
+ if (this.isShown) {
7553
+ this.userInput = "";
7554
+ setTimeout(() => {
7555
+ this.focusElement("userInput");
7556
+ }, 300);
7557
+ }
7558
+ }
7559
+ },
7560
+ methods: {
7561
+ onModalHidden() {
7562
+ this.$emit("hide");
7563
+ },
7564
+
7565
+ confirmDelete() {
7566
+ if (this.name == this.userInput) {
7567
+ this.$emit("confirmDelete");
7568
+ }
7569
+ }
7570
+
7571
+ }
7572
+ };
7573
+
7574
+ /* script */
7575
+ const __vue_script__$1 = script$1;
7576
+ /* template */
7577
+
7578
+ var __vue_render__$7 = function () {
7579
+ var _vm = this;
7580
+
7581
+ var _h = _vm.$createElement;
7582
+
7583
+ var _c = _vm._self._c || _h;
7584
+
7585
+ return _c('cv-modal', {
7586
+ attrs: {
7587
+ "kind": "danger",
7588
+ "size": "default",
7589
+ "visible": _vm.isShown,
7590
+ "primary-button-disabled": _vm.name !== _vm.userInput
7591
+ },
7592
+ on: {
7593
+ "modal-hidden": _vm.onModalHidden,
7594
+ "primary-click": _vm.confirmDelete
7595
+ }
7596
+ }, [_c('template', {
7597
+ slot: "title"
7598
+ }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _c('template', {
7599
+ slot: "content"
7600
+ }, [_c('NsInlineNotification', {
7601
+ attrs: {
7602
+ "kind": "warning",
7603
+ "title": _vm.warning,
7604
+ "showCloseButton": false
7605
+ }
7606
+ }), _vm._v(" "), _c('div', {
7607
+ domProps: {
7608
+ "innerHTML": _vm._s(_vm.description)
7609
+ }
7610
+ }), _vm._v(" "), _vm._t("explanation"), _vm._v(" "), _c('div', {
7611
+ staticClass: "type-to-confirm",
7612
+ domProps: {
7613
+ "innerHTML": _vm._s(_vm.typeToConfirmMessage)
7614
+ }
7615
+ }), _vm._v(" "), _c('cv-form', {
7616
+ on: {
7617
+ "submit": function ($event) {
7618
+ $event.preventDefault();
7619
+ return _vm.confirmDelete.apply(null, arguments);
7620
+ }
7621
+ }
7622
+ }, [_c('cv-text-input', {
7623
+ ref: "userInput",
7624
+ staticClass: "mg-bottom-md",
7625
+ model: {
7626
+ value: _vm.userInput,
7627
+ callback: function ($$v) {
7628
+ _vm.userInput = $$v;
7629
+ },
7630
+ expression: "userInput"
7631
+ }
7632
+ })], 1)], 2), _vm._v(" "), _c('template', {
7633
+ slot: "secondary-button"
7634
+ }, [_vm._v(_vm._s(_vm.cancelLabel))]), _vm._v(" "), _c('template', {
7635
+ slot: "primary-button"
7636
+ }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
7637
+ };
7638
+
7639
+ var __vue_staticRenderFns__$7 = [];
7640
+ /* style */
7641
+
7642
+ const __vue_inject_styles__$7 = function (inject) {
7643
+ if (!inject) return;
7644
+ inject("data-v-97f667a6_0", {
7645
+ source: ".type-to-confirm[data-v-97f667a6]{margin-top:2rem}",
7646
+ map: undefined,
7647
+ media: undefined
7648
+ });
7649
+ };
7650
+ /* scoped */
7651
+
7652
+
7653
+ const __vue_scope_id__$7 = "data-v-97f667a6";
7654
+ /* module identifier */
7655
+
7656
+ const __vue_module_identifier__$7 = undefined;
7657
+ /* functional template */
7658
+
7659
+ const __vue_is_functional_template__$7 = false;
7660
+ /* style inject SSR */
7661
+
7662
+ /* style inject shadow dom */
7663
+
7664
+ const __vue_component__$e = /*#__PURE__*/normalizeComponent({
7665
+ render: __vue_render__$7,
7666
+ staticRenderFns: __vue_staticRenderFns__$7
7667
+ }, __vue_inject_styles__$7, __vue_script__$1, __vue_scope_id__$7, __vue_is_functional_template__$7, __vue_module_identifier__$7, false, createInjector, undefined, undefined);
7668
+
7669
+ var __vue_component__$f = __vue_component__$e;
7670
+
7671
+ var IconService = {
7672
+ name: "IconService",
7673
+
7674
+ data() {
7675
+ return {
7676
+ Close20,
7677
+ ArrowRight20,
7678
+ ArrowRight32,
7679
+ Notification20,
7680
+ UserAvatar20,
7681
+ AppSwitcher20,
7682
+ Search20,
7683
+ RowExpand20,
7684
+ RowCollapse20,
7685
+ Reset20,
7686
+ Download20,
7687
+ Launch20,
7688
+ Upgrade20,
7689
+ Settings20,
7690
+ ChevronDown20,
7691
+ ChevronUp20,
7692
+ ChevronLeft20,
7693
+ ChevronRight20,
7694
+ Information20,
7695
+ Application20,
7696
+ // used for apps, module instances and software center
7697
+ Add20,
7698
+ Rocket20,
7699
+ Rocket32,
7700
+ Chip20,
7701
+ // used for cluster nodes
7702
+ Chip32,
7703
+ // used for cluster nodes
7704
+ Save20,
7705
+ Save32,
7706
+ Copy20,
7707
+ Application32,
7708
+ // used for apps, module instances and software center
7709
+ EdgeNode20,
7710
+ EdgeNode32,
7711
+ Cube32,
7712
+ // used for systemd services
7713
+ EdgeCluster32,
7714
+ // used for cluster
7715
+ EdgeCluster20,
7716
+ // used for cluster
7717
+ Connect32,
7718
+ // used for join cluster
7719
+ Connect20,
7720
+ // used for join cluster
7721
+ Edit20,
7722
+ Password20,
7723
+ Star20,
7724
+ Checkmark20,
7725
+ ZoomIn20,
7726
+ // used to open details
7727
+ Events32,
7728
+ // used for domains
7729
+ Link32,
7730
+ // used for URLs and external domain providers
7731
+ Link20,
7732
+ // used for URLs and external domain providers
7733
+ WarningAlt32,
7734
+ WarningAlt20,
7735
+ Tools20,
7736
+ Tools32,
7737
+ Network_220,
7738
+ Network_232,
7739
+ DataBase20,
7740
+ DataBase32,
7741
+ DataBackup20,
7742
+ DataBackup32,
7743
+ ArrowDown20,
7744
+ ArrowDown32,
7745
+ Time20,
7746
+ Time32,
7747
+ Hourglass20,
7748
+ Hourglass32,
7749
+ CheckmarkFilled16,
7750
+ CheckmarkFilled20,
7751
+ CheckmarkFilled32,
7752
+ ErrorFilled16,
7753
+ ErrorFilled20,
7754
+ ErrorFilled32,
7755
+ Warning16,
7756
+ Warning20,
7757
+ Warning32
7758
+ };
7759
+ }
7760
+
7761
+ };
7762
+
7763
+ //
7764
+ var script = {
7765
+ name: "NsDropdownAction",
7766
+ extends: CvOverflowMenu,
7767
+ components: {
7768
+ NsSvg
7769
+ },
7770
+ mixins: [IconService],
7771
+ props: {
7772
+ kind: {
7773
+ type: String,
7774
+ default: "secondary",
7775
+ validator: val => ["default", "primary", "secondary", "tertiary", "ghost", "danger", "danger--ghost", "danger--tertiary"].includes(val)
7776
+ },
7777
+ up: Boolean,
7778
+ offset: {
7779
+ type: Object,
7780
+
7781
+ validator(value) {
7782
+ return value && value.left !== undefined && value.top !== undefined;
7538
7783
  }
7539
- }
7540
7784
 
7541
- },
7542
- watch: {
7543
- isShown: function () {
7544
- if (this.isShown) {
7545
- this.userInput = "";
7546
- setTimeout(() => {
7547
- this.focusElement("userInput");
7548
- }, 300);
7549
- }
7550
7785
  }
7551
7786
  },
7552
- methods: {
7553
- onModalHidden() {
7554
- this.$emit("hide");
7555
- },
7556
-
7557
- confirmDelete() {
7558
- if (this.name == this.userInput) {
7559
- this.$emit("confirmDelete");
7560
- }
7787
+ computed: {
7788
+ lowerCaseKind() {
7789
+ return this.kind.toLowerCase();
7561
7790
  }
7562
7791
 
7563
7792
  }
@@ -7568,87 +7797,120 @@ const __vue_script__ = script;
7568
7797
  /* template */
7569
7798
 
7570
7799
  var __vue_render__$6 = function () {
7800
+ var _obj, _obj$1;
7801
+
7571
7802
  var _vm = this;
7572
7803
 
7573
7804
  var _h = _vm.$createElement;
7574
7805
 
7575
7806
  var _c = _vm._self._c || _h;
7576
7807
 
7577
- return _c('cv-modal', {
7808
+ return _c('div', {
7809
+ class: ["cv-overflow-menu"],
7578
7810
  attrs: {
7579
- "kind": "danger",
7580
- "size": "default",
7581
- "visible": _vm.isShown,
7582
- "primary-button-disabled": _vm.name !== _vm.userInput
7811
+ "data-overflow-menu": "",
7812
+ "id": _vm.uid
7813
+ }
7814
+ }, [_c('button', {
7815
+ ref: "trigger",
7816
+ class: ["bx--btn--" + _vm.lowerCaseKind, 'bx--btn', 'bx--btn--field', (_obj = {}, _obj[_vm.carbonPrefix + "--overflow-menu--open"] = _vm.open, _obj)],
7817
+ attrs: {
7818
+ "aria-haspopup": "",
7819
+ "type": "button",
7820
+ "aria-expanded": _vm.open ? 'true' : 'false',
7821
+ "aria-controls": _vm.uid + "-menu",
7822
+ "id": _vm.uid + "-trigger"
7583
7823
  },
7584
7824
  on: {
7585
- "modal-hidden": _vm.onModalHidden,
7586
- "primary-click": _vm.confirmDelete
7825
+ "click": _vm.doToggle,
7826
+ "keydown": [function ($event) {
7827
+ if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
7828
+ return null;
7829
+ }
7830
+
7831
+ $event.preventDefault();
7832
+ }, function ($event) {
7833
+ if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "enter", 13, $event.key, "Enter")) {
7834
+ return null;
7835
+ }
7836
+
7837
+ $event.preventDefault();
7838
+ return _vm.doToggle.apply(null, arguments);
7839
+ }, function ($event) {
7840
+ if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "tab", 9, $event.key, "Tab")) {
7841
+ return null;
7842
+ }
7843
+
7844
+ return _vm.onOverflowMenuTab.apply(null, arguments);
7845
+ }],
7846
+ "keyup": function ($event) {
7847
+ if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "space", 32, $event.key, [" ", "Spacebar"])) {
7848
+ return null;
7849
+ }
7850
+
7851
+ $event.preventDefault();
7852
+ return _vm.doToggle.apply(null, arguments);
7853
+ }
7587
7854
  }
7588
- }, [_c('template', {
7589
- slot: "title"
7590
- }, [_vm._v(_vm._s(_vm.title))]), _vm._v(" "), _c('template', {
7591
- slot: "content"
7592
- }, [_c('NsInlineNotification', {
7855
+ }, [_vm._t("trigger"), _vm._v(" "), _c('NsSvg', {
7856
+ class: _vm.carbonPrefix + "--btn__icon",
7593
7857
  attrs: {
7594
- "kind": "warning",
7595
- "title": _vm.warning,
7596
- "showCloseButton": false
7597
- }
7598
- }), _vm._v(" "), _c('div', {
7599
- domProps: {
7600
- "innerHTML": _vm._s(_vm.description)
7858
+ "svg": _vm.ChevronDown20
7601
7859
  }
7602
- }), _vm._v(" "), _vm._t("explanation"), _vm._v(" "), _c('div', {
7603
- staticClass: "type-to-confirm",
7604
- domProps: {
7605
- "innerHTML": _vm._s(_vm.typeToConfirmMessage)
7606
- }
7607
- }), _vm._v(" "), _c('cv-form', {
7860
+ })], 2), _vm._v(" "), _c('div', {
7861
+ ref: "popup",
7862
+ class: [_vm.carbonPrefix + "--overflow-menu-options", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--overflow-menu-options--open"] = _vm.open, _obj$1)],
7863
+ style: {
7864
+ left: _vm.left + 'px',
7865
+ top: _vm.top + 'px'
7866
+ },
7867
+ attrs: {
7868
+ "tabindex": "-1",
7869
+ "aria-labelledby": _vm.uid + "-trigger",
7870
+ "id": _vm.uid + "-menu"
7871
+ },
7608
7872
  on: {
7609
- "submit": function ($event) {
7873
+ "focusout": _vm.checkFocusOut,
7874
+ "mousedown": function ($event) {
7610
7875
  $event.preventDefault();
7611
- return _vm.confirmDelete.apply(null, arguments);
7876
+ return _vm.preventFocusOut.apply(null, arguments);
7612
7877
  }
7613
7878
  }
7614
- }, [_c('cv-text-input', {
7615
- ref: "userInput",
7616
- staticClass: "mg-bottom-md",
7617
- model: {
7618
- value: _vm.userInput,
7619
- callback: function ($$v) {
7620
- _vm.userInput = $$v;
7621
- },
7622
- expression: "userInput"
7879
+ }, [_c('ul', {
7880
+ class: _vm.carbonPrefix + "--overflow-menu-options__content"
7881
+ }, [_vm._t("default")], 2), _vm._v(" "), _c('div', {
7882
+ ref: "afterContent",
7883
+ staticClass: "cv-overflow-menu__after-content",
7884
+ staticStyle: {
7885
+ "position": "absolute",
7886
+ "height": "1px",
7887
+ "width": "1px",
7888
+ "left": "-9999px"
7889
+ },
7890
+ attrs: {
7891
+ "tabindex": "0"
7892
+ },
7893
+ on: {
7894
+ "focus": _vm.focusAfterContent
7623
7895
  }
7624
- })], 1)], 2), _vm._v(" "), _c('template', {
7625
- slot: "secondary-button"
7626
- }, [_vm._v(_vm._s(_vm.cancelLabel))]), _vm._v(" "), _c('template', {
7627
- slot: "primary-button"
7628
- }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
7896
+ })])]);
7629
7897
  };
7630
7898
 
7631
7899
  var __vue_staticRenderFns__$6 = [];
7632
7900
  /* style */
7633
7901
 
7634
- const __vue_inject_styles__$6 = function (inject) {
7635
- if (!inject) return;
7636
- inject("data-v-dce15384_0", {
7637
- source: ".type-to-confirm[data-v-dce15384]{margin-top:2rem}",
7638
- map: undefined,
7639
- media: undefined
7640
- });
7641
- };
7902
+ const __vue_inject_styles__$6 = undefined;
7642
7903
  /* scoped */
7643
7904
 
7644
-
7645
- const __vue_scope_id__$6 = "data-v-dce15384";
7905
+ const __vue_scope_id__$6 = "data-v-31925b9d";
7646
7906
  /* module identifier */
7647
7907
 
7648
7908
  const __vue_module_identifier__$6 = undefined;
7649
7909
  /* functional template */
7650
7910
 
7651
7911
  const __vue_is_functional_template__$6 = false;
7912
+ /* style inject */
7913
+
7652
7914
  /* style inject SSR */
7653
7915
 
7654
7916
  /* style inject shadow dom */
@@ -7656,7 +7918,7 @@ const __vue_is_functional_template__$6 = false;
7656
7918
  const __vue_component__$c = /*#__PURE__*/normalizeComponent({
7657
7919
  render: __vue_render__$6,
7658
7920
  staticRenderFns: __vue_staticRenderFns__$6
7659
- }, __vue_inject_styles__$6, __vue_script__, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, createInjector, undefined, undefined);
7921
+ }, __vue_inject_styles__$6, __vue_script__, __vue_scope_id__$6, __vue_is_functional_template__$6, __vue_module_identifier__$6, false, undefined, undefined, undefined);
7660
7922
 
7661
7923
  var __vue_component__$d = __vue_component__$c;
7662
7924
 
@@ -8194,7 +8456,7 @@ var task = {
8194
8456
  return CheckmarkFilled16;
8195
8457
 
8196
8458
  case "pending":
8197
- return WarningFilled16;
8459
+ return Warning16;
8198
8460
 
8199
8461
  default:
8200
8462
  return InformationFilled16;
@@ -8244,84 +8506,6 @@ var task = {
8244
8506
  }
8245
8507
  };
8246
8508
 
8247
- var icon = {
8248
- name: "IconService",
8249
-
8250
- data() {
8251
- return {
8252
- Close20,
8253
- ArrowRight20,
8254
- Notification20,
8255
- UserAvatar20,
8256
- AppSwitcher20,
8257
- Search20,
8258
- RowExpand20,
8259
- RowCollapse20,
8260
- Reset20,
8261
- Download20,
8262
- Launch20,
8263
- Upgrade20,
8264
- Settings20,
8265
- ChevronDown20,
8266
- ChevronUp20,
8267
- ChevronLeft20,
8268
- ChevronRight20,
8269
- Information20,
8270
- Application20,
8271
- // used for apps, module instances and software center
8272
- Add20,
8273
- Rocket20,
8274
- Rocket32,
8275
- Chip20,
8276
- // used for cluster nodes
8277
- Chip32,
8278
- // used for cluster nodes
8279
- Save20,
8280
- Save32,
8281
- Copy20,
8282
- Application32,
8283
- // used for apps, module instances and software center
8284
- EdgeNode20,
8285
- EdgeNode32,
8286
- Cube32,
8287
- // used for systemd services
8288
- EdgeCluster32,
8289
- // used for cluster
8290
- EdgeCluster20,
8291
- // used for cluster
8292
- Connect32,
8293
- // used for join cluster
8294
- Connect20,
8295
- // used for join cluster
8296
- Edit20,
8297
- Password20,
8298
- Star20,
8299
- Checkmark20,
8300
- ZoomIn20,
8301
- // used to open details
8302
- Events32,
8303
- // used for domains
8304
- Link32,
8305
- // used for URLs and external domain providers
8306
- Link20,
8307
- // used for URLs and external domain providers
8308
- WarningAlt32,
8309
- WarningAlt20,
8310
- Tools20,
8311
- Tools32,
8312
- Network_220,
8313
- Network_232,
8314
- DataBase20,
8315
- DataBase32,
8316
- DataBackup20,
8317
- DataBackup32,
8318
- ArrowDown20,
8319
- ArrowDown32
8320
- };
8321
- }
8322
-
8323
- };
8324
-
8325
8509
  var dataTable = {
8326
8510
  name: "DataTableService",
8327
8511
  mixins: [UtilService],
@@ -15518,6 +15702,38 @@ var filters = {
15518
15702
  return result;
15519
15703
  },
15520
15704
  secondsFormat: function (value) {
15705
+ if (value < 0) {
15706
+ return "-";
15707
+ }
15708
+
15709
+ let hours = parseInt(Math.floor(value / 3600));
15710
+ let minutes = parseInt(Math.floor((value - hours * 3600) / 60));
15711
+ let seconds = parseInt((value - (hours * 3600 + minutes * 60)) % 60);
15712
+ let duration = "";
15713
+
15714
+ if (hours > 0) {
15715
+ duration += hours + "h ";
15716
+ }
15717
+
15718
+ if (minutes > 0) {
15719
+ duration += minutes + "m ";
15720
+ }
15721
+
15722
+ if (seconds > 0) {
15723
+ duration += seconds + "s";
15724
+ }
15725
+
15726
+ if (!duration) {
15727
+ return "0s";
15728
+ }
15729
+
15730
+ return duration.trim();
15731
+ },
15732
+ secondsLongFormat: function (value) {
15733
+ if (value < 0) {
15734
+ return "-";
15735
+ }
15736
+
15521
15737
  let hours = parseInt(Math.floor(value / 3600));
15522
15738
  let minutes = parseInt(Math.floor((value - hours * 3600) / 60));
15523
15739
  let seconds = parseInt((value - (hours * 3600 + minutes * 60)) % 60);
@@ -15532,25 +15748,26 @@ var filters = {
15532
15748
 
15533
15749
  var components = /*#__PURE__*/Object.freeze({
15534
15750
  __proto__: null,
15535
- NsButton: __vue_component__$I,
15536
- NsEmptyState: __vue_component__$D,
15751
+ NsButton: __vue_component__$K,
15752
+ NsEmptyState: __vue_component__$F,
15537
15753
  NsPictogram: NsPictogram,
15538
- NsCodeSnippet: __vue_component__$B,
15754
+ NsCodeSnippet: __vue_component__$D,
15539
15755
  NsInlineNotification: NsInlineNotification,
15540
15756
  NsProgressBar: NsProgressBar,
15541
15757
  NsSvg: NsSvg,
15542
- NsTile: __vue_component__$v,
15543
- NsToastNotification: __vue_component__$t,
15544
- NsInfoCard: __vue_component__$r,
15545
- NsStatusCard: __vue_component__$p,
15546
- NsSystemdServiceCard: __vue_component__$n,
15547
- NsPasswordInput: __vue_component__$l,
15548
- NsIconMenu: __vue_component__$j,
15549
- NsMeterChart: __vue_component__$h,
15550
- NsPieChart: __vue_component__$f,
15758
+ NsTile: __vue_component__$x,
15759
+ NsToastNotification: __vue_component__$v,
15760
+ NsInfoCard: __vue_component__$t,
15761
+ NsStatusCard: __vue_component__$r,
15762
+ NsSystemdServiceCard: __vue_component__$p,
15763
+ NsPasswordInput: __vue_component__$n,
15764
+ NsIconMenu: __vue_component__$l,
15765
+ NsMeterChart: __vue_component__$j,
15766
+ NsPieChart: __vue_component__$h,
15551
15767
  NsLottieAnimation: NsLottieAnimation,
15552
- NsDangerDeleteModal: __vue_component__$d,
15768
+ NsDangerDeleteModal: __vue_component__$f,
15553
15769
  NsCircleTimer: NsCircleTimer,
15770
+ NsDropdownAction: __vue_component__$d,
15554
15771
  ExclamationMark: ExclamationMark,
15555
15772
  Gear: __vue_component__$b,
15556
15773
  Love: __vue_component__$9,
@@ -15562,7 +15779,7 @@ var components = /*#__PURE__*/Object.freeze({
15562
15779
  QueryParamService: queryParam,
15563
15780
  TaskService: task,
15564
15781
  StorageService: StorageService,
15565
- IconService: icon,
15782
+ IconService: IconService,
15566
15783
  DateTimeService: DateTimeService,
15567
15784
  DataTableService: dataTable,
15568
15785
  PageTitleService: pageTitle,
@@ -15578,4 +15795,4 @@ const install = function installNs8UiLib(Vue) {
15578
15795
  });
15579
15796
  }; // Create module definition for Vue.use()
15580
15797
 
15581
- export { __vue_component__$5 as Bulldozer, dataTable as DataTableService, DateTimeService, ExclamationMark, filters as Filters, __vue_component__$b as Gear, __vue_component__$3 as Group, __vue_component__$1 as HardDrive, icon as IconService, lottie as LottieService, __vue_component__$9 as Love, __vue_component__$I as NsButton, NsCircleTimer, __vue_component__$B as NsCodeSnippet, __vue_component__$d as NsDangerDeleteModal, __vue_component__$D as NsEmptyState, __vue_component__$j as NsIconMenu, __vue_component__$r as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$h as NsMeterChart, __vue_component__$l as NsPasswordInput, NsPictogram, __vue_component__$f as NsPieChart, NsProgressBar, __vue_component__$p as NsStatusCard, NsSvg, __vue_component__$n as NsSystemdServiceCard, __vue_component__$v as NsTile, __vue_component__$t as NsToastNotification, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$7 as Warning, install as default };
15798
+ export { __vue_component__$5 as Bulldozer, dataTable as DataTableService, DateTimeService, ExclamationMark, filters as Filters, __vue_component__$b as Gear, __vue_component__$3 as Group, __vue_component__$1 as HardDrive, IconService, lottie as LottieService, __vue_component__$9 as Love, __vue_component__$K as NsButton, NsCircleTimer, __vue_component__$D as NsCodeSnippet, __vue_component__$f as NsDangerDeleteModal, __vue_component__$d as NsDropdownAction, __vue_component__$F as NsEmptyState, __vue_component__$l as NsIconMenu, __vue_component__$t as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$j as NsMeterChart, __vue_component__$n as NsPasswordInput, NsPictogram, __vue_component__$h as NsPieChart, NsProgressBar, __vue_component__$r as NsStatusCard, NsSvg, __vue_component__$p as NsSystemdServiceCard, __vue_component__$x as NsTile, __vue_component__$v as NsToastNotification, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, UtilService, __vue_component__$7 as Warning, install as default };