Merge branch 'master' of https://github.com/primefaces/primevue

package.json

@@ -1,6 +1,6 @@
 {
   "name": "primevue",
-  "version": "1.0.0-rc.4-SNAPSHOT",
+  "version": "1.0.0-rc.5-SNAPSHOT",
   "repository": {
     "type": "git",
     "url": "https://github.com/primefaces/primevue.git"

src/AppFooter.vue

@@ -1,6 +1,6 @@
 <template>
     <div class="content-section layout-footer clearfix">
-        <span>PrimeVue 1.0.0-rc.4</span>
+        <span>PrimeVue 1.0.0-rc.5</span>
         <div class="footer-links">
             <a href="https://github.com/primefaces/primevue"><i class=" icon-github fa fa-github-square"></i></a>
             <a href="https://twitter.com/primevue"><i class="icon-twitter fa fa-twitter-square"></i></a>

src/assets/styles/app.scss

@@ -91,6 +91,21 @@ body {
     font-size: 14px;
 }
 
+
+input[type="number"] {
+    -moz-appearance: textfield;
+    &::-webkit-outer-spin-button,
+    &::-webkit-inner-spin-button {
+        -webkit-appearance: none;
+        margin: 0;
+    }
+}
+
+a {
+    text-decoration: none;
+    color: #4eafe6;
+}
+
 .layout-topbar {
     background-color: #ffffff;
     display: block;
@@ -959,7 +974,6 @@ body {
     }
 }
 
-
 .clearfix {
     display: inline-block;
 
@@ -1310,19 +1324,22 @@ body {
     .layout-content .content-section.content-submenu ul li {
         width: 50%;
     }
+
+    .layout-config {
+        top: 110px;
+        height: calc(100% - 110px);
+        transform: translate3d(100%,0,0);
+        
+        .layout-config-button {
+            left: auto;
+            right: -52px;
         }
 
-input[type="number"] {
+        &.layout-config-active {
-    -moz-appearance: textfield;
+            width: 100%;
-    &::-webkit-outer-spin-button,
+            transform: translate3d(0,0,0);
-    &::-webkit-inner-spin-button {
-        -webkit-appearance: none;
-        margin: 0;
         }
     }
-a{
-    text-decoration: none;
-    color: #4eafe6;
 }
 
 @media screen and (max-width: 640px) {

src/components/datatable/DataTable.vue

@@ -742,7 +742,7 @@ export default {
 
                     //enter
                     case 13:
-                        this.onRowClick(event, rowData, rowIndex);
+                        this.onRowClick({originalEvent: event, data: rowData, index: rowIndex});
                     break;
 
                     default:

src/components/datatable/ScrollableView.vue

@@ -18,7 +18,7 @@
                 </colgroup>
                 <slot name="body"></slot>
             </table>
-            <table ref="loadingTable" :style="{top:'0', display: 'none'}" class="p-datatable-scrollable-body-table p-datatable-loading-virtual-table p-datatable-virtual-table">
+            <table ref="loadingTable" :style="{top:'0', display: 'none'}" class="p-datatable-scrollable-body-table p-datatable-loading-virtual-table p-datatable-virtual-table" v-if="virtualScroll">
                 <colgroup class="p-datatable-scrollable-colgroup">
                     <col v-for="(col,i) of columns" :key="col.columnKey||col.field||i" :style="col.headerStyle" />
                 </colgroup>

src/components/dropdown/Dropdown.vue

@@ -20,7 +20,7 @@
                 <div ref="itemsWrapper" class="p-dropdown-items-wrapper" :style="{'max-height': scrollHeight}">
                     <ul class="p-dropdown-items p-dropdown-list p-component" role="listbox">
                         <li v-for="(option, i) of visibleOptions" :class="['p-dropdown-item', {'p-highlight': isSelected(option), 'p-disabled': isOptionDisabled(option)}]"
-                            :aria-label="getOptionLabel(option)" :key="getOptionLabel(option)" @click="onOptionSelect($event, option)" role="option" :aria-selected="isSelected(option)">
+                            :aria-label="getOptionLabel(option)" :key="getOptionLabel(option) + '_' + i" @click="onOptionSelect($event, option)" role="option" :aria-selected="isSelected(option)">
                             <slot name="option" :option="option" :index="i">
                                 {{getOptionLabel(option)}}
                             </slot>