@nethserver/ns8-ui-lib 1.10.1 → 1.11.0

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

@@ -8860,6 +8860,14 @@ var script$g = {
     isNextDisabled: Boolean,
     isCancelDisabled: Boolean,
     isNextLoading: Boolean,
+    isPreviousShown: {
+      type: Boolean,
+      default: true
+    },
+    isCancelShown: {
+      type: Boolean,
+      default: true
+    },
     closeAriaLabel: {
       type: String,
       default: "Close modal"
@@ -8886,7 +8894,7 @@ var __vue_script__$g = script$g;
 /* template */
 
 var __vue_render__$s = function __vue_render__() {
-  var _obj, _obj$1;
+  var _obj, _obj$1, _obj$2;
 
   var _vm = this;
 
@@ -8925,8 +8933,14 @@ var __vue_render__$s = function __vue_render__() {
   })], 2), _vm._ssrNode(" "), _vm._ssrNode("<button type=\"button\"" + _vm._ssrAttr("aria-label", _vm.closeAriaLabel) + _vm._ssrClass(null, _vm.carbonPrefix + "--modal-close") + ">", "</button>", [_c('Close16', {
     class: _vm.carbonPrefix + "--modal-close__icon"
   })], 1)], 2), _vm._ssrNode(" "), _vm._ssrNode("<div" + _vm._ssrAttr("tabindex", _vm.scrollable ? 0 : undefined) + _vm._ssrClass(null, [_vm.carbonPrefix + "--modal-content", (_obj$1 = {}, _obj$1[_vm.carbonPrefix + "--modal-content--with-form"] = _vm.hasFormContent, _obj$1)]) + ">", "</div>", [_vm._t("content")], 2), _vm._ssrNode(" "), _c('cv-button-set', {
-    class: [_vm.carbonPrefix + "--modal-footer", _vm.carbonPrefix + "--modal-footer--three-button"]
+    class: [_vm.carbonPrefix + "--modal-footer", (_obj$2 = {}, _obj$2[_vm.carbonPrefix + "--modal-footer--three-button"] = _vm.isPreviousShown && _vm.isCancelShown, _obj$2)]
   }, [_c('NsButton', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isCancelShown,
+      expression: "isCancelShown"
+    }],
     ref: "wizardCancel",
     staticClass: "wizard-button",
     attrs: {
@@ -8941,6 +8955,12 @@ var __vue_render__$s = function __vue_render__() {
       }
     }
   }, [_vm._v(_vm._s(_vm.cancelLabel) + "\n      ")]), _vm._v(" "), _c('NsButton', {
+    directives: [{
+      name: "show",
+      rawName: "v-show",
+      value: _vm.isPreviousShown,
+      expression: "isPreviousShown"
+    }],
     ref: "wizardPrevious",
     staticClass: "wizard-button",
     attrs: {
@@ -8981,7 +9001,7 @@ var __vue_inject_styles__$u = undefined;
 var __vue_scope_id__$u = undefined;
 /* module identifier */
 
-var __vue_module_identifier__$u = "data-v-266da490";
+var __vue_module_identifier__$u = "data-v-ea2a3b7a";
 /* functional template */
 
 var __vue_is_functional_template__$u = false;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nethserver/ns8-ui-lib",
-  "version": "1.10.1",
+  "version": "1.11.0",
   "description": "Vue.js library for NethServer 8 UI",
   "keywords": [
     "nethserver",

package/src/lib-components/NsWizard.vue

@@ -63,10 +63,14 @@
       <cv-button-set
         :class="[
           `${carbonPrefix}--modal-footer`,
-          `${carbonPrefix}--modal-footer--three-button`,
+          {
+            [`${carbonPrefix}--modal-footer--three-button`]:
+              isPreviousShown && isCancelShown,
+          },
         ]"
       >
         <NsButton
+          v-show="isCancelShown"
           kind="secondary"
           :icon="Close20"
           @click="$emit('cancel')"
@@ -77,6 +81,7 @@
           >{{ cancelLabel }}
         </NsButton>
         <NsButton
+          v-show="isPreviousShown"
           kind="secondary"
           :icon="ChevronLeft20"
           @click="$emit('previousStep')"
@@ -125,6 +130,8 @@ export default {
     isNextDisabled: Boolean,
     isCancelDisabled: Boolean,
     isNextLoading: Boolean,
+    isPreviousShown: { type: Boolean, default: true },
+    isCancelShown: { type: Boolean, default: true },
     closeAriaLabel: { type: String, default: "Close modal" },
     autoHideOff: Boolean,
     visible: Boolean,