added "always-selectable" to allows some steps to always be selectable

urdeveloper · Nov 23, 2018 · 9a24678 · 9a24678
1 parent 2ef9a98
commit 9a24678
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/ud-step.html b/ud-step.html
@@ -134,6 +134,13 @@
             notify: true
           },
 
+          /* 
+           * `alwaysSelectable` true to allow the step to always be selectable, even if linead and completed
+           */
+           alwaysSelectable: {
+             type:  Boolean,
+          },
+
           /**
            * Determines if the step is completed.
            */

diff --git a/ud-stepper.html b/ud-stepper.html
@@ -594,11 +594,12 @@
          * If stepper is linear: 
          *  - allow user to revisit a completed editable step
          *  - allow user to revist an optional step as long as is not completed
+         *  - bypass this logic for `always-selectable`
          */
         if (this.linear) {
           const step = this._steps[evt.detail.selected];
           if (!step) return;
-          if ((step.completed && step.editable) || (!step.completed && step.optional)) {
+          if ((step.completed && step.editable) || (!step.completed && step.optional) || step.alwaysSelectable) {
             return;
           }
           evt.preventDefault();