@everchron/ec-shards 5.0.4 → 5.0.6

package/package.json

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

package/src/components/data-grid/data-grid-head-cell.vue

@@ -162,14 +162,14 @@
     methods: {
       sortBy(){
         if(this.sorting == 'none')
-          this.newSort = 'descending'
-        else if(this.sorting == 'ascending')
-          this.newSort = 'descending'
-        else
           this.newSort = 'ascending'
+        else if(this.sorting == 'descending')
+          this.newSort = 'ascending'
+        else
+          this.newSort = 'descending'
         
         /** Emitted when the sort button is clicked. Returns the new sort order for the column. */
-        this.$emit('sortby', this.newSort)
+        this.$emit('sortby', this.newSort, this.name)
       },
 
       setColumnCellsWidth(){

package/src/components/data-grid/data-grid.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="ecs-data-grid scrollbar" :class="$slots.empty  ? 'empty' : ' '" ref="dataGridScroller">
+  <div class="ecs-data-grid scrollbar" :class="$slots.empty  ? 'empty' : ' '" ref="data-grid-scroller">
     <div class="ecs-data-grid-head" :class="sidebarOverlay ? 'sidebar-space' : ''">
       <!-- @slot Slot for the table head row cells. -->
       <slot name="head"></slot>