Updated it to have default builders

Not all types are tested, but the "simple" example works

Author: davidlgj

bower.json

@@ -19,16 +19,16 @@
     "tests"
   ],
   "dependencies": {
-    "angular-schema-form": "development",
+    "angular-schema-form": ">=0.8.6",
     "angular": "1.4.0-beta.6",
     "angular-material": "master",
     "angular-animate": "1.4",
     "angular-sanitize": "1.4"
   },
-  "resolutions": {
-    "angular": ">1.4.0-beta.0"
-  },
   "devDependencies": {
     "angular-ui-ace": "~0.2.3"
+  },
+  "resolutions": {
+    "angular": "1.4.4"
   }
 }

material-decorator.js

@@ -1,7 +1,6 @@
 <div class="checkbox schema-form-checkbox {{form.htmlClass}}"
      ng-class="{'has-error': hasError(), 'has-success': hasSuccess()}">
-  <md-checkbox ng-model="$$value$$"
-               ng-model-options="form.ngModelOptions"
+  <md-checkbox sf-field-model
                sf-changed="form"
                ng-disabled="form.readonly"
                schema-validate="form"

material-decorator.min.js

@@ -1,4 +1,4 @@
-<div sf-array="form" ng-model="$$value$$"
+<div sf-array="form" sf-field-model
      class="form-group schema-form-checkboxes {{form.htmlClass}}"
      ng-class="{'has-error': hasError(), 'has-success': hasSuccess()}">
   <label class="control-label" ng-show="showTitle()">{{form.title}}</label>

src/checkbox.html

@@ -1,6 +1,6 @@
 <div class="form-group schema-form-chips {{form.htmlClass}}"
      ng-class="{'has-error': hasError(), 'has-success': hasSuccess(), 'has-feedback': form.feedback !== false}">
-  <md-chips ng-model="$$value$$" readonly="form.readonly" flex
+  <md-chips sf-field-model readonly="form.readonly" flex
             placeholder="{{form.title || form.key.slice(-1)[0]}}">
     <md-chip-template>
       <!-- should include an optional template from form.template -->

src/checkboxes.html

@@ -19,7 +19,7 @@
          aria-describedby="{{form.key.slice(-1)[0] + 'Status'}}">
 -->
 
-  <input ng-model="$$value$$"
+  <input sf-field-model
          ng-show="form.key"
          type="{{form.type}}"
          step="any"

src/chips.html

@@ -1,4 +1,3 @@
 <fieldset ng-disabled="form.readonly" class="standard {{form.htmlClass}}" flex>
   <legend ng-show="form.title">{{ form.title }}</legend>
-  <sf-decorator ng-repeat="item in form.items" form="item"></sf-decorator>
 </fieldset>

src/default.html

@@ -1,18 +1,26 @@
 angular.module('schemaForm')
-  .config([ 'schemaFormDecoratorsProvider', function(decoratorsProvider) {
+  .config([ 'schemaFormDecoratorsProvider', 'sfBuilderProvider',
+function(decoratorsProvider, sfBuilderProvider) {
     var base = 'decorators/material/';
 
+    var simpleTransclusion  = sfBuilderProvider.builders.simpleTransclusion;
+    var ngModelOptions = sfBuilderProvider.builders.ngModelOptions;
+    var ngModel        = sfBuilderProvider.builders.ngModel;
+    var sfField        = sfBuilderProvider.builders.sfField;
+
+    var defaults = [ sfField, ngModel, ngModelOptions ];
+
     decoratorsProvider.defineDecorator('materialDecorator', {
-      textarea: { template: base + 'textarea.html' },
-      fieldset: { template: base + 'fieldset.html' },
-      'default': { template: base + 'default.html' },
-      select: { template: base + 'select.html' },
-      checkbox: { template: base + 'checkbox.html' },
-      checkboxes: { template: base + 'checkboxes.html' },
-      radios: { template: base + 'radios.html' },
-      'radios-inline': { template: base + 'radios-inline.html' },
-      radiobuttons: { template: base + 'radio-buttons.html' },
-      submit: { template: base + 'submit.html' }
+      textarea: { template: base + 'textarea.html', builder: defaults },
+      fieldset: { template: base + 'fieldset.html', builder: [ sfField, simpleTransclusion ] },
+      'default': { template: base + 'default.html', builder: defaults },
+      select: { template: base + 'select.html', builder: defaults },
+      checkbox: { template: base + 'checkbox.html', builder: defaults },
+      checkboxes: { template: base + 'checkboxes.html', builder: defaults },
+      radios: { template: base + 'radios.html', builder: defaults },
+      'radios-inline': { template: base + 'radios-inline.html', builder: defaults },
+      radiobuttons: { template: base + 'radio-buttons.html', builder: defaults },
+      submit: { template: base + 'submit.html', builder: defaults }
     });
 
     /*  decoratorsProvider.createDecorator('materialDecorator', {

src/fieldset.html

@@ -2,8 +2,8 @@
      ng-class="{'has-error': hasError(), 'has-success': hasSuccess()}">
   <label class="control-label" ng-show="showTitle()">{{form.title}}</label>
   <md-radio-group layout="row"
+                  sf-field-model="replaceAll"
                   ng-model="$$value$$"
-                  ng-model-options="form.ngModelOptions"
                   class="{{form.fieldHtmlClass}}"
                   ng-class="{ active: item.value === $$value$$ }"
                   sf-changed="form"