Merge pull request #7 from Stephn-R/master

Fixed up/Upgrading 4 of the directives

Author: christiaanwesterbeek

directives/md-autocomplete.sublime-snippet

@@ -1,10 +1,15 @@
 <snippet>
   <content><![CDATA[
-<md-autocomplete md-selected-item="selectedItem" md-search-text="searchText" md-items="item in getMatches(searchText)" md-item-text="item.display">
-  <span md-highlight-text="searchText">{{item.display}}</span>
+<md-autocomplete md-selected-item="${1:selectedItem}" md-search-text="${2:searchText}" md-items="${3:item in getMatches(searchText)}" md-item-text="${4:item.display}">
+  ${5:<md-item-template>
+  	${6:<span md-highlight-text="${7:searchText}">\{\{ ${8:item.display} \}\}</span>}
+  </md-item-template>}
+  ${9:<md-not-found>
+  	${10:No Matches Found.}
+  </md-not-found>}
 </md-autocomplete>
 ]]></content>
   <tabTrigger>md-autocomplete</tabTrigger>
-  <description>Angular Material - autocomplete is a special input component with a drop-down of all possible matches to a custom query. This component allows you to provide real-time suggestions as the user types in the input area.</description>
+  <description>Angular Material - Autocomplete directive with options</description>
   <scope>text.html</scope>
-</snippet>
+</snippet>

directives/md-button.sublime-snippet

@@ -1,6 +1,6 @@
 <snippet>
   <content><![CDATA[<md-button ${1:class="${2:md-raised|md-fab|md-mini}"} ${3:href="${4:http://google.com}"} ${5:ng-disabled="${6:true|false}"} aria-label="${7:description}" ${8:md-no-ink="${9:true|false}"} ${10:md-ripple-size="${11:full|partial|auto}"}>${12:content}</md-button>]]></content>
   <tabTrigger>md-button</tabTrigger>
-  <description>Angular Material Button directive with options</description>
+  <description>Angular Material - Button directive with options</description>
   <scope>text.html</scope>
 </snippet>

directives/md-card.sublime-snippet

@@ -1,17 +1,20 @@
 <snippet>
   <content><![CDATA[
 <md-card>
- <img src="card-image.png" class="md-card-image" alt="image caption">
- <md-card-content>
-   <h2>Card headline</h2>
-   <p>Card content</p>
- </md-card-content>
- <md-card-footer>
-   Card footer
- </md-card-footer>
+	${1:<img class="md-card-image" src="${2:card-image.png}" alt="${3:image caption}">}
+	<md-card-content>
+		<h2>${4:Card headline}</h2>
+		<p>${5:Card content}</p>
+	</md-card-content>
+	${6:<md-card-footer>
+	${7:Card footer}
+	</md-card-footer>}
+	${8:<div class="md-actions" layout="${9:row|column}" layout-align="${10:start|end|center} ${11:start|end|center}">
+	   ${12:<md-button>${13:content}</md-button>}
+	 </div>}
 </md-card>
 ]]></content>
   <tabTrigger>md-card</tabTrigger>
-  <description>Angular Material - Card with optional footer</description>
+  <description>Angular Material - Card directive with options</description>
   <scope>text.html</scope>
-</snippet>
+</snippet>

directives/md-checkbox.sublime-snippet

@@ -1,6 +1,10 @@
 <snippet>
-  <content><![CDATA[<md-checkbox ng-model="$1" aria-label="$2">$3</md-checkbox>]]></content>
+  <content><![CDATA[
+<md-checkbox ${1:md-no-ink} ${2:ng-true-value="${3:expr}" ng-false-value="${4:expr}"} ng-model="${5:variable}" ${6:name="${7:string}"} ${8:ng-change="${9:expr}"} ${10:ng-disabled="${11:boolean}"} aria-label="${12:string}">
+	${13:content}
+</md-checkbox>
+]]></content>
   <tabTrigger>md-checkbox</tabTrigger>
-  <description>Angular Material - button directive with optional ink ripples (default enabled).</description>
+  <description>Angular Material - Checkbox directive with options</description>
   <scope>text.html</scope>
-</snippet>
+</snippet>

directives/md-chip-remove.sublime-snippet

@@ -1,7 +1,16 @@
 <snippet>
-  <content><![CDATA[<md-chips ng-model="myItems" placeholder="Add an item" readonly="isReadOnly">
-</md-chips>]]></content>
+  <content><![CDATA[
+<md-chips ${1:ng-model="${2:string|object}"} ${3:md-on-append="${4:expr}"} ${5:placeholder="${6:string}"} ${7:secondary-placeholder="${8:string}"} ${9:readonly="${10:boolean}"} ${11:md-on-remove="${12:expr}" ${13:md-on-select="${14:expr}"}} ${15:delete-hint="${16:string}" ${17:delete-button-label="${18:string}"}}>
+	${19:<md-chip-template>
+		${20:content}
+	</md-chip-template>}
+	${21:<button md-chip-remove class="${22:md-primary vegetablechip}">
+    	${23:<md-icon>close</md-icon>}
+  	</button>}
+  	${24:<md-chip>${25:content}</md-chip>}
+</md-chips>
+]]></content>
   <tabTrigger>md-chips</tabTrigger>
-  <description>Angular Material - md-chips is an input component for building lists of strings or objects. The list items are displayed as 'chips'. This component can make use of an input element or an md-autocomplete element.</description>
+  <description>Angular Material - md-chips with full options and templating</description>
   <scope>text.html</scope>
-</snippet>
+</snippet>