@nethserver/ns8-ui-lib 0.0.87 → 0.0.90

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.
@@ -6931,11 +6931,11 @@ var __vue_staticRenderFns__$m = [];
6931
6931
 
6932
6932
  const __vue_inject_styles__$n = function (inject) {
6933
6933
  if (!inject) return;
6934
- inject("data-v-cf3198ba_0", {
6935
- source: ".tooltip[data-v-cf3198ba]{display:inline-block;position:absolute}.prefix[data-v-cf3198ba]{font-weight:700;margin-right:.5rem}.align-items-center[data-v-cf3198ba]{align-items:center}",
6934
+ inject("data-v-eae7353a_0", {
6935
+ source: ".tooltip[data-v-eae7353a]{display:inline-block;position:absolute}.prefix[data-v-eae7353a]{font-weight:700;margin-right:.5rem;color:#525252}.align-items-center[data-v-eae7353a]{align-items:center}",
6936
6936
  map: undefined,
6937
6937
  media: undefined
6938
- }), inject("data-v-cf3198ba_1", {
6938
+ }), inject("data-v-eae7353a_1", {
6939
6939
  source: ".ns-text-input .bx--tooltip__label .bx--tooltip__trigger{margin-left:.25rem}",
6940
6940
  map: undefined,
6941
6941
  media: undefined
@@ -6944,7 +6944,7 @@ const __vue_inject_styles__$n = function (inject) {
6944
6944
  /* scoped */
6945
6945
 
6946
6946
 
6947
- const __vue_scope_id__$n = "data-v-cf3198ba";
6947
+ const __vue_scope_id__$n = "data-v-eae7353a";
6948
6948
  /* module identifier */
6949
6949
 
6950
6950
  const __vue_module_identifier__$n = undefined;
@@ -8152,10 +8152,235 @@ var __vue_component__$A = __vue_component__$z;
8152
8152
 
8153
8153
  //
8154
8154
  var script$b = {
8155
+ name: "NsModal",
8156
+ extends: CvModal,
8157
+ components: {
8158
+ CvModal,
8159
+ NsButton
8160
+ },
8161
+ props: {
8162
+ hideOnClickOutside: {
8163
+ type: Boolean,
8164
+ default: false
8165
+ },
8166
+ isLoading: {
8167
+ type: Boolean,
8168
+ default: false
8169
+ },
8170
+ alert: Boolean,
8171
+ closeAriaLabel: {
8172
+ type: String,
8173
+ default: "Close modal"
8174
+ },
8175
+ kind: {
8176
+ type: String,
8177
+ default: "",
8178
+ validator: val => ["", "danger"].includes(val)
8179
+ },
8180
+ autoHideOff: Boolean,
8181
+ visible: Boolean,
8182
+ primaryButtonDisabled: Boolean,
8183
+ size: String,
8184
+ hasFormContent: Boolean
8185
+ },
8186
+ methods: {
8187
+ onExternalClick(ev) {
8188
+ if (this.hideOnClickOutside) {
8189
+ if (ev.target === this.$el) {
8190
+ this._maybeHide(ev, "external-click");
8191
+ }
8192
+ }
8193
+ }
8194
+
8195
+ },
8196
+
8197
+ focusBeforeContent() {
8198
+ this.$nextTick(() => {
8199
+ if (this.$slots["primary-button"] && !this.primaryButtonDisabled) {
8200
+ this.$refs.primary.$el.focus();
8201
+ } else if (this.$slots["secondary-button"]) {
8202
+ this.$refs.secondary.$el.focus();
8203
+ } else if (this.$slots["other-button"]) {
8204
+ this.$refs.otherBtn.$el.focus();
8205
+ } else {
8206
+ this.$refs.close.focus();
8207
+ }
8208
+ });
8209
+ }
8210
+
8211
+ };
8212
+
8213
+ /* script */
8214
+ const __vue_script__$b = script$b;
8215
+ /* template */
8216
+
8217
+ var __vue_render__$h = function () {
8218
+ var _obj, _obj$1, _obj$2, _obj$3;
8219
+
8220
+ var _vm = this;
8221
+
8222
+ var _h = _vm.$createElement;
8223
+
8224
+ var _c = _vm._self._c || _h;
8225
+
8226
+ return _c('div', {
8227
+ class: ["cv-modal " + _vm.carbonPrefix + "--modal", (_obj = {
8228
+ 'is-visible': _vm.dataVisible
8229
+ }, _obj[_vm.carbonPrefix + "--modal--danger"] = _vm.kind === 'danger', _obj)],
8230
+ attrs: {
8231
+ "data-modal": "",
8232
+ "id": _vm.uid,
8233
+ "tabindex": "-1"
8234
+ },
8235
+ on: {
8236
+ "keydown": function ($event) {
8237
+ if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
8238
+ return null;
8239
+ }
8240
+
8241
+ $event.preventDefault();
8242
+ return _vm.onEsc.apply(null, arguments);
8243
+ },
8244
+ "click": function ($event) {
8245
+ if ($event.target !== $event.currentTarget) {
8246
+ return null;
8247
+ }
8248
+
8249
+ return _vm.onExternalClick.apply(null, arguments);
8250
+ }
8251
+ }
8252
+ }, [_c('div', _vm._b({
8253
+ ref: "modalDialog",
8254
+ class: [_vm.carbonPrefix + "--modal-container", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--modal-container--" + _vm.internalSize] = _vm.internalSize, _obj$1)]
8255
+ }, 'div', _vm.dialogAttrs, false), [_c('div', {
8256
+ ref: "beforeContent",
8257
+ staticClass: "cv-modal__before-content",
8258
+ staticStyle: {
8259
+ "position": "absolute",
8260
+ "height": "1px",
8261
+ "width": "1px",
8262
+ "left": "-9999px"
8263
+ },
8264
+ attrs: {
8265
+ "tabindex": "0"
8266
+ },
8267
+ on: {
8268
+ "focus": _vm.focusBeforeContent
8269
+ }
8270
+ }), _vm._v(" "), _c('div', {
8271
+ class: _vm.carbonPrefix + "--modal-header"
8272
+ }, [_c('p', {
8273
+ class: _vm.carbonPrefix + "--modal-header__label"
8274
+ }, [_vm._t("label")], 2), _vm._v(" "), _c('p', {
8275
+ class: _vm.carbonPrefix + "--modal-header__heading"
8276
+ }, [_vm._t("title", function () {
8277
+ return [_vm._v("Modal Title")];
8278
+ })], 2), _vm._v(" "), _c('button', {
8279
+ ref: "close",
8280
+ class: _vm.carbonPrefix + "--modal-close",
8281
+ attrs: {
8282
+ "type": "button",
8283
+ "aria-label": _vm.closeAriaLabel
8284
+ },
8285
+ on: {
8286
+ "click": _vm.onClose
8287
+ }
8288
+ }, [_c('Close16', {
8289
+ class: _vm.carbonPrefix + "--modal-close__icon"
8290
+ })], 1)]), _vm._v(" "), _c('div', {
8291
+ ref: "content",
8292
+ class: [_vm.carbonPrefix + "--modal-content", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--modal-content--with-form"] = _vm.hasFormContent, _obj$2)],
8293
+ attrs: {
8294
+ "tabindex": _vm.scrollable ? 0 : undefined
8295
+ }
8296
+ }, [_vm._t("content")], 2), _vm._v(" "), _vm.hasFooter ? _c('cv-button-set', {
8297
+ class: [_vm.carbonPrefix + "--modal-footer", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--modal-footer--three-button"] = _vm.hasPrimary && _vm.hasSecondary && _vm.hasOtherBtn, _obj$3)]
8298
+ }, [_vm.hasOtherBtn ? _c('cv-button', {
8299
+ ref: "otherBtn",
8300
+ attrs: {
8301
+ "type": "button",
8302
+ "kind": "secondary"
8303
+ },
8304
+ on: {
8305
+ "click": _vm.onOtherBtnClick
8306
+ }
8307
+ }, [_vm._t("other-button", function () {
8308
+ return [_vm._v("Other button")];
8309
+ })], 2) : _vm._e(), _vm._v(" "), _vm.hasSecondary ? _c('cv-button', {
8310
+ ref: "secondary",
8311
+ attrs: {
8312
+ "type": "button",
8313
+ "kind": "secondary"
8314
+ },
8315
+ on: {
8316
+ "click": _vm.onSecondaryClick
8317
+ }
8318
+ }, [_vm._t("secondary-button", function () {
8319
+ return [_vm._v("Secondary button")];
8320
+ })], 2) : _vm._e(), _vm._v(" "), _vm.hasPrimary ? _c('NsButton', {
8321
+ ref: "primary",
8322
+ attrs: {
8323
+ "disabled": _vm.primaryButtonDisabled,
8324
+ "type": "button",
8325
+ "kind": _vm.primaryKind,
8326
+ "loading": _vm.isLoading
8327
+ },
8328
+ on: {
8329
+ "click": _vm.onPrimaryClick
8330
+ }
8331
+ }, [_vm._t("primary-button", function () {
8332
+ return [_vm._v("Primary button")];
8333
+ })], 2) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _c('div', {
8334
+ ref: "afterContent",
8335
+ staticClass: "cv-modal__after-content",
8336
+ staticStyle: {
8337
+ "position": "absolute",
8338
+ "height": "1px",
8339
+ "width": "1px",
8340
+ "left": "-9999px"
8341
+ },
8342
+ attrs: {
8343
+ "tabindex": "0"
8344
+ },
8345
+ on: {
8346
+ "focus": _vm.focusAfterContent
8347
+ }
8348
+ })], 1)]);
8349
+ };
8350
+
8351
+ var __vue_staticRenderFns__$h = [];
8352
+ /* style */
8353
+
8354
+ const __vue_inject_styles__$i = undefined;
8355
+ /* scoped */
8356
+
8357
+ const __vue_scope_id__$i = undefined;
8358
+ /* module identifier */
8359
+
8360
+ const __vue_module_identifier__$i = undefined;
8361
+ /* functional template */
8362
+
8363
+ const __vue_is_functional_template__$i = false;
8364
+ /* style inject */
8365
+
8366
+ /* style inject SSR */
8367
+
8368
+ /* style inject shadow dom */
8369
+
8370
+ const __vue_component__$y = /*#__PURE__*/normalizeComponent({
8371
+ render: __vue_render__$h,
8372
+ staticRenderFns: __vue_staticRenderFns__$h
8373
+ }, __vue_inject_styles__$i, __vue_script__$b, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, undefined, undefined, undefined);
8374
+
8375
+ var NsModal = __vue_component__$y;
8376
+
8377
+ //
8378
+ var script$a = {
8155
8379
  name: "NsDangerDeleteModal",
8156
8380
  //component added for storybook to work
8157
8381
  components: {
8158
- NsInlineNotification
8382
+ NsInlineNotification,
8383
+ NsModal
8159
8384
  },
8160
8385
  mixins: [UtilService],
8161
8386
  props: {
@@ -8246,17 +8471,17 @@ var script$b = {
8246
8471
  };
8247
8472
 
8248
8473
  /* script */
8249
- const __vue_script__$b = script$b;
8474
+ const __vue_script__$a = script$a;
8250
8475
  /* template */
8251
8476
 
8252
- var __vue_render__$h = function () {
8477
+ var __vue_render__$g = function () {
8253
8478
  var _vm = this;
8254
8479
 
8255
8480
  var _h = _vm.$createElement;
8256
8481
 
8257
8482
  var _c = _vm._self._c || _h;
8258
8483
 
8259
- return _c('cv-modal', {
8484
+ return _c('NsModal', {
8260
8485
  attrs: {
8261
8486
  "kind": "danger",
8262
8487
  "size": "default",
@@ -8317,13 +8542,13 @@ var __vue_render__$h = function () {
8317
8542
  }, [_vm._v(_vm._s(_vm.deleteLabel))])], 2);
8318
8543
  };
8319
8544
 
8320
- var __vue_staticRenderFns__$h = [];
8545
+ var __vue_staticRenderFns__$g = [];
8321
8546
  /* style */
8322
8547
 
8323
- const __vue_inject_styles__$i = function (inject) {
8548
+ const __vue_inject_styles__$h = function (inject) {
8324
8549
  if (!inject) return;
8325
- inject("data-v-56c8d6b0_0", {
8326
- source: ".type-to-confirm[data-v-56c8d6b0]{margin-top:2rem}",
8550
+ inject("data-v-746a2de3_0", {
8551
+ source: ".type-to-confirm[data-v-746a2de3]{margin-top:2rem}",
8327
8552
  map: undefined,
8328
8553
  media: undefined
8329
8554
  });
@@ -8331,23 +8556,23 @@ const __vue_inject_styles__$i = function (inject) {
8331
8556
  /* scoped */
8332
8557
 
8333
8558
 
8334
- const __vue_scope_id__$i = "data-v-56c8d6b0";
8559
+ const __vue_scope_id__$h = "data-v-746a2de3";
8335
8560
  /* module identifier */
8336
8561
 
8337
- const __vue_module_identifier__$i = undefined;
8562
+ const __vue_module_identifier__$h = undefined;
8338
8563
  /* functional template */
8339
8564
 
8340
- const __vue_is_functional_template__$i = false;
8565
+ const __vue_is_functional_template__$h = false;
8341
8566
  /* style inject SSR */
8342
8567
 
8343
8568
  /* style inject shadow dom */
8344
8569
 
8345
- const __vue_component__$x = /*#__PURE__*/normalizeComponent({
8346
- render: __vue_render__$h,
8347
- staticRenderFns: __vue_staticRenderFns__$h
8348
- }, __vue_inject_styles__$i, __vue_script__$b, __vue_scope_id__$i, __vue_is_functional_template__$i, __vue_module_identifier__$i, false, createInjector, undefined, undefined);
8570
+ const __vue_component__$w = /*#__PURE__*/normalizeComponent({
8571
+ render: __vue_render__$g,
8572
+ staticRenderFns: __vue_staticRenderFns__$g
8573
+ }, __vue_inject_styles__$h, __vue_script__$a, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, createInjector, undefined, undefined);
8349
8574
 
8350
- var __vue_component__$y = __vue_component__$x;
8575
+ var __vue_component__$x = __vue_component__$w;
8351
8576
 
8352
8577
  var IconService = {
8353
8578
  name: "IconService",
@@ -8481,7 +8706,7 @@ var IconService = {
8481
8706
  };
8482
8707
 
8483
8708
  //
8484
- var script$a = {
8709
+ var script$9 = {
8485
8710
  name: "NsDropdownAction",
8486
8711
  extends: CvOverflowMenu,
8487
8712
  components: {
@@ -8513,10 +8738,10 @@ var script$a = {
8513
8738
  };
8514
8739
 
8515
8740
  /* script */
8516
- const __vue_script__$a = script$a;
8741
+ const __vue_script__$9 = script$9;
8517
8742
  /* template */
8518
8743
 
8519
- var __vue_render__$g = function () {
8744
+ var __vue_render__$f = function () {
8520
8745
  var _obj, _obj$1;
8521
8746
 
8522
8747
  var _vm = this;
@@ -8616,34 +8841,34 @@ var __vue_render__$g = function () {
8616
8841
  })])]);
8617
8842
  };
8618
8843
 
8619
- var __vue_staticRenderFns__$g = [];
8844
+ var __vue_staticRenderFns__$f = [];
8620
8845
  /* style */
8621
8846
 
8622
- const __vue_inject_styles__$h = undefined;
8847
+ const __vue_inject_styles__$g = undefined;
8623
8848
  /* scoped */
8624
8849
 
8625
- const __vue_scope_id__$h = "data-v-31925b9d";
8850
+ const __vue_scope_id__$g = "data-v-31925b9d";
8626
8851
  /* module identifier */
8627
8852
 
8628
- const __vue_module_identifier__$h = undefined;
8853
+ const __vue_module_identifier__$g = undefined;
8629
8854
  /* functional template */
8630
8855
 
8631
- const __vue_is_functional_template__$h = false;
8856
+ const __vue_is_functional_template__$g = false;
8632
8857
  /* style inject */
8633
8858
 
8634
8859
  /* style inject SSR */
8635
8860
 
8636
8861
  /* style inject shadow dom */
8637
8862
 
8638
- const __vue_component__$v = /*#__PURE__*/normalizeComponent({
8639
- render: __vue_render__$g,
8640
- staticRenderFns: __vue_staticRenderFns__$g
8641
- }, __vue_inject_styles__$h, __vue_script__$a, __vue_scope_id__$h, __vue_is_functional_template__$h, __vue_module_identifier__$h, false, undefined, undefined, undefined);
8863
+ const __vue_component__$u = /*#__PURE__*/normalizeComponent({
8864
+ render: __vue_render__$f,
8865
+ staticRenderFns: __vue_staticRenderFns__$f
8866
+ }, __vue_inject_styles__$g, __vue_script__$9, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, undefined, undefined, undefined);
8642
8867
 
8643
- var __vue_component__$w = __vue_component__$v;
8868
+ var __vue_component__$v = __vue_component__$u;
8644
8869
 
8645
8870
  //
8646
- var script$9 = {
8871
+ var script$8 = {
8647
8872
  name: "NsBackupCardDetails",
8648
8873
  mixins: [DateTimeService],
8649
8874
  props: {
@@ -8679,10 +8904,10 @@ var script$9 = {
8679
8904
  };
8680
8905
 
8681
8906
  /* script */
8682
- const __vue_script__$9 = script$9;
8907
+ const __vue_script__$8 = script$8;
8683
8908
  /* template */
8684
8909
 
8685
- var __vue_render__$f = function () {
8910
+ var __vue_render__$e = function () {
8686
8911
  var _vm = this;
8687
8912
 
8688
8913
  var _h = _vm.$createElement;
@@ -8736,10 +8961,10 @@ var __vue_render__$f = function () {
8736
8961
  }, [_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("-")])])])]);
8737
8962
  };
8738
8963
 
8739
- var __vue_staticRenderFns__$f = [];
8964
+ var __vue_staticRenderFns__$e = [];
8740
8965
  /* style */
8741
8966
 
8742
- const __vue_inject_styles__$g = function (inject) {
8967
+ const __vue_inject_styles__$f = function (inject) {
8743
8968
  if (!inject) return;
8744
8969
  inject("data-v-25453d1c_0", {
8745
8970
  source: ".ns-backup-card-details[data-v-25453d1c]{display:contents}.tr[data-v-25453d1c]{display:table-row}.td[data-v-25453d1c]{display:table-cell}.label[data-v-25453d1c]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}",
@@ -8750,26 +8975,26 @@ const __vue_inject_styles__$g = function (inject) {
8750
8975
  /* scoped */
8751
8976
 
8752
8977
 
8753
- const __vue_scope_id__$g = "data-v-25453d1c";
8978
+ const __vue_scope_id__$f = "data-v-25453d1c";
8754
8979
  /* module identifier */
8755
8980
 
8756
- const __vue_module_identifier__$g = undefined;
8981
+ const __vue_module_identifier__$f = undefined;
8757
8982
  /* functional template */
8758
8983
 
8759
- const __vue_is_functional_template__$g = false;
8984
+ const __vue_is_functional_template__$f = false;
8760
8985
  /* style inject SSR */
8761
8986
 
8762
8987
  /* style inject shadow dom */
8763
8988
 
8764
- const __vue_component__$u = /*#__PURE__*/normalizeComponent({
8765
- render: __vue_render__$f,
8766
- staticRenderFns: __vue_staticRenderFns__$f
8767
- }, __vue_inject_styles__$g, __vue_script__$9, __vue_scope_id__$g, __vue_is_functional_template__$g, __vue_module_identifier__$g, false, createInjector, undefined, undefined);
8989
+ const __vue_component__$t = /*#__PURE__*/normalizeComponent({
8990
+ render: __vue_render__$e,
8991
+ staticRenderFns: __vue_staticRenderFns__$e
8992
+ }, __vue_inject_styles__$f, __vue_script__$8, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
8768
8993
 
8769
- var NsBackupCardDetails = __vue_component__$u;
8994
+ var NsBackupCardDetails = __vue_component__$t;
8770
8995
 
8771
8996
  //
8772
- var script$8 = {
8997
+ var script$7 = {
8773
8998
  name: "NsBackupCard",
8774
8999
  components: {
8775
9000
  NsBackupCardDetails
@@ -8910,10 +9135,10 @@ var script$8 = {
8910
9135
  };
8911
9136
 
8912
9137
  /* script */
8913
- const __vue_script__$8 = script$8;
9138
+ const __vue_script__$7 = script$7;
8914
9139
  /* template */
8915
9140
 
8916
- var __vue_render__$e = function () {
9141
+ var __vue_render__$d = function () {
8917
9142
  var _vm = this;
8918
9143
 
8919
9144
  var _h = _vm.$createElement;
@@ -9029,10 +9254,10 @@ var __vue_render__$e = function () {
9029
9254
  }, [_vm._v(_vm._s(_vm.goToBackupLabel) + "\n ")])], 1)])], 2);
9030
9255
  };
9031
9256
 
9032
- var __vue_staticRenderFns__$e = [];
9257
+ var __vue_staticRenderFns__$d = [];
9033
9258
  /* style */
9034
9259
 
9035
- const __vue_inject_styles__$f = function (inject) {
9260
+ const __vue_inject_styles__$e = function (inject) {
9036
9261
  if (!inject) return;
9037
9262
  inject("data-v-5a3b7738_0", {
9038
9263
  source: ".ns-backup-card[data-v-5a3b7738]{display:flex;flex-direction:column;justify-content:center;min-height:7rem}.backup[data-v-5a3b7738]{margin-bottom:1rem}.backup[data-v-5a3b7738]:last-child{margin-bottom:0}.row[data-v-5a3b7738]{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.title[data-v-5a3b7738]{margin-left:.25rem;margin-right:.25rem;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-wrapper[data-v-5a3b7738]{display:flex;justify-content:center;margin-bottom:.5rem}.table[data-v-5a3b7738]{display:table}.tr[data-v-5a3b7738]{display:table-row}.td[data-v-5a3b7738]{display:table-cell}.label[data-v-5a3b7738]{padding-right:.75rem;font-weight:700;text-align:right;padding-bottom:.5rem}.status[data-v-5a3b7738]{font-weight:700}.backup-status-icon[data-v-5a3b7738]{margin-right:.25rem}",
@@ -9047,237 +9272,13 @@ const __vue_inject_styles__$f = function (inject) {
9047
9272
  /* scoped */
9048
9273
 
9049
9274
 
9050
- const __vue_scope_id__$f = "data-v-5a3b7738";
9051
- /* module identifier */
9052
-
9053
- const __vue_module_identifier__$f = undefined;
9054
- /* functional template */
9055
-
9056
- const __vue_is_functional_template__$f = false;
9057
- /* style inject SSR */
9058
-
9059
- /* style inject shadow dom */
9060
-
9061
- const __vue_component__$s = /*#__PURE__*/normalizeComponent({
9062
- render: __vue_render__$e,
9063
- staticRenderFns: __vue_staticRenderFns__$e
9064
- }, __vue_inject_styles__$f, __vue_script__$8, __vue_scope_id__$f, __vue_is_functional_template__$f, __vue_module_identifier__$f, false, createInjector, undefined, undefined);
9065
-
9066
- var __vue_component__$t = __vue_component__$s;
9067
-
9068
- //
9069
- var script$7 = {
9070
- name: "NsModal",
9071
- extends: CvModal,
9072
- components: {
9073
- CvModal,
9074
- NsButton
9075
- },
9076
- props: {
9077
- hideOnClickOutside: {
9078
- type: Boolean,
9079
- default: false
9080
- },
9081
- isLoading: {
9082
- type: Boolean,
9083
- default: false
9084
- },
9085
- alert: Boolean,
9086
- closeAriaLabel: {
9087
- type: String,
9088
- default: "Close modal"
9089
- },
9090
- kind: {
9091
- type: String,
9092
- default: "",
9093
- validator: val => ["", "danger"].includes(val)
9094
- },
9095
- autoHideOff: Boolean,
9096
- visible: Boolean,
9097
- primaryButtonDisabled: Boolean,
9098
- size: String,
9099
- hasFormContent: Boolean
9100
- },
9101
- methods: {
9102
- onExternalClick(ev) {
9103
- if (this.hideOnClickOutside) {
9104
- if (ev.target === this.$el) {
9105
- this._maybeHide(ev, "external-click");
9106
- }
9107
- }
9108
- }
9109
-
9110
- },
9111
-
9112
- focusBeforeContent() {
9113
- this.$nextTick(() => {
9114
- if (this.$slots["primary-button"] && !this.primaryButtonDisabled) {
9115
- this.$refs.primary.$el.focus();
9116
- } else if (this.$slots["secondary-button"]) {
9117
- this.$refs.secondary.$el.focus();
9118
- } else if (this.$slots["other-button"]) {
9119
- this.$refs.otherBtn.$el.focus();
9120
- } else {
9121
- this.$refs.close.focus();
9122
- }
9123
- });
9124
- }
9125
-
9126
- };
9127
-
9128
- /* script */
9129
- const __vue_script__$7 = script$7;
9130
- /* template */
9131
-
9132
- var __vue_render__$d = function () {
9133
- var _obj, _obj$1, _obj$2, _obj$3;
9134
-
9135
- var _vm = this;
9136
-
9137
- var _h = _vm.$createElement;
9138
-
9139
- var _c = _vm._self._c || _h;
9140
-
9141
- return _c('div', {
9142
- class: ["cv-modal " + _vm.carbonPrefix + "--modal", (_obj = {
9143
- 'is-visible': _vm.dataVisible
9144
- }, _obj[_vm.carbonPrefix + "--modal--danger"] = _vm.kind === 'danger', _obj)],
9145
- attrs: {
9146
- "data-modal": "",
9147
- "id": _vm.uid,
9148
- "tabindex": "-1"
9149
- },
9150
- on: {
9151
- "keydown": function ($event) {
9152
- if (!$event.type.indexOf('key') && _vm._k($event.keyCode, "esc", 27, $event.key, ["Esc", "Escape"])) {
9153
- return null;
9154
- }
9155
-
9156
- $event.preventDefault();
9157
- return _vm.onEsc.apply(null, arguments);
9158
- },
9159
- "click": function ($event) {
9160
- if ($event.target !== $event.currentTarget) {
9161
- return null;
9162
- }
9163
-
9164
- return _vm.onExternalClick.apply(null, arguments);
9165
- }
9166
- }
9167
- }, [_c('div', _vm._b({
9168
- ref: "modalDialog",
9169
- class: [_vm.carbonPrefix + "--modal-container", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--modal-container--" + _vm.internalSize] = _vm.internalSize, _obj$1)]
9170
- }, 'div', _vm.dialogAttrs, false), [_c('div', {
9171
- ref: "beforeContent",
9172
- staticClass: "cv-modal__before-content",
9173
- staticStyle: {
9174
- "position": "absolute",
9175
- "height": "1px",
9176
- "width": "1px",
9177
- "left": "-9999px"
9178
- },
9179
- attrs: {
9180
- "tabindex": "0"
9181
- },
9182
- on: {
9183
- "focus": _vm.focusBeforeContent
9184
- }
9185
- }), _vm._v(" "), _c('div', {
9186
- class: _vm.carbonPrefix + "--modal-header"
9187
- }, [_c('p', {
9188
- class: _vm.carbonPrefix + "--modal-header__label"
9189
- }, [_vm._t("label")], 2), _vm._v(" "), _c('p', {
9190
- class: _vm.carbonPrefix + "--modal-header__heading"
9191
- }, [_vm._t("title", function () {
9192
- return [_vm._v("Modal Title")];
9193
- })], 2), _vm._v(" "), _c('button', {
9194
- ref: "close",
9195
- class: _vm.carbonPrefix + "--modal-close",
9196
- attrs: {
9197
- "type": "button",
9198
- "aria-label": _vm.closeAriaLabel
9199
- },
9200
- on: {
9201
- "click": _vm.onClose
9202
- }
9203
- }, [_c('Close16', {
9204
- class: _vm.carbonPrefix + "--modal-close__icon"
9205
- })], 1)]), _vm._v(" "), _c('div', {
9206
- ref: "content",
9207
- class: [_vm.carbonPrefix + "--modal-content", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--modal-content--with-form"] = _vm.hasFormContent, _obj$2)],
9208
- attrs: {
9209
- "tabindex": _vm.scrollable ? 0 : undefined
9210
- }
9211
- }, [_vm._t("content")], 2), _vm._v(" "), _vm.hasFooter ? _c('cv-button-set', {
9212
- class: [_vm.carbonPrefix + "--modal-footer", (_obj$3 = {}, _obj$3[_vm.carbonPrefix + "--modal-footer--three-button"] = _vm.hasPrimary && _vm.hasSecondary && _vm.hasOtherBtn, _obj$3)]
9213
- }, [_vm.hasOtherBtn ? _c('cv-button', {
9214
- ref: "otherBtn",
9215
- attrs: {
9216
- "type": "button",
9217
- "kind": "secondary"
9218
- },
9219
- on: {
9220
- "click": _vm.onOtherBtnClick
9221
- }
9222
- }, [_vm._t("other-button", function () {
9223
- return [_vm._v("Other button")];
9224
- })], 2) : _vm._e(), _vm._v(" "), _vm.hasSecondary ? _c('cv-button', {
9225
- ref: "secondary",
9226
- attrs: {
9227
- "type": "button",
9228
- "kind": "secondary"
9229
- },
9230
- on: {
9231
- "click": _vm.onSecondaryClick
9232
- }
9233
- }, [_vm._t("secondary-button", function () {
9234
- return [_vm._v("Secondary button")];
9235
- })], 2) : _vm._e(), _vm._v(" "), _vm.hasPrimary ? _c('NsButton', {
9236
- ref: "primary",
9237
- attrs: {
9238
- "disabled": _vm.primaryButtonDisabled,
9239
- "type": "button",
9240
- "kind": _vm.primaryKind,
9241
- "loading": _vm.isLoading
9242
- },
9243
- on: {
9244
- "click": _vm.onPrimaryClick
9245
- }
9246
- }, [_vm._t("primary-button", function () {
9247
- return [_vm._v("Primary button")];
9248
- })], 2) : _vm._e()], 1) : _vm._e(), _vm._v(" "), _c('div', {
9249
- ref: "afterContent",
9250
- staticClass: "cv-modal__after-content",
9251
- staticStyle: {
9252
- "position": "absolute",
9253
- "height": "1px",
9254
- "width": "1px",
9255
- "left": "-9999px"
9256
- },
9257
- attrs: {
9258
- "tabindex": "0"
9259
- },
9260
- on: {
9261
- "focus": _vm.focusAfterContent
9262
- }
9263
- })], 1)]);
9264
- };
9265
-
9266
- var __vue_staticRenderFns__$d = [];
9267
- /* style */
9268
-
9269
- const __vue_inject_styles__$e = undefined;
9270
- /* scoped */
9271
-
9272
- const __vue_scope_id__$e = undefined;
9275
+ const __vue_scope_id__$e = "data-v-5a3b7738";
9273
9276
  /* module identifier */
9274
9277
 
9275
9278
  const __vue_module_identifier__$e = undefined;
9276
9279
  /* functional template */
9277
9280
 
9278
9281
  const __vue_is_functional_template__$e = false;
9279
- /* style inject */
9280
-
9281
9282
  /* style inject SSR */
9282
9283
 
9283
9284
  /* style inject shadow dom */
@@ -9285,9 +9286,9 @@ const __vue_is_functional_template__$e = false;
9285
9286
  const __vue_component__$r = /*#__PURE__*/normalizeComponent({
9286
9287
  render: __vue_render__$d,
9287
9288
  staticRenderFns: __vue_staticRenderFns__$d
9288
- }, __vue_inject_styles__$e, __vue_script__$7, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, undefined, undefined, undefined);
9289
+ }, __vue_inject_styles__$e, __vue_script__$7, __vue_scope_id__$e, __vue_is_functional_template__$e, __vue_module_identifier__$e, false, createInjector, undefined, undefined);
9289
9290
 
9290
- var NsModal = __vue_component__$r;
9291
+ var __vue_component__$s = __vue_component__$r;
9291
9292
 
9292
9293
  //
9293
9294
  var script$6 = {
@@ -18586,11 +18587,11 @@ var components = /*#__PURE__*/Object.freeze({
18586
18587
  NsMeterChart: __vue_component__$C,
18587
18588
  NsPieChart: __vue_component__$A,
18588
18589
  NsLottieAnimation: NsLottieAnimation,
18589
- NsDangerDeleteModal: __vue_component__$y,
18590
+ NsDangerDeleteModal: __vue_component__$x,
18590
18591
  NsCircleTimer: NsCircleTimer,
18591
- NsDropdownAction: __vue_component__$w,
18592
+ NsDropdownAction: __vue_component__$v,
18592
18593
  NsTextInput: NsTextInput,
18593
- NsBackupCard: __vue_component__$t,
18594
+ NsBackupCard: __vue_component__$s,
18594
18595
  NsWizard: __vue_component__$q,
18595
18596
  NsMenuItem: __vue_component__$o,
18596
18597
  NsMenuDivider: __vue_component__$m,
@@ -18626,4 +18627,4 @@ const install = function installNs8UiLib(Vue) {
18626
18627
  });
18627
18628
  }; // Create module definition for Vue.use()
18628
18629
 
18629
- export { __vue_component__$7 as BulldozerPictogram, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$d as GearPictogram, __vue_component__$5 as GroupPictogram, __vue_component__$3 as HardDrivePictogram, IconService, LottieService, __vue_component__$b as LovePictogram, __vue_component__$t as NsBackupCard, NsButton, NsCircleTimer, __vue_component__$X as NsCodeSnippet, __vue_component__$y as NsDangerDeleteModal, __vue_component__$f as NsDataTable, __vue_component__$w as NsDropdownAction, __vue_component__$Z as NsEmptyState, __vue_component__$E as NsIconMenu, __vue_component__$N as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$m as NsMenuDivider, __vue_component__$o as NsMenuItem, __vue_component__$C as NsMeterChart, NsModal, NsPagination, __vue_component__$G as NsPasswordInput, NsPictogram, __vue_component__$A as NsPieChart, NsProgressBar, __vue_component__$L as NsStatusCard, NsSvg, __vue_component__$k as NsSystemLogsCard, __vue_component__$J as NsSystemdServiceCard, NsTextInput, __vue_component__$R as NsTile, __vue_component__$i as NsTimePicker, __vue_component__$P as NsToastNotification, __vue_component__$q as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$1 as UserPictogram, UtilService, __vue_component__$9 as WarningPictogram, install as default };
18630
+ export { __vue_component__$7 as BulldozerPictogram, DateTimeService, ExclamationMarkPictogram, filters as Filters, __vue_component__$d as GearPictogram, __vue_component__$5 as GroupPictogram, __vue_component__$3 as HardDrivePictogram, IconService, LottieService, __vue_component__$b as LovePictogram, __vue_component__$s as NsBackupCard, NsButton, NsCircleTimer, __vue_component__$X as NsCodeSnippet, __vue_component__$x as NsDangerDeleteModal, __vue_component__$f as NsDataTable, __vue_component__$v as NsDropdownAction, __vue_component__$Z as NsEmptyState, __vue_component__$E as NsIconMenu, __vue_component__$N as NsInfoCard, NsInlineNotification, NsLottieAnimation, __vue_component__$m as NsMenuDivider, __vue_component__$o as NsMenuItem, __vue_component__$C as NsMeterChart, NsModal, NsPagination, __vue_component__$G as NsPasswordInput, NsPictogram, __vue_component__$A as NsPieChart, NsProgressBar, __vue_component__$L as NsStatusCard, NsSvg, __vue_component__$k as NsSystemLogsCard, __vue_component__$J as NsSystemdServiceCard, NsTextInput, __vue_component__$R as NsTile, __vue_component__$i as NsTimePicker, __vue_component__$P as NsToastNotification, __vue_component__$q as NsWizard, pageTitle as PageTitleService, queryParam as QueryParamService, StorageService, task as TaskService, __vue_component__$1 as UserPictogram, UtilService, __vue_component__$9 as WarningPictogram, install as default };