Handsontable 0.10.0-beta1

Author: warpech

Diff for: CHANGELOG.md

@@ -1,3 +1,15 @@
+## [0.10.0-beta1](https://github.com/warpech/jquery-handsontable/tree/v0.10.0-beta1) (Sep 24, 2013)
+
+Big functional changes in 0.10 branch:
+- an easier API for creating cell editors (see docs)
+- [`autocomplete`](http://handsontable.com/demo/autocomplete.html) cell type now uses Handsontable as the options list (previously was using Bootstrap Typeahead)
+
+Bugfixes:
+- [native scrollbars](http://handsontable.com/demo/scroll_native.html) performance improvement
+
+Code quality improvements:
+- change some of jQuery usage ($.isFunction, $.trim) to plain JavaScript
+
 ## [0.9.18](https://github.com/warpech/jquery-handsontable/tree/v0.9.18) (Sep 19, 2013)
 
 Features:

Diff for: bower.json

@@ -1,6 +1,6 @@
 {
   "name": "handsontable",
-  "version": "0.9.18",
+  "version": "0.10.0-beta1",
   "main": ["./dist/jquery.handsontable.full.js", "./dist/jquery.handsontable.full.css"],
   "ignore": [
     "**/.*",

Diff for: dist/jquery.handsontable.css

@@ -1,19 +1,16 @@
 /**
- * Handsontable 0.9.18
+ * Handsontable 0.10.0-beta1
  * Handsontable is a simple jQuery plugin for editable tables with basic copy-paste compatibility with Excel and Google Docs
  *
  * Copyright 2012, Marcin Warpechowski
  * Licensed under the MIT license.
  * http://handsontable.com/
  *
- * Date: Thu Sep 19 2013 01:45:41 GMT+0200 (Central European Daylight Time)
+ * Date: Tue Sep 24 2013 09:52:41 GMT+0200 (Central European Daylight Time)
  */
 
 .handsontable {
   position: relative;
-  font-family: Arial, Helvetica, sans-serif;
-  line-height: 1.3em;
-  font-size: 13px;
 }
 
 .handsontable.htAutoColumnSize {
@@ -28,15 +25,15 @@
 .handsontable thead,
 .handsontable td,
 .handsontable th,
-.handsontable div
-{
+.handsontable div {
   box-sizing: content-box;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
 }
 
 .handsontable table.htCore {
-  border-collapse: separate; /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
+  border-collapse: separate;
+  /*it must be separate, otherwise there are offset miscalculations in WebKit: http://stackoverflow.com/questions/2655987/border-collapse-differences-in-ff-and-webkit*/
   position: relative;
   /*this actually only changes appearance of user selection - does not make text unselectable
   -webkit-user-select: none;
@@ -71,13 +68,14 @@
   height: 22px;
   empty-cells: show;
   line-height: 21px;
-  padding: 0 4px 0 4px; /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
+  padding: 0 4px 0 4px;
+  /* top, bottom padding different than 0 is handled poorly by FF with HTML5 doctype */
   background-color: #FFF;
-  font-size: 12px;
   vertical-align: top;
   overflow: hidden;
   outline-width: 0;
-  white-space: pre-line; /* preserve new line character in cell */
+  white-space: pre-line;
+  /* preserve new line character in cell */
 }
 
 .handsontable td.htInvalid {
@@ -128,10 +126,6 @@
   white-space: nowrap;
 }
 
-.handsontable th .small {
-  font-size: 12px;
-}
-
 .handsontable thead th {
   padding: 0;
 }
@@ -200,6 +194,7 @@
 }
 
 /* border line */
+
 .handsontable .wtBorder {
   position: absolute;
   font-size: 0;
@@ -210,6 +205,7 @@
 }
 
 /* fill handle */
+
 .handsontable .wtBorder.corner {
   font-size: 0;
   cursor: crosshair;
@@ -226,16 +222,16 @@
   outline-width: 0;
   margin: 0;
   padding: 1px 4px 0 2px;
-  font-family: Arial, Helvetica, sans-serif; /*repeat from .handsontable (inherit doesn't work with IE<8) */
-  line-height: 1.3em; /*repeat from .handsontable (inherit doesn't work with IE<8) */
-  font-size: 13px;
+  font-family: Arial, Helvetica, sans-serif;
+  /*repeat from .handsontable (inherit doesn't work with IE<8) */
+  line-height: 1.3em;
+  /*repeat from .handsontable (inherit doesn't work with IE<8) */
+  font-size: inherit;
   -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
   box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
   resize: none;
-
   /*below are needed to overwrite stuff added by jQuery UI Bootstrap theme*/
   display: inline-block;
-  font-size: 13px;
   color: #000;
   border-radius: 0;
 }
@@ -244,21 +240,35 @@
   position: absolute;
   top: 0;
   left: 0;
-  width: 1px;
-  height: 1px;
+  z-index: 100;
+}
+
+.htSelectEditor {
+  -webkit-appearance: menulist-button !important;
+  position: absolute;
 }
 
 /*
 TextRenderer readOnly cell
 */
+
 .handsontable .htDimmed {
   font-style: italic;
   color: #777;
 }
 
+/*
+TextRenderer placeholder value
+*/
+
+.handsontable .htPlaceholder {
+  color: #999;
+}
+
 /*
 AutocompleteRenderer down arrow
 */
+
 .handsontable .htAutocomplete {
   position: relative;
   padding-right: 20px;
@@ -282,23 +292,23 @@ AutocompleteRenderer down arrow
 /*
 CheckboxRenderer
 */
+
 .handsontable .htCheckboxRendererInput.noValue {
   opacity: 0.5;
 }
 
 /*
 NumericRenderer
 */
+
 .handsontable .htNumeric {
   text-align: right;
 }
 
 /* typeahead rules. Needed only if you are using the autocomplete feature */
+
 .handsontable .typeahead {
   position: absolute;
-  font-family: Arial, Helvetica, sans-serif;
-  line-height: 1.3em;
-  font-size: 13px;
   z-index: 10;
   top: 100%;
   left: 0;
@@ -352,12 +362,14 @@ NumericRenderer
 }
 
 /*context menu rules*/
+
 ul.context-menu-list {
   color: black;
 }
 
 ul.context-menu-list li {
-  margin-bottom: 0; /*Foundation framework fix*/
+  margin-bottom: 0;
+  /*Foundation framework fix*/
 }
 
 /**
@@ -381,4 +393,63 @@ ul.context-menu-list li {
 
 .handsontable .dragdealer .disabled {
   background: #898989;
+}
+
+/**
+ * Handsontable in Handsontable
+ */
+
+.handsontable .handsontable .wtHider {
+  padding: 0 0 5px 0;
+}
+
+.handsontable .handsontable table {
+  -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
+  box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
+}
+
+/**
+ * Handsontable listbox theme
+ */
+
+.handsontable.listbox {
+  margin: 0;
+}
+
+.handsontable.listbox table {
+  border: 1px solid #ccc;
+  border-collapse: separate;
+  background: white;
+}
+
+.handsontable.listbox th,
+.handsontable.listbox tr:first-child th,
+.handsontable.listbox tr:last-child th,
+.handsontable.listbox tr:first-child td,
+.handsontable.listbox td {
+  border-width: 0;
+}
+
+.handsontable.listbox th,
+.handsontable.listbox td {
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.handsontable.listbox td.htDimmed {
+  cursor: default;
+  color: inherit;
+  font-style: inherit;
+}
+
+.handsontable.listbox .wtBorder {
+  visibility: hidden;
+}
+
+.handsontable.listbox .current {
+  font-weight: bold;
+}
+
+.handsontable.listbox tr:hover td {
+  background: #eee;
 }