Disable safari 8 fix and promisify tabs

Author: Justin Moore

src/mm-tab/mm-tab.html

@@ -7,6 +7,7 @@
 <link rel="import" href="../../bower_components/polymer/polymer.html"/>
 <link rel="import" href="../shared/fonts/fonts.html"/>
 <link rel="import" href="../shared/js/colors.html"/>
+<link rel="import" href="../shared/js/zousan.html"/>
 <link rel="import" href="../shared/behaviors/stylable.html"/>
 <link rel="import" href="../shared/behaviors/templatefindable.html"/>
 <link rel="import" href="../mm-template-finder/mm-template-finder.html"/>

src/mm-tab/mm-tab.js

@@ -28,6 +28,15 @@
 			_callback: {
 				type: Object,
 			},
+			_resolved: Object,
+			promise: {
+				type: Object,
+				value: function () {
+					return new Zousan();
+				},
+				notify: true,
+				readOnly: true,
+			},
 		},
 
 		behaviors: [
@@ -53,12 +62,28 @@
 					label: this.tabLabel,
 					target: this,
 				});
+
+				if (!this.promise ||
+					this.promise === this._resolved) {
+					this._setPromise(new Zousan());
+				}
+
+				this.promise.resolve(this._instance);
+
+				this.set("_resolved", this.promise);
 			}
 		},
 
 		loadExternal: function(path, callback) {
+			if (!this.promise ||
+				this.promise === this._resolved) {
+				this._setPromise(new Zousan());
+			}
+
 			this._callback = callback;
 			this.set("templateFindable.templateUri", path);
+
+			return this.promise;
 		},
 
 	});

src/mm-tabs/index.html

@@ -165,13 +165,30 @@ <h4>Expanded Concept</h4>
 					type: "swf",
 					file: "Creative_File_" + i + ".swf",
 					selected: false,
-					expanded: false
+					expanded: false,
+					subdata: [{
+						id: 0,
+						name: Math.random().toString(36).substring(7),
+						advertiser: "Advertiser No. " + 0,
+						concept: "Concept No. " + 0,
+					}, {
+						id: 1,
+						name: Math.random().toString(36).substring(7),
+						advertiser: "Advertiser No. " + 1,
+						concept: "Concept No. " + 1,
+					}],
 				});
 			}
 
 			grid1.strConcat = strMaker;
 			grid1.data = grid1Data;
 
+			document.querySelector("mm-tab#ext").promise.then(function (instance) {
+				instance.$$("mm-tab#sameContent").promise.then(function (dataHost) {
+					dataHost.set("data", grid1Data);
+				})
+			});
+
 			document.querySelector('#jsContent').loadExternal('tab-content-alt.html', function(dataHost) {
 				var grid2Data = [];
 

src/shared/behaviors/templatefindable.html

@@ -64,16 +64,20 @@
 		var module = document.createElement("dom-module");
 		var template = document.createElement("template");
 		template.innerHTML = html;
-		var subtemplates = Array.apply(null, template.content.querySelectorAll("template:not([is])"));
-		var exclusions = subtemplates.map(function (sub) {
+
+		var fix = 0|false; // for Safari 8
+
+		var subtemplates = !fix ?
+			null : Array.apply(null, template.content.querySelectorAll("template:not([is])"));
+		var exclusions = !subtemplates ? null : subtemplates.map(function (sub) {
 			return Array.apply(null, sub.content.querySelectorAll("template:not([is])"));
 		}).reduce(arrayConcat, []).reduce(function (reduction, sub) {
 			if (reduction.indexOf(sub) < 0) {
 				reduction.push(sub);
 			}
 			return reduction;
 		}, []);
-		var inclusions = subtemplates.map(function (sub) {
+		var inclusions = !subtemplates ? null : subtemplates.map(function (sub) {
 			return this.indexOf(sub) < 0 ? sub : null;
 		}, exclusions);
 
@@ -109,8 +113,10 @@
 					document.importNode(template.content, true) :
 					document.adoptNode(template.content.cloneNode(true));
 
-				// the above does not work in Safari 8 without the following
-				Array.apply(null, dom.querySelectorAll("template")).forEach(patch, inclusions);
+				// the above does not work in Safari 8 without the following fix applied
+				if (inclusions) {
+					Array.apply(null, dom.querySelectorAll("template")).forEach(patch, inclusions);
+				}
 
 				return dom;
 			},