@everchron/ec-shards 0.8.17 → 0.8.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@everchron/ec-shards",
-  "version": "0.8.17",
+  "version": "0.8.20",
   "private": false,
   "description": "Everchron Shards UI Library",
   "repository": "https://github.com/everchron/ec-shards.git",

package/src/components/button-dialog/button-dialog.vue

@@ -1,5 +1,5 @@
 <template>
-  <button class="ecs-dialog-footer-button" :class="[typeClass, loading ? `loading` : '']" @click="$emit('click', $event)">
+  <button class="ecs-dialog-footer-button" :class="[typeClass, loading ? `loading` : '']" @click="$emit('click', $event)" :disabled="disabled">
     <ecs-icon v-if="icon || loading" :type="iconType" />
     <slot></slot>
   </button>
@@ -23,7 +23,8 @@
         validator: v => ['danger', 'confirm', null].includes(v),
         default: null
       },
-      loading: Boolean
+      loading: Boolean,
+      disabled: Boolean
     },
 
     computed: {

package/src/components/swatches-picker/swatches-picker.vue

@@ -24,7 +24,7 @@
       /** Sets the selected color value. Must be a HEX value that exists in the swatches (data) list. */
       selected: {
         type: String,
-        validator: v => ['#F9DF00', '#F3A100', '#B7EA80', '#48E4C2', '#489DFF', '#B877F0', '#FD78FD', '#C59465', '#858E9F', '#227FD3', '#5DAF00', '#A4927A', '#95989C', '#D78B21', '#EE5452', 'null', null].includes(v)
+        validator: v => ['#F9DF00', '#F3A100', '#B7EA80', '#48E4C2', '#489DFF', '#B877F0', '#FD78FD', '#858E9F', '#227FD3', '#C59465', '#5DAF00', '#A4927A', '#95989C', '#D78B21', '#EE5452', 'null', null].includes(v)
       }
     },
 
@@ -38,14 +38,14 @@
           { title: 'Blue',      color: '#489DFF' },
           { title: 'Indigo',    color: '#B877F0' },
           { title: 'Pink',      color: '#FD78FD' },
-          { title: 'Red',       color: '#EE5452' },
           { title: 'Brown',     color: '#C59465' },
-          { title: 'Grey',      color: '#858E9F' },
+          { title: 'Gray',      color: '#858E9F' },
+          { title: 'Red',       color: '#EE5452' },
           { title: 'Dark Blue', color: '#227FD3' },
-          { title: 'Grass',     color: '#5DAF00' },
+          { title: 'Green',     color: '#5DAF00' },
           { title: 'Brass',     color: '#A4927A' },
           { title: 'Silver',    color: '#95989C' },
-          { title: 'Gold',      color: '#D78B21' },
+          { title: 'Gold',      color: '#D78B21' }
         ],
         selectedColor: this.selected,
         selectedTitle: ''
@@ -62,25 +62,29 @@
 
     methods: {
       emitSelected(){
-        /** Returns the selected color value and title as Object. */
+        /** Returns the selected color value and title as Object.
         this.$emit('input', {
           color: this.selectedColor,
           title: this.selectedTitle
         })
+        */
+        this.$emit('input', this.selectedColor)
       }
     },
 
+    /*
     mounted () {
-      if(this.selected)
+      if (this.selected)
         this.selectedTitle = this.swatches[this.swatches.findIndex(x => x.color === this.selectedColor)].title
         this.emitSelected()
     },
+    */
 
     watch: {
       selectedColor(){
         this.selectedTitle = this.swatches[this.swatches.findIndex(x => x.color === this.selectedColor)].title
         this.emitSelected()
-      },
+      }
     }
   }
 </script>