Update to deliteful 0.7.0

ibm-js · May 12, 2015 · 1bcb4ac · 1bcb4ac
1 parent 1f74417
commit 1bcb4ac
Show file tree

Hide file tree

Showing 34 changed files with 120 additions and 132 deletions.
diff --git a/README.md b/README.md
@@ -24,8 +24,10 @@ Then install dependencies with bower (or manually from github if you prefer to):
 
 ## How to use
 
-To load the minified layer you need to wrap your main `require` call with another `require`, requiring `"deliteful-build/layer"`. Then you should continue to
-refer to modules with `"deliteful/foo"`.
+### `baseUrl` is the directory containing `deliteful-build`.
+This is the most common use-case so the needed configuration is built in the layer.
+To load the minified layer you just need to wrap your main `require` call with another `require`, requiring `"deliteful-build/layer"`.
+Then you should continue to refer to modules with `"deliteful/foo"`.
 
 For example, this code:
 ```js
@@ -42,6 +44,28 @@ require(["deliteful-build/layer"], function() {
 });
 ```
 
+### Other `baseUrl`
+
+If `baseUrl` is not the directory containing `deliteful-build`, custom configuration is needed.
+
+```js
+require.config({
+	paths: {
+		"deliteful": "path/to/deliteful-build",
+		"decor": "path/to/decor-build",
+		"delite": "path/to/delite-build",
+		"dpointer": "path/to/dpointer-build",
+		"ecma402": "path/to/ecma402-build"
+	}
+});
+```
+
+
+## Bug reporting
+
+Issues should be filled against the source version of this project at [ibm-js/deliteful](https://github.com/ibm-js/deliteful)
+
+
 ## Licensing
 
 This project is distributed by the Dojo Foundation and licensed under the ["New" BSD License](./LICENSE).

diff --git a/bower.json b/bower.json
@@ -1,12 +1,12 @@
 {
   "name": "deliteful-build",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "dependencies": {
     "jquery": ">=2.1",
     "requirejs": "2.1.x",
     "dstore": "1.0.x",
-    "decor-build": "0.5.x",
-    "delite-build": "0.6.x",
+    "decor-build": "0.6.x",
+    "delite-build": "0.7.x",
     "dpointer-build": "0.5.x",
     "ecma402-build": "0.3.x"
   },
@@ -23,6 +23,6 @@
     "CONTRIBUTING.md"
   ],
   "devDependencies": {
-    "deliteful": "0.6.0"
+    "deliteful": "0.7.0"
   }
 }
diff --git a/css/layer.css b/css/layer.css
diff --git a/layer.css b/layer.css
diff --git a/layer.js b/layer.js
diff --git a/layer.map b/layer.map
diff --git a/samples/Button.html b/samples/Button.html
@@ -19,12 +19,10 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/Button",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register) {
-			register.parse();
+		], function () {
 			document.body.style.display = "";
 		});
 
@@ -68,8 +66,8 @@
 <body style="display: none; background-color:white;">
 <div class="group">
 	<button is="d-button" label="Default button" onclick="alert(this.label + ' clicked.');"></button>
-	<button is="d-button" class="d-button-blue" label="Blue button" onclick="alert(this.label + ' clicked.');"></button>
-	<button is="d-button" class="d-button-red" label="Red button" onclick="alert(this.label + ' clicked.');"></button>
+	<button is="d-button" class="d-button-primary" label="Blue button" onclick="alert(this.label + ' clicked.');"></button>
+	<button is="d-button" class="d-button-danger" label="Red button" onclick="alert(this.label + ' clicked.');"></button>
 	<button is="d-button" iconClass = 'd-icon-phone' label="Custom with icon" class="d-button-green" onclick="alert(this.label + ' clicked.');"></button>
 	<button is="d-button" iconClass = 'd-icon-phone d-big-icon' label="Custom with icon" class="d-button-green" onclick="alert(this.label + ' clicked.');"></button>
 </div>

diff --git a/samples/Buttons.html b/samples/Buttons.html
@@ -24,33 +24,25 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/Checkbox",
 			"deliteful/Switch",
 			"deliteful/Button",
 			"deliteful/ToggleButton",
 			"deliteful/RadioButton",
 			"requirejs-domready/domReady!"
-		], function (register) {
-			register.parse();
+		], function () {
 			document.body.style.display = "";
 		});
 
 
 	});
 	</script>
 <style>
-	.d-icon-cut {
-		background-image: url('./images/paste.gif'); /* Contains both object and action icons in a sprite image for the enabled state.  */
-		width: 16px;
-		height: 16px;
-		background-repeat: no-repeat;
+	.d-icon-cut:before {
+		content: url('./images/paste.gif'); /* Contains both object and action icons in a sprite image for the enabled state.  */
 	}
-	.d-icon-copy {
-		background-image: url('./images/copy.gif'); /* Contains both object and action icons in a sprite image for the enabled state.  */
-		width: 16px;
-		height: 16px;
-		background-repeat: no-repeat;
+	.d-icon-copy:before {
+		content: url('./images/copy.gif'); /* Contains both object and action icons in a sprite image for the enabled state.  */
 	}
 	p {
 		line-height: 1.7em;

diff --git a/samples/Checkbox.html b/samples/Checkbox.html
@@ -6,7 +6,7 @@
 	      content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
 	<meta name="apple-mobile-web-app-capable" content="yes"/>
 
-	<title>Switch samples</title>
+	<title>Checkbox samples</title>
 
 	<script type="text/javascript" src="../../requirejs/require.js"></script>
 
@@ -20,12 +20,10 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/Checkbox",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register, Checkbox) {
-			register.parse();
+		], function () {
 			document.body.style.display = "";
 		});
 

diff --git a/samples/Combobox.html b/samples/Combobox.html
@@ -20,7 +20,6 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"dstore/Memory",
 			"deliteful/list/List",
 			"deliteful/Combobox",
@@ -30,8 +29,7 @@
 			"deliteful/Checkbox",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register, Memory, List) {
-			register.parse();
+		], function (Memory, List) {
 
 			startsWith.on("change", function () {
 				comboTeams.filterMode = "startsWith";
@@ -112,7 +110,7 @@
 Your favorite team (single choice):
 </p>
 <d-combobox selectionMode="single" autoFilter="true" id="comboTeams">
-	<d-list righttextAttr="world-cup-victories" categoryAttr: "region"
+	<d-list righttextAttr="world-cup-victories" categoryAttr="region"
 		store="storeTeams"></d-list>
 </d-combobox>
 <p>
@@ -128,7 +126,7 @@
 	<d-radio-button name="radio" id="is" checked="false"></d-radio-button>
 	<label for="is">is</label>
 	<d-checkbox id="ignoreCase" checked></d-checkbox>
-	<label for="ignoreCase">Ignore Case</label></p>
+	<label for="ignoreCase">Ignore Case</label>
 </fieldset>
 <br/>
 <p>

diff --git a/samples/LinearLayout.html b/samples/LinearLayout.html
@@ -19,12 +19,10 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/LinearLayout",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function(register){
-			register.parse();
+		], function(){
 			document.body.style.display = "";
 		});
 

diff --git a/samples/ProgressBar-basic.html b/samples/ProgressBar-basic.html
@@ -19,13 +19,11 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/ProgressBar",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register) {
-			register.parse();
-			document.body.style.display = "";
+		], function () {
+			document.body.style.visibility = "visible";
 		});
 
 	});
@@ -53,7 +51,7 @@
 	</style>
 
 </head>
-<body style="display: none">
+<body style="visibility: hidden">
 <p><strong>ProgressBar sample - basic</strong></p>
 
 <p>This sample shows how to declare and customize a progress bar.</p>

diff --git a/samples/ProgressBar-handler.html b/samples/ProgressBar-handler.html
@@ -24,8 +24,6 @@
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
 		], function (register) {
-			register.parse();
-
 			var label = document.getElementById("lb");
 			var progressBar = document.getElementById("pb1");
 			var loadBtn = document.getElementById("loadBtn");
@@ -63,6 +61,7 @@
 			};
 
 			label.innerHTML = "Value: indeterminate";
+			register.deliver();
 			progressBar.observe(updateLabel); // update label everytime widget changes
 
 			document.body.style.display = "";

diff --git a/samples/ProgressBar-messages.html b/samples/ProgressBar-messages.html
@@ -19,13 +19,10 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/ProgressBar",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register) {
-			register.parse();
-
+		], function () {
 			var label = document.getElementById("lb");
 			var progressBar = document.getElementById("pb1");
 			var loadBtn = document.getElementById("loadBtn");

diff --git a/samples/ProgressIndicator-basic.html b/samples/ProgressIndicator-basic.html
@@ -18,12 +18,10 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/ProgressIndicator",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register, ProgressIndicator) {
-			register.parse();
+		], function () {
 			document.body.style.display = "";
 		});
 

diff --git a/samples/ProgressIndicator-overlay.html b/samples/ProgressIndicator-overlay.html
@@ -18,12 +18,10 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/ProgressIndicator",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register, ProgressIndicator) {
-			register.parse();
+		], function () {
 
 			var overlay = document.getElementById("overlay");
 			var progressIndicator = document.getElementById("pi");

diff --git a/samples/ProgressIndicator-percentage.html b/samples/ProgressIndicator-percentage.html
@@ -18,13 +18,10 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/ProgressIndicator",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register, ProgressIndicator) {
-			register.parse();
-
+		], function () {
 			var label = document.getElementById("lb");
 			var progressIndicator = document.getElementById("pi");
 			var loadBtn = document.getElementById("loadBtn");

diff --git a/samples/ResponsiveColumns.html b/samples/ResponsiveColumns.html
@@ -24,15 +24,11 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/LinearLayout",
 			"deliteful/ResponsiveColumns",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function(register){
-			register.parse();
-
-			rc.deliver();
+		], function(){
 			screenClassLabel.innerHTML = rc.screenClass;
 
 			document.body.style.display = "";

diff --git a/samples/ScrollableContainer.html b/samples/ScrollableContainer.html
@@ -20,12 +20,10 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/ScrollableContainer",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function(register){
-			register.parse();
+		], function(){
 			document.body.style.display = "";
 		});
 

diff --git a/samples/Select.html b/samples/Select.html
@@ -20,14 +20,12 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"dstore/Memory",
 			"deliteful/Select",
 			"deliteful/Button",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function (register, Memory) {
-			register.parse();
+		], function (Memory) {
 
 			var storeTeams = new Memory({}),
 				storePlayers = new Memory({});

diff --git a/samples/SidePane-all.html b/samples/SidePane-all.html
@@ -19,13 +19,11 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/SidePane",
 			"deliteful/Button",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function(register){
-			register.parse();
+		], function(){
 			document.body.style.display = "";
 		});
 

diff --git a/samples/SidePane-overlay.html b/samples/SidePane-overlay.html
@@ -19,13 +19,11 @@
 	<script type="text/javascript">
 	require(["deliteful-build/layer"], function(){
 		require([
-			"delite/register",
 			"deliteful/SidePane",
 			"deliteful/Button",
 			"delite/theme!delite/themes/{{theme}}/global.css",	// page level CSS
 			"requirejs-domready/domReady!"
-		], function(register){
-			register.parse();
+		], function(){
 			document.body.style.display = "";
 		});