set various layout components via template

Author: archmoj

src/components/annotations/defaults.js

@@ -19,6 +19,7 @@ var attributes = require('./attributes');
 
 module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) {
     handleArrayContainerDefaults(layoutIn, layoutOut, {
+        fromTemplate: (layoutOut._template || {}).annotations,
         name: 'annotations',
         handleItemDefaults: handleAnnotationDefaults
     });

src/components/annotations3d/defaults.js

@@ -16,6 +16,7 @@ var attributes = require('./attributes');
 
 module.exports = function handleDefaults(sceneLayoutIn, sceneLayoutOut, opts) {
     handleArrayContainerDefaults(sceneLayoutIn, sceneLayoutOut, {
+        fromTemplate: (sceneLayoutOut._template || {}).annotations,
         name: 'annotations',
         handleItemDefaults: handleAnnotationDefaults,
         fullLayout: opts.fullLayout

src/components/grid/index.js

@@ -177,11 +177,12 @@ function getAxes(layout, grid, axLetter) {
 // the shape of the grid - this needs to be done BEFORE supplyDataDefaults
 // so that non-subplot traces can place themselves in the grid
 function sizeDefaults(layoutIn, layoutOut) {
-    var gridIn = layoutIn.grid || {};
-    var xAxes = getAxes(layoutOut, gridIn, 'x');
-    var yAxes = getAxes(layoutOut, gridIn, 'y');
+    var gridIn = layoutIn.grid || ((layoutIn.template || {}).layout || {}).grid;
+    var xAxes = getAxes(layoutOut, gridIn || {}, 'x');
+    var yAxes = getAxes(layoutOut, gridIn || {}, 'y');
 
-    if(!layoutIn.grid && !xAxes && !yAxes) return;
+    if(!gridIn && !xAxes && !yAxes) return;
+    if(!gridIn) gridIn = {};
 
     var hasSubplotGrid = Array.isArray(gridIn.subplots) && Array.isArray(gridIn.subplots[0]);
     var hasXaxes = Array.isArray(xAxes);

src/components/images/defaults.js

@@ -17,6 +17,7 @@ var name = 'images';
 
 module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) {
     var opts = {
+        fromTemplate: (layoutOut._template || {}).images,
         name: name,
         handleItemDefaults: imageDefaults
     };

src/components/rangeselector/defaults.js

@@ -26,6 +26,7 @@ module.exports = function handleDefaults(containerIn, containerOut, layout, coun
     }
 
     var buttons = handleArrayContainerDefaults(selectorIn, selectorOut, {
+        fromTemplate: (selectorOut._template || {}).buttons,
         name: 'buttons',
         handleItemDefaults: buttonDefaults,
         calendar: calendar

src/components/shapes/defaults.js

@@ -19,6 +19,7 @@ var helpers = require('./helpers');
 
 module.exports = function supplyLayoutDefaults(layoutIn, layoutOut) {
     handleArrayContainerDefaults(layoutIn, layoutOut, {
+        fromTemplate: (layoutOut._template || {}).shapes,
         name: 'shapes',
         handleItemDefaults: handleShapeDefaults
     });

src/components/sliders/defaults.js

@@ -20,6 +20,7 @@ var stepAttrs = attributes.steps;
 
 module.exports = function slidersDefaults(layoutIn, layoutOut) {
     handleArrayContainerDefaults(layoutIn, layoutOut, {
+        fromTemplate: (layoutOut._template || {}).sliders,
         name: name,
         handleItemDefaults: sliderDefaults
     });
@@ -31,6 +32,7 @@ function sliderDefaults(sliderIn, sliderOut, layoutOut) {
     }
 
     var steps = handleArrayContainerDefaults(sliderIn, sliderOut, {
+        fromTemplate: (layoutOut._template || {}).steps,
         name: 'steps',
         handleItemDefaults: stepDefaults
     });

src/components/updatemenus/defaults.js

@@ -20,6 +20,7 @@ var buttonAttrs = attributes.buttons;
 
 module.exports = function updateMenusDefaults(layoutIn, layoutOut) {
     var opts = {
+        fromTemplate: (layoutOut._template || {}).updatemenus,
         name: name,
         handleItemDefaults: menuDefaults
     };
@@ -33,6 +34,7 @@ function menuDefaults(menuIn, menuOut, layoutOut) {
     }
 
     var buttons = handleArrayContainerDefaults(menuIn, menuOut, {
+        fromTemplate: (layoutOut._template || {}).buttons,
         name: 'buttons',
         handleItemDefaults: buttonDefaults
     });

src/plots/mapbox/layout_defaults.js

@@ -35,6 +35,7 @@ function handleDefaults(containerIn, containerOut, coerce, opts) {
     coerce('pitch');
 
     handleArrayContainerDefaults(containerIn, containerOut, {
+        fromTemplate: (containerOut._template || {}).layers,
         name: 'layers',
         handleItemDefaults: handleLayerDefaults
     });