Added ability to rename navigation buttons

Author: Puredbest

Template/App.vue

@@ -22,7 +22,7 @@
 
               <template #hotspots>
                 <iv-pane position='left' @paneReveal="paneReveal" @paneHide="paneHide" @paneToggle="paneToggle" @paneResize="paneResize">
-                    <iv-sidebar-content>
+                    <iv-sidebar-content nextText='test N' previousText='test P'>
                         <iv-sidebar-section title="SDOF">
                             This SDOF solver takes in your parameters and then produces a time history plot of your system. Try it out by changing the input parameters and pressing submit to view your solution at the bottom of the page. To submit feedback for this module please click <a href="https://forms.gle/puL3mKPbchXzsRrV7" target="_blank">here</a>.
 

package-lock.json

@@ -1,11 +1,6 @@
 {
   "name": "@impvis/components",
-  
-
   "version": "1.5.2",
-
-
-
   "license": "BSD-3-Clause",
   "main": "./dist/impvis-components.js",
   "unpkg": "./dist/impvis-components.umd.js",

package.json

@@ -1,12 +1,22 @@
 <template>
     <div class="iv-pane-navigator">
-        <a href="#" id="iv-pagination-prev" class="iv-button">Previous</a>
-        <a href="#" id="iv-pagination-next" class="iv-button">Next</a>
+        <a href="#" id="iv-pagination-prev" class="iv-button">{{prevText}}</a>
+        <a href="#" id="iv-pagination-next" class="iv-button">{{nextText}}</a>
     </div>    
 </template>
 <script>
 export default{
-    name:'iv-pane-navigator'
+    name:'iv-pane-navigator',
+    props:{
+        nextText:{
+            type:String,
+            default:'Next'
+        },
+        prevText:{
+            type:String,
+            default:'Previous'
+        }
+    }
 }
 </script>
 <style lang="scss">

src/components/Navigation/PaneNavigator.vue

@@ -16,7 +16,7 @@
         <div class="iv-sidebar-content-body" ref="body">
             <slot/>
         </div>
-        <iv-pane-navigator v-if="showPagination"/>
+        <iv-pane-navigator :nextText="nextText" :prevText="previousText" v-if="showPagination"/>
     </div>
 </template>
 <script>
@@ -36,6 +36,14 @@ export default {
         showPagination:{
             type:Boolean,
             default:true
+        },
+        previousText:{
+            type:String,
+            default:'Previous'
+        },
+        nextText:{
+            type:String,
+            default:'Next'
         }
     },
     provide(){