1.5.0

Author: softwaretailoring

CHANGELOG.md

@@ -1,9 +1,14 @@
 ## 1.5.0
 
-* New wheelnav, navItem property: initPathEnable, initTransformEnable, initTitleRotate
-* Fixed clientWidth bug in multiple wheelnav mode
-* New wheelnav properties: spreaderPathFunction, spreaderPathCustom, spreaderStartAngle, spreaderSliceAngle
+* Support for html5 data- attributes
+* Implement marker
+* Redesign default style
 * Reorganize path related code, implement path for spreader
+* New wheelnav properties: initTitleRotate, initPercent
+* New spreader properties: spreaderPathFunction, spreaderPathCustom, spreaderStartAngle, spreaderSliceAngle
+* New spreader properties: spreaderInTitle, spreaderOutTitle, spreaderInPercent, spreaderOutPercent
+* New spreader style properties: spreaderPathInAttr, spreaderPathOutAttr, spreaderTitleInAttr, spreaderTitleOutAttr
+* Fixed clientWidth bug in multiple wheelnav mode
 
 ### 1.4.0
 

README.md

@@ -7,7 +7,7 @@ It works on all major desktop and mobile browser.
 
 Possible uses:
 - tab navigation
-- pie menu (radial menu)
+- pie menu (radial menu, circular menu)
 - sub menu
 - option button
 - checkboxes
@@ -17,13 +17,34 @@ For more insight please visit [http://wheelnavjs.softwaretailoring.net][projectp
 
 ## Using
 
+### Via javascript
+
+```html
+<div id="divWheelnav"></div>
+```
+
 ```javascript
 var myWheelnav = new wheelnav("divWheelnav");
 myWheelnav.slicePathFunction = slicePath().WheelSlice;
 myWheelnav.colors = colorpalette.parrot;
 myWheelnav.createWheel([icon.smile, icon.star, icon.fork, icon.$]);
 ```
 
+### Via html5 data- attributes
+
+```html
+<div id="divWheelnav" data-wheelnav data-wheelnav-slicepath="WheelSlice" data-wheelnav-colors="#D80351,#F5D908,#00A3EE,#929292">
+    <div data-wheelnav-navitemicon="smile">smile</div>
+    <div data-wheelnav-navitemicon="star">star</div>
+    <div data-wheelnav-navitemicon="fork">fork</div>
+    <div data-wheelnav-navitemicon="$">donate</div>
+</div>
+```
+
+```javascript
+var myWheelnav = new wheelnav("divWheelnav");
+```
+
 ![demo image](wheelnav_demo.gif)
 
 The index.html of this repo (test page) is available [here][testpage].

bower.json

@@ -1,17 +1,18 @@
 {
   "name": "wheelnav",
-  "version": "1.4.0",
+  "version": "1.5.0",
   "homepage": "http://wheelnavjs.softwaretailoring.net",
   "authors": [
     "Gábor Berkesi <gabor.berkesi@softwaretailoring.net> (http://softwaretailoring.net)"
   ],
-  "description": "Animated javascript navigation component based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu) and many more.",
+  "description": "Animated javascript navigation component based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.",
   "main": "js/dist/wheelnav.js",
   "keywords": [
     "animated",
     "navigation",
     "pie-menu",
     "radial-menu",
+    "circular-menu",
     "SVG",
     "Raphael",
     "wheel"

package.json

@@ -1,7 +1,7 @@
 {
     "name": "wheelnav",
-    "version": "1.4.0",
-    "description": "Animated javascript navigation component based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu) and many more.",
+    "version": "1.5.0",
+    "description": "Animated javascript navigation component based on Raphaël.js (SVG/VML). It can be a pie menu (radial menu, circular menu) and many more.",
     "homepage": "http://wheelnavjs.softwaretailoring.net",
     "main": "js/dist/wheelnav.js",
     "repository": {
@@ -24,6 +24,8 @@
         "js/required/raphael.min.js",
         "js/required/raphael.min.js.map",
         "js/required/raphael.icons.js",
+        "js/required/raphael.icons.min.js",
+        "js/required/raphael.icons.min.js.map",
         "js/required/raphael.license.txt",
         "LICENSE"
     ],    
@@ -32,6 +34,7 @@
         "navigation",
         "pie-menu",
         "radial-menu",
+        "circular-menu",
         "SVG",
         "Raphael",
         "wheel"