https://github.com/DesignRevision/shards-vue/issues/33

DesignRevision#31
DesignRevision#28
DesignRevision#21
DesignRevision#15

Author: requestedusernotfound

CHANGELOG.md

@@ -2,9 +2,13 @@
 
 All notable changes to this project will be documented in this file.
 
+### 1.0.8 - (2019-02-15)
+
+* fix(d-slider): add nouislider keyboard support
+
 ### 1.0.7 - (2019-01-20)
 
-* fix(d-textarea): fix(d-textarea): dynamic height based on max-rows #12
+* fix(d-textarea): dynamic height based on max-rows #12
 
 ### 1.0.6 - (2018-11-20)
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "shards-vue",
-  "version": "1.0.7",
+  "version": "1.0.8",
   "license": "MIT",
   "description": "A free, beautiful and modern Vue.js UI kit based on the Shards UI kit.",
   "main": "dist/shards-vue.common.js",
@@ -83,12 +83,12 @@
     }
   ],
   "dependencies": {
-    "bootstrap": "^4.1.3",
-    "shards-ui": "^2.1.0",
+    "bootstrap": "^4.6.1",
+    "shards-ui": "^3.0.0",
     "lodash.xor": "^4.5.0",
-    "nouislider": "^11.1.0",
+    "nouislider": "^13.1.1",
     "popper.js": "^1.14.4",
-    "vue-clickaway": "^2.2.2",
+    "vue3-click-away": "^1.2.1",
     "vuejs-datepicker": "^1.5.3"
   },
   "devDependencies": {

src/components/form-textarea/FormTextarea.vue

@@ -1,6 +1,7 @@
 <template>
   <textarea
     ref="input"
+    v-model="localValue"
     :class="[
             plaintext ? 'form-control-plaintext' : 'form-control',
             plaintext ? 'w-100' : '',
@@ -19,7 +20,6 @@
     :wrap="wrap"
     :aria-required="required ? 'true' : null"
     :aria-invalid="computedAriaInvalid"
-    @input="handleInput"
   ></textarea>
 </template>
 
@@ -34,6 +34,13 @@ export default {
     };
   },
   props: {
+    /**
+    * The element value.
+    */
+    value: {
+      type: String,
+      default: ''
+    },
     /**
      * The element name.
      */
@@ -241,10 +248,5 @@ export default {
       }
     }
   },
-  methods: {
-    handleInput(e) {
-      this.localValue = e.target.value;
-    }
-  }
 };
 </script>

src/components/link/Link.vue

@@ -11,7 +11,7 @@
             disabled ? 'disabled' : ''
         ]"
         :aria-disabled="computedAriaDisabled"
-        @click.native="handleClick">
+        @click="handleClick">
         <slot>Link</slot>
     </component>
 </template>

src/components/modal/Modal.vue

@@ -56,11 +56,18 @@ export default {
         centered: {
             type: Boolean,
             default: false
-        }
+        },
+        /**
+         * No close on backdrop click.
+         */
+        noCloseOnBackdrop: {
+            type: Boolean,
+            default: false
+        },
     },
   methods: {
     away() {
-        if (this.noBackdrop) {
+        if (this.noBackdrop || this.noCloseOnBackdrop) {
             return;
         }
 

src/components/slider/Slider.vue

@@ -92,7 +92,7 @@ export default {
 
         noUiSlider.create(this.$el, config)
 
-        this.$el.noUiSlider.on('slide', () => {
+        this.$el.noUiSlider.on('update', () => {
             const value = this.$el.noUiSlider.get()
             if (value !== this.value) {
                 this.$emit('input', value)