├── .editorconfig
├── .gitignore
├── README.md
├── app-location.sublime-snippet
├── app-route.sublime-snippet
├── array-selector.sublime-snippet
├── carbon-location.sublime-snippet
├── carbon-route.sublime-snippet
├── custom-element.sublime-snippet
├── firebase-auth.sublime-snippet
├── html-import-iron-element.sublime-snippet
├── html-import-paper-element.sublime-snippet
├── html-import.sublime-snippet
├── html.sublime-snippet
├── iron-a11y-keys.sublime-snippet
├── iron-ajax.sublime-snippet
├── iron-autogrow-textarea.sublime-snippet
├── iron-collapse.sublime-snippet
├── iron-doc-viewer.sublime-snippet
├── iron-form.sublime-snippet
├── iron-icon.sublime-snippet
├── iron-iconset-svg.sublime-snippet
├── iron-iconset.sublime-snippet
├── iron-image.sublime-snippet
├── iron-input.sublime-snippet
├── iron-localstorage.sublime-snippet
├── iron-media-query.sublime-snippet
├── iron-meta.sublime-snippet
├── iron-pages.sublime-snippet
├── iron-selector.sublime-snippet
├── messages.json
├── messages
    ├── 0.4.0.txt
    ├── 0.4.1.txt
    ├── 0.5.0.txt
    ├── 0.5.3.txt
    ├── 0.5.4.txt
    └── install.txt
├── neon-animated-pages.sublime-snippet
├── package.json
├── paper-autogrow-textarea.sublime-snippet
├── paper-button.sublime-snippet
├── paper-card.sublime-snippet
├── paper-checkbox.sublime-snippet
├── paper-dialog-scrollable.sublime-snippet
├── paper-dialog.sublime-snippet
├── paper-drawer-panel.sublime-snippet
├── paper-fab.sublime-snippet
├── paper-header-panel.sublime-snippet
├── paper-icon-button.sublime-snippet
├── paper-input.sublime-snippet
├── paper-item.sublime-snippet
├── paper-material.sublime-snippet
├── paper-menu.sublime-snippet
├── paper-progress.sublime-snippet
├── paper-radio-button.sublime-snippet
├── paper-radio-group.sublime-snippet
├── paper-ripple.sublime-snippet
├── paper-scroll-header-panel.sublime-snippet
├── paper-slider.sublime-snippet
├── paper-spinner.sublime-snippet
├── paper-tab.sublime-snippet
├── paper-tabs.sublime-snippet
├── paper-toast.sublime-snippet
├── paper-toggle-button.sublime-snippet
├── paper-toolbar.sublime-snippet
├── paper-tooltip.sublime-snippet
├── polymer-behavior.sublime-snippet
├── polymer-element-full-strict.sublime-snippet
├── polymer-element-stylesheet.sublime-snippet
├── polymer-element.sublime-snippet
├── template-dom-bind.sublime-snippet
├── template-dom-if.sublime-snippet
├── template-dom-repeat.sublime-snippet
├── template.sublime-snippet
└── webcomponentsjs.sublime-snippet


/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | end_of_line = lf
 5 | insert_final_newline = true
 6 | trim_trailing_whitespace = true
 7 | charset = utf-8
 8 | indent_style = tab
 9 | indent_size = 4
10 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .DS_Store
2 | npm-debug.log
3 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
  1 | # Polymer Snippets for Sublime
  2 | 
  3 | ## Install
  4 | 
  5 | To install through [Package Control](http://wbond.net/sublime_packages/package_control),
  6 | search for **Polymer & Web Component Snippets**. If you still don't have Package Control in Sublime Text, [go get it](http://wbond.net/sublime_packages/package_control/installation).
  7 | It's pure awesomeness.
  8 | 
  9 | If you don't use Package Control, you can download the package and put it manually inside your `Packages` directory. It should work but will not update automatically.
 10 | 
 11 | ## Elements
 12 | 
 13 | Type the name of [any `iron-*` or `paper-*` element](https://elements.polymer-project.org), then hit `tab` to auto complete. Ex:
 14 | 
 15 | ![Using snippets](https://cloud.githubusercontent.com/assets/1066253/8323071/77f4173c-19f4-11e5-94d2-a22e3b3e526e.gif)
 16 | 
 17 | OR, start typing the prefix for an element and hit `ctrl+space` to fuzzy search for a completion. Ex:
 18 | 
 19 | ![Fuzz auto complete](https://cloud.githubusercontent.com/assets/1066253/8323081/87cd9890-19f4-11e5-9005-bf627ab30ea5.gif)
 20 | 
 21 | ## Polymer
 22 | 
 23 | ### [pe] polymer element
 24 | 
 25 | ```html
 26 | <dom-module id="$1">
 27 | 	<template>
 28 | 		<style>
 29 | 			:host {
 30 | 				display: block;
 31 | 			}
 32 | 		</style>
 33 | 		$2
 34 | 	</template>
 35 | 	<script>
 36 | 		Polymer({
 37 | 			is: '$1'
 38 | 		});
 39 | 	</script>
 40 | </dom-module>
 41 | ```
 42 | 
 43 | ### [pes] polymer element with external stylesheet
 44 | 
 45 | ```html
 46 | <dom-module id="$1">
 47 | 	<link rel="import" type="css" href="$1.css">
 48 | 	<template>
 49 | 		$2
 50 | 	</template>
 51 | 	<script>
 52 | 		Polymer({
 53 | 			is: '$1'
 54 | 		});
 55 | 	</script>
 56 | </dom-module>
 57 | ```
 58 | 
 59 | ### [hi] html import *(I use this one a lot)*
 60 | 
 61 | ```html
 62 | <link rel="import" href="${1:bower_components}/${0}/${0}.html">
 63 | ```
 64 | 
 65 | ### [hii] html import iron-* element
 66 | 
 67 | ```html
 68 | <link rel="import" href="${1:bower_components}/iron-${2}/iron-${2}.html">
 69 | ```
 70 | 
 71 | ### [hip] html import paper-* element
 72 | 
 73 | ```html
 74 | <link rel="import" href="${1:bower_components}/paper-${2}/paper-${2}.html">
 75 | ```
 76 | 
 77 | ## Web Components
 78 | 
 79 | ### [template] template
 80 | ```html
 81 | <template$1>$0</template>
 82 | ```
 83 | 
 84 | ### [ce] custom element
 85 | 
 86 | ```javascript
 87 | var ${4:tmpl} = document.querySelector('${5:template}');
 88 | 
 89 | var ${1:WidgetProto} = Object.create(HTMLElement.prototype);
 90 | 
 91 | ${1:WidgetProto}.createdCallback = function() {
 92 | 	var root = this.createShadowRoot();
 93 | 	root.appendChild(document.importNode(${4:tmpl}.content, true));
 94 | };
 95 | 
 96 | var ${2:Widget} = document.registerElement('${3:my-widget}', {
 97 | 	prototype: ${1:WidgetProto}
 98 | });
 99 | ```
100 | 
101 | ## HTML
102 | 
103 | ### [ph] HTML template with Web Components polyfill
104 | 
105 | ```html
106 | <!DOCTYPE html>
107 | <html>
108 | <head>
109 | 	<meta charset="utf-8">
110 | 
111 | 	<title>${1}</title>
112 | 	<meta name="description" content="${2}">
113 | 
114 | 	<!-- Mobile -->
115 | 	<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
116 | 
117 | 	<!-- Chrome / Android -->
118 | 	<meta name="mobile-web-app-capable" content="yes">
119 | 	<meta name="theme-color" content="black">
120 | 	<link rel="icon" href="icon.png">
121 | 
122 | 	<!-- Safari / iOS -->
123 | 	<meta name="apple-mobile-web-app-capable" content="yes">
124 | 	<meta name="apple-mobile-web-app-status-bar-style" content="black">
125 | 	<link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">
126 | 
127 | 	<!-- Web Components -->
128 | 	<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
129 | </head>
130 | <body unresolved>
131 | 	$0
132 | </body>
133 | </html>
134 | ```
135 | 
136 | ## Contributing
137 | 
138 | 1. Fork it!
139 | 2. Create your feature branch: `git checkout -b my-new-feature`
140 | 3. Commit your changes: `git commit -m 'Add some feature'`
141 | 4. Push to the branch: `git push origin my-new-feature`
142 | 5. Submit a pull request :D
143 | 
144 | ## License
145 | 
146 | [MIT License](http://robdodson.mit-license.org/) © Rob Dodson
147 | 


--------------------------------------------------------------------------------
/app-location.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <app-location route="{{${1:route}}}" ${2:use-hash-as-path}></app-location>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>app-location</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/app-route.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <app-route route="{{${1:route}}}" pattern="/:${2:page}" data="{{${3:data}}}" tail="{{${4:tail}}}"></app-route>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>app-route</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/array-selector.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <array-selector id="${1:selector}" 
 4 | 	items="{{${2:array}}}" selected="{{${3:selected}}}" 
 5 | 	${4:multi} ${5:toggle}>
 6 | </array-selector>
 7 | $0
 8 | ]]></content>
 9 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
10 | 	<tabTrigger>arrsel</tabTrigger>
11 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
12 | 	<scope>text.html</scope>
13 | 	<description>Array selector</description>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/carbon-location.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <carbon-location route="{{${1:route}}}" ${2:use-hash-as-path}></carbon-location>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>carbon-location</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/carbon-route.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <carbon-route route="{{${1:route}}}" pattern="/:${2:page}" data="{{${3:data}}}" tail="{{${4:tail}}}"></carbon-route>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>carbon-route</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/custom-element.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | var ${4:tmpl} = document.querySelector('${5:template}');
 4 | 
 5 | var ${1:WidgetProto} = Object.create(HTMLElement.prototype);
 6 | 
 7 | ${1:WidgetProto}.createdCallback = function() {
 8 | 	var root = this.createShadowRoot();
 9 | 	root.appendChild(document.importNode(${4:tmpl}.content, true));
10 | };
11 | 
12 | var ${2:Widget} = document.registerElement('${3:my-widget}', {
13 | 	prototype: ${1:WidgetProto}
14 | });
15 | ]]></content>
16 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
17 | 	<tabTrigger>ce</tabTrigger>
18 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
19 | 	<scope>source.js</scope>
20 | 	<descript>register custom element</descript>
21 | </snippet>
22 | 


--------------------------------------------------------------------------------
/firebase-auth.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <firebase-auth 
 4 | 	id="${1:firebaseAuth}" 
 5 | 	user="{{${2:user}}}"
 6 | 	status-known="{{${3:statusKnown}}}" 
 7 | 	location="https://${4:<YOUR-FIREBASE-APP>}.firebaseio.com" 
 8 | 	provider="{{${5:provider}}}" 
 9 | 	on-error="${6:errorHandler}" 
10 | 	on-user-created="${7:userSuccessHandler}" 
11 | 	on-password-changed="${7:userSuccessHandler}" 
12 | 	on-password-reset="${7:userSuccessHandler}" 
13 | 	on-user-removed="${7:userSuccessHandler}">
14 | </firebase-auth>
15 | $0
16 | ]]></content>
17 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
18 | 	<tabTrigger>fba</tabTrigger>
19 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
20 | 	<scope>text.html</scope>
21 | 	<description>Element for Firebase authentication API</description>
22 | </snippet>
23 | 


--------------------------------------------------------------------------------
/html-import-iron-element.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <link rel="import" href="${1:bower_components}/iron-${2}/iron-${2}.html">
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>hii</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | 	<description>import iron-element</description>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/html-import-paper-element.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <link rel="import" href="${1:bower_components}/paper-${2}/paper-${2}.html">
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>hip</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | 	<description>import paper-element</description>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/html-import.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |  	<content><![CDATA[
 3 | <link rel="import" href="${1:bower_components}/${0}/${0}.html">
 4 | ]]></content>
 5 |  	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 |  	<tabTrigger>hi</tabTrigger>
 7 |  	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 |  	<scope>text.html</scope>
 9 |  	<description>html import</description>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/html.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <!DOCTYPE html>
 4 | <html>
 5 | <head>
 6 | 	<meta charset="utf-8">
 7 | 
 8 | 	<title>${1}</title>
 9 | 	<meta name="description" content="${2}">
10 | 
11 | 	<!-- Mobile -->
12 | 	<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=yes">
13 | 
14 | 	<!-- Chrome / Android -->
15 | 	<meta name="mobile-web-app-capable" content="yes">
16 | 	<meta name="theme-color" content="black">
17 | 	<link rel="icon" href="icon.png">
18 | 
19 | 	<!-- Safari / iOS -->
20 | 	<meta name="apple-mobile-web-app-capable" content="yes">
21 | 	<meta name="apple-mobile-web-app-status-bar-style" content="black">
22 | 	<link rel="apple-touch-icon-precomposed" href="apple-touch-icon.png">
23 | 
24 | 	<!-- Web Components -->
25 | 	<script src="bower_components/webcomponentsjs/webcomponents-lite.js"></script>
26 | </head>
27 | <body unresolved>
28 | 	$0
29 | </body>
30 | </html>
31 | ]]></content>
32 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
33 | 	<tabTrigger>ph</tabTrigger>
34 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
35 | 	<scope>text.html</scope>
36 | 	<description>polymer html boilerplate</description>
37 | </snippet>
38 | 


--------------------------------------------------------------------------------
/iron-a11y-keys.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |  	<content><![CDATA[
 3 | <iron-a11y-keys target="${1:\{\{\}\}}" keys="${2:up down left right}" on-keys-pressed="{{${3:arrowHandler}}}"></iron-a11y-keys>
 4 | ]]></content>
 5 |  	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 |  	<tabTrigger>iron-a11y-keys</tabTrigger>
 7 |  	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 |  	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/iron-ajax.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |  	<content><![CDATA[
 3 | <iron-ajax
 4 |  	${1:auto}
 5 |  	url="${2}"
 6 |  	handle-as="${3:json}"
 7 |  	on-response="${4:handleResponse}"></iron-ajax>
 8 | ]]></content>
 9 |  	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
10 |  	<tabTrigger>iron-ajax</tabTrigger>
11 |  	<!-- Optional: Set a scope to limit where the snippet will trigger -->
12 |  	<scope>text.html</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/iron-autogrow-textarea.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-autogrow-textarea>
 4 | 	<textarea></textarea>
 5 | </iron-autogrow-textarea>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>iron-autogrow-textarea</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/iron-collapse.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-collapse id="${1:collapse}">
 4 | 	Content goes here...
 5 | </iron-collapse>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>iron-collapse</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/iron-doc-viewer.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-doc-viewer descriptor="{{${1:elementDescriptor}}}"></iron-doc-viewer>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>iron-doc-viewer</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/iron-form.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <form is="iron-form" id="${1:form}" method="${2:post}" action="${3:/form/handler}">
 4 | 	$0
 5 | </form>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>iron-form</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/iron-icon.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-icon icon="$0"></iron-icon>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>iron-icon</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/iron-iconset-svg.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-iconset-svg name="${1:my-icons}" size="${0:24}">
 4 | 	$0
 5 | </iron-iconset-svg>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>iron-iconset-svg</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/iron-iconset.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-iconset name="${1:my-icons}" src="${2:my-icons.png}" width="${3:96}" size="${4:24}"
 4 | 		icons="${5:location place starta stopb bus car train walk}">
 5 | </iron-iconset>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>iron-iconset</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/iron-image.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-image src="$1" ${2:preload} sizing="${3:cover}"></iron-image>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>iron-image</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/iron-input.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <input is="iron-input" bind-value="{{${1:myValue}}}">
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>iron-input</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/iron-localstorage.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-localstorage name="${1:my-app-storage}" value="{{${0:value}}}"></iron-localstorage>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>iron-localstorage</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/iron-media-query.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-media-query query="${1:min-width: 640px}" query-matches="{{${2:largeScreen}}}">
 4 | </iron-media-query>
 5 | ]]></content>
 6 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 7 | 	<tabTrigger>iron-media-query</tabTrigger>
 8 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 9 | 	<scope>text.html</scope>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/iron-meta.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-meta key="${1:info}"></iron-meta>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>iron-meta</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/iron-pages.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-pages selected="${1:0}">
 4 | 	<section>$2</section>
 5 | 	<section>$3</section>
 6 | 	<section>$4</section>
 7 | </iron-pages>
 8 | ]]></content>
 9 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
10 | 	<tabTrigger>iron-pages</tabTrigger>
11 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
12 | 	<scope>text.html</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/iron-selector.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <iron-selector selected="${1:0}">
 4 | 	$0
 5 | </iron-selector>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>iron-selector</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/messages.json:
--------------------------------------------------------------------------------
1 | {
2 | 	"install": "messages/install.txt",
3 | 	"0.4.0": "messages/0.4.0.txt"
4 | }
5 | 


--------------------------------------------------------------------------------
/messages/0.4.0.txt:
--------------------------------------------------------------------------------
 1 | PolymerSnippets 0.4.0 changelog
 2 | 
 3 | NEW FEATURES
 4 | 
 5 | + Added support for all core-* and paper-* elements
 6 | 
 7 | 	Type the full element name to trigger a snippet. Ex:
 8 | 
 9 | 	`core-animated-pages` (followed by tab) will output
10 | 
11 | 	<core-animated-pages selected="0" transitions="">
12 | 		<section></section>
13 | 		<section></section>
14 | 		<section></section>
15 | 	</core-animated-pages>
16 | 
17 | + Added support for fuzzy search
18 | 
19 | 	Start typing an element's name and press ctrl+space to
20 | 	bring up a fuzzy search dialog. Try typing `cor` and hit
21 | 	ctrl+space to give it a spin!
22 | 


--------------------------------------------------------------------------------
/messages/0.4.1.txt:
--------------------------------------------------------------------------------
 1 | PolymerSnippets 0.4.1 changelog
 2 | 
 3 | NEW FEATURES
 4 | 
 5 | + HTML page template with Web Components polyfill.
 6 | 	Type `ph` and hit tab.
 7 | 
 8 | + Added support for all core-* and paper-* elements
 9 | 
10 | 	Type the full element name to trigger a snippet. Ex:
11 | 
12 | 	`core-animated-pages` (followed by tab) will output
13 | 
14 | 	<core-animated-pages selected="0" transitions="">
15 | 		<section></section>
16 | 		<section></section>
17 | 		<section></section>
18 | 	</core-animated-pages>
19 | 
20 | + Added support for fuzzy search
21 | 
22 | 	Start typing an element's name and press ctrl+space to
23 | 	bring up a fuzzy search dialog. Try typing `cor` and hit
24 | 	ctrl+space to give it a spin!
25 | 


--------------------------------------------------------------------------------
/messages/0.5.0.txt:
--------------------------------------------------------------------------------
 1 | PolymerSnippets 0.5.0 changelog
 2 | 
 3 | NEW FEATURES
 4 | 
 5 | + Support for Polymer 1.0!
 6 | 
 7 | + Replaced core-* snippets with iron-* elements
 8 | 
 9 | + Updated all iron-* and paper-* elements to the latest versions
10 | 


--------------------------------------------------------------------------------
/messages/0.5.3.txt:
--------------------------------------------------------------------------------
1 | PolymerSnippets 0.5.3 changelog
2 | 
3 | NEW FEATURES
4 | 
5 | + Add support for tabs (PR-15)
6 | 


--------------------------------------------------------------------------------
/messages/0.5.4.txt:
--------------------------------------------------------------------------------
1 | PolymerSnippets 0.5.3 changelog
2 | 
3 | BUG FIXES
4 | 
5 | + General bug fixes for incorrect or missing attributes
6 | 


--------------------------------------------------------------------------------
/messages/install.txt:
--------------------------------------------------------------------------------
 1 | Polymer Snippets
 2 | ================
 3 | 
 4 | A full set of Polymer, Web Components, and Material Design element snippets.
 5 | 
 6 | 
 7 | Features:
 8 | ---------
 9 | 
10 | Snippets for common Polymer operations (creating a new element, creating an element with external stylesheets, importing custom elements, etc).
11 | 
12 | ex: `pe` + tab
13 | 
14 | Snippets for *all* Material Design elements
15 | 
16 | ex: `paper-tabs` + tab
17 | 
18 | Fuzzy search!
19 | 
20 | ex: `iron` + ctrl + space
21 | 
22 | Snippets for working with vanilla Web Components (define your own custom tag).
23 | 
24 | ex: `ce` + tab
25 | 


--------------------------------------------------------------------------------
/neon-animated-pages.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | <neon-animated-pages selected="${1:0}" entry-animation="${2:slide-from-right-animation}" exit-animation="${3:slide-left-animation}">
 4 |     <neon-animatable>$4</neon-animatable>
 5 |     <neon-animatable>$5</neon-animatable>
 6 |     <neon-animatable>$6</neon-animatable>
 7 | </neon-animated-pages>
 8 | ]]></content>
 9 |     <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
10 |     <tabTrigger>neon-animated-pages</tabTrigger>
11 |     <!-- Optional: Set a scope to limit where the snippet will trigger -->
12 |     <scope>text.html</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "PolymerSnippets",
 3 |   "version": "0.6.4",
 4 |   "description": "Sublime snippets for Polymer and Web Components",
 5 |   "repository": {
 6 |     "type": "git",
 7 |     "url": "https://github.com/robdodson/PolymerSnippets.git"
 8 |   },
 9 |   "author": {
10 |     "name": "Rob Dodson",
11 |     "email": "robdodson@google.com",
12 |     "url": "http://robdodson.me"
13 |   },
14 |   "license": "MIT",
15 |   "bugs": {
16 |     "url": "https://github.com/robdodson/PolymerSnippets/issues"
17 |   },
18 |   "homepage": "https://github.com/robdodson/PolymerSnippets"
19 | }
20 | 


--------------------------------------------------------------------------------
/paper-autogrow-textarea.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-autogrow-textarea id="${1:a1}">
 4 | 	<textarea id="${2:t1}"></textarea>
 5 | <paper-autogrow-textarea>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>paper-autogrow-textarea</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/paper-button.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-button${1: raised}>$0</paper-button>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-button</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-card.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 |     <content><![CDATA[
 3 | <paper-card heading="${1:Card title}"${2: image="$3"} elevation="${4:1}" animated-shadow="${5:false}">
 4 |   <div class="card-content">$6</div>
 5 |   <div class="card-actions">
 6 |     $7
 7 |   </div>
 8 | </paper-card>
 9 | ]]></content>
10 |     <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
11 |     <tabTrigger>paper-card</tabTrigger>
12 |     <!-- Optional: Set a scope to limit where the snippet will trigger -->
13 |     <scope>text.html</scope>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/paper-checkbox.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-checkbox${1: checked}></paper-checkbox>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-checkbox</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-dialog-scrollable.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-dialog>
 4 | 	<h2>${1:Dialog Title}</h2>
 5 | 	<paper-dialog-scrollable>
 6 | 		$0
 7 | 	</paper-dialog-scrollable>
 8 | </paper-dialog>
 9 | ]]></content>
10 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
11 | 	<tabTrigger>paper-dialog</tabTrigger>
12 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
13 | 	<scope>text.html</scope>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/paper-dialog.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-dialog>
 4 | 	<h2>${1:Dialog Title}</h2>
 5 | 	$0
 6 | </paper-dialog>
 7 | ]]></content>
 8 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 9 | 	<tabTrigger>paper-dialog</tabTrigger>
10 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
11 | 	<scope>text.html</scope>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/paper-drawer-panel.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-drawer-panel>
 4 | 	<paper-header-panel drawer>
 5 | 		<paper-toolbar>${1:Menu}</paper-toolbar>
 6 | 		$0
 7 | 	</paper-header-panel>
 8 | 	<paper-header-panel main>
 9 | 		<paper-toolbar>
10 | 			<paper-icon-button icon="menu" paper-drawer-toggle></paper-icon-button>
11 | 			<div class="flex">${2:My App}</div>
12 | 		</paper-toolbar>
13 | 	</paper-header-panel>
14 | </paper-drawer-panel>
15 | ]]></content>
16 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
17 | 	<tabTrigger>paper-drawer-panel</tabTrigger>
18 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
19 | 	<scope>text.html</scope>
20 | </snippet>
21 | 


--------------------------------------------------------------------------------
/paper-fab.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-fab icon="${1:add}"></paper-fab>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-fab</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-header-panel.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-header-panel class="flex">
 4 | 	<paper-toolbar>${1}</paper-toolbar>
 5 | 	<div>$0</div>
 6 | </paper-header-panel>
 7 | ]]></content>
 8 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 9 | 	<tabTrigger>paper-header-panel</tabTrigger>
10 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
11 | 	<scope>text.html</scope>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/paper-icon-button.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-icon-button icon="$0"></paper-icon-button>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-icon-button</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-input.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-input label="$0"></paper-input>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-input</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-item.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-item>$0</paper-item>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-item</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-material.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-material elevation="${1:1}">
 4 | 	$0
 5 | </paper-material>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>paper-material</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/paper-menu.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-menu${1: multi}>
 4 | 	<paper-item>${2:Item 1}</paper-item>
 5 | 	<paper-item>${3:Item 2}</paper-item>
 6 | </paper-menu>
 7 | ]]></content>
 8 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 9 | 	<tabTrigger>paper-menu</tabTrigger>
10 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
11 | 	<scope>text.html</scope>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/paper-progress.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-progress value="${1:10}"></paper-progress>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-progress</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-radio-button.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-radio-button></paper-radio-button>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-radio-button</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-radio-group.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-radio-group selected="${1:small}">
 4 | 	<paper-radio-button name="${2:small}">${3:Small}</paper-radio-button>
 5 | 	<paper-radio-button name="${4:medium}">${5:Medium}</paper-radio-button>
 6 | 	<paper-radio-button name="${6:large}">${7:Large}</paper-radio-button>
 7 | </paper-radio-group>
 8 | ]]></content>
 9 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
10 | 	<tabTrigger>paper-radio-group</tabTrigger>
11 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
12 | 	<scope>text.html</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/paper-ripple.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-ripple></paper-ripple>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-ripple</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-scroll-header-panel.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-scroll-header-panel ${1:condenses} class="flex">
 4 | 	<paper-toolbar>
 5 | 		<div>${2:My App}</div>
 6 | 	</paper-toolbar>
 7 | 	<div>${3:Page content}</div>
 8 | </paper-scroll-header-panel>
 9 | ]]></content>
10 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
11 | 	<tabTrigger>paper-scroll-header-panel</tabTrigger>
12 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
13 | 	<scope>text.html</scope>
14 | </snippet>
15 | 


--------------------------------------------------------------------------------
/paper-slider.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-slider min="${1:10}" max="${2:200}" value="${3:110}"></paper-slider>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-slider</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-spinner.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-spinner${1: active}></paper-spinner>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-spinner</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-tab.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-tab>$0</paper-tab>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-tab</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-tabs.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-tabs selected="${1:0}">
 4 | 	<paper-tab>${2:TAB 1}</paper-tab>
 5 | 	<paper-tab>${3:TAB 2}</paper-tab>
 6 | 	<paper-tab>${4:TAB 3}</paper-tab>
 7 | </paper-tabs>
 8 | ]]></content>
 9 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
10 | 	<tabTrigger>paper-tabs</tabTrigger>
11 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
12 | 	<scope>text.html</scope>
13 | </snippet>
14 | 


--------------------------------------------------------------------------------
/paper-toast.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-toast text="${1:Your draft has been discarded.}">$0</paper-toast>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-toast</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-toggle-button.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-toggle-button${1: checked}></paper-toggle-button>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>paper-toggle-button</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------
/paper-toolbar.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-toolbar class="${1:tall}">
 4 | 	$0
 5 | </paper-toolbar>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>paper-toolbar</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | </snippet>
12 | 


--------------------------------------------------------------------------------
/paper-tooltip.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <paper-tooltip
 4 |   for="$1"
 5 |   position="${2:bottom}"
 6 |   offset="${3:14}">
 7 |   $0
 8 | </paper-tooltip>
 9 | ]]></content>
10 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
11 | 	<tabTrigger>paper-tooltip</tabTrigger>
12 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
13 | 	<scope>text.html</scope>
14 | 	<description>Paper Tooltip element</description>
15 | </snippet>
16 | 


--------------------------------------------------------------------------------
/polymer-behavior.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | /**
 4 |  * A comment describing this behavior...
 5 |  * @polymerBehavior $1
 6 |  */
 7 | <script>
 8 | 	$1 = {
 9 | 
10 | 	};
11 | </script>
12 | ]]></content>
13 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
14 | 	<tabTrigger>pb</tabTrigger>
15 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
16 | 	<scope>text.html</scope>
17 | 	<description>polymer behavior</description>
18 | </snippet>
19 | 


--------------------------------------------------------------------------------
/polymer-element-full-strict.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <link rel="import" href="$1/polymer/polymer.html">
 4 | 
 5 | <!--
 6 | A comment describing this element
 7 | 
 8 | Example:
 9 | 
10 |     <my-elem></my-elem>
11 | 
12 | Example:
13 | 
14 |     <my-elem>
15 |       <h2>Hello my-elem</h2>
16 |     </my-elem>
17 | 
18 | @demo demo/index.html
19 | -->
20 | 
21 | <dom-module id="$2">
22 | 	<template>
23 | 		<style>
24 | 			:host {
25 | 				display: block;
26 | 			}
27 | 		</style>
28 | 		$0
29 | 	</template>
30 | 	<script>
31 | 		(function() {
32 | 			'use strict';
33 | 
34 | 			Polymer({
35 | 				is: '$2'
36 | 			});
37 | 		})();
38 | 	</script>
39 | </dom-module>
40 | ]]></content>
41 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
42 | 	<tabTrigger>pefs</tabTrigger>
43 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
44 | 	<scope>text.html</scope>
45 | 	<description>polymer element full strict</description>
46 | </snippet>
47 | 


--------------------------------------------------------------------------------
/polymer-element-stylesheet.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <link rel="import" href="$1/polymer/polymer.html">
 4 | 
 5 | <!--
 6 | A comment describing this element.
 7 | 
 8 | Example:
 9 | 
10 |     <my-elem></my-elem>
11 | 
12 | Example:
13 | 
14 |     <my-elem>
15 |       <h2>Hello my-elem</h2>
16 |     </my-elem>
17 | 
18 | @demo demo/index.html
19 | -->
20 | 
21 | <dom-module id="$2">
22 | 	<link rel="import" type="css" href="$3.css">
23 | 	<template>
24 | 		$0
25 | 	</template>
26 | 	<script>
27 | 		Polymer({
28 | 			is: '$2'
29 | 		});
30 | 	</script>
31 | </dom-module>
32 | ]]></content>
33 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
34 | 	<tabTrigger>pes</tabTrigger>
35 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
36 | 	<scope>text.html</scope>
37 | 	<description>polymer element, external styles</description>
38 | </snippet>
39 | 


--------------------------------------------------------------------------------
/polymer-element.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <link rel="import" href="$1/polymer/polymer.html">
 4 | 
 5 | <!--
 6 | A comment describing this element
 7 | 
 8 | Example:
 9 | 
10 |     <my-elem></my-elem>
11 | 
12 | Example:
13 | 
14 |     <my-elem>
15 |       <h2>Hello my-elem</h2>
16 |     </my-elem>
17 | 
18 | @demo demo/index.html
19 | -->
20 | 
21 | <dom-module id="$2">
22 | 	<template>
23 | 		<style>
24 | 			:host {
25 | 				display: block;
26 | 			}
27 | 		</style>
28 | 		$0
29 | 	</template>
30 | 	<script>
31 | 		Polymer({
32 | 			is: '$2'
33 | 		});
34 | 	</script>
35 | </dom-module>
36 | ]]></content>
37 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
38 | 	<tabTrigger>pe</tabTrigger>
39 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
40 | 	<scope>text.html</scope>
41 | 	<description>polymer element</description>
42 | </snippet>
43 | 


--------------------------------------------------------------------------------
/template-dom-bind.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <template is="dom-bind">
 4 | 	$0
 5 | </template>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>domb</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | 	<description>Template "dom-bind"</description>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/template-dom-if.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <template is="dom-if" if={{${1:isEnabled}}}>
 4 | 	$0
 5 | </template>
 6 | ]]></content>
 7 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 8 | 	<tabTrigger>domi</tabTrigger>
 9 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
10 | 	<scope>text.html</scope>
11 | 	<description>Template "dom-if"</description>
12 | </snippet>
13 | 


--------------------------------------------------------------------------------
/template-dom-repeat.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <template is="dom-repeat" items={{${1:array}}} 
 4 | 	as=${2:item} index-as=${3:index}
 5 | 	filter="${4:isHandler}" sort="${5:sortHandler}" observe="${6:itemField1 itemField2}">
 6 | 	<!-- {{${2:item}}} and {{${3:index}}} can be used in this binding scope -->
 7 | 	$0
 8 | </template>
 9 | ]]></content>
10 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
11 | 	<tabTrigger>domr</tabTrigger>
12 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
13 | 	<scope>text.html</scope>
14 | 	<description>Template "dom-repeat"</description>
15 | </snippet>
16 | 


--------------------------------------------------------------------------------
/template.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <template$1>$0</template>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>template</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | 	<description>template</description>
10 | </snippet>
11 | 


--------------------------------------------------------------------------------
/webcomponentsjs.sublime-snippet:
--------------------------------------------------------------------------------
 1 | <snippet>
 2 | 	<content><![CDATA[
 3 | <script src="${0:bower_components}/webcomponentsjs/webcomponents-lite.js"></script>
 4 | ]]></content>
 5 | 	<!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
 6 | 	<tabTrigger>webcomponents</tabTrigger>
 7 | 	<!-- Optional: Set a scope to limit where the snippet will trigger -->
 8 | 	<scope>text.html</scope>
 9 | </snippet>
10 | 


--------------------------------------------------------------------------------