Huge update!
Started implementing the game mechanics. Basic behavior like clicking/touching and changing pieces across the board. There is a next colors bar to indicate the next colors and a score. The score and the game over were not implemented. Beisdes, this game is ugly as hell. It needs a menu, different playing modes (?) and something like a bonus to redraw the next colors.
This commit is contained in:
parent
1ca1dfca9f
commit
eb83e34ae6
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "core-icon",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-iconset": "Polymer/core-iconset#>=0.3.0 <1.0.0",
|
||||
"core-icons": "Polymer/core-icons#>=0.3.0 <1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/Polymer/core-icon",
|
||||
"version": "0.3.3",
|
||||
"_release": "0.3.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.3.3",
|
||||
"commit": "c4139e2113d016d143d47d8349e3c599a87af09d"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/core-icon.git",
|
||||
"_target": ">=0.3.0 <1.0.0",
|
||||
"_originalSource": "Polymer/core-icon"
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
core-icon
|
||||
=========
|
||||
|
||||
See the [component page](http://polymer.github.io/core-icon) for more information.
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"name": "core-icon",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-iconset": "Polymer/core-iconset#>=0.3.0 <1.0.0",
|
||||
"core-icons": "Polymer/core-icons#>=0.3.0 <1.0.0"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,24 @@
|
|||
/* Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt */
|
||||
|
||||
html /deep/ core-icon {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
background-repeat: no-repeat;
|
||||
}
|
||||
|
||||
html /deep/ core-icon[size=""] {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
html /deep/ core-icon[size=""] > svg {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
}
|
|
@ -0,0 +1,125 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
<!--
|
||||
|
||||
The `core-icon` element displays an icon using CSS background image. By default an icon renders as 24px square.
|
||||
|
||||
Example using src:
|
||||
|
||||
<core-icon src="star.png"></core-icon>
|
||||
|
||||
Example setting size to 32px x 32px:
|
||||
|
||||
<core-icon src="big_star.png" size="32"></core-icon>
|
||||
|
||||
Example using icon from default iconset:
|
||||
|
||||
<core-icon icon="menu"></core-icon>
|
||||
|
||||
Example using icon `cherry` from custom iconset `fruit`:
|
||||
|
||||
<core-icon icon="fruit:cherry"></core-icon>
|
||||
|
||||
See [core-iconset](#core-iconset) and [core-iconset-svg](#core-iconset-svg) for more information about
|
||||
how to use a custom iconset.
|
||||
|
||||
See [core-icons](#core-icons) for the default set of icons. To use the default set of icons you'll need to include an import for `core-icons.html`.
|
||||
|
||||
@group Polymer Core Elements
|
||||
@element core-icon
|
||||
@homepage polymer.github.io
|
||||
-->
|
||||
<link rel="import" href="../core-iconset/core-iconset.html">
|
||||
|
||||
<link rel="stylesheet" href="core-icon.css" shim-shadowdom>
|
||||
|
||||
<polymer-element name="core-icon" attributes="src size icon">
|
||||
<script>
|
||||
(function() {
|
||||
|
||||
// mono-state
|
||||
var meta;
|
||||
|
||||
Polymer('core-icon', {
|
||||
|
||||
/**
|
||||
* The URL of an image for the icon. If the src property is specified,
|
||||
* the icon property should not be.
|
||||
*
|
||||
* @attribute src
|
||||
* @type string
|
||||
* @default ''
|
||||
*/
|
||||
src: '',
|
||||
|
||||
/**
|
||||
* Specifies the size of the icon in pixel units.
|
||||
*
|
||||
* @attribute size
|
||||
* @type string
|
||||
* @default 24
|
||||
*/
|
||||
size: 24,
|
||||
|
||||
/**
|
||||
* Specifies the icon name or index in the set of icons available in
|
||||
* the icon's icon set. If the icon property is specified,
|
||||
* the src property should not be.
|
||||
*
|
||||
* @attribute icon
|
||||
* @type string
|
||||
* @default ''
|
||||
*/
|
||||
icon: '',
|
||||
|
||||
observe: {
|
||||
'size icon': 'updateIcon'
|
||||
},
|
||||
|
||||
defaultIconset: 'icons',
|
||||
|
||||
ready: function() {
|
||||
if (!meta) {
|
||||
meta = document.createElement('core-iconset');
|
||||
}
|
||||
this.updateIcon();
|
||||
},
|
||||
|
||||
srcChanged: function() {
|
||||
this.style.backgroundImage = 'url(' + this.src + ')';
|
||||
this.style.backgroundPosition = 'center';
|
||||
this.style.backgroundSize = this.size + 'px ' + this.size + 'px';
|
||||
},
|
||||
|
||||
getIconset: function(name) {
|
||||
return meta.byId(name || this.defaultIconset);
|
||||
},
|
||||
|
||||
updateIcon: function() {
|
||||
if (this.size) {
|
||||
this.style.width = this.style.height = this.size + 'px';
|
||||
}
|
||||
if (this.icon) {
|
||||
var parts = String(this.icon).split(':');
|
||||
var icon = parts.pop();
|
||||
if (icon) {
|
||||
var set = this.getIconset(parts.pop());
|
||||
if (set) {
|
||||
set.applyIcon(this, icon, this.size / set.iconSize);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
</script>
|
||||
|
||||
</polymer-element>
|
|
@ -0,0 +1,44 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>core-icon</title>
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="../core-icons/core-icons.html">
|
||||
<link rel="import" href="core-icon.html">
|
||||
|
||||
<style>
|
||||
segment {
|
||||
min-width: 200px;
|
||||
}
|
||||
|
||||
core-icon.sized {
|
||||
height: 128px;
|
||||
width: 128px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<template is="auto-binding">
|
||||
<div wrap horizontal layout>
|
||||
<template repeat="{{icon in $.meta.metaData.icons.iconNames}}">
|
||||
<segment><core-icon icon="{{icon}}"></core-icon> {{icon}}</segment>
|
||||
</template>
|
||||
</div>
|
||||
<core-iconset id="meta"></core-iconset>
|
||||
<div hidden?="{{!$.meta.metaData.icons.iconNames}}">
|
||||
Sized icon:
|
||||
<core-icon class="sized" icon="accessibility" size=""></core-icon>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,12 @@
|
|||
<x-meta id="core-icon" label="Icon" group="Core" hideSubtree>
|
||||
|
||||
<template>
|
||||
<core-icon icon="search"></core-icon>
|
||||
</template>
|
||||
|
||||
<template id="imports">
|
||||
<link rel="import" href="../core-icons/core-icons.html">
|
||||
<link rel="import" href="core-icon.html">
|
||||
</template>
|
||||
|
||||
</x-meta>
|
|
@ -0,0 +1,20 @@
|
|||
{
|
||||
"name": "core-icons",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-icon": "Polymer/core-icon#>=0.3.0 <1.0.0",
|
||||
"core-iconset-svg": "Polymer/core-iconset-svg#>=0.3.0 <1.0.0",
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/Polymer/core-icons",
|
||||
"version": "0.3.3",
|
||||
"_release": "0.3.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.3.3",
|
||||
"commit": "58e8b056aaeea91651ddfeec83e7b83fc6bfc412"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/core-icons.git",
|
||||
"_target": ">=0.3.0 <1.0.0",
|
||||
"_originalSource": "Polymer/core-icons"
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
core-icons
|
||||
=========
|
||||
|
||||
See the [component page](http://polymer.github.io/core-icons) for more information.
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"name": "core-icons",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-icon": "Polymer/core-icon#>=0.3.0 <1.0.0",
|
||||
"core-iconset-svg": "Polymer/core-iconset-svg#>=0.3.0 <1.0.0",
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,14 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
<link rel="import" href="iconsets/icons.html">
|
||||
<!-- import core-icon for convenience
|
||||
TODO(sorvell): we'd rather do this in core-iconset but we can't until
|
||||
crbug.com/373461 is addressed
|
||||
-->
|
||||
<link rel="import" href="../core-icon/core-icon.html">
|
|
@ -0,0 +1,91 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>core-icons</title>
|
||||
<script src="../platform/platform.js"></script>
|
||||
<!-- load default set -->
|
||||
<link rel="import" href="core-icons.html">
|
||||
<!-- load the rest -->
|
||||
<link rel="import" href="iconsets/av-icons.html">
|
||||
<link rel="import" href="iconsets/communication-icons.html">
|
||||
<link rel="import" href="iconsets/device-icons.html">
|
||||
<link rel="import" href="iconsets/hardware-icons.html">
|
||||
<link rel="import" href="iconsets/image-icons.html">
|
||||
<link rel="import" href="iconsets/maps-icons.html">
|
||||
<link rel="import" href="iconsets/notification-icons.html">
|
||||
<link rel="import" href="iconsets/social-icons.html">
|
||||
<style>
|
||||
body {
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial;
|
||||
}
|
||||
|
||||
h2 {
|
||||
text-transform: capitalize;
|
||||
}
|
||||
|
||||
core-icon {
|
||||
transition: all 0.2s;
|
||||
-webkit-transition: all 0.2s;
|
||||
}
|
||||
|
||||
core-icon:hover {
|
||||
fill: #fb8c00;
|
||||
}
|
||||
|
||||
.set {
|
||||
padding: 1em 0;
|
||||
border-bottom: 1px solid silver;
|
||||
}
|
||||
|
||||
.set:nth-of-type(4n-3) {
|
||||
fill: #656565;
|
||||
}
|
||||
|
||||
.set:nth-of-type(4n-2) {
|
||||
fill: #FDD835;
|
||||
}
|
||||
|
||||
.set:nth-of-type(4n-1) {
|
||||
fill: #0D904F;
|
||||
}
|
||||
|
||||
.set:nth-of-type(4n) {
|
||||
fill: #3B78E7;
|
||||
}
|
||||
|
||||
.container {
|
||||
min-width: 10em;
|
||||
padding: 1em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<template is="auto-binding">
|
||||
<template repeat="{{iconset in $.meta.metaArray}}">
|
||||
<h2>{{iconset.id}}</h2>
|
||||
<h5>{{iconset.id === 'icons' ? 'The Default Set' : 'Import ' + iconset.id + '-icons.html'}}</h5>
|
||||
<div class="set" horizontal wrap justified layout>
|
||||
<template repeat="{{ icon in iconset.iconNames }}">
|
||||
<span class="container" vertical center layout>
|
||||
<core-icon icon="{{ iconset.id }}:{{ icon }}"></core-icon>
|
||||
<div>{{ icon }}</div>
|
||||
</span>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
<core-iconset id="meta"></core-iconset>
|
||||
</template>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,45 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="av" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="closed-caption"><path d="M19,4H5C3.9,4,3,4.9,3,6v12c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V6C21,4.9,20.1,4,19,4z M11,11H9.5v-0.5h-2v3h2V13H11v1c0,0.6-0.4,1-1,1H7c-0.6,0-1-0.4-1-1v-4c0-0.6,0.4-1,1-1h3c0.6,0,1,0.4,1,1V11z M18,11h-1.5v-0.5h-2v3h2V13H18v1c0,0.6-0.4,1-1,1h-3c-0.6,0-1-0.4-1-1v-4c0-0.6,0.4-1,1-1h3c0.6,0,1,0.4,1,1V11z"/></g>
|
||||
<g id="fast-forward"><path d="M4,18l8.5-6L4,6V18z M13,6v12l8.5-6L13,6z"/></g>
|
||||
<g id="fast-rewind"><path d="M11,18V6l-8.5,6L11,18z M11.5,12l8.5,6V6L11.5,12z"/></g>
|
||||
<g id="games"><path d="M15,7.5V2H9v5.5l3,3L15,7.5z M7.5,9H2v6h5.5l3-3L7.5,9z M9,16.5V22h6v-5.5l-3-3L9,16.5z M16.5,9l-3,3l3,3H22V9H16.5z"/></g>
|
||||
<g id="high-quality"><path d="M19,4H5C3.9,4,3,4.9,3,6v12c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V6C21,4.9,20.1,4,19,4z M11,15H9.5v-2h-2v2H6V9h1.5v2.5h2V9H11V15z M18,14c0,0.6-0.4,1-1,1h-0.8v1.5h-1.5V15H14c-0.6,0-1-0.4-1-1v-4c0-0.6,0.4-1,1-1h3c0.6,0,1,0.4,1,1V14z M14.5,13.5h2v-3h-2V13.5z"/></g>
|
||||
<g id="loop"><path d="M12,4V1L8,5l4,4V6c3.3,0,6,2.7,6,6c0,1-0.3,2-0.7,2.8l1.5,1.5C19.5,15,20,13.6,20,12C20,7.6,16.4,4,12,4z M12,18c-3.3,0-6-2.7-6-6c0-1,0.3-2,0.7-2.8L5.2,7.7C4.5,9,4,10.4,4,12c0,4.4,3.6,8,8,8v3l4-4l-4-4V18z"/></g>
|
||||
<g id="mic"><path d="M12,15c1.7,0,3-1.3,3-3l0-6c0-1.7-1.3-3-3-3c-1.7,0-3,1.3-3,3v6C9,13.7,10.3,15,12,15z M17.3,12c0,3-2.5,5.1-5.3,5.1c-2.8,0-5.3-2.1-5.3-5.1H5c0,3.4,2.7,6.2,6,6.7V22h2v-3.3c3.3-0.5,6-3.3,6-6.7H17.3z"/></g>
|
||||
<g id="mic-none"><path d="M12,15c1.7,0,3-1.3,3-3l0-6c0-1.7-1.3-3-3-3c-1.7,0-3,1.3-3,3v6C9,13.7,10.3,15,12,15z M10.8,5.9c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2l0,6.2c0,0.7-0.5,1.2-1.2,1.2c-0.7,0-1.2-0.5-1.2-1.2V5.9z M17.3,12c0,3-2.5,5.1-5.3,5.1c-2.8,0-5.3-2.1-5.3-5.1H5c0,3.4,2.7,6.2,6,6.7V22h2v-3.3c3.3-0.5,6-3.3,6-6.7H17.3z"/></g>
|
||||
<g id="mic-off"><path d="M19,12h-1.7c0,0.7-0.2,1.4-0.4,2l1.2,1.2C18.7,14.3,19,13.2,19,12z"/><path d="M15,12.2c0-0.1,0-0.1,0-0.2V6c0-1.7-1.3-3-3-3c-1.7,0-3,1.3-3,3v0.2L15,12.2z"/><path d="M4.3,4L3,5.3l6,6L9,12c0,1.7,1.3,3,3,3c0.2,0,0.4,0,0.7-0.1l1.7,1.7c-0.7,0.3-1.5,0.5-2.3,0.5c-2.8,0-5.3-2.1-5.3-5.1H5c0,3.4,2.7,6.2,6,6.7V22h2v-3.3c0.9-0.1,1.8-0.5,2.5-0.9l4.2,4.2l1.3-1.3L4.3,4z"/></g>
|
||||
<g id="movie"><path d="M18,4l2,4h-3l-2-4h-2l2,4h-3l-2-4H8l2,4H7L5,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4H18z"/></g>
|
||||
<g id="news"><path d="M20.3,4.7L18.7,3L17,4.7L15.3,3l-1.7,1.7L12,3l-1.7,1.7L8.7,3L7,4.7L5.3,3L3.7,4.7L2,3v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2l0-16L20.3,4.7z M12,19H4v-7h8V19z M20,19h-7v-1h7V19z M20,17h-7v-1h7V17z M20,15h-7v-1h7V15z M20,13h-7v-1h7V13z M20,11H4V8h16V11z"/></g>
|
||||
<g id="pause"><path d="M6,19h4V5H6V19z M14,5v14h4V5H14z"/></g>
|
||||
<g id="pause-circle-fill"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M11,16H9V8h2V16z M15,16h-2V8h2V16z"/></g>
|
||||
<g id="pause-circle-outline"><path d="M9,16h2V8H9V16z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z M13,16h2V8h-2V16z"/></g>
|
||||
<g id="play-arrow"><polygon points="8,5 8,19 19,12 "/></g>
|
||||
<g id="play-circle-fill"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M10,16.5v-9l6,4.5L10,16.5z"/></g>
|
||||
<g id="play-circle-outline"><path d="M10,16.5l6-4.5l-6-4.5V16.5z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/></g>
|
||||
<g id="queue"><path d="M3,5H1v16c0,1.1,0.9,2,2,2h16v-2H3V5z M21,1H7C5.9,1,5,1.9,5,3v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V3C23,1.9,22.1,1,21,1z M19,11h-4v4h-2v-4H9V9h4V5h2v4h4V11z"/></g>
|
||||
<g id="replay"><path d="M12,5V1L7,6l5,5V7c3.3,0,6,2.7,6,6s-2.7,6-6,6c-3.3,0-6-2.7-6-6H4c0,4.4,3.6,8,8,8c4.4,0,8-3.6,8-8S16.4,5,12,5z"/></g>
|
||||
<g id="shuffle"><path d="M10.6,9.2L5.4,4L4,5.4l5.2,5.2L10.6,9.2z M14.5,4l2,2L4,18.6L5.4,20L18,7.5l2,2V4H14.5z M14.8,13.4l-1.4,1.4l3.1,3.1l-2,2H20v-5.5l-2,2L14.8,13.4z"/></g>
|
||||
<g id="skip-next"><path d="M6,18l8.5-6L6,6V18z M16,6v12h2V6H16z"/></g>
|
||||
<g id="skip-previous"><rect x="6" y="6" width="2" height="12"/><polygon points="9.5,12 18,18 18,6 "/></g>
|
||||
<g id="stop"><rect x="6" y="6" width="12" height="12"/></g>
|
||||
<g id="videocam"><path d="M17,10.5V7c0-0.6-0.4-1-1-1H4C3.4,6,3,6.4,3,7v10c0,0.6,0.4,1,1,1h12c0.6,0,1-0.4,1-1v-3.5l4,4v-11L17,10.5z"/></g>
|
||||
<g id="videocam-off"><path d="M21,6.5l-4,4V7c0-0.6-0.4-1-1-1H9.8L21,17.2V6.5z M3.3,2L2,3.3L4.7,6H4C3.4,6,3,6.4,3,7v10c0,0.6,0.4,1,1,1h12c0.2,0,0.4-0.1,0.5-0.2l3.2,3.2l1.3-1.3L3.3,2z"/></g>
|
||||
<g id="video-youtube"><path d="M20,4.4C19.4,4.2,15.7,4,12,4C8.3,4,4.6,4.2,4,4.4c-1.6,0.5-2,4-2,7.6s0.4,7.1,2,7.6c0.6,0.2,4.3,0.4,8,0.4c3.7,0,7.4-0.2,8-0.4c1.6-0.5,2-4,2-7.6S21.6,4.9,20,4.4z M10,16.5v-9l6,4.5L10,16.5z"/></g>
|
||||
<g id="volume-down"><path d="M18.5,12c0-1.8-1-3.3-2.5-4V16C17.5,15.3,18.5,13.8,18.5,12z M5,9c0,0,0,6,0,6h4l5,5V4L9,9H5z"/></g>
|
||||
<g id="volume-mute"><path d="M7,9c0,0,0,6,0,6h4l5,5V4l-5,5H7z"/></g>
|
||||
<g id="volume-off"><path d="M16.5,12c0-1.8-1-3.3-2.5-4v2.2l2.5,2.5C16.5,12.4,16.5,12.2,16.5,12z M19,12c0,0.9-0.2,1.8-0.5,2.6l1.5,1.5c0.7-1.2,1-2.7,1-4.2c0-4.3-3-7.9-7-8.8v2.1C16.9,6.2,19,8.8,19,12z M4.3,3L3,4.3L7.7,9H3c0,0,0,6,0,6h4l5,5v-6.7l4.3,4.3c-0.7,0.5-1.4,0.9-2.3,1.2v2.1c1.4-0.3,2.6-0.9,3.7-1.8l2,2l1.3-1.3l-9-9L4.3,3z M12,4L9.9,6.1L12,8.2V4z"/></g>
|
||||
<g id="volume-up"><path d="M3,9c0,0,0,6,0,6h4l5,5V4L7,9H3z M16.5,12c0-1.8-1-3.3-2.5-4V16C15.5,15.3,16.5,13.8,16.5,12z M14,3.2v2.1c2.9,0.9,5,3.5,5,6.7s-2.1,5.8-5,6.7v2.1c4-0.9,7-4.5,7-8.8S18,4.1,14,3.2z"/></g>
|
||||
<g id="web"><path d="M20,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M15,18H4v-4h11V18z M15,13H4V9h11V13z M20,18h-4V9h4V18z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,38 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="communication" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="call"><path d="M6.6,10.8c1.4,2.8,3.8,5.1,6.6,6.6l2.2-2.2c0.3-0.3,0.7-0.4,1-0.2c1.1,0.4,2.3,0.6,3.6,0.6c0.6,0,1,0.4,1,1V20c0,0.6-0.4,1-1,1C10.6,21,3,13.4,3,4c0-0.6,0.4-1,1-1h3.5c0.6,0,1,0.4,1,1c0,1.2,0.2,2.4,0.6,3.6c0.1,0.3,0,0.7-0.2,1L6.6,10.8z"/></g>
|
||||
<g id="call-end"><path d="M12,9c-1.6,0-3.1,0.3-4.6,0.7l0,3.1c0,0.4-0.2,0.7-0.6,0.9c-1,0.5-1.9,1.1-2.7,1.9c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3l-2.5-2.5C0.1,12.9,0,12.7,0,12.4c0-0.3,0.1-0.5,0.3-0.7C3.3,8.8,7.5,7,12,7s8.7,1.8,11.7,4.7c0.2,0.2,0.3,0.4,0.3,0.7c0,0.3-0.1,0.5-0.3,0.7l-2.5,2.5c-0.2,0.2-0.4,0.3-0.7,0.3c-0.3,0-0.5-0.1-0.7-0.3c-0.8-0.7-1.7-1.4-2.7-1.9c-0.3-0.2-0.6-0.5-0.6-0.9l0-3.1C15.1,9.3,13.6,9,12,9z"/></g>
|
||||
<g id="call-made"><polygon points="9,5 9,7 15.6,7 3,19.6 4.4,21 17,8.4 17,15 19,15 19,5 "/></g>
|
||||
<g id="call-merge"><path d="M17,20.4l1.4-1.4L15,15.6L13.6,17L17,20.4z M7.5,8H11v5.6L5.6,19L7,20.4l6-6V8h3.5L12,3.5L7.5,8z"/></g>
|
||||
<g id="call-missed"><polygon points="19.6,7 12,14.6 6.4,9 11,9 11,7 3,7 3,15 5,15 5,10.4 12,17.4 21,8.4 "/></g>
|
||||
<g id="call-received"><polygon points="21,4.4 19.6,3 7,15.6 7,9 5,9 5,19 15,19 15,17 8.4,17 "/></g>
|
||||
<g id="call-split"><polygon points="14,4 16.3,6.3 13.4,9.2 14.8,10.6 17.7,7.7 20,10 20,4 "/><polygon points="10,4 4,4 4,10 6.3,7.7 11,12.4 11,20 13,20 13,11.6 7.7,6.3 "/></g>
|
||||
<g id="chat"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M6,9h12v2H6V9z M14,14H6v-2h8V14z M18,8H6V6h12V8z"/></g>
|
||||
<g id="comment"><path d="M22,4c0-1.1-0.9-2-2-2H4C2.9,2,2,2.9,2,4v12c0,1.1,0.9,2,2,2h14l4,4L22,4z M18,14H6v-2h12V14z M18,11H6V9h12V11z M18,8H6V6h12V8z"/></g>
|
||||
<g id="dialpad"><path d="M12,19c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2s2-0.9,2-2C14,19.9,13.1,19,12,19z M6,1C4.9,1,4,1.9,4,3c0,1.1,0.9,2,2,2s2-0.9,2-2C8,1.9,7.1,1,6,1z M6,7C4.9,7,4,7.9,4,9c0,1.1,0.9,2,2,2s2-0.9,2-2C8,7.9,7.1,7,6,7z M6,13c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2s2-0.9,2-2C8,13.9,7.1,13,6,13z M18,5c1.1,0,2-0.9,2-2c0-1.1-0.9-2-2-2s-2,0.9-2,2C16,4.1,16.9,5,18,5z M12,13c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2s2-0.9,2-2C14,13.9,13.1,13,12,13z M18,13c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2s2-0.9,2-2C20,13.9,19.1,13,18,13z M18,7c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2s2-0.9,2-2C20,7.9,19.1,7,18,7z M12,7c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2s2-0.9,2-2C14,7.9,13.1,7,12,7z M12,1c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2s2-0.9,2-2C14,1.9,13.1,1,12,1z"/></g>
|
||||
<g id="email"><path d="M20,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,8l-8,5L4,8V6l8,5l8-5V8z"/></g>
|
||||
<g id="forum"><path d="M21,6h-2v9H6v2c0,0.6,0.4,1,1,1h11l4,4V7C22,6.4,21.6,6,21,6z M17,12V3c0-0.6-0.4-1-1-1H3C2.4,2,2,2.4,2,3v14l4-4h10C16.6,13,17,12.6,17,12z"/></g>
|
||||
<g id="gmail"><path d="M20,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,18h-2V9.2L12,13L6,9.2V18H4V6h1.2l6.8,4.2L18.8,6H20V18z"/></g>
|
||||
<g id="hangout"><path d="M11.5,2C6.8,2,3,5.8,3,10.5S6.8,19,11.5,19H12v3.5c4.9-2.3,8-7.5,8-12C20,5.8,16.2,2,11.5,2z M11,11l-1,2H8.5l1-2H8V8h3V11z M15,11l-1,2h-1.5l1-2H12V8h3V11z"/></g>
|
||||
<g id="hangout-video"><path d="M20,4H4C2.9,4,2,4.9,2,6v12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M18,16l-4-3.2V16H6V8h8v3.2L18,8V16z"/></g>
|
||||
<g id="hangout-video-off"><path d="M20,4H7.8l4,4H14v2.2l0.6,0.6L18,8v6.2l4,4c0-0.1,0-0.1,0-0.2V6C22,4.9,21.1,4,20,4z M2.3,1L1,2.3l2,2C2.4,4.6,2,5.3,2,6v12c0,1.1,0.9,2,2,2h14.7l2,2l1.3-1.3L2.3,1z M6,8h0.7l7.3,7.3V16H6V8z"/></g>
|
||||
<g id="import-export"><path d="M9,3L5,7h3v7h2V7h3L9,3z M16,17v-7h-2v7h-3l4,4l4-4H16z"/></g>
|
||||
<g id="live-help"><path d="M19,2H5C3.9,2,3,2.9,3,4v14c0,1.1,0.9,2,2,2h4l3,3l3-3h4c1.1,0,2-0.9,2-2V4C21,2.9,20.1,2,19,2z M13,18h-2v-2h2V18z M15.1,10.3l-0.9,0.9C13.4,11.9,13,12.5,13,14h-2v-0.5c0-1.1,0.4-2.1,1.2-2.8l1.2-1.3C13.8,9.1,14,8.6,14,8c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2H8c0-2.2,1.8-4,4-4s4,1.8,4,4C16,8.9,15.6,9.7,15.1,10.3z"/></g>
|
||||
<g id="message"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M18,14H6v-2h12V14z M18,11H6V9h12V11z M18,8H6V6h12V8z"/></g>
|
||||
<g id="messenger"><path d="M20,2H4C2.9,2,2,2.9,2,4v18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z"/></g>
|
||||
<g id="phone"><path d="M6.6,10.8c1.4,2.8,3.8,5.1,6.6,6.6l2.2-2.2c0.3-0.3,0.7-0.4,1-0.2c1.1,0.4,2.3,0.6,3.6,0.6c0.6,0,1,0.4,1,1V20c0,0.6-0.4,1-1,1C10.6,21,3,13.4,3,4c0-0.6,0.4-1,1-1h3.5c0.6,0,1,0.4,1,1c0,1.2,0.2,2.4,0.6,3.6c0.1,0.3,0,0.7-0.2,1L6.6,10.8z"/></g>
|
||||
<g id="ring-volume"><path d="M23.7,16.7c-3-2.9-7.2-4.7-11.7-4.7c-4.5,0-8.7,1.8-11.7,4.7C0.1,16.9,0,17.1,0,17.4c0,0.3,0.1,0.5,0.3,0.7l2.5,2.5c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3c0.8-0.7,1.7-1.4,2.7-1.9c0.3-0.2,0.6-0.5,0.6-0.9l0-3.1c1.4-0.5,3-0.7,4.6-0.7s3.1,0.3,4.6,0.7l0,3.1c0,0.4,0.2,0.7,0.6,0.9c1,0.5,1.9,1.1,2.7,1.9c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3l2.5-2.5c0.2-0.2,0.3-0.4,0.3-0.7C24,17.1,23.9,16.9,23.7,16.7z M21.2,6.3l-1.4-1.4l-3.6,3.6l1.4,1.4C17.6,9.8,21,6.3,21.2,6.3z M13,2h-2v5h2V2z M6.4,9.8l1.4-1.4L4.3,4.8L2.8,6.3C3,6.3,6.4,9.8,6.4,9.8z"/></g>
|
||||
<g id="textsms"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M9,11H7V9h2V11z M13,11h-2V9h2V11z M17,11h-2V9h2V11z"/></g>
|
||||
<g id="voicemail"><path d="M18.5,6c-3,0-5.5,2.5-5.5,5.5c0,1.3,0.5,2.5,1.3,3.5H9.7c0.8-1,1.3-2.2,1.3-3.5C11,8.5,8.5,6,5.5,6S0,8.5,0,11.5S2.5,17,5.5,17h13c3,0,5.5-2.5,5.5-5.5S21.5,6,18.5,6z M5.5,15C3.6,15,2,13.4,2,11.5C2,9.6,3.6,8,5.5,8C7.4,8,9,9.6,9,11.5C9,13.4,7.4,15,5.5,15z M18.5,15c-1.9,0-3.5-1.6-3.5-3.5C15,9.6,16.6,8,18.5,8c1.9,0,3.5,1.6,3.5,3.5C22,13.4,20.4,15,18.5,15z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,54 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="device" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="access-alarms"><path d="M22,5.7l-4.6-3.9l-1.3,1.5l4.6,3.9L22,5.7z M7.9,3.4L6.6,1.9L2,5.7l1.3,1.5L7.9,3.4z M12.5,8H11v6l4.7,2.9l0.8-1.2l-4-2.4V8z M12,4c-5,0-9,4-9,9c0,5,4,9,9,9s9-4,9-9C21,8,17,4,12,4z M12,20c-3.9,0-7-3.1-7-7c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7C19,16.9,15.9,20,12,20z"/></g>
|
||||
<g id="access-time"><path fill-opacity="0.9" d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/><polygon fill-opacity="0.9" points="12.5,7 11,7 11,13 16.2,16.2 17,14.9 12.5,12.2 "/></g>
|
||||
<g id="add-alarm"><path d="M7.9,3.4L6.6,1.9L2,5.7l1.3,1.5L7.9,3.4z M22,5.7l-4.6-3.9l-1.3,1.5l4.6,3.9L22,5.7z M12,4c-5,0-9,4-9,9c0,5,4,9,9,9s9-4,9-9C21,8,17,4,12,4z M12,20c-3.9,0-7-3.1-7-7c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7C19,16.9,15.9,20,12,20z M13,9h-2v3H8v2h3v3h2v-3h3v-2h-3V9z"/></g>
|
||||
<g id="airplanemode-off"><path d="M13,9V3.5C13,2.7,12.3,2,11.5,2C10.7,2,10,2.7,10,3.5v3.7l7.8,7.8l3.2,1v-2L13,9z M3,5.3l5,5L2,14v2l8-2.5V19l-2,1.5V22l3.5-1l3.5,1v-1.5L13,19v-3.7l5.7,5.7l1.3-1.3L4.3,4L3,5.3z"/></g>
|
||||
<g id="airplanemode-on"><path d="M10.2,9"/><path d="M21,16v-2l-8-5V3.5C13,2.7,12.3,2,11.5,2C10.7,2,10,2.7,10,3.5V9l-8,5v2l8-2.5V19l-2,1.5V22l3.5-1l3.5,1v-1.5L13,19v-5.5L21,16z"/></g>
|
||||
<g id="bluetooth"><path d="M17.7,7.7L12,2h-1v7.6L6.4,5L5,6.4l5.6,5.6L5,17.6L6.4,19l4.6-4.6V22h1l5.7-5.7L13.4,12L17.7,7.7z M13,5.8l1.9,1.9L13,9.6V5.8z M14.9,16.3L13,18.2v-3.8L14.9,16.3z"/></g>
|
||||
<g id="bluetooth-connected"><path d="M7,12l-2-2l-2,2l2,2L7,12z M17.7,7.7L12,2h-1v7.6L6.4,5L5,6.4l5.6,5.6L5,17.6L6.4,19l4.6-4.6V22h1l5.7-5.7L13.4,12L17.7,7.7z M13,5.8l1.9,1.9L13,9.6V5.8z M14.9,16.3L13,18.2v-3.8L14.9,16.3z M19,10l-2,2l2,2l2-2L19,10z"/></g>
|
||||
<g id="bluetooth-disabled"><path d="M13,5.8l1.9,1.9l-1.6,1.6l1.4,1.4l3-3L12,2h-1v5l2,2V5.8z M5.4,4L4,5.4l6.6,6.6L5,17.6L6.4,19l4.6-4.6V22h1l4.3-4.3l2.3,2.3l1.4-1.4L5.4,4z M13,18.2v-3.8l1.9,1.9L13,18.2z"/></g>
|
||||
<g id="bluetooth-searching"><path d="M14.2,12l2.3,2.3c0.3-0.7,0.4-1.5,0.4-2.3c0-0.8-0.2-1.6-0.4-2.3L14.2,12z M19.5,6.7L18.3,8c0.6,1.2,1,2.6,1,4s-0.4,2.8-1,4l1.2,1.2c1-1.5,1.5-3.4,1.5-5.3C21,10,20.5,8.2,19.5,6.7z M15.7,7.7L10,2H9v7.6L4.4,5L3,6.4L8.6,12L3,17.6L4.4,19L9,14.4V22h1l5.7-5.7L11.4,12L15.7,7.7z M11,5.8l1.9,1.9L11,9.6V5.8z M12.9,16.3L11,18.2v-3.8L12.9,16.3z"/></g>
|
||||
<g id="brightness-auto"><path d="M10.9,12.6h2.3L12,9L10.9,12.6z M20,8.7V4h-4.7L12,0.7L8.7,4H4v4.7L0.7,12L4,15.3V20h4.7l3.3,3.3l3.3-3.3H20v-4.7l3.3-3.3L20,8.7z M14.3,16l-0.7-2h-3.2l-0.7,2H7.8L11,7h2l3.2,9H14.3z"/></g>
|
||||
<g id="brightness-high"><path d="M20,8.7V4h-4.7L12,0.7L8.7,4H4v4.7L0.7,12L4,15.3V20h4.7l3.3,3.3l3.3-3.3H20v-4.7l3.3-3.3L20,8.7z M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6c3.3,0,6,2.7,6,6S15.3,18,12,18z M12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4s4-1.8,4-4C16,9.8,14.2,8,12,8z"/></g>
|
||||
<g id="brightness-low"><path d="M20,15.3l3.3-3.3L20,8.7V4h-4.7L12,0.7L8.7,4H4v4.7L0.7,12L4,15.3V20h4.7l3.3,3.3l3.3-3.3H20V15.3z M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6c3.3,0,6,2.7,6,6S15.3,18,12,18z"/></g>
|
||||
<g id="brightness-medium"><path d="M20,15.3l3.3-3.3L20,8.7V4h-4.7L12,0.7L8.7,4H4v4.7L0.7,12L4,15.3V20h4.7l3.3,3.3l3.3-3.3H20V15.3z M12,18V6c3.3,0,6,2.7,6,6S15.3,18,12,18z"/></g>
|
||||
<g id="data-usage"><path d="M13,2.1v3c3.4,0.5,6,3.4,6,6.9c0,0.9-0.2,1.7-0.5,2.5l2.6,1.5c0.6-1.2,0.9-2.6,0.9-4.1C22,6.8,18.1,2.6,13,2.1z M12,19c-3.9,0-7-3.1-7-7c0-3.5,2.6-6.4,6-6.9v-3C5.9,2.5,2,6.8,2,12c0,5.5,4.5,10,10,10c3.3,0,6.2-1.6,8.1-4.1l-2.6-1.5C16.2,18,14.2,19,12,19z"/></g>
|
||||
<g id="developer-mode"><path d="M7,5h10v2h2V3c0-1.1-0.9-2-2-2L7,1C5.9,1,5,1.9,5,3v4h2V5z M15.4,16.6L20,12l-4.6-4.6L14,8.8l3.2,3.2L14,15.2L15.4,16.6z M10,15.2L6.8,12L10,8.8L8.6,7.4L4,12l4.6,4.6L10,15.2z M17,19H7v-2H5v4c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2v-4h-2V19z"/></g>
|
||||
<g id="gps-fixed"><path d="M12,8c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4s4-1.8,4-4C16,9.8,14.2,8,12,8z M20.9,11c-0.5-4.2-3.8-7.5-7.9-7.9V1h-2v2.1C6.8,3.5,3.5,6.8,3.1,11H1v2h2.1c0.5,4.2,3.8,7.5,7.9,7.9V23h2v-2.1c4.2-0.5,7.5-3.8,7.9-7.9H23v-2H20.9z M12,19c-3.9,0-7-3.1-7-7c0-3.9,3.1-7,7-7s7,3.1,7,7C19,15.9,15.9,19,12,19z"/></g>
|
||||
<g id="gps-not-fixed"><path d="M20.9,11c-0.5-4.2-3.8-7.5-7.9-7.9V1h-2v2.1C6.8,3.5,3.5,6.8,3.1,11H1v2h2.1c0.5,4.2,3.8,7.5,7.9,7.9V23h2v-2.1c4.2-0.5,7.5-3.8,7.9-7.9H23v-2H20.9z M12,19c-3.9,0-7-3.1-7-7c0-3.9,3.1-7,7-7s7,3.1,7,7C19,15.9,15.9,19,12,19z"/></g>
|
||||
<g id="gps-off"><path d="M20.9,11c-0.5-4.2-3.8-7.5-7.9-7.9V1h-2v2.1C9.9,3.2,8.8,3.5,7.8,4l1.5,1.5C10.2,5.2,11.1,5,12,5c3.9,0,7,3.1,7,7c0,0.9-0.2,1.8-0.5,2.7l1.5,1.5c0.5-1,0.8-2,1-3.2H23v-2H20.9z M3,4.3l2,2C4,7.6,3.3,9.2,3.1,11H1v2h2.1c0.5,4.2,3.8,7.5,7.9,7.9V23h2v-2.1c1.8-0.2,3.4-0.9,4.7-2l2,2l1.3-1.3L4.3,3L3,4.3z M16.3,17.5C15.1,18.5,13.6,19,12,19c-3.9,0-7-3.1-7-7c0-1.6,0.5-3.1,1.5-4.3L16.3,17.5z"/></g>
|
||||
<g id="location-disabled"><path d="M20.9,11c-0.5-4.2-3.8-7.5-7.9-7.9V1h-2v2.1C9.9,3.2,8.8,3.5,7.8,4l1.5,1.5C10.2,5.2,11.1,5,12,5c3.9,0,7,3.1,7,7c0,0.9-0.2,1.8-0.5,2.7l1.5,1.5c0.5-1,0.8-2,1-3.2H23v-2H20.9z M3,4.3l2,2C4,7.6,3.3,9.2,3.1,11H1v2h2.1c0.5,4.2,3.8,7.5,7.9,7.9V23h2v-2.1c1.8-0.2,3.4-0.9,4.7-2l2,2l1.3-1.3L4.3,3L3,4.3z M16.3,17.5C15.1,18.5,13.6,19,12,19c-3.9,0-7-3.1-7-7c0-1.6,0.5-3.1,1.5-4.3L16.3,17.5z"/></g>
|
||||
<g id="location-searching"><path d="M20.9,11c-0.5-4.2-3.8-7.5-7.9-7.9V1h-2v2.1C6.8,3.5,3.5,6.8,3.1,11H1v2h2.1c0.5,4.2,3.8,7.5,7.9,7.9V23h2v-2.1c4.2-0.5,7.5-3.8,7.9-7.9H23v-2H20.9z M12,19c-3.9,0-7-3.1-7-7c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7C19,15.9,15.9,19,12,19z"/></g>
|
||||
<g id="network-cell"><path d="M2,22h20V2L2,22z M20,20h-3.3v-9.8L20,6.8V20z"/></g>
|
||||
<g id="network-wifi"><path d="M12,2C7.5,2,3.3,3.5,0,6l12,16L24,6C20.7,3.5,16.5,2,12,2z M12,7.3C9.4,7.3,7,8,4.9,9.2l-2-2.7C5.6,4.9,8.7,4,12,4c3.3,0,6.4,0.9,9.1,2.5l-2,2.7C17,8,14.6,7.3,12,7.3z"/></g>
|
||||
<g id="nfc"><path d="M20,2H4C2.9,2,2,2.9,2,4v16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M20,20H4V4h16V20z M18,6h-5c-1.1,0-2,0.9-2,2v2.3c-0.6,0.3-1,1-1,1.7c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2c0-0.7-0.4-1.4-1-1.7V8h3v8H8V8h2V6H8H6v12h12V6z"/></g>
|
||||
<g id="screen-lock-landscape"><path d="M21,5H3C1.9,5,1,5.9,1,7v10c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2V7C23,5.9,22.1,5,21,5z M19,17H5V7h14V17z M10,16h4c0.6,0,1-0.4,1-1v-3c0-0.6-0.4-1-1-1v-1c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2v1c-0.6,0-1,0.4-1,1v3C9,15.6,9.4,16,10,16z M10.8,10c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v1h-2.4V10z"/></g>
|
||||
<g id="screen-lock-portrait"><path d="M10,16h4c0.6,0,1-0.4,1-1v-3c0-0.6-0.4-1-1-1v-1c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2v1c-0.6,0-1,0.4-1,1v3C9,15.6,9.4,16,10,16z M10.8,10c0-0.7,0.5-1.2,1.2-1.2c0.7,0,1.2,0.5,1.2,1.2v1h-2.4V10z M17,1H7C5.9,1,5,1.9,5,3v18c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V3C19,1.9,18.1,1,17,1z M17,19H7V5h10V19z"/></g>
|
||||
<g id="screen-lock-rotation"><path d="M23.3,12.8l-2.6-2.6l-1.4,1.4l2.2,2.2l-5.7,5.7L4.5,8.2l5.7-5.7l2.1,2.1l1.4-1.4l-2.4-2.4c-0.6-0.6-1.5-0.6-2.1,0L2.7,7.1c-0.6,0.6-0.6,1.5,0,2.1l12,12c0.6,0.6,1.5,0.6,2.1,0l6.4-6.4C23.8,14.3,23.8,13.4,23.3,12.8z M8.5,20.5c-3.3-1.5-5.6-4.7-6-8.5H1c0.5,6.2,5.7,11,11.9,11c0.2,0,0.4,0,0.7,0l-3.8-3.8L8.5,20.5z M16,9h5c0.6,0,1-0.4,1-1V4c0-0.6-0.4-1-1-1V2.5C21,1.1,19.9,0,18.5,0C17.1,0,16,1.1,16,2.5V3c-0.6,0-1,0.4-1,1v4C15,8.6,15.4,9,16,9z M16.8,2.5c0-0.9,0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7V3h-3.4V2.5z"/></g>
|
||||
<g id="screen-rotation"><path d="M16.5,2.5c3.3,1.5,5.6,4.7,6,8.5h1.5C23.4,4.8,18.3,0,12,0c-0.2,0-0.4,0-0.7,0l3.8,3.8L16.5,2.5z M10.2,1.7c-0.6-0.6-1.5-0.6-2.1,0L1.7,8.1c-0.6,0.6-0.6,1.5,0,2.1l12,12c0.6,0.6,1.5,0.6,2.1,0l6.4-6.4c0.6-0.6,0.6-1.5,0-2.1L10.2,1.7z M14.8,21.2l-12-12l6.4-6.4l12,12L14.8,21.2z M7.5,21.5c-3.3-1.5-5.6-4.7-6-8.5H0.1C0.6,19.2,5.7,24,12,24c0.2,0,0.4,0,0.7,0l-3.8-3.8L7.5,21.5z"/></g>
|
||||
<g id="sd-storage"><path d="M18,2h-8L4,8l0,12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V4C20,2.9,19.1,2,18,2z M12,8h-2V4h2V8z M15,8h-2V4h2V8z M18,8h-2V4h2V8z"/></g>
|
||||
<g id="signal-cellular-1-bar"><path d="M2,22h20V2L2,22z M20,20h-8.7v-4.5L20,6.8V20z"/></g>
|
||||
<g id="signal-cellular-2-bar"><path d="M2,22h20V2L2,22z M20,20h-6v-7.2l6-6V20z"/></g>
|
||||
<g id="signal-cellular-3-bar"><path d="M2,22h20V2L2,22z M20,20h-3.3v-9.8L20,6.8V20z"/></g>
|
||||
<g id="signal-cellular-4-bar"><polygon points="2,22 22,22 22,2 "/></g>
|
||||
<g id="signal-wifi-1-bar"><path d="M12,2C7.5,2,3.3,3.5,0,6l12,16L24,6C20.7,3.5,16.5,2,12,2z M12,13.3c-1.2,0-2.4,0.3-3.5,0.7L2.9,6.5C5.6,4.9,8.7,4,12,4c3.3,0,6.4,0.9,9.1,2.5l-5.7,7.6C14.4,13.6,13.2,13.3,12,13.3z"/></g>
|
||||
<g id="signal-wifi-2-bar"><path d="M12,2C7.5,2,3.3,3.5,0,6l12,16L24,6C20.7,3.5,16.5,2,12,2z M12,10c-2,0-3.8,0.5-5.5,1.3L2.9,6.5C5.6,4.9,8.7,4,12,4c3.3,0,6.4,0.9,9.1,2.5l-3.6,4.9C15.8,10.5,14,10,12,10z"/></g>
|
||||
<g id="signal-wifi-3-bar"><path d="M12,2C7.5,2,3.3,3.5,0,6l12,16L24,6C20.7,3.5,16.5,2,12,2z M12,7.3C9.4,7.3,7,8,4.9,9.2l-2-2.7C5.6,4.9,8.7,4,12,4c3.3,0,6.4,0.9,9.1,2.5l-2,2.7C17,8,14.6,7.3,12,7.3z"/></g>
|
||||
<g id="signal-wifi-4-bar"><path d="M12,2C7.5,2,3.3,3.5,0,6l12,16L24,6C20.7,3.5,16.5,2,12,2z"/></g>
|
||||
<g id="storage"><path d="M2,19h20v-4H2V19z M4,16h2v2H4V16z M2,5v4h20V5H2z M6,8H4V6h2V8z M2,14h20v-4H2V14z M4,11h2v2H4V11z"/></g>
|
||||
<g id="timer"><path d="M15,1H9v2h6V1z M11,14h2V8h-2V14z M19,7.4L20.5,6C20,5.5,19.5,5,19,4.6L17.6,6c-1.5-1.2-3.5-2-5.6-2c-5,0-9,4-9,9c0,5,4,9,9,9s9-4,9-9C21,10.9,20.3,8.9,19,7.4z M12,20c-3.9,0-7-3.1-7-7c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7C19,16.9,15.9,20,12,20z"/></g>
|
||||
<g id="usb"><path d="M15,7v4h1v2h-3V5h2l-3-4L9,5h2v8H8v-2.1C8.7,10.6,9.2,9.8,9.2,9c0-1.2-1-2.2-2.2-2.2c-1.2,0-2.2,1-2.2,2.2c0,0.8,0.5,1.6,1.2,1.9V13c0,1.1,0.9,2,2,2h3v3.1c-0.7,0.4-1.2,1.1-1.2,1.9c0,1.2,1,2.2,2.2,2.2c1.2,0,2.2-1,2.2-2.2c0-0.9-0.5-1.6-1.2-1.9V15h3c1.1,0,2-0.9,2-2v-2h1V7H15z"/></g>
|
||||
<g id="wifi-tethering"><path d="M12,11c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2C14,11.9,13.1,11,12,11z M18,13c0-3.3-2.7-6-6-6c-3.3,0-6,2.7-6,6c0,2.2,1.2,4.1,3,5.2l1-1.7c-1.2-0.7-2-2-2-3.4c0-2.2,1.8-4,4-4s4,1.8,4,4c0,1.5-0.8,2.8-2,3.4l1,1.7C16.8,17.1,18,15.2,18,13z M12,3C6.5,3,2,7.5,2,13c0,3.7,2,6.9,5,8.6l1-1.7c-2.4-1.4-4-4-4-6.9c0-4.4,3.6-8,8-8s8,3.6,8,8c0,3-1.6,5.5-4,6.9l1,1.7c3-1.7,5-5,5-8.6C22,7.5,17.5,3,12,3z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,45 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="hardware" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="cast"><path d="M21,3H3C1.9,3,1,3.9,1,5v3h2V5h18v14h-7v2h7c1.1,0,2-0.9,2-2V5C23,3.9,22.1,3,21,3z M1,18v3h3C4,19.3,2.7,18,1,18z M1,14v2c2.8,0,5,2.2,5,5h2C8,17.1,4.9,14,1,14z M1,10v2c5,0,9,4,9,9h2C12,14.9,7.1,10,1,10z"/></g>
|
||||
<g id="cast-connected"><path d="M1,18v3h3C4,19.3,2.7,18,1,18z M1,14v2c2.8,0,5,2.2,5,5h2C8,17.1,4.9,14,1,14z M19,7H5v1.6c4,1.3,7.1,4.4,8.4,8.4H19V7z M1,10v2c5,0,9,4,9,9h2C12,14.9,7.1,10,1,10z M21,3H3C1.9,3,1,3.9,1,5v3h2V5h18v14h-7v2h7c1.1,0,2-0.9,2-2V5C23,3.9,22.1,3,21,3z"/></g>
|
||||
<g id="chromecast"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,4c3,0,5.5,1.6,6.9,4H12c-1.9,0-3.6,1.4-3.9,3.2L5.7,7.1C7.2,5.2,9.4,4,12,4z M15,12c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3c0-1.7,1.3-3,3-3C13.7,9,15,10.3,15,12z M4,12c0-1.5,0.4-2.8,1.1-4l3.5,6l0,0c0.7,1.2,2,2,3.4,2c0.5,0,0.9-0.1,1.3-0.2l-2.4,4.1C7,19.4,4,16,4,12z M12,20l3.5-6l0,0c0.3-0.6,0.6-1.3,0.6-2c0-1.2-0.5-2.3-1.4-3h4.8c0.4,0.9,0.6,1.9,0.6,3C20,16.4,16.4,20,12,20z"/></g>
|
||||
<g id="dock"><path d="M8,23h8v-2H8V23z M16,1L8,1C6.9,1,6,1.9,6,3v14c0,1.1,0.9,2,2,2h8c1.1,0,2-0.9,2-2V3C18,1.9,17.1,1,16,1z M16,15H8V5h8V15z"/></g>
|
||||
<g id="gamepad"><path d="M15,7.5V2H9v5.5l3,3L15,7.5z M7.5,9H2v6h5.5l3-3L7.5,9z M9,16.5V22h6v-5.5l-3-3L9,16.5z M16.5,9l-3,3l3,3H22V9H16.5z"/></g>
|
||||
<g id="glass"><path d="M13,11v2.5h5.9c-0.6,3.5-3.4,6-6.9,6c-4.1,0-7.5-3.4-7.5-7.5S7.9,4.5,12,4.5c2.1,0,3.9,0.9,5.2,2.3l1.8-1.8C17.2,3.2,14.8,2,12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,9.5-4.5,9.5-10v-1H13z"/></g>
|
||||
<g id="headset"><path d="M12,1c-5,0-9,4-9,9v7c0,1.7,1.3,3,3,3h3v-8H5v-2c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7v2h-4v8h3c1.7,0,3-1.3,3-3v-7C21,5,17,1,12,1z"/></g>
|
||||
<g id="headset-mic"><path d="M12,1c-5,0-9,4-9,9v7c0,1.7,1.3,3,3,3h3v-8H5v-2c0-3.9,3.1-7,7-7c3.9,0,7,3.1,7,7v2h-4v8h4v1h-7v2h6c1.7,0,3-1.3,3-3V10C21,5,17,1,12,1z"/></g>
|
||||
<g id="keyboard"><path d="M20,5H4C2.9,5,2,5.9,2,7l0,10c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V7C22,5.9,21.1,5,20,5z M11,8h2v2h-2V8z M11,11h2v2h-2V11z M8,8h2v2H8V8z M8,11h2v2H8V11z M7,13H5v-2h2V13z M7,10H5V8h2V10z M16,17H8v-2h8V17z M16,13h-2v-2h2V13z M16,10h-2V8h2V10z M19,13h-2v-2h2V13z M19,10h-2V8h2V10z"/></g>
|
||||
<g id="keyboard-alt"><path d="M15.5,10c0.8,0,1.5-0.7,1.5-1.5S16.3,7,15.5,7S14,7.7,14,8.5S14.7,10,15.5,10z M8.5,10C9.3,10,10,9.3,10,8.5S9.3,7,8.5,7C7.7,7,7,7.7,7,8.5S7.7,10,8.5,10z M12,17c2.6,0,4.8-1.7,5.7-4H6.3C7.2,15.3,9.4,17,12,17z M12,1C6.5,1,2,5.5,2,11c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,5.5,17.5,1,12,1z M12,19c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,19,12,19z"/></g>
|
||||
<g id="keyboard-arrow-down"><polygon points="7.4,7.8 12,12.4 16.6,7.8 18,9.2 12,15.2 6,9.2 "/></g>
|
||||
<g id="keyboard-arrow-left"><polygon points="15.4,16.1 10.8,11.5 15.4,6.9 14,5.5 8,11.5 14,17.5 "/></g>
|
||||
<g id="keyboard-arrow-right"><polygon points="8.6,16.3 13.2,11.8 8.6,7.2 10,5.8 16,11.8 10,17.8 "/></g>
|
||||
<g id="keyboard-arrow-up"><polygon points="7.4,15.4 12,10.8 16.6,15.4 18,14 12,8 6,14 "/></g>
|
||||
<g id="keyboard-backspace"><polygon points="21,11 6.8,11 10.4,7.4 9,6 3,12 9,18 10.4,16.6 6.8,13 21,13 "/></g>
|
||||
<g id="keyboard-capslock"><path d="M12,8.4l4.6,4.6l1.4-1.4l-6-6l-6,6L7.4,13L12,8.4z M6,18h12v-2H6V18z"/></g>
|
||||
<g id="keyboard-control"><path d="M6,10c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2C8,10.9,7.1,10,6,10z M18,10c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2C20,10.9,19.1,10,18,10z M12,10c-1.1,0-2,0.9-2,2c0,1.1,0.9,2,2,2c1.1,0,2-0.9,2-2C14,10.9,13.1,10,12,10z"/></g>
|
||||
<g id="keyboard-hide"><path d="M20,3H4C2.9,3,2,3.9,2,5l0,10c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V5C22,3.9,21.1,3,20,3z M11,6h2v2h-2V6z M11,9h2v2h-2V9z M8,6h2v2H8V6z M8,9h2v2H8V9z M7,11H5V9h2V11z M7,8H5V6h2V8z M16,15H8v-2h8V15z M16,11h-2V9h2V11z M16,8h-2V6h2V8z M19,11h-2V9h2V11z M19,8h-2V6h2V8z M12,23l4-4H8L12,23z"/></g>
|
||||
<g id="keyboard-return"><polygon points="19,7 19,11 5.8,11 9.4,7.4 8,6 2,12 8,18 9.4,16.6 5.8,13 21,13 21,7 "/></g>
|
||||
<g id="keyboard-tab"><path d="M11.6,7.4l3.6,3.6H1v2h14.2l-3.6,3.6L13,18l6-6l-6-6L11.6,7.4z M20,6v12h2V6H20z"/></g>
|
||||
<g id="keyboard-voice"><path d="M12,15c1.7,0,3-1.3,3-3l0-6c0-1.7-1.3-3-3-3c-1.7,0-3,1.3-3,3v6C9,13.7,10.3,15,12,15z M17.3,12c0,3-2.5,5.1-5.3,5.1c-2.8,0-5.3-2.1-5.3-5.1H5c0,3.4,2.7,6.2,6,6.7V22h2v-3.3c3.3-0.5,6-3.3,6-6.7H17.3z"/></g>
|
||||
<g id="laptop"><path d="M20,18c1.1,0,2-0.9,2-2l0-10c0-1.1-0.9-2-2-2H4C2.9,4,2,4.9,2,6v10c0,1.1,0.9,2,2,2H0v2h24v-2H20z M4,6h16v10H4V6z"/></g>
|
||||
<g id="memory"><path d="M15,9H9v6h6V9z M13,13h-2v-2h2V13z M21,11V9h-2V7c0-1.1-0.9-2-2-2h-2V3h-2v2h-2V3H9v2H7C5.9,5,5,5.9,5,7v2H3v2h2v2H3v2h2v2c0,1.1,0.9,2,2,2h2v2h2v-2h2v2h2v-2h2c1.1,0,2-0.9,2-2v-2h2v-2h-2v-2H21z M17,17H7V7h10V17z"/></g>
|
||||
<g id="mouse"><path d="M13,1.1V9h7C20,4.9,16.9,1.6,13,1.1z M4,15c0,4.4,3.6,8,8,8c4.4,0,8-3.6,8-8v-4H4V15z M11,1.1C7.1,1.6,4,4.9,4,9h7V1.1z"/></g>
|
||||
<g id="nest-protect"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M12,18c-3.3,0-6-2.7-6-6s2.7-6,6-6c3.3,0,6,2.7,6,6S15.3,18,12,18z"/><circle cx="12" cy="12" r="4"/></g>
|
||||
<g id="nest-thermostat"><path d="M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M12,5c1.6,0,3,0.5,4.2,1.4L14,8.6C13.4,8.2,12.7,8,12,8c-2.2,0-4,1.8-4,4c0,1.1,0.4,2.1,1.2,2.8l-2.1,2.1C5.8,15.7,5,13.9,5,12C5,8.1,8.1,5,12,5z M16.9,16.9l-2.1-2.1c0.7-0.7,1.2-1.7,1.2-2.8c0-0.7-0.2-1.4-0.6-2l2.2-2.2C18.5,9,19,10.4,19,12C19,13.9,18.2,15.7,16.9,16.9z"/></g>
|
||||
<g id="phone"><path d="M17,1L7,1C5.9,1,5,1.9,5,3v18c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V3C19,1.9,18.1,1,17,1z M17,19H7V5h10V19z"/></g>
|
||||
<g id="speaker"><path d="M17,2H7C5.9,2,5,2.9,5,4v16c0,1.1,0.9,2,2,2l10,0c1.1,0,2-0.9,2-2V4C19,2.9,18.1,2,17,2z M12,4c1.1,0,2,0.9,2,2s-0.9,2-2,2c-1.1,0-2-0.9-2-2S10.9,4,12,4z M12,20c-2.8,0-5-2.2-5-5s2.2-5,5-5c2.8,0,5,2.2,5,5S14.8,20,12,20z M12,12c-1.7,0-3,1.3-3,3c0,1.7,1.3,3,3,3c1.7,0,3-1.3,3-3C15,13.3,13.7,12,12,12z"/></g>
|
||||
<g id="tablet"><path d="M21,4H3C1.9,4,1,4.9,1,6v12c0,1.1,0.9,2,2,2h18c1.1,0,2-0.9,2-2l0-12C23,4.9,22.1,4,21,4z M19,18H5V6h14V18z"/></g>
|
||||
<g id="tv"><path d="M20,3H4C2.9,3,2,3.9,2,5v12c0,1.1,0.9,2,2,2h4v2h8v-2h4c1.1,0,2-0.9,2-2l0-12C22,3.9,21.1,3,20,3z M20,17H4V5h16V17z"/></g>
|
||||
<g id="watch"><path d="M20,12c0-2.5-1.2-4.8-3-6.3L16,0H8L7,5.7C5.2,7.2,4,9.5,4,12s1.2,4.8,3,6.3L8,24h8l1-5.7C18.8,16.8,20,14.5,20,12z M6,12c0-3.3,2.7-6,6-6c3.3,0,6,2.7,6,6s-2.7,6-6,6C8.7,18,6,15.3,6,12z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,192 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="icons" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="accessibility"><path d="M12,2c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,2,12,2z M21,9h-6v13h-2v-6h-2v6H9V9H3V7h18V9z"/></g>
|
||||
<g id="account-box"><path d="M3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2H5C3.9,3,3,3.9,3,5z M15,9c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3c0-1.7,1.3-3,3-3C13.7,6,15,7.3,15,9z M6,17c0-2,4-3.1,6-3.1s6,1.1,6,3.1v1H6V17z"/></g>
|
||||
<g id="account-circle"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,5c1.7,0,3,1.3,3,3c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3C9,6.3,10.3,5,12,5z M12,19.2c-2.5,0-4.7-1.3-6-3.2c0-2,4-3.1,6-3.1c2,0,6,1.1,6,3.1C16.7,17.9,14.5,19.2,12,19.2z"/></g>
|
||||
<g id="add"><path d="M19,13h-6v6h-2v-6H5v-2h6V5h2v6h6V13z"/></g>
|
||||
<g id="add-box"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,13h-4v4h-2v-4H7v-2h4V7h2v4h4V13z"/></g>
|
||||
<g id="add-circle"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M17,13h-4v4h-2v-4H7v-2h4V7h2v4h4V13z"/></g>
|
||||
<g id="add-circle-outline"><path d="M13,7h-2v4H7v2h4v4h2v-4h4v-2h-4V7z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/></g>
|
||||
<g id="android"><path d="M6,18c0,0.6,0.4,1,1,1h1v3.5C8,23.3,8.7,24,9.5,24c0.8,0,1.5-0.7,1.5-1.5V19h2v3.5c0,0.8,0.7,1.5,1.5,1.5c0.8,0,1.5-0.7,1.5-1.5V19h1c0.6,0,1-0.4,1-1V8H6V18z M3.5,8C2.7,8,2,8.7,2,9.5v7C2,17.3,2.7,18,3.5,18C4.3,18,5,17.3,5,16.5v-7C5,8.7,4.3,8,3.5,8z M20.5,8C19.7,8,19,8.7,19,9.5v7c0,0.8,0.7,1.5,1.5,1.5c0.8,0,1.5-0.7,1.5-1.5v-7C22,8.7,21.3,8,20.5,8z M15.5,2.2l1.3-1.3c0.2-0.2,0.2-0.5,0-0.7c-0.2-0.2-0.5-0.2-0.7,0l-1.5,1.5C13.9,1.2,13,1,12,1c-1,0-1.9,0.2-2.7,0.6L7.9,0.1C7.7,0,7.3,0,7.1,0.1C7,0.3,7,0.7,7.1,0.9l1.3,1.3C7,3.3,6,5,6,7h12C18,5,17,3.2,15.5,2.2z M10,5H9V4h1V5z M15,5h-1V4h1V5z"/></g>
|
||||
<g id="apps"><path d="M4,8h4V4H4V8z M10,20h4v-4h-4V20z M4,20h4v-4H4V20z M4,14h4v-4H4V14z M10,14h4v-4h-4V14z M16,4v4h4V4H16z M10,8h4V4h-4V8z M16,14h4v-4h-4V14z M16,20h4v-4h-4V20z"/></g>
|
||||
<g id="archive"><path d="M20.5,5.2l-1.4-1.7C18.9,3.2,18.5,3,18,3H6C5.5,3,5.1,3.2,4.8,3.5L3.5,5.2C3.2,5.6,3,6,3,6.5V19c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V6.5C21,6,20.8,5.6,20.5,5.2z M12,17.5L6.5,12H10v-2h4v2h3.5L12,17.5z M5.1,5l0.8-1h12l0.9,1H5.1z"/></g>
|
||||
<g id="arrow-back"><path d="M20,11H7.8l5.6-5.6L12,4l-8,8l8,8l1.4-1.4L7.8,13H20V11z"/></g>
|
||||
<g id="arrow-drop-down"><polygon points="7,10 12,15 17,10 "/></g>
|
||||
<g id="arrow-drop-down-circle"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,14l-4-4h8L12,14z"/></g>
|
||||
<g id="arrow-drop-up"><polygon points="7,14 12,9 17,14 "/></g>
|
||||
<g id="arrow-forward"><polygon points="12,4 10.6,5.4 16.2,11 4,11 4,13 16.2,13 10.6,18.6 12,20 20,12 "/></g>
|
||||
<g id="attachment"><path d="M7.5,18c-3,0-5.5-2.5-5.5-5.5S4.5,7,7.5,7H18c2.2,0,4,1.8,4,4s-1.8,4-4,4H9.5C8.1,15,7,13.9,7,12.5S8.1,10,9.5,10H17v1.5H9.5c-0.6,0-1,0.4-1,1s0.4,1,1,1H18c1.4,0,2.5-1.1,2.5-2.5S19.4,8.5,18,8.5H7.5c-2.2,0-4,1.8-4,4s1.8,4,4,4H17V18H7.5z"/></g>
|
||||
<g id="backspace"><path d="M22,3H7C6.3,3,5.8,3.3,5.4,3.9L0,12l5.4,8.1C5.8,20.6,6.3,21,7,21h15c1.1,0,2-0.9,2-2V5C24,3.9,23.1,3,22,3z M19,15.6L17.6,17L14,13.4L10.4,17L9,15.6l3.6-3.6L9,8.4L10.4,7l3.6,3.6L17.6,7L19,8.4L15.4,12L19,15.6z"/></g>
|
||||
<g id="backup"><path d="M19.4,10c-0.7-3.4-3.7-6-7.4-6C9.1,4,6.6,5.6,5.4,8C2.3,8.4,0,10.9,0,14c0,3.3,2.7,6,6,6h13c2.8,0,5-2.2,5-5C24,12.4,21.9,10.2,19.4,10z M14,13v4h-4v-4H7l5-5l5,5H14z"/></g>
|
||||
<g id="block"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M4,12c0-4.4,3.6-8,8-8c1.8,0,3.5,0.6,4.9,1.7L5.7,16.9C4.6,15.5,4,13.8,4,12z M12,20c-1.8,0-3.5-0.6-4.9-1.7L18.3,7.1C19.4,8.5,20,10.2,20,12C20,16.4,16.4,20,12,20z"/></g>
|
||||
<g id="book"><path d="M18,22c1.1,0,2-0.9,2-2V4c0-1.1-0.9-2-2-2h-6v7L9.5,7.5L7,9V2H6C4.9,2,4,2.9,4,4v16c0,1.1,0.9,2,2,2H18z"/></g>
|
||||
<g id="bookmark"><path d="M17,3H7C5.9,3,5,3.9,5,5l0,16l7-3l7,3V5C19,3.9,18.1,3,17,3z"/></g>
|
||||
<g id="bookmark-outline"><path d="M17,3H7C5.9,3,5,3.9,5,5l0,16l7-3l7,3V5C19,3.9,18.1,3,17,3z M17,18l-5-2.2L7,18V5h10V18z"/></g>
|
||||
<g id="bug-report"><path d="M20,8h-2.8c-0.5-0.8-1.1-1.5-1.8-2L17,4.4L15.6,3l-2.2,2.2C13,5.1,12.5,5,12,5s-1,0.1-1.4,0.2L8.4,3L7,4.4L8.6,6C7.9,6.5,7.3,7.2,6.8,8H4v2h2.1C6,10.3,6,10.7,6,11v1H4v2h2v1c0,0.3,0,0.7,0.1,1H4v2h2.8c1,1.8,3,3,5.2,3s4.2-1.2,5.2-3H20v-2h-2.1c0.1-0.3,0.1-0.7,0.1-1v-1h2v-2h-2v-1c0-0.3,0-0.7-0.1-1H20V8z M14,16h-4v-2h4V16z M14,12h-4v-2h4V12z"/></g>
|
||||
<g id="cancel"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M17,15.6L15.6,17L12,13.4L8.4,17L7,15.6l3.6-3.6L7,8.4L8.4,7l3.6,3.6L15.6,7L17,8.4L13.4,12L17,15.6z"/></g>
|
||||
<g id="check"><polygon points="9,16.2 4.8,12 3.4,13.4 9,19 21,7 19.6,5.6 "/></g>
|
||||
<g id="check-box"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M10,17l-5-5l1.4-1.4l3.6,3.6l7.6-7.6L19,8L10,17z"/></g>
|
||||
<g id="check-box-blank"><path d="M19,3H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z"/></g>
|
||||
<g id="check-box-outline"><path d="M7.9,10.1l-1.4,1.4L11,16L21,6l-1.4-1.4L11,13.2L7.9,10.1z M19,19L5,19V5h10V3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-8h-2V19z"/></g>
|
||||
<g id="check-box-outline-blank"><path d="M19,5v14L5,19V5H19 M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3L19,3z"/></g>
|
||||
<g id="check-circle"><path d="M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M10,17l-5-5l1.4-1.4l3.6,3.6l7.6-7.6L19,8L10,17z"/></g>
|
||||
<g id="check-circle-blank"><path d="M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z"/></g>
|
||||
<g id="check-circle-outline"><path d="M7.9,10.1l-1.4,1.4L11,16L21,6l-1.4-1.4L11,13.2L7.9,10.1z M20,12c0,4.4-3.6,8-8,8s-8-3.6-8-8s3.6-8,8-8c0.8,0,1.5,0.1,2.2,0.3l1.6-1.6C14.6,2.3,13.3,2,12,2C6.5,2,2,6.5,2,12s4.5,10,10,10s10-4.5,10-10H20z"/></g>
|
||||
<g id="check-circle-outline-blank"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/></g>
|
||||
<g id="chevron-left"><polygon points="15.4,7.4 14,6 8,12 14,18 15.4,16.6 10.8,12 "/></g>
|
||||
<g id="chevron-right"><polygon points="10,6 8.6,7.4 13.2,12 8.6,16.6 10,18 16,12 "/></g>
|
||||
<g id="clear"><polygon points="19,6.4 17.6,5 12,10.6 6.4,5 5,6.4 10.6,12 5,17.6 6.4,19 12,13.4 17.6,19 19,17.6 13.4,12 "/></g>
|
||||
<g id="close"><polygon points="19,6.4 17.6,5 12,10.6 6.4,5 5,6.4 10.6,12 5,17.6 6.4,19 12,13.4 17.6,19 19,17.6 13.4,12 "/></g>
|
||||
<g id="cloud"><path d="M19.4,10c-0.7-3.4-3.7-6-7.4-6C9.1,4,6.6,5.6,5.4,8C2.3,8.4,0,10.9,0,14c0,3.3,2.7,6,6,6h13c2.8,0,5-2.2,5-5C24,12.4,21.9,10.2,19.4,10z"/></g>
|
||||
<g id="cloud-circle"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M17,15H8H7.5C6.1,15,5,13.9,5,12.5S6.1,10,7.5,10h0.6c0.4-1.7,2-3,3.9-3c2.2,0,4,1.8,4,4h1c1.1,0,2,0.9,2,2S18.1,15,17,15z"/></g>
|
||||
<g id="cloud-done"><path d="M19.4,10c-0.7-3.4-3.7-6-7.4-6C9.1,4,6.6,5.6,5.4,8C2.3,8.4,0,10.9,0,14c0,3.3,2.7,6,6,6h13c2.8,0,5-2.2,5-5C24,12.4,21.9,10.2,19.4,10z M10,17l-3.5-3.5l1.4-1.4l2.1,2.1L15.2,9l1.4,1.4L10,17z"/></g>
|
||||
<g id="cloud-download"><path d="M19.4,10c-0.7-3.4-3.7-6-7.4-6C9.1,4,6.6,5.6,5.4,8C2.3,8.4,0,10.9,0,14c0,3.3,2.7,6,6,6h13c2.8,0,5-2.2,5-5C24,12.4,21.9,10.2,19.4,10z M17,13l-5,5l-5-5h3V9h4v4H17z"/></g>
|
||||
<g id="cloud-off"><path d="M19.4,10c-0.7-3.4-3.7-6-7.4-6c-1.5,0-2.9,0.4-4,1.2l1.5,1.5C10.2,6.2,11.1,6,12,6c3,0,5.5,2.5,5.5,5.5V12H19c1.7,0,3,1.3,3,3c0,1.1-0.6,2.1-1.6,2.6l1.5,1.5c1.3-0.9,2.1-2.4,2.1-4.1C24,12.4,21.9,10.2,19.4,10z M3,5.3L5.8,8C2.6,8.2,0,10.8,0,14c0,3.3,2.7,6,6,6h11.7l2,2l1.3-1.3L4.3,4L3,5.3z M7.7,10l8,8H6c-2.2,0-4-1.8-4-4c0-2.2,1.8-4,4-4H7.7z"/></g>
|
||||
<g id="cloud-queue"><path d="M19.4,10c-0.7-3.4-3.7-6-7.4-6C9.1,4,6.6,5.6,5.4,8C2.3,8.4,0,10.9,0,14c0,3.3,2.7,6,6,6h13c2.8,0,5-2.2,5-5C24,12.4,21.9,10.2,19.4,10z M19,18H6c-2.2,0-4-1.8-4-4c0-2.2,1.8-4,4-4h0.7C7.4,7.7,9.5,6,12,6c3,0,5.5,2.5,5.5,5.5V12H19c1.7,0,3,1.3,3,3S20.7,18,19,18z"/></g>
|
||||
<g id="cloud-upload"><path d="M19.4,10c-0.7-3.4-3.7-6-7.4-6C9.1,4,6.6,5.6,5.4,8C2.3,8.4,0,10.9,0,14c0,3.3,2.7,6,6,6h13c2.8,0,5-2.2,5-5C24,12.4,21.9,10.2,19.4,10z M14,13v4h-4v-4H7l5-5l5,5H14z"/></g>
|
||||
<g id="content-copy"><path d="M16,1H4C2.9,1,2,1.9,2,3v14h2V3h12V1z M19,5H8C6.9,5,6,5.9,6,7v14c0,1.1,0.9,2,2,2h11c1.1,0,2-0.9,2-2V7C21,5.9,20.1,5,19,5z M19,21H8V7h11V21z"/></g>
|
||||
<g id="content-cut"><path d="M10,6c0-2.2-1.8-4-4-4S2,3.8,2,6c0,2.2,1.8,4,4,4c0.6,0,1.1-0.1,1.6-0.4L10,12l-2.4,2.4C7.1,14.1,6.6,14,6,14c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4s4-1.8,4-4c0-0.6-0.1-1.1-0.4-1.6L12,14l7,7h4L9.6,7.6C9.9,7.1,10,6.6,10,6z M6,8C4.9,8,4,7.1,4,6s0.9-2,2-2c1.1,0,2,0.9,2,2S7.1,8,6,8z M6,20c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2S7.1,20,6,20z M12,11.5c0.3,0,0.5,0.2,0.5,0.5c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5C11.5,11.7,11.7,11.5,12,11.5z M23,3h-4l-6,6l2,2L23,3z"/></g>
|
||||
<g id="content-paste"><path d="M19,2h-4.2c-0.4-1.2-1.5-2-2.8-2c-1.3,0-2.4,0.8-2.8,2H5C3.9,2,3,2.9,3,4v16c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V4C21,2.9,20.1,2,19,2z M12,2c0.6,0,1,0.4,1,1s-0.4,1-1,1c-0.6,0-1-0.4-1-1S11.4,2,12,2z M19,20H5V4h2v3h10V4h2V20z"/></g>
|
||||
<g id="create"><path d="M3,17.2V21h3.8L17.8,9.9l-3.8-3.8L3,17.2z M20.7,7c0.4-0.4,0.4-1,0-1.4l-2.3-2.3c-0.4-0.4-1-0.4-1.4,0l-1.8,1.8l3.8,3.8L20.7,7z"/></g>
|
||||
<g id="credit-card"><path d="M20,4H4C2.9,4,2,4.9,2,6v12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,18H4v-6h16V18z M20,8H4V6h16V8z"/></g>
|
||||
<g id="delete"><path d="M6,19c0,1.1,0.9,2,2,2h8c1.1,0,2-0.9,2-2V7H6V19z M19,4h-3.5l-1-1h-5l-1,1H5v2h14V4z"/></g>
|
||||
<g id="done"><polygon points="9,16.2 4.8,12 3.4,13.4 9,19 21,7 19.6,5.6 "/></g>
|
||||
<g id="done-all"><path d="M18,7l-1.4-1.4l-6.3,6.3l1.4,1.4L18,7z M22.2,5.6L11.7,16.2L7.5,12l-1.4,1.4l5.6,5.6l12-12L22.2,5.6z M0.4,13.4L6,19l1.4-1.4L1.8,12L0.4,13.4z"/></g>
|
||||
<g id="drafts"><path d="M22,8c0-0.7-0.4-1.3-0.9-1.7L12,1L2.9,6.3C2.4,6.7,2,7.3,2,8v10c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2L22,8z M12,13L3.7,7.8L12,3l8.3,4.8L12,13z"/></g>
|
||||
<g id="drive"><path d="M22.3,14L15.4,2H8.6l0,0l6.9,12H22.3z M9.7,15l-3.4,6h13.1l3.4-6H9.7z M7.7,3.5L1.2,15l3.4,6l6.6-11.5L7.7,3.5z"/></g>
|
||||
<g id="drawer"><path d="M20,4H4C2.8,4,2,4.8,2,6v12c0,1.2,0.8,2,2,2h16c1,0,2-0.8,2-2V6C22,4.8,21,4,20,4z M20,18h-6V6h6V18z"/></g>
|
||||
<g id="drive-document"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17,9H7V7h10V9z M17,13H7v-2h10V13z M14,17H7v-2h7V17z"/></g>
|
||||
<g id="drive-drawing"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M18,18h-6v-5.8c-0.7,0.6-1.5,1-2.5,1c-2,0-3.7-1.7-3.7-3.7s1.7-3.7,3.7-3.7c2,0,3.7,1.7,3.7,3.7c0,1-0.4,1.8-1,2.5H18V18z"/></g>
|
||||
<g id="drive-file"><path d="M6,2C4.9,2,4,2.9,4,4l0,16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V8l-6-6H6z M13,9V3.5L18.5,9H13z"/></g>
|
||||
<g id="drive-form"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M9,17H7v-2h2V17z M9,13H7v-2h2V13z M9,9H7V7h2V9z M17,17h-7v-2h7V17z M17,13h-7v-2h7V13z M17,9h-7V7h7V9z"/></g>
|
||||
<g id="drive-fusiontable"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,10.2L13,17l-4-4l-4,4v-3l4-4l4,4l6-6.8V10.2z"/></g>
|
||||
<g id="drive-image"><path d="M21,19V5c0-1.1-0.9-2-2-2H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14C20.1,21,21,20.1,21,19z M8.5,13.5l2.5,3l3.5-4.5l4.5,6H5L8.5,13.5z"/></g>
|
||||
<g id="drive-ms-excel"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M16.2,17h-2L12,13.2L9.8,17h-2l3.2-5L7.8,7h2l2.2,3.8L14.2,7h2L13,12L16.2,17z"/></g>
|
||||
<g id="drive-ms-powerpoint"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M9.8,13.4V17H8V7h4.3c1.5,0,2.2,0.3,2.8,0.9c0.7,0.6,0.9,1.4,0.9,2.3c0,1-0.3,1.8-0.9,2.3c-0.6,0.5-1.3,0.8-2.8,0.8H9.8z"/><path d="M9.8,12V8.4h2.3c0.7,0,1.2,0.2,1.5,0.6c0.3,0.4,0.5,0.7,0.5,1.2c0,0.6-0.2,0.9-0.5,1.3c-0.3,0.3-0.7,0.5-1.4,0.5H9.8z"/></g>
|
||||
<g id="drive-ms-word"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M15.5,17H14l-2-7.5L10,17H8.5L6.1,7h1.7l1.5,7.5l2-7.5h1.4l2,7.5L16.2,7h1.7L15.5,17z"/></g>
|
||||
<g id="drive-pdf"><path d="M11.3,8.6L11.3,8.6C11.4,8.6,11.4,8.6,11.3,8.6c0.1-0.4,0.2-0.6,0.2-0.9l0-0.2c0.1-0.5,0.1-0.9,0-1c0,0,0,0,0-0.1l-0.1-0.1c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0.1-0.1,0.1C11.1,7,11.1,7.7,11.3,8.6C11.3,8.6,11.3,8.6,11.3,8.6z M8.3,15.5c-0.2,0.1-0.4,0.2-0.5,0.3c-0.7,0.6-1.2,1.3-1.3,1.6c0,0,0,0,0,0c0,0,0,0,0,0c0,0,0,0,0,0C7.1,17.3,7.7,16.7,8.3,15.5C8.4,15.5,8.4,15.5,8.3,15.5C8.4,15.5,8.3,15.5,8.3,15.5z M17.5,14c-0.1-0.1-0.5-0.4-1.9-0.4c-0.1,0-0.1,0-0.2,0c0,0,0,0,0,0c0,0,0,0,0,0.1c0.7,0.3,1.4,0.5,1.9,0.5c0.1,0,0.1,0,0.2,0l0,0c0,0,0.1,0,0.1,0c0,0,0,0,0-0.1c0,0,0,0,0,0C17.6,14.1,17.5,14.1,17.5,14z M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17.9,14.8C17.7,14.9,17.4,15,17,15c-0.8,0-2-0.2-3-0.7c-1.7,0.2-3,0.4-4,0.8c-0.1,0-0.1,0-0.2,0.1c-1.2,2.1-2.2,3.1-3,3.1c-0.2,0-0.3,0-0.4-0.1l-0.5-0.3l0-0.1c-0.1-0.2-0.1-0.3-0.1-0.5c0.1-0.5,0.7-1.4,1.9-2.1c0.2-0.1,0.5-0.3,0.9-0.5c0.3-0.5,0.6-1.1,1-1.8c0.5-1,0.8-2,1.1-2.9l0,0c-0.4-1.2-0.6-1.9-0.2-3.3c0.1-0.4,0.4-0.8,0.8-0.8l0.2,0c0.2,0,0.4,0.1,0.6,0.2c0.7,0.7,0.4,2.3,0,3.6c0,0.1,0,0.1,0,0.1c0.4,1.1,1,2,1.6,2.6c0.3,0.2,0.5,0.4,0.9,0.6c0.5,0,0.9-0.1,1.3-0.1c1.2,0,2,0.2,2.3,0.7c0.1,0.2,0.1,0.4,0.1,0.6C18.2,14.3,18.1,14.6,17.9,14.8z M11.4,10.9c-0.2,0.7-0.6,1.5-1,2.4c-0.2,0.4-0.4,0.7-0.6,1.1c0,0,0.1,0,0.1,0l0.1,0v0c1.3-0.5,2.5-0.8,3.3-0.9c-0.2-0.1-0.3-0.2-0.4-0.3C12.4,12.6,11.8,11.8,11.4,10.9z"/></g>
|
||||
<g id="drive-presentation"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,16H5V8h14V16z"/></g>
|
||||
<g id="drive-script"><path d="M19,3H5C3.9,3,3,3.9,3,5l0,4h0v6h0l0,4c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M11,17v-3H5v-4h6V7l5,5L11,17z"/></g>
|
||||
<g id="drive-site"><path d="M19,4H5C3.9,4,3,4.9,3,6l0,12c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V6C21,4.9,20.1,4,19,4z M14,18H5v-4h9V18z M14,13H5V9h9V13z M19,18h-4V9h4V18z"/></g>
|
||||
<g id="drive-spreadsheet"><path d="M19,3H5C3.9,3,3,3.9,3,5l0,3h0v11c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,11h-8v8H9v-8H5V9h4V5h2v4h8V11z"/></g>
|
||||
<g id="drive-video"><path d="M18,4l2,4h-3l-2-4h-2l2,4h-3l-2-4H8l2,4H7L5,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4H18z"/></g>
|
||||
<g id="error"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M13,17h-2v-2h2V17z M13,13h-2V7h2V13z"/></g>
|
||||
<g id="event"><path d="M17,12h-5v5h5V12z M16,1v2H8V1H6v2H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2h-1V1H16z M19,19H5V8h14V19z"/></g>
|
||||
<g id="exit-to-app"><path d="M10.1,15.6l1.4,1.4l5-5l-5-5l-1.4,1.4l2.6,2.6H3v2h9.7L10.1,15.6z M19,3H5C3.9,3,3,3.9,3,5v4h2V5h14v14H5v-4H3v4c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z"/></g>
|
||||
<g id="expand-less"><polygon points="12,8 6,14 7.4,15.4 12,10.8 16.6,15.4 18,14 "/></g>
|
||||
<g id="expand-more"><polygon points="16.6,8.6 12,13.2 7.4,8.6 6,10 12,16 18,10 "/></g>
|
||||
<g id="explore"><path d="M12,10.9c-0.6,0-1.1,0.5-1.1,1.1s0.5,1.1,1.1,1.1c0.6,0,1.1-0.5,1.1-1.1S12.6,10.9,12,10.9z M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M14.2,14.2L6,18l3.8-8.2L18,6L14.2,14.2z"/></g>
|
||||
<g id="extension"><path d="M20.5,11H19V7c0-1.1-0.9-2-2-2h-4V3.5C13,2.1,11.9,1,10.5,1C9.1,1,8,2.1,8,3.5V5H4C2.9,5,2,5.9,2,7l0,3.8h1.5c1.5,0,2.7,1.2,2.7,2.7S5,16.2,3.5,16.2H2L2,20c0,1.1,0.9,2,2,2h3.8v-1.5c0-1.5,1.2-2.7,2.7-2.7c1.5,0,2.7,1.2,2.7,2.7V22H17c1.1,0,2-0.9,2-2v-4h1.5c1.4,0,2.5-1.1,2.5-2.5S21.9,11,20.5,11z"/></g>
|
||||
<g id="favorite"><path d="M12,21.4L10.6,20C5.4,15.4,2,12.3,2,8.5C2,5.4,4.4,3,7.5,3c1.7,0,3.4,0.8,4.5,2.1C13.1,3.8,14.8,3,16.5,3C19.6,3,22,5.4,22,8.5c0,3.8-3.4,6.9-8.6,11.5L12,21.4z"/></g>
|
||||
<g id="favorite-outline"><path d="M16.5,3c-1.7,0-3.4,0.8-4.5,2.1C10.9,3.8,9.2,3,7.5,3C4.4,3,2,5.4,2,8.5c0,3.8,3.4,6.9,8.6,11.5l1.4,1.3l1.4-1.3c5.1-4.7,8.6-7.8,8.6-11.5C22,5.4,19.6,3,16.5,3z M12.1,18.6L12,18.6l-0.1-0.1C7.1,14.2,4,11.4,4,8.5C4,6.5,5.5,5,7.5,5c1.5,0,3,1,3.6,2.4h1.9C13.5,6,15,5,16.5,5c2,0,3.5,1.5,3.5,3.5C20,11.4,16.9,14.2,12.1,18.6z"/></g>
|
||||
<g id="file-download"><path d="M19,9h-4V3H9v6H5l7,7L19,9z M5,18v2h14v-2H5z"/></g>
|
||||
<g id="file-upload"><polygon points="9,16 15,16 15,10 19,10 12,3 5,10 9,10 "/><rect x="5" y="18" width="14" height="2"/></g>
|
||||
<g id="filter"><path d="M10,18h4v-2h-4V18z M3,6v2h18V6H3z M6,13h12v-2H6V13z"/></g>
|
||||
<g id="flag"><polygon points="14.4,6 14,4 5,4 5,21 7,21 7,14 12.6,14 13,16 20,16 20,6 "/></g>
|
||||
<g id="flip-to-back"><path d="M9,7H7l0,2h2V7z M9,11H7v2h2V11z M9,3C7.9,3,7,3.9,7,5h2V3z M13,15h-2v2h2V15z M19,3v2h2C21,3.9,20.1,3,19,3z M13,3h-2v2h2V3z M9,17v-2H7C7,16.1,7.9,17,9,17z M19,13h2v-2h-2V13z M19,9h2V7h-2V9z M19,17c1.1,0,2-0.9,2-2h-2V17z M5,7H3v2h0l0,10c0,1.1,0.9,2,2,2h12v-2H5V7z M15,5h2V3h-2V5z M15,17h2v-2h-2V17z"/></g>
|
||||
<g id="flip-to-front"><path d="M3,13h2v-2H3L3,13z M3,17h2v-2H3V17z M5,21v-2H3C3,20.1,3.9,21,5,21z M3,9h2V7H3V9z M15,21h2v-2h-2V21z M19,3H9C7.9,3,7,3.9,7,5v2h0v2v6c0,1.1,0.9,2,2,2h5h4h1c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,15H9V5h10V15z M11,21h2v-2h-2V21z M7,21h2v-2H7V21z"/></g>
|
||||
<g id="folder"><path d="M10,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8c0-1.1-0.9-2-2-2h-8L10,4z"/></g>
|
||||
<g id="folder-mydrive"><path d="M20,6h-8l-2-2H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M11.7,17l-1.3-2.1l2.8-5l1.5,2.7L12.3,17H11.7z M18.3,17h-5.5l1.4-2.5h5.1l0.3,0.5L18.3,17z M13.8,9h2.4l2.8,5H16l-2.6-4.5L13.8,9z"/></g>
|
||||
<g id="folder-shared"><path d="M20,6h-8l-2-2H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M15,9c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C13,9.9,13.9,9,15,9z M19,17h-8v-1c0-1.3,2.7-2,4-2c1.3,0,4,0.7,4,2V17z"/></g>
|
||||
<g id="forward"><polygon points="12,8 12,4 20,12 12,20 12,16 4,16 4,8 "/></g>
|
||||
<g id="fullscreen"><path d="M7,14H5v5h5v-2H7V14z M5,10h2V7h3V5H5V10z M17,17h-3v2h5v-5h-2V17z M14,5v2h3v3h2V5H14z"/></g>
|
||||
<g id="fullscreen-exit"><path d="M5,16h3v3h2v-5H5V16z M8,8H5v2h5V5H8V8z M14,19h2v-3h3v-2h-5V19z M16,8V5h-2v5h5V8H16z"/></g>
|
||||
<g id="gesture"><path d="M4.6,6.9C5.3,6.2,6,5.5,6.3,5.7c0.5,0.2,0,1-0.3,1.5c-0.3,0.4-2.9,3.9-2.9,6.3c0,1.3,0.5,2.3,1.3,3c0.8,0.6,1.7,0.7,2.6,0.5c1.1-0.3,1.9-1.4,3.1-2.8c1.2-1.5,2.8-3.4,4.1-3.4c1.6,0,1.6,1,1.8,1.8c-3.8,0.6-5.4,3.7-5.4,5.4c0,1.7,1.4,3.1,3.2,3.1c1.6,0,4.3-1.3,4.7-6.1H21v-2.5h-2.5c-0.2-1.6-1.1-4.2-4-4.2c-2.2,0-4.2,1.9-4.9,2.8c-0.6,0.7-2.1,2.5-2.3,2.7c-0.3,0.3-0.7,0.8-1.1,0.8c-0.4,0-0.7-0.8-0.4-1.9c0.4-1.1,1.4-2.9,1.9-3.5C8.4,8,8.9,7.2,8.9,5.9C8.9,3.7,7.3,3,6.4,3C5.1,3,4,4,3.7,4.3C3.4,4.6,3.1,4.9,2.8,5.2L4.6,6.9z M13.9,18.6c-0.3,0-0.7-0.3-0.7-0.7c0-0.6,0.7-2.2,2.9-2.8C15.7,17.8,14.6,18.6,13.9,18.6z"/></g>
|
||||
<g id="google"><path d="M16.3,13.4l-1.1-0.8c-0.4-0.3-0.8-0.7-0.8-1.4c0-0.7,0.5-1.3,1-1.6c1.3-1,2.6-2.1,2.6-4.3c0-2.1-1.3-3.3-2-3.9h1.7L18.9,0h-6.2C8.3,0,6.1,2.8,6.1,5.8c0,2.3,1.8,4.8,5,4.8h0.8c-0.1,0.3-0.4,0.8-0.4,1.3c0,1,0.4,1.4,0.9,2c-1.4,0.1-4,0.4-5.9,1.6c-1.8,1.1-2.3,2.6-2.3,3.7c0,2.3,2.1,4.5,6.6,4.5c5.4,0,8-3,8-5.9C18.8,15.7,17.7,14.6,16.3,13.4z M8.7,4.3c0-2.2,1.3-3.2,2.7-3.2c2.6,0,4,3.5,4,5.5c0,2.6-2.1,3.1-2.9,3.1C10,9.7,8.7,6.6,8.7,4.3z M12.3,22.3c-3.3,0-5.4-1.5-5.4-3.7c0-2.2,2-2.9,2.6-3.2c1.3-0.4,3-0.5,3.3-0.5c0.3,0,0.5,0,0.7,0c2.4,1.7,3.4,2.4,3.4,4C16.9,20.8,15,22.3,12.3,22.3z"/></g>
|
||||
<g id="google-plus"><path d="M21,10V7h-2v3h-3v2h3v3h2v-3h3v-2H21z M13.3,13.4l-1.1-0.8c-0.4-0.3-0.8-0.7-0.8-1.4c0-0.7,0.5-1.3,1-1.6c1.3-1,2.6-2.1,2.6-4.3c0-2.1-1.3-3.3-2-3.9h1.7L15.9,0H9.7C5.3,0,3.1,2.8,3.1,5.8c0,2.3,1.8,4.8,5,4.8h0.8c-0.1,0.3-0.4,0.8-0.4,1.3c0,1,0.4,1.4,0.9,2c-1.4,0.1-4,0.4-5.9,1.6c-1.8,1.1-2.3,2.6-2.3,3.7c0,2.3,2.1,4.5,6.6,4.5c5.4,0,8-3,8-5.9C15.8,15.7,14.7,14.6,13.3,13.4z M5.7,4.3c0-2.2,1.3-3.2,2.7-3.2c2.6,0,4,3.5,4,5.5c0,2.6-2.1,3.1-2.9,3.1C7,9.7,5.7,6.6,5.7,4.3z M9.3,22.3c-3.3,0-5.4-1.5-5.4-3.7c0-2.2,2-2.9,2.6-3.2c1.3-0.4,3-0.5,3.3-0.5c0.3,0,0.5,0,0.7,0c2.4,1.7,3.4,2.4,3.4,4C13.9,20.8,12,22.3,9.3,22.3z"/></g>
|
||||
<g id="help"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M13,19h-2v-2h2V19z M15.1,11.3l-0.9,0.9C13.4,12.9,13,13.5,13,15h-2v-0.5c0-1.1,0.4-2.1,1.2-2.8l1.2-1.3C13.8,10.1,14,9.6,14,9c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2H8c0-2.2,1.8-4,4-4c2.2,0,4,1.8,4,4C16,9.9,15.6,10.7,15.1,11.3z"/></g>
|
||||
<g id="history"><path opacity="0.9" d="M12.5,2C9,2,5.9,3.9,4.3,6.8L2,4.5V11h6.5L5.7,8.2C7,5.7,9.5,4,12.5,4c4.1,0,7.5,3.4,7.5,7.5c0,4.1-3.4,7.5-7.5,7.5c-3.3,0-6-2.1-7.1-5H3.3c1.1,4,4.8,7,9.2,7c5.3,0,9.5-4.3,9.5-9.5S17.7,2,12.5,2z M11,7v5.1l4.7,2.8l0.8-1.3l-4-2.4V7H11z"/></g>
|
||||
<g id="home"><polygon points="10,20 10,14 14,14 14,20 19,20 19,12 22,12 12,3 2,12 5,12 5,20 "/></g>
|
||||
<g id="https"><path d="M18,8h-1V6c0-2.8-2.2-5-5-5C9.2,1,7,3.2,7,6v2H6c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V10C20,8.9,19.1,8,18,8z M12,17c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2S13.1,17,12,17z M15.1,8H8.9V6c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1V8z"/></g>
|
||||
<g id="inbox"><path d="M19,3H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,15h-4c0,1.7-1.3,3-3,3c-1.7,0-3-1.3-3-3H5V5h14V15z M16,10h-2V7h-4v3H8l4,4L16,10z"/></g>
|
||||
<g id="info"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M13,17h-2v-6h2V17z M13,9h-2V7h2V9z"/></g>
|
||||
<g id="info-outline"><path d="M11,17h2v-6h-2V17z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z M11,9h2V7h-2V9z"/></g>
|
||||
<g id="invert-colors"><path d="M17,12c0-2.8-2.2-5-5-5v10C14.8,17,17,14.8,17,12z M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19h-7v-2c-2.8,0-5-2.2-5-5s2.2-5,5-5V5h7V19z"/></g>
|
||||
<g id="keep"><path d="M16,12V4h1V2H7v2h1v8l-2,2v2h5.2v6h1.6v-6H18v-2L16,12z"/></g>
|
||||
<g id="label"><path d="M17.6,5.8C17.3,5.3,16.7,5,16,5L5,5C3.9,5,3,5.9,3,7v10c0,1.1,0.9,2,2,2l11,0c0.7,0,1.3-0.3,1.6-0.8L22,12L17.6,5.8z"/></g>
|
||||
<g id="label-outline"><path d="M17.6,5.8C17.3,5.3,16.7,5,16,5L5,5C3.9,5,3,5.9,3,7v10c0,1.1,0.9,2,2,2l11,0c0.7,0,1.3-0.3,1.6-0.8L22,12L17.6,5.8z M16,17H5V7h11l3.5,5L16,17z"/></g>
|
||||
<g id="language"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M18.9,8H16c-0.3-1.3-0.8-2.4-1.4-3.6C16.4,5.1,18,6.3,18.9,8z M12,4c0.8,1.2,1.5,2.5,1.9,4h-3.8C10.5,6.6,11.2,5.2,12,4z M4.3,14C4.1,13.4,4,12.7,4,12s0.1-1.4,0.3-2h3.4c-0.1,0.7-0.1,1.3-0.1,2s0.1,1.3,0.1,2H4.3z M5.1,16H8c0.3,1.3,0.8,2.4,1.4,3.6C7.6,18.9,6,17.7,5.1,16z M8,8H5.1c1-1.7,2.5-2.9,4.3-3.6C8.8,5.6,8.3,6.7,8,8z M12,20c-0.8-1.2-1.5-2.5-1.9-4h3.8C13.5,17.4,12.8,18.8,12,20z M14.3,14H9.7c-0.1-0.7-0.2-1.3-0.2-2s0.1-1.3,0.2-2h4.7c0.1,0.7,0.2,1.3,0.2,2S14.4,13.3,14.3,14z M14.6,19.6c0.6-1.1,1.1-2.3,1.4-3.6h2.9C18,17.7,16.4,18.9,14.6,19.6z M16.4,14c0.1-0.7,0.1-1.3,0.1-2s-0.1-1.3-0.1-2h3.4c0.2,0.6,0.3,1.3,0.3,2s-0.1,1.4-0.3,2H16.4z"/></g>
|
||||
<g id="launch"><path d="M19,19H5V5h7V3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2v-7h-2V19z M14,3v2h3.6l-9.8,9.8l1.4,1.4L19,6.4V10h2V3H14z"/></g>
|
||||
<g id="link"><path d="M8,13h8v-2H8V13z M3.9,12c0-2.3,1.8-4.1,4.1-4.1h3V6H8c-3.3,0-6,2.7-6,6s2.7,6,6,6h3v-1.9H8C5.7,16.1,3.9,14.3,3.9,12z M16,6h-3v1.9h3c2.3,0,4.1,1.8,4.1,4.1c0,2.3-1.8,4.1-4.1,4.1h-3V18h3c3.3,0,6-2.7,6-6S19.3,6,16,6z"/></g>
|
||||
<g id="list"><path d="M3,13h2v-2H3V13z M3,17h2v-2H3V17z M3,9h2V7H3V9z M7,13h14v-2H7V13z M7,17h14v-2H7V17z M7,7v2h14V7H7z"/></g>
|
||||
<g id="lock"><path d="M18,8h-1V6c0-2.8-2.2-5-5-5C9.2,1,7,3.2,7,6v2H6c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V10C20,8.9,19.1,8,18,8z M12,17c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2S13.1,17,12,17z M15.1,8H8.9V6c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1V8z"/></g>
|
||||
<g id="lock-open"><path d="M12,17c1.1,0,2-0.9,2-2s-0.9-2-2-2c-1.1,0-2,0.9-2,2S10.9,17,12,17z M18,8h-1V6c0-2.8-2.2-5-5-5C9.2,1,7,3.2,7,6h1.9c0-1.7,1.4-3.1,3.1-3.1c1.7,0,3.1,1.4,3.1,3.1v2H6c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V10C20,8.9,19.1,8,18,8z M18,20H6V10h12V20z"/></g>
|
||||
<g id="lock-outline"><path d="M18,8h-1V6c0-2.8-2.2-5-5-5C9.2,1,7,3.2,7,6v2H6c-1.1,0-2,0.9-2,2v10c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V10C20,8.9,19.1,8,18,8z M12,2.9c1.7,0,3.1,1.4,3.1,3.1v2H9V6H8.9C8.9,4.3,10.3,2.9,12,2.9z M18,20H6V10h12V20z M12,17c1.1,0,2-0.9,2-2s-0.9-2-2-2c-1.1,0-2,0.9-2,2S10.9,17,12,17z"/></g>
|
||||
<g id="mail"><path d="M20,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,8l-8,5L4,8V6l8,5l8-5V8z"/></g>
|
||||
<g id="markunread"><path d="M22,6l2-2l-2-2l-2,2l-2-2l-2,2l-2-2l-2,2l-2-2L8,4L6,2L4,4L2,2L0,4l2,2L0,8l2,2l-2,2l2,2l-2,2l2,2l-2,2l2,2l2-2l2,2l2-2l2,2l2-2l2,2l2-2l2,2l2-2l2,2l2-2l-2-2l2-2l-2-2l2-2l-2-2l2-2L22,6z M20,8l-8,5L4,8V6l8,5l8-5V8z"/></g>
|
||||
<g id="menu"><path d="M3,18h18v-2H3V18z M3,13h18v-2H3V13z M3,6v2h18V6H3z"/></g>
|
||||
<g id="more-horiz"><path d="M6,10c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S7.1,10,6,10z M18,10c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S19.1,10,18,10z M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S13.1,10,12,10z"/></g>
|
||||
<g id="more-vert"><path d="M12,8c1.1,0,2-0.9,2-2s-0.9-2-2-2c-1.1,0-2,0.9-2,2S10.9,8,12,8z M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S13.1,10,12,10z M12,16c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S13.1,16,12,16z"/></g>
|
||||
<g id="polymer"><polygon points="19,4 15,4 7.1,16.6 4.5,12 9,4 5,4 0.5,12 5,20 9,20 16.9,7.4 19.5,12 15,20 19,20 23.5,12 "/></g>
|
||||
<g id="print"><path d="M19,8H5c-1.7,0-3,1.3-3,3v6h4v4h12v-4h4v-6C22,9.3,20.7,8,19,8z M16,19H8v-5h8V19z M19,12c-0.6,0-1-0.4-1-1s0.4-1,1-1c0.6,0,1,0.4,1,1S19.6,12,19,12z M18,3H6v4h12V3z"/></g>
|
||||
<g id="radio-button-off"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/></g>
|
||||
<g id="radio-button-on"><path d="M12,7c-2.8,0-5,2.2-5,5s2.2,5,5,5c2.8,0,5-2.2,5-5S14.8,7,12,7z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/></g>
|
||||
<g id="receipt"><path d="M18,17H6v-2h12V17z M18,13H6v-2h12V13z M18,9H6V7h12V9z M3,22l1.5-1.5L6,22l1.5-1.5L9,22l1.5-1.5L12,22l1.5-1.5L15,22l1.5-1.5L18,22l1.5-1.5L21,22V2l-1.5,1.5L18,2l-1.5,1.5L15,2l-1.5,1.5L12,2l-1.5,1.5L9,2L7.5,3.5L6,2L4.5,3.5L3,2V22z"/></g>
|
||||
<g id="refresh"><path d="M17.6,6.4C16.2,4.9,14.2,4,12,4c-4.4,0-8,3.6-8,8s3.6,8,8,8c3.7,0,6.8-2.6,7.7-6h-2.1c-0.8,2.3-3,4-5.6,4c-3.3,0-6-2.7-6-6s2.7-6,6-6c1.7,0,3.1,0.7,4.2,1.8L13,11h7V4L17.6,6.4z"/></g>
|
||||
<g id="reminder"><path d="M16.9,13c1.3-1.3,2.1-3,2.1-5c0-3.9-3.1-7-7-7C8.1,1,5,4.1,5,8c0,2,0.8,3.7,2.1,5l0,0l3.5,3.5L6,21.1l1.4,1.4L16.9,13z M15.5,11.5L15.5,11.5L12,15.1l-3.5-3.5l0,0l0,0C7.6,10.6,7,9.4,7,8c0-2.8,2.2-5,5-5c2.8,0,5,2.2,5,5C17,9.4,16.4,10.6,15.5,11.5L15.5,11.5z M13.4,19.3l3.2,3.2l1.4-1.4l-3.2-3.2L13.4,19.3z"/></g>
|
||||
<g id="remove"><path d="M19,13H5v-2h14V13z"/></g>
|
||||
<g id="remove-circle"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M17,13H7v-2h10V13z"/></g>
|
||||
<g id="remove-circle-outline"><path d="M7,11v2h10v-2H7z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/></g>
|
||||
<g id="reply"><path d="M10,9V5l-7,7l7,7v-4.1c5,0,8.5,1.6,11,5.1C20,15,17,10,10,9z"/></g>
|
||||
<g id="reply-all"><path d="M7,8V5l-7,7l7,7v-3l-4-4L7,8z M13,9V5l-7,7l7,7v-4.1c5,0,8.5,1.6,11,5.1C23,15,20,10,13,9z"/></g>
|
||||
<g id="report"><path d="M15.7,3H8.3L3,8.3v7.5L8.3,21h7.5l5.3-5.3V8.3L15.7,3z M12,17.3c-0.7,0-1.3-0.6-1.3-1.3c0-0.7,0.6-1.3,1.3-1.3c0.7,0,1.3,0.6,1.3,1.3C13.3,16.7,12.7,17.3,12,17.3z M13,13h-2V7h2V13z"/></g>
|
||||
<g id="rotate-left"><path d="M7.1,8.5L5.7,7.1C4.8,8.3,4.2,9.6,4.1,11h2C6.2,10.1,6.6,9.3,7.1,8.5z M6.1,13h-2c0.2,1.4,0.7,2.7,1.6,3.9l1.4-1.4C6.6,14.7,6.2,13.9,6.1,13z M7.1,18.3c1.2,0.9,2.5,1.4,3.9,1.6v-2c-0.9-0.1-1.7-0.5-2.5-1L7.1,18.3z M13,4.1V1L8.5,5.5L13,10V6.1c2.8,0.5,5,2.9,5,5.9s-2.2,5.4-5,5.9v2c3.9-0.5,7-3.9,7-7.9S16.9,4.6,13,4.1z"/></g>
|
||||
<g id="rotate-right"><path d="M15.5,5.5L11,1v3.1C7.1,4.6,4,7.9,4,12s3.1,7.4,7,7.9v-2C8.2,17.4,6,15,6,12s2.2-5.4,5-5.9V10L15.5,5.5z M19.9,11c-0.2-1.4-0.7-2.7-1.6-3.9l-1.4,1.4c0.5,0.8,0.9,1.6,1,2.5H19.9z M13,17.9v2c1.4-0.2,2.7-0.7,3.9-1.6l-1.4-1.4C14.7,17.4,13.9,17.8,13,17.9z M16.9,15.5l1.4,1.4c0.9-1.2,1.5-2.5,1.6-3.9h-2C17.8,13.9,17.4,14.7,16.9,15.5z"/></g>
|
||||
<g id="save"><path d="M17,3H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V7L17,3z M12,19c-1.7,0-3-1.3-3-3s1.3-3,3-3c1.7,0,3,1.3,3,3S13.7,19,12,19z M15,9H5V5h10V9z"/></g>
|
||||
<g id="schedule"><path fill-opacity="0.9" d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/><polygon fill-opacity="0.9" points="12.5,7 11,7 11,13 16.2,16.2 17,14.9 12.5,12.2 "/></g>
|
||||
<g id="search"><path d="M15.5,14h-0.8l-0.3-0.3c1-1.1,1.6-2.6,1.6-4.2C16,5.9,13.1,3,9.5,3C5.9,3,3,5.9,3,9.5S5.9,16,9.5,16c1.6,0,3.1-0.6,4.2-1.6l0.3,0.3v0.8l5,5l1.5-1.5L15.5,14z M9.5,14C7,14,5,12,5,9.5S7,5,9.5,5C12,5,14,7,14,9.5S12,14,9.5,14z"/></g>
|
||||
<g id="select-all"><path d="M3,5h2V3C3.9,3,3,3.9,3,5z M3,13h2v-2H3V13z M7,21h2v-2H7V21z M3,9h2V7H3V9z M13,3h-2v2h2V3z M19,3v2h2C21,3.9,20.1,3,19,3z M5,21v-2H3C3,20.1,3.9,21,5,21z M3,17h2v-2H3V17z M9,3H7v2h2V3z M11,21h2v-2h-2V21z M19,13h2v-2h-2V13z M19,21c1.1,0,2-0.9,2-2h-2V21z M19,9h2V7h-2V9z M19,17h2v-2h-2V17z M15,21h2v-2h-2V21z M15,5h2V3h-2V5z M7,17h10V7H7V17z M9,9h6v6H9V9z"/></g>
|
||||
<g id="send"><polygon points="2,21 23,12 2,3 2,10 17,12 2,14 "/></g>
|
||||
<g id="settings"><path d="M19.4,13c0-0.3,0.1-0.6,0.1-1s0-0.7-0.1-1l2.1-1.7c0.2-0.2,0.2-0.4,0.1-0.6l-2-3.5C19.5,5.1,19.3,5,19,5.1l-2.5,1c-0.5-0.4-1.1-0.7-1.7-1l-0.4-2.6C14.5,2.2,14.2,2,14,2h-4C9.8,2,9.5,2.2,9.5,2.4L9.1,5.1C8.5,5.3,8,5.7,7.4,6.1L5,5.1C4.7,5,4.5,5.1,4.3,5.3l-2,3.5C2.2,8.9,2.3,9.2,2.5,9.4L4.6,11c0,0.3-0.1,0.6-0.1,1s0,0.7,0.1,1l-2.1,1.7c-0.2,0.2-0.2,0.4-0.1,0.6l2,3.5C4.5,18.9,4.7,19,5,18.9l2.5-1c0.5,0.4,1.1,0.7,1.7,1l0.4,2.6c0,0.2,0.2,0.4,0.5,0.4h4c0.2,0,0.5-0.2,0.5-0.4l0.4-2.6c0.6-0.3,1.2-0.6,1.7-1l2.5,1c0.2,0.1,0.5,0,0.6-0.2l2-3.5c0.1-0.2,0.1-0.5-0.1-0.6L19.4,13z M12,15.5c-1.9,0-3.5-1.6-3.5-3.5s1.6-3.5,3.5-3.5s3.5,1.6,3.5,3.5S13.9,15.5,12,15.5z"/></g>
|
||||
<g id="settings-applications"><path d="M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2s2-0.9,2-2S13.1,10,12,10z M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M17.2,12c0,0.2,0,0.5,0,0.7l1.5,1.2c0.1,0.1,0.2,0.3,0.1,0.4l-1.4,2.4c-0.1,0.2-0.3,0.2-0.4,0.2l-1.7-0.7c-0.4,0.3-0.8,0.5-1.2,0.7l-0.3,1.9c0,0.2-0.2,0.3-0.3,0.3h-2.8c-0.2,0-0.3-0.1-0.3-0.3L10,16.9c-0.4-0.2-0.8-0.4-1.2-0.7l-1.7,0.7c-0.2,0.1-0.3,0-0.4-0.2l-1.4-2.4c-0.1-0.2,0-0.3,0.1-0.4l1.5-1.2c0-0.2,0-0.5,0-0.7s0-0.5,0-0.7l-1.5-1.2c-0.1-0.1-0.2-0.3-0.1-0.4l1.4-2.4c0.1-0.2,0.3-0.2,0.4-0.2l1.7,0.7C9.2,7.6,9.6,7.3,10,7.1l0.3-1.9c0-0.2,0.2-0.3,0.3-0.3h2.8c0.2,0,0.3,0.1,0.3,0.3L14,7.1c0.4,0.2,0.8,0.4,1.2,0.7l1.7-0.7c0.2-0.1,0.3,0,0.4,0.2l1.4,2.4c0.1,0.2,0,0.3-0.1,0.4l-1.5,1.2C17.2,11.5,17.2,11.8,17.2,12z"/></g>
|
||||
<g id="settings-bluetooth"><path d="M11,24h2v-2h-2V24z M7,24h2v-2H7V24z M15,24h2v-2h-2V24z M17.7,5.7L12,0h-1v7.6L6.4,3L5,4.4l5.6,5.6L5,15.6L6.4,17l4.6-4.6V20h1l5.7-5.7L13.4,10L17.7,5.7z M13,3.8l1.9,1.9L13,7.6V3.8z M14.9,14.3L13,16.2v-3.8L14.9,14.3z"/></g>
|
||||
<g id="settings-cell"><path d="M7,24h2v-2H7V24z M11,24h2v-2h-2V24z M15,24h2v-2h-2V24z M16,0L8,0C6.9,0,6,0.9,6,2v16c0,1.1,0.9,2,2,2h8c1.1,0,2-0.9,2-2V2C18,0.9,17.1,0,16,0z M16,16H8V4h8V16z"/></g>
|
||||
<g id="settings-phone"><path d="M13,9h-2v2h2V9z M17,9h-2v2h2V9z M20,15.5c-1.2,0-2.4-0.2-3.6-0.6c-0.3-0.1-0.7,0-1,0.2l-2.2,2.2c-2.8-1.4-5.1-3.8-6.6-6.6l2.2-2.2c0.3-0.3,0.4-0.7,0.2-1C8.7,6.4,8.5,5.2,8.5,4c0-0.6-0.4-1-1-1H4C3.4,3,3,3.4,3,4c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1v-3.5C21,15.9,20.6,15.5,20,15.5z M19,9v2h2V9H19z"/></g>
|
||||
<g id="settings-power"><path d="M7,24h2v-2H7V24z M11,24h2v-2h-2V24z M13,2h-2v10h2V2z M16.6,4.4l-1.4,1.4C16.8,6.9,18,8.8,18,11c0,3.3-2.7,6-6,6c-3.3,0-6-2.7-6-6c0-2.2,1.2-4.1,2.9-5.1L7.4,4.4C5.4,5.9,4,8.3,4,11c0,4.4,3.6,8,8,8c4.4,0,8-3.6,8-8C20,8.3,18.6,5.9,16.6,4.4z M15,24h2v-2h-2V24z"/></g>
|
||||
<g id="settings-voice"><path d="M7,24h2v-2H7V24z M12,13c1.7,0,3-1.3,3-3l0-6c0-1.7-1.3-3-3-3c-1.7,0-3,1.3-3,3v6C9,11.7,10.3,13,12,13z M11,24h2v-2h-2V24z M15,24h2v-2h-2V24z M19,10h-1.7c0,3-2.5,5.1-5.3,5.1c-2.8,0-5.3-2.1-5.3-5.1H5c0,3.4,2.7,6.2,6,6.7V20h2v-3.3C16.3,16.2,19,13.4,19,10z"/></g>
|
||||
<g id="shopping-basket"><path d="M17.2,9l-4.4-6.6C12.6,2.2,12.3,2,12,2c-0.3,0-0.6,0.1-0.8,0.4L6.8,9H2c-0.6,0-1,0.4-1,1c0,0.1,0,0.2,0,0.3l2.5,9.3c0.2,0.8,1,1.5,1.9,1.5h13c0.9,0,1.7-0.6,1.9-1.5l2.5-9.3c0-0.1,0-0.2,0-0.3c0-0.6-0.4-1-1-1H17.2z M9,9l3-4.4L15,9H9z M12,17c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2S13.1,17,12,17z"/></g>
|
||||
<g id="shopping-cart"><path d="M7,18c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S8.1,18,7,18z M1,2v2h2l3.6,7.6L5.2,14C5.1,14.3,5,14.7,5,15c0,1.1,0.9,2,2,2h12v-2H7.4c-0.1,0-0.2-0.1-0.2-0.2c0,0,0-0.1,0-0.1L8.1,13h7.4c0.8,0,1.4-0.4,1.7-1l3.6-6.5C21,5.3,21,5.2,21,5c0-0.6-0.4-1-1-1H5.2L4.3,2H1z M17,18c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S18.1,18,17,18z"/></g>
|
||||
<g id="sort"><path d="M3,18h6v-2H3V18z M3,6v2h18V6H3z M3,13h12v-2H3V13z"/></g>
|
||||
<g id="star"><polygon points="12,17.273 18.18,21 16.545,13.971 22,9.244 14.809,8.627 12,2 9.191,8.627 2,9.244 7.455,13.971 5.82,21 "/></g>
|
||||
<g id="star-half"><path d="M22,9.744l-7.191-0.617L12,2.5L9.191,9.127L2,9.744v0l0,0l5.455,4.727L5.82,21.5L12,17.772l0,0l6.18,3.727l-1.635-7.029L22,9.744z M12,15.896V6.595l1.71,4.036l4.38,0.376l-3.322,2.878l0.996,4.281L12,15.896z"/></g>
|
||||
<g id="star-outline"><path d="M22,9.244l-7.191-0.617L12,2L9.191,8.627L2,9.244l5.455,4.727L5.82,21L12,17.272L18.18,21l-1.635-7.029L22,9.244z M12,15.396l-3.763,2.27l0.996-4.281L5.91,10.507l4.38-0.376L12,6.095l1.71,4.036l4.38,0.376l-3.322,2.878l0.996,4.281L12,15.396z"/></g>
|
||||
<g id="star-rate"><polygon points="12,14.3 15.7,17 14.3,12.6 18,10 13.5,10 12,5.5 10.5,10 6,10 9.7,12.6 8.3,17 "/></g>
|
||||
<g id="store"><path d="M20,4H4v2h16V4z M21,14v-2l-1-5H4l-1,5v2h1v6h10v-6h4v6h2v-6H21z M12,18H6v-4h6V18z"/></g>
|
||||
<g id="swap-driving-apps"><circle cx="6.5" cy="15.5" r="1.5"/><circle cx="17.5" cy="15.5" r="1.5"/><path d="M18.9,7c-0.2-0.6-0.8-1-1.4-1H16H6V4L3,7l2,2l1,1V8h11.7l1.3,4H3v9c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-1h12v1c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-8L18.9,7z M6.5,17C5.7,17,5,16.3,5,15.5S5.7,14,6.5,14C7.3,14,8,14.7,8,15.5S7.3,17,6.5,17z M17.5,17c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5S18.3,17,17.5,17z M16,0v2H8v2h8v2l3-3L16,0z"/></g>
|
||||
<g id="swap-horiz"><path d="M7,11l-4,4l4,4v-3h7v-2H7V11z M21,9l-4-4v3h-7v2h7v3L21,9z"/></g>
|
||||
<g id="swap-vert"><path d="M16,17v-7h-2v7h-3l4,4l4-4H16z M9,3L5,7h3v7h2V7h3L9,3z"/></g>
|
||||
<g id="swap-vert-circle"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M6.5,9L10,5.5L13.5,9H11v4H9V9H6.5z M17.5,15L14,18.5L10.5,15H13v-4h2v4H17.5z"/></g>
|
||||
<g id="tab"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19L5,19V5h7v4h7V19z"/></g>
|
||||
<g id="tab-unselected"><path d="M3,9h2V7H3V9z M3,13h2v-2H3V13z M3,5h2V3C3.9,3,3,3.9,3,5z M7,21h2v-2l-2,0V21z M3,17h2v-2H3V17z M5,21v-2H3C3,20.1,3.9,21,5,21z M19,3h-8v6h10V5C21,3.9,20.1,3,19,3z M19,17h2v-2h-2V17z M7,5h2V3H7V5z M19,21c1.1,0,2-0.9,2-2h-2V21z M19,13h2v-2h-2V13z M11,21h2v-2l-2,0V21z M15,21h2v-2l-2,0V21z"/></g>
|
||||
<g id="text-format"><path d="M5,17v2h14v-2H5z M9.5,12.8h5l0.9,2.2h2.1L12.8,4h-1.5L6.5,15h2.1L9.5,12.8z M12,6l1.9,5h-3.7L12,6z"/></g>
|
||||
<g id="theaters"><path d="M18,3v2h-2V3H8v2H6V3H4v18h2v-2h2v2h8v-2h2v2h2V3H18z M8,17H6v-2h2V17z M8,13H6v-2h2V13z M8,9H6V7h2V9z M18,17h-2v-2h2V17z M18,13h-2v-2h2V13z M18,9h-2V7h2V9z"/></g>
|
||||
<g id="thumb-down"><path d="M15,3H6C5.2,3,4.5,3.5,4.2,4.2l-3,7.1C1.1,11.5,1,11.7,1,12v1.9l0,0c0,0,0,0.1,0,0.1c0,1.1,0.9,2,2,2h6.3l-1,4.6c0,0.1,0,0.2,0,0.3c0,0.4,0.2,0.8,0.4,1.1L9.8,23l6.6-6.6c0.4-0.4,0.6-0.9,0.6-1.4V5C17,3.9,16.1,3,15,3z M19,3v12h4V3H19z"/></g>
|
||||
<g id="thumb-up"><path d="M1,21h4V9H1V21z M23,10c0-1.1-0.9-2-2-2h-6.3l1-4.6c0-0.1,0-0.2,0-0.3c0-0.4-0.2-0.8-0.4-1.1L14.2,1L7.6,7.6C7.2,7.9,7,8.4,7,9v10c0,1.1,0.9,2,2,2h9c0.8,0,1.5-0.5,1.8-1.2l3-7.1c0.1-0.2,0.1-0.5,0.1-0.7V10L23,10C23,10.1,23,10,23,10z"/></g>
|
||||
<g id="today"><path d="M19,3h-1V1h-2v2H8V1H6v2H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19H5V8h14V19z"/><rect x="7" y="10" width="5" height="5"/></g>
|
||||
<g id="translate"><path d="M3,17.2V21h3.8L17.8,9.9l-3.8-3.8L3,17.2z M20.7,7c0.4-0.4,0.4-1,0-1.4l-2.3-2.3c-0.4-0.4-1-0.4-1.4,0l-1.8,1.8l3.8,3.8L20.7,7z M12,19l-2,2h13v-2H12z"/></g>
|
||||
<g id="undo"><path d="M12,5V1.5l-5,5l5,5V7c3.3,0,6,2.7,6,6s-2.7,6-6,6c-3.3,0-6-2.7-6-6H4c0,4.4,3.6,8,8,8c4.4,0,8-3.6,8-8S16.4,5,12,5z"/></g>
|
||||
<g id="unfold-less"><path d="M7.4,18.6L8.8,20l3.2-3.2l3.2,3.2l1.4-1.4L12,14L7.4,18.6z M16.6,5.4L15.2,4L12,7.2L8.8,4L7.4,5.4L12,10L16.6,5.4z"/></g>
|
||||
<g id="unfold-more"><path d="M12,5.8L15.2,9l1.4-1.4L12,3L7.4,7.6L8.8,9L12,5.8z M12,18.2L8.8,15l-1.4,1.4L12,21l4.6-4.6L15.2,15L12,18.2z"/></g>
|
||||
<g id="view-array"><path d="M4,18h3V5H4V18z M18,5v13h3V5H18z M8,18h9V5H8V18z"/></g>
|
||||
<g id="view-column"><path d="M10,18h5V5h-5V18z M4,18h5V5H4V18z M16,5v13h5V5H16z"/></g>
|
||||
<g id="view-headline"><path d="M4,15h17v-2H4V15z M4,19h17v-2H4V19z M4,11h17V9H4V11z M4,5v2h17V5H4z"/></g>
|
||||
<g id="view-list"><path d="M4,14h4v-4H4V14z M4,19h4v-4H4V19z M4,9h4V5H4V9z M9,14h12v-4H9V14z M9,19h12v-4H9V19z M9,5v4h12V5H9z"/></g>
|
||||
<g id="view-module"><path d="M4,11h5V5H4V11z M4,18h5v-6H4V18z M10,18h5v-6h-5V18z M16,18h5v-6h-5V18z M10,11h5V5h-5V11z M16,5v6h5V5H16z"/></g>
|
||||
<g id="view-quilt"><path d="M10,18h5v-6h-5V18z M4,18h5V5H4V18z M16,18h5v-6h-5V18z M10,5v6h11V5H10z"/></g>
|
||||
<g id="view-stream"><path d="M4,18h17v-6H4V18z M4,5v6h17V5H4z"/></g>
|
||||
<g id="visibility"><path d="M12,4.5C7,4.5,2.7,7.6,1,12c1.7,4.4,6,7.5,11,7.5c5,0,9.3-3.1,11-7.5C21.3,7.6,17,4.5,12,4.5z M12,17c-2.8,0-5-2.2-5-5s2.2-5,5-5c2.8,0,5,2.2,5,5S14.8,17,12,17z M12,9c-1.7,0-3,1.3-3,3s1.3,3,3,3c1.7,0,3-1.3,3-3S13.7,9,12,9z"/></g>
|
||||
<g id="visibility-off"><path d="M12,7c2.8,0,5,2.2,5,5c0,0.6-0.1,1.3-0.4,1.8l2.9,2.9c1.5-1.3,2.7-2.9,3.4-4.7c-1.7-4.4-6-7.5-11-7.5c-1.4,0-2.7,0.3-4,0.7l2.2,2.2C10.7,7.1,11.4,7,12,7z M2,4.3l2.3,2.3L4.7,7c-1.7,1.3-3,3-3.7,5c1.7,4.4,6,7.5,11,7.5c1.5,0,3-0.3,4.4-0.8l0.4,0.4l2.9,2.9l1.3-1.3L3.3,3L2,4.3z M7.5,9.8l1.5,1.5C9,11.6,9,11.8,9,12c0,1.7,1.3,3,3,3c0.2,0,0.4,0,0.7-0.1l1.5,1.5C13.5,16.8,12.8,17,12,17c-2.8,0-5-2.2-5-5C7,11.2,7.2,10.5,7.5,9.8z M11.8,9l3.1,3.1c0-0.1,0-0.1,0-0.2c0-1.7-1.3-3-3-3C11.9,9,11.9,9,11.8,9z"/></g>
|
||||
<g id="warning"><path d="M1,21h22L12,2L1,21z M13,18h-2v-2h2V18z M13,14h-2v-4h2V14z"/></g>
|
||||
<g id="work"><path d="M20,6h-4V4l-2-2h-4L8,4v2H4C2.9,6,2,6.9,2,8l0,11c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M14,6h-4V4h4V6z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,51 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="image" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="auto-fix"><polygon points="7.5,5.6 10,7 8.6,4.5 10,2 7.5,3.4 5,2 6.4,4.5 5,7 "/><polygon points="19.5,15.4 17,14 18.4,16.5 17,19 19.5,17.6 22,19 20.6,16.5 22,14 "/><polygon points="22,2 19.5,3.4 17,2 18.4,4.5 17,7 19.5,5.6 22,7 20.6,4.5 "/><path d="M14.4,7.3c-0.4-0.4-1-0.4-1.4,0L1.3,19c-0.4,0.4-0.4,1,0,1.4l2.3,2.3c0.4,0.4,1,0.4,1.4,0L16.7,11c0.4-0.4,0.4-1,0-1.4L14.4,7.3z M13.3,12.8l-2.1-2.1l2.4-2.4l2.1,2.1L13.3,12.8z"/></g>
|
||||
<g id="camera"><path d="M9.4,10.5l4.8-8.3C13.5,2.1,12.7,2,12,2C9.6,2,7.4,2.8,5.7,4.3l3.7,6.3L9.4,10.5z M21.5,9c-0.9-2.9-3.1-5.3-6-6.3L11.9,9H21.5z M21.8,10h-7.5l0.3,0.5l4.8,8.3C21,17,22,14.6,22,12C22,11.3,21.9,10.6,21.8,10z M8.5,12L4.6,5.2C3,7,2,9.4,2,12c0,0.7,0.1,1.4,0.2,2h7.5L8.5,12z M2.5,15c0.9,2.9,3.1,5.3,6,6.3l3.7-6.3H2.5z M13.7,15l-3.9,6.8c0.7,0.2,1.4,0.2,2.2,0.2c2.4,0,4.6-0.8,6.3-2.3l-3.7-6.3L13.7,15z"/></g>
|
||||
<g id="camera-alt"><circle cx="12" cy="12" r="3.2"/><path d="M9,2L7.2,4H4C2.9,4,2,4.9,2,6v12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6c0-1.1-0.9-2-2-2h-3.2L15,2H9z M12,17c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S14.8,17,12,17z"/></g>
|
||||
<g id="camera-roll"><path d="M14,5c0-1.1-0.9-2-2-2h-1V2c0-0.6-0.4-1-1-1H6C5.4,1,5,1.4,5,2v1H4C2.9,3,2,3.9,2,5v15c0,1.1,0.9,2,2,2h8c1.1,0,2-0.9,2-2h8V5H14z M12,18h-2v-2h2V18z M12,9h-2V7h2V9z M16,18h-2v-2h2V18z M16,9h-2V7h2V9z M20,18h-2v-2h2V18z M20,9h-2V7h2V9z"/></g>
|
||||
<g id="crop"><path d="M17,15h2V7c0-1.1-0.9-2-2-2H9v2h8V15z M7,17V1H5v4H1v2h4v10c0,1.1,0.9,2,2,2h10v4h2v-4h4v-2H7z"/></g>
|
||||
<g id="crop-free"><path d="M3,5v4h2V5h4V3H5C3.9,3,3,3.9,3,5z M5,15H3v4c0,1.1,0.9,2,2,2h4v-2H5V15z M19,19h-4v2h4c1.1,0,2-0.9,2-2v-4h-2V19z M19,3h-4v2h4v4h2V5C21,3.9,20.1,3,19,3z"/></g>
|
||||
<g id="crop-landscape"><path d="M19,5H5C3.9,5,3,5.9,3,7v10c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V7C21,5.9,20.1,5,19,5z M19,17H5V7h14V17z"/></g>
|
||||
<g id="crop-portrait"><path d="M17,3H7C5.9,3,5,3.9,5,5v14c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V5C19,3.9,18.1,3,17,3z M17,19H7V5h10V19z"/></g>
|
||||
<g id="crop-square"><path d="M18,4H6C4.9,4,4,4.9,4,6v12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V6C20,4.9,19.1,4,18,4z M18,18H6V6h12V18z"/></g>
|
||||
<g id="flash-auto"><path d="M3,2v12h3v9l7-12H9l4-9H3z M19,2h-2l-3.2,9h1.9l0.7-2h3.2l0.7,2h1.9L19,2z M16.9,7.6L18,4l1.1,3.6H16.9z"/></g>
|
||||
<g id="flash-off"><path d="M3.3,3L2,4.3l5,5V13h3v9l3.6-6.1l4.1,4.1l1.3-1.3L3.3,3z M17,10h-4l4-8H7v2.2l8.5,8.5L17,10z"/></g>
|
||||
<g id="flash-on"><polygon points="7,2 7,13 10,13 10,22 17,10 13,10 17,2 "/></g>
|
||||
<g id="image"><path d="M21,19V5c0-1.1-0.9-2-2-2H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14C20.1,21,21,20.1,21,19z M8.5,13.5l2.5,3l3.5-4.5l4.5,6H5L8.5,13.5z"/></g>
|
||||
<g id="landscape"><path d="M14,6l-3.8,5l2.9,3.8L11.5,16C9.8,13.8,7,10,7,10l-6,8h22L14,6z"/></g>
|
||||
<g id="palette"><path d="M12,3c-5,0-9,4-9,9s4,9,9,9c0.8,0,1.5-0.7,1.5-1.5c0-0.4-0.1-0.7-0.4-1c-0.2-0.3-0.4-0.6-0.4-1c0-0.8,0.7-1.5,1.5-1.5H16c2.8,0,5-2.2,5-5C21,6.6,17,3,12,3z M6.5,12C5.7,12,5,11.3,5,10.5S5.7,9,6.5,9C7.3,9,8,9.7,8,10.5S7.3,12,6.5,12z M9.5,8C8.7,8,8,7.3,8,6.5S8.7,5,9.5,5C10.3,5,11,5.7,11,6.5S10.3,8,9.5,8z M14.5,8C13.7,8,13,7.3,13,6.5S13.7,5,14.5,5C15.3,5,16,5.7,16,6.5S15.3,8,14.5,8z M17.5,12c-0.8,0-1.5-0.7-1.5-1.5S16.7,9,17.5,9c0.8,0,1.5,0.7,1.5,1.5S18.3,12,17.5,12z"/></g>
|
||||
<g id="panorama"><path d="M23,18V6c0-1.1-0.9-2-2-2H3C1.9,4,1,4.9,1,6v12c0,1.1,0.9,2,2,2h18C22.1,20,23,19.1,23,18z M8.5,12.5l2.5,3l3.5-4.5l4.5,6H5L8.5,12.5z"/></g>
|
||||
<g id="photo"><path d="M21,19V5c0-1.1-0.9-2-2-2H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14C20.1,21,21,20.1,21,19z M8.5,13.5l2.5,3l3.5-4.5l4.5,6H5L8.5,13.5z"/></g>
|
||||
<g id="photo-album"><path d="M18,2h-6v7L9.5,7.5L7,9V2H6C4.9,2,4,2.9,4,4v16c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V4C20,2.9,19.1,2,18,2z M6,19l3-3.9l2.1,2.6l3-3.9L18,19H6z"/></g>
|
||||
<g id="photo-library"><path d="M23,17V3c0-1.1-0.9-2-2-2H7C5.9,1,5,1.9,5,3v14c0,1.1,0.9,2,2,2h14C22.1,19,23,18.1,23,17z M10.5,11.5l2.5,3l3.5-4.5l4.5,6H7L10.5,11.5z M1,5v16c0,1.1,0.9,2,2,2h16v-2H3V5H1z"/></g>
|
||||
<g id="portrait"><path d="M12,12.2c1.2,0,2.2-1,2.2-2.2c0-1.2-1-2.2-2.2-2.2c-1.2,0-2.2,1-2.2,2.2C9.8,11.2,10.8,12.2,12,12.2z M16.5,16.2c0-1.5-3-2.2-4.5-2.2s-4.5,0.8-4.5,2.2V17h9V16.2z M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19L5,19V5h14V19z"/></g>
|
||||
<g id="slideshow"><path d="M10,8v8l5-4L10,8z M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M19,19L5,19V5h14V19z"/></g>
|
||||
<g id="switch-camera"><path d="M20,4h-3.2L15,2H9L7.2,4H4C2.9,4,2,4.9,2,6v12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M8.8,11c0,1.8,1.4,3.2,3.2,3.2c1.8,0,3.2-1.4,3.2-3.2h-1.7L16,8.5l2.5,2.5H17c0,2.8-2.2,5-5,5c-2.8,0-5-2.2-5-5H8.8z"/></g>
|
||||
<g id="switch-video"><path d="M18,9.5V6c0-0.6-0.4-1-1-1H3C2.4,5,2,5.4,2,6v12c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-3.5l4,4v-13L18,9.5z M6.8,11c0,1.5,1.2,2.7,2.7,2.7c1.5,0,2.7-1.2,2.7-2.7h-1.7L13,8.5l2.5,2.5H14c0,2.5-2,4.5-4.5,4.5C7,15.5,5,13.5,5,11H6.8z"/></g>
|
||||
<g id="tag-faces"><path d="M17,11c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1c-0.6,0-1,0.4-1,1C16,10.6,16.4,11,17,11z M15,16c1.9,0,3.4-1.3,3.8-3h-7.6C11.6,14.7,13.1,16,15,16z M13,11c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1c-0.6,0-1,0.4-1,1C12,10.6,12.4,11,13,11z M22,3L7.6,3C7,3,6.4,3.3,6,3.8L0,12l6,8.2C6.4,20.7,7,21,7.6,21H22c1.1,0,2-0.9,2-2V5C24,3.9,23.1,3,22,3z M4,13c-0.6,0-1-0.4-1-1c0-0.6,0.4-1,1-1s1,0.4,1,1C5,12.6,4.6,13,4,13z M15,18c-3.3,0-6-2.7-6-6c0-3.3,2.7-6,6-6c3.3,0,6,2.7,6,6C21,15.3,18.3,18,15,18z"/></g>
|
||||
<g id="timelapse"><path d="M16.2,7.8C15.1,6.6,13.5,6,12,6v6l-4.2,4.2c2.3,2.3,6.1,2.3,8.5,0C18.6,13.9,18.6,10.1,16.2,7.8z M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C20,16.4,16.4,20,12,20z"/></g>
|
||||
<g id="unknown-1"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M5.5,7.5h2v-2H9v2h2V9H9v2H7.5V9h-2V7.5z M19,19L5,19L19,5V19z M17,17v-1.5h-5V17H17z"/></g>
|
||||
<g id="unknown-2"><path d="M12,16h5v-1.5h-5V16z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M6,8h2V6h1.5v2h2v1.5h-2v2H8v-2H6V8z M12,20c-2.2,0-4.2-0.9-5.7-2.3L17.7,6.3C19.1,7.8,20,9.8,20,12C20,16.4,16.4,20,12,20z"/></g>
|
||||
<g id="unknown-3"><path d="M13,8h-2v3H8v2h3v3h2v-3h3v-2h-3V8z M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C20,16.4,16.4,20,12,20z"/></g>
|
||||
<g id="unknown-4"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C20,16.4,16.4,20,12,20z M8,13h8v-2H8V13z"/></g>
|
||||
<g id="unknown-5"><path d="M12,10H4v2h8V10z M12,2L12,2l0,2c4.4,0,8,3.6,8,8c0,4.4-3.6,8-8,8c-2.2,0-4.2-0.9-5.7-2.3l-1.4,1.4C6.7,20.9,9.2,22,12,22c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z"/></g>
|
||||
<g id="unknown-6"><path d="M16,10h-2v2h2V10z M16,14h-2v2h2V14z M8,10H6v2h2V10z M12,10h-2v2h2V10z M20,4H4C2.9,4,2,4.9,2,6v12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,18L4,18V6h16V18z"/></g>
|
||||
<g id="unknown-7"><path d="M14,16h5v-5h3l-5.5-5.5L11,11h3V16z M11,20h11v-2H11V20z M5.5,7l-3.2,9h1.9l0.7-2h3.2l0.7,2h1.9L7.5,7H5.5z M5.4,12.6L6.5,9l1.1,3.6H5.4z"/></g>
|
||||
<g id="wb-auto"><path d="M6.9,12.6h2.3L8,9L6.9,12.6z M22,7l-1.2,6.3L19.3,7h-1.6l-1.5,6.3L15,7h-0.8C12.8,5.2,10.5,4,8,4c-4.4,0-8,3.6-8,8s3.6,8,8,8c3.1,0,5.8-1.8,7.2-4.4l0.1,0.4H17l1.5-6.1L20,16h1.8l2-9H22z M10.3,16l-0.7-2H6.4l-0.7,2H3.8L7,7h2l3.2,9H10.3z"/></g>
|
||||
<g id="wb-cloudy"><path d="M19.4,10c-0.7-3.4-3.7-6-7.4-6C9.1,4,6.6,5.6,5.4,8C2.3,8.4,0,10.9,0,14c0,3.3,2.7,6,6,6h13c2.8,0,5-2.2,5-5C24,12.4,21.9,10.2,19.4,10z"/></g>
|
||||
<g id="wb-incandescent"><path d="M3.5,18.5L5,20l1.8-1.8l-1.4-1.4L3.5,18.5z M11,22.4c0.3,0,2,0,2,0v-2.9h-2V22.4z M4,10.5H1v2h3V10.5z M15,6.3V1.5H9v4.8c-1.8,1-3,3-3,5.2c0,3.3,2.7,6,6,6s6-2.7,6-6C18,9.3,16.8,7.3,15,6.3z M20,10.5v2h3v-2H20z M17.2,18.2L19,20l1.4-1.4l-1.8-1.8L17.2,18.2z"/></g>
|
||||
<g id="wb-irradescent"><path d="M5,14.5h14v-6H5V14.5z M11,0.6v2.9h2V0.6H11z M19,3l-1.8,1.8l1.4,1.4l1.8-1.8L19,3z M13,22.4v-2.9h-2v2.9C11.3,22.5,13,22.4,13,22.4z M20.5,18.5l-1.8-1.8l-1.4,1.4L19,20L20.5,18.5z M3.5,4.5l1.8,1.8l1.4-1.4L5,3L3.5,4.5z M5,20l1.8-1.8l-1.4-1.4l-1.8,1.8L5,20z"/></g>
|
||||
<g id="wb-sunny"><path d="M6.8,4.8L5,3L3.5,4.5l1.8,1.8L6.8,4.8z M4,10.5H1v2h3V10.5z M13,0.6h-2v2.9h2V0.6z M20.5,4.5L19,3l-1.8,1.8l1.4,1.4L20.5,4.5z M17.2,18.2L19,20l1.4-1.4l-1.8-1.8L17.2,18.2z M20,10.5v2h3v-2H20z M12,5.5c-3.3,0-6,2.7-6,6s2.7,6,6,6s6-2.7,6-6S15.3,5.5,12,5.5z M11,22.4c0.3,0,2,0,2,0v-2.9h-2V22.4z M3.5,18.5L5,20l1.8-1.8l-1.4-1.4L3.5,18.5z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,33 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="maps" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="beenhere"><path d="M19,1H5C3.9,1,3,1.9,3,3l0,12.9c0,0.7,0.3,1.3,0.9,1.7L12,23l8.1-5.4c0.5-0.4,0.9-1,0.9-1.7L21,3C21,1.9,20.1,1,19,1z M10,16l-5-5l1.4-1.4l3.6,3.6l7.6-7.6L19,7L10,16z"/></g>
|
||||
<g id="directions"><path d="M21.7,11.3l-9-9l0,0c-0.4-0.4-1-0.4-1.4,0l-9,9c-0.4,0.4-0.4,1,0,1.4l9,9c0,0,0,0,0,0c0.4,0.4,1,0.4,1.4,0l9-9C22.1,12.3,22.1,11.7,21.7,11.3z M14,14.5V12h-4v3H8v-4c0-0.6,0.4-1,1-1h5V7.5l3.5,3.5L14,14.5z"/></g>
|
||||
<g id="directions-bike"><path d="M16,4.8c1,0,1.8-0.8,1.8-1.8S17,1.2,16,1.2c-1,0-1.8,0.8-1.8,1.8S15,4.8,16,4.8z M19,12c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5C24,14.2,21.8,12,19,12z M19,20.5c-1.9,0-3.5-1.6-3.5-3.5s1.6-3.5,3.5-3.5c1.9,0,3.5,1.6,3.5,3.5S20.9,20.5,19,20.5z M14.8,10H19V8.2h-3.2l-1.9-3.3c-0.3-0.5-0.8-0.8-1.5-0.8c-0.5,0-0.9,0.2-1.2,0.5L7.5,8.3C7.2,8.6,7,9,7,9.5c0,0.6,0.3,1.2,0.8,1.5l3.4,2v5H13v-6.5l-2.2-1.7l2.3-2.3L14.8,10z M5,12c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5c2.8,0,5-2.2,5-5C10,14.2,7.8,12,5,12z M5,20.5c-1.9,0-3.5-1.6-3.5-3.5s1.6-3.5,3.5-3.5c1.9,0,3.5,1.6,3.5,3.5S6.9,20.5,5,20.5z"/></g>
|
||||
<g id="directions-bus"><path d="M4,16c0,0.9,0.4,1.7,1,2.2V20c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-1h8v1c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-1.8c0.6-0.5,1-1.3,1-2.2V6c0-3.5-3.6-4-8-4C7.6,2,4,2.5,4,6V16z M7.5,17C6.7,17,6,16.3,6,15.5S6.7,14,7.5,14C8.3,14,9,14.7,9,15.5S8.3,17,7.5,17z M16.5,17c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5S17.3,17,16.5,17z M18,11H6V6h12V11z"/></g>
|
||||
<g id="directions-car"><path d="M18.9,6c-0.2-0.6-0.8-1-1.4-1h-11C5.8,5,5.3,5.4,5.1,6L3,12v8c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-1h12v1c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-8L18.9,6z M6.5,16C5.7,16,5,15.3,5,14.5S5.7,13,6.5,13C7.3,13,8,13.7,8,14.5S7.3,16,6.5,16z M17.5,16c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5S18.3,16,17.5,16z M5,11l1.5-4.5h11L19,11H5z"/></g>
|
||||
<g id="directions-subway"><path d="M12,2C7.6,2,4,2.5,4,6v9.5C4,17.4,5.6,19,7.5,19L6,20.5V21h12v-0.5L16.5,19c1.9,0,3.5-1.6,3.5-3.5V6C20,2.5,16.4,2,12,2z M7.5,17C6.7,17,6,16.3,6,15.5C6,14.7,6.7,14,7.5,14C8.3,14,9,14.7,9,15.5C9,16.3,8.3,17,7.5,17z M11,11H6V6h5V11z M16.5,17c-0.8,0-1.5-0.7-1.5-1.5c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5C18,16.3,17.3,17,16.5,17z M18,11h-5V6h5V11z"/></g>
|
||||
<g id="directions-train"><path d="M4,15.5C4,17.4,5.6,19,7.5,19L6,20.5V21h12v-0.5L16.5,19c1.9,0,3.5-1.6,3.5-3.5V5c0-3.5-3.6-4-8-4C7.6,1,4,1.5,4,5V15.5z M12,17c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2S13.1,17,12,17z M18,10H6V5h12V10z"/></g>
|
||||
<g id="directions-transit"><path d="M12,2C7.6,2,4,2.5,4,6v9.5C4,17.4,5.6,19,7.5,19L6,20.5V21h12v-0.5L16.5,19c1.9,0,3.5-1.6,3.5-3.5V6C20,2.5,16.4,2,12,2z M7.5,17C6.7,17,6,16.3,6,15.5C6,14.7,6.7,14,7.5,14C8.3,14,9,14.7,9,15.5C9,16.3,8.3,17,7.5,17z M11,11H6V6h5V11z M16.5,17c-0.8,0-1.5-0.7-1.5-1.5c0-0.8,0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5C18,16.3,17.3,17,16.5,17z M18,11h-5V6h5V11z"/></g>
|
||||
<g id="directionswalk"><path d="M14,3.8c1,0,1.8-0.8,1.8-1.8c0-1-0.8-1.8-1.8-1.8c-1,0-1.8,0.8-1.8,1.8C12.2,3,13,3.8,14,3.8z M14.1,10H19V8.2h-3.6l-2-3.3C13.1,4.4,12.5,4,11.9,4c-0.2,0-0.3,0-0.5,0.1L6,5.8V11h1.8V7.3l2.1-0.7L6,22h1.8l2.9-8.1L13,17v5h1.8v-6.4l-2.5-4.5L13,8.2L14.1,10z"/></g>
|
||||
<g id="earth"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M12,20.2c-1.1,0-2.2-0.2-3.2-0.6c-0.6-1.5-0.6-2.6,1.1-2.1c0,0,3.9,1.5,8,0.1C16.5,19.2,14.4,20.2,12,20.2z M19.1,16.1c-0.9,0.4-2.1,1-4,1c-1.9,0-3.5-0.8-5.6-1.4c-1.9-0.6-2.6-1.5-3.8-1.5c-0.7,0-1,0.7-1.2,1.2c-0.5-1-0.8-2.2-0.8-3.4c0-0.8,0.1-1.6,0.3-2.3c1.3-1.6,3.2-2.6,6-0.4c0,0,6.2,4.7,9.8,5C19.7,14.9,19.4,15.5,19.1,16.1z M12.4,7.6C9.6,4.9,7.3,5.7,6.3,6.1c0.7-0.7,1.6-1.3,2.6-1.7c2.8-0.1,5.9,0.4,7.6,2.9c0,0,2.4,4.2,3.3,2.3c0.2,0.7,0.3,1.5,0.3,2.3c0,0.3,0,0.6,0,0.9C18.1,12.6,15.3,10.3,12.4,7.6z"/></g>
|
||||
<g id="flights"><path d="M15,10.2"/><path d="M22,11.5c0-0.8-0.7-1.5-1.5-1.5H15l-5-8H8l2.5,8H5L3.5,8H2l1,3.5L2,15h1.5L5,13h5.5L8,21h2l5-8h5.5C21.3,13,22,12.3,22,11.5z"/></g>
|
||||
<g id="hotel"><path d="M17,4V2H7v2H4v18h6v-2h4v2h6V4H17z M11,17H9v-2h2V17z M11,13H9v-2h2V13z M11,9H9V7h2V9z M15,17h-2v-2h2V17z M15,13h-2v-2h2V13z M15,9h-2V7h2V9z"/></g>
|
||||
<g id="location"><polygon points="3,12 12,12 12,21 13,21 21,3 3,11 "/></g>
|
||||
<g id="map"><path d="M20.5,3c-0.1,0-0.1,0-0.2,0L15,5.1L9,3L3.4,4.9C3.2,5,3,5.1,3,5.4v15.1C3,20.8,3.2,21,3.5,21c0.1,0,0.1,0,0.2,0L9,18.9l6,2.1l5.6-1.9c0.2-0.1,0.4-0.3,0.4-0.5V3.5C21,3.2,20.8,3,20.5,3z M15,19l-6-2.1V5l6,2.1V19z"/></g>
|
||||
<g id="person-location"><path d="M19,2H5C3.9,2,3,2.9,3,4v14c0,1.1,0.9,2,2,2h4l3,3l3-3h4c1.1,0,2-0.9,2-2V4C21,2.9,20.1,2,19,2z M12,5.3c1.5,0,2.7,1.2,2.7,2.7c0,1.5-1.2,2.7-2.7,2.7c-1.5,0-2.7-1.2-2.7-2.7C9.3,6.5,10.5,5.3,12,5.3z M18,16H6v-0.9c0-2,4-3.1,6-3.1c2,0,6,1.1,6,3.1V16z"/></g>
|
||||
<g id="place"><path d="M12,2C8.1,2,5,5.1,5,9c0,5.2,7,13,7,13s7-7.8,7-13C19,5.1,15.9,2,12,2z M12,11.5c-1.4,0-2.5-1.1-2.5-2.5s1.1-2.5,2.5-2.5c1.4,0,2.5,1.1,2.5,2.5S13.4,11.5,12,11.5z"/></g>
|
||||
<g id="satellite"><path d="M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M14.5,10l-4.2,4.2L8,12l-3.3,3.3C4.3,14.3,4,13.2,4,12c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8c0,1-0.2,2-0.6,2.9L14.5,10z"/></g>
|
||||
<g id="terrain"><path d="M14,6l-3.8,5l2.9,3.8L11.5,16C9.8,13.8,7,10,7,10l-6,8h22L14,6z"/></g>
|
||||
<g id="traffic"><path d="M20,10h-3V8.9c1.7-0.4,3-2,3-3.9h-3V4c0-0.6-0.4-1-1-1H8C7.4,3,7,3.4,7,4v1H4c0,1.9,1.3,3.4,3,3.9V10H4c0,1.9,1.3,3.4,3,3.9V15H4c0,1.9,1.3,3.4,3,3.9V20c0,0.6,0.4,1,1,1h8c0.6,0,1-0.4,1-1v-1.1c1.7-0.4,3-2,3-3.9h-3v-1.1C18.7,13.4,20,11.9,20,10z M12,19c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2S13.1,19,12,19z M12,14c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2S13.1,14,12,14z M12,9c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2C14,8.1,13.1,9,12,9z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,53 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="notification" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="adb"><path d="M5,16c0,3.9,3.1,7,7,7c3.9,0,7-3.1,7-7v-4H5V16z M16.1,4.4l2.1-2.1l-0.8-0.8l-2.3,2.3C14.2,3.3,13.1,3,12,3c-1.1,0-2.2,0.3-3.1,0.7L6.6,1.4L5.8,2.3l2.1,2.1C6.1,5.6,5,7.7,5,10v1h14v-1C19,7.7,17.9,5.6,16.1,4.4z M9,9C8.4,9,8,8.6,8,8s0.4-1,1-1c0.6,0,1,0.4,1,1S9.6,9,9,9z M15,9c-0.6,0-1-0.4-1-1s0.4-1,1-1c0.6,0,1,0.4,1,1S15.6,9,15,9z"/></g>
|
||||
<g id="bluetooth"><path d="M17.7,7.7L12,2h-1v7.6L6.4,5L5,6.4l5.6,5.6L5,17.6L6.4,19l4.6-4.6V22h1l5.7-5.7L13.4,12L17.7,7.7z M13,5.8l1.9,1.9L13,9.6V5.8z M14.9,16.3L13,18.2v-3.8L14.9,16.3z"/></g>
|
||||
<g id="bluetooth-audio"><path d="M14.2,12l2.3,2.3c0.3-0.7,0.4-1.5,0.4-2.3c0-0.8-0.2-1.6-0.4-2.3L14.2,12z M19.5,6.7L18.3,8c0.6,1.2,1,2.6,1,4s-0.4,2.8-1,4l1.2,1.2c1-1.5,1.5-3.4,1.5-5.3C21,10,20.5,8.2,19.5,6.7z M15.7,7.7L10,2H9v7.6L4.4,5L3,6.4L8.6,12L3,17.6L4.4,19L9,14.4V22h1l5.7-5.7L11.4,12L15.7,7.7z M11,5.8l1.9,1.9L11,9.6V5.8z M12.9,16.3L11,18.2v-3.8L12.9,16.3z"/></g>
|
||||
<g id="bluetooth-connected"><path d="M7,12l-2-2l-2,2l2,2L7,12z M17.7,7.7L12,2h-1v7.6L6.4,5L5,6.4l5.6,5.6L5,17.6L6.4,19l4.6-4.6V22h1l5.7-5.7L13.4,12L17.7,7.7z M13,5.8l1.9,1.9L13,9.6V5.8z M14.9,16.3L13,18.2v-3.8L14.9,16.3z M19,10l-2,2l2,2l2-2L19,10z"/></g>
|
||||
<g id="disc-full"><path d="M20,16h2v-2h-2V16z M20,7v5h2V7H20z M10,4c-4.4,0-8,3.6-8,8c0,4.4,3.6,8,8,8s8-3.6,8-8C18,7.6,14.4,4,10,4z M10,14c-1.1,0-2-0.9-2-2s0.9-2,2-2c1.1,0,2,0.9,2,2S11.1,14,10,14z"/></g>
|
||||
<g id="do-not-disturb"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M4,12c0-4.4,3.6-8,8-8c1.8,0,3.5,0.6,4.9,1.7L5.7,16.9C4.6,15.5,4,13.8,4,12z M12,20c-1.8,0-3.5-0.6-4.9-1.7L18.3,7.1C19.4,8.5,20,10.2,20,12C20,16.4,16.4,20,12,20z"/></g>
|
||||
<g id="drive-eta"><path d="M18.9,5c-0.2-0.6-0.8-1-1.4-1h-11C5.8,4,5.3,4.4,5.1,5L3,11v8c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-1h12v1c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-8L18.9,5z M6.5,15C5.7,15,5,14.3,5,13.5S5.7,12,6.5,12C7.3,12,8,12.7,8,13.5S7.3,15,6.5,15z M17.5,15c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5S18.3,15,17.5,15z M5,10l1.5-4.5h11L19,10H5z"/></g>
|
||||
<g id="email"><path d="M20,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,8l-8,5L4,8V6l8,5l8-5V8z"/></g>
|
||||
<g id="event"><path d="M17,12h-5v5h5V12z M16,1v2H8V1H6v2H5C3.9,3,3,3.9,3,5l0,14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5c0-1.1-0.9-2-2-2h-1V1H16z M19,19H5V8h14V19z"/></g>
|
||||
<g id="gmail"><path d="M20,4H4C2.9,4,2,4.9,2,6l0,12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M20,18h-2V9.2L12,13L6,9.2V18H4V6h1.2l6.8,4.2L18.8,6H20V18z"/></g>
|
||||
<g id="hangout"><path d="M11.5,2C6.8,2,3,5.8,3,10.5S6.8,19,11.5,19H12v3.5c4.9-2.3,8-7.5,8-12C20,5.8,16.2,2,11.5,2z M11,11l-1,2H8.5l1-2H8V8h3V11z M15,11l-1,2h-1.5l1-2H12V8h3V11z"/></g>
|
||||
<g id="keep"><path d="M16,12V4h1V2H7v2h1v8l-2,2v2h5.2v6h1.6v-6H18v-2L16,12z"/></g>
|
||||
<g id="mms"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M5,14l3.5-4.5l2.5,3L14.5,8l4.5,6H5z"/></g>
|
||||
<g id="more"><path d="M22,3H7C6.3,3,5.8,3.4,5.4,3.9L0,12l5.4,8.1c0.4,0.5,1,0.9,1.7,0.9H22c1.1,0,2-0.9,2-2V5C24,3.9,23.1,3,22,3z M9,13.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5S9.8,13.5,9,13.5z M14,13.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5S14.8,13.5,14,13.5z M19,13.5c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5S19.8,13.5,19,13.5z"/></g>
|
||||
<g id="phone-bluetooth-speaker"><path d="M14.7,9.5L17,7.2V11h0.5l2.9-2.9L18.2,6l2.1-2.1L17.5,1H17v3.8l-2.3-2.3L14,3.2L16.8,6L14,8.8L14.7,9.5z M18,2.9l0.9,0.9L18,4.8V2.9z M18,7.2l0.9,0.9L18,9.1V7.2z M20,15.5c-1.2,0-2.4-0.2-3.6-0.6c-0.3-0.1-0.7,0-1,0.2l-2.2,2.2c-2.8-1.4-5.1-3.8-6.6-6.6l2.2-2.2c0.3-0.3,0.4-0.7,0.2-1C8.7,6.4,8.5,5.2,8.5,4c0-0.6-0.4-1-1-1H4C3.4,3,3,3.4,3,4c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1v-3.5C21,15.9,20.6,15.5,20,15.5z"/></g>
|
||||
<g id="phone-forwarded"><path d="M18,11l5-5l-5-5v3h-4v4h4V11z M20,15.5c-1.2,0-2.4-0.2-3.6-0.6c-0.3-0.1-0.7,0-1,0.2l-2.2,2.2c-2.8-1.4-5.1-3.8-6.6-6.6l2.2-2.2c0.3-0.3,0.4-0.7,0.2-1C8.7,6.4,8.5,5.2,8.5,4c0-0.6-0.4-1-1-1H4C3.4,3,3,3.4,3,4c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1v-3.5C21,15.9,20.6,15.5,20,15.5z"/></g>
|
||||
<g id="phone-in-talk"><path d="M20,15.5c-1.2,0-2.4-0.2-3.6-0.6c-0.3-0.1-0.7,0-1,0.2l-2.2,2.2c-2.8-1.4-5.1-3.8-6.6-6.6l2.2-2.2c0.3-0.3,0.4-0.7,0.2-1C8.7,6.4,8.5,5.2,8.5,4c0-0.6-0.4-1-1-1H4C3.4,3,3,3.4,3,4c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1v-3.5C21,15.9,20.6,15.5,20,15.5z M19,12h2c0-5-4-9-9-9v2C15.9,5,19,8.1,19,12z M15,12h2c0-2.8-2.2-5-5-5v2C13.7,9,15,10.3,15,12z"/></g>
|
||||
<g id="phone-locked"><path d="M20,15.5c-1.2,0-2.4-0.2-3.6-0.6c-0.3-0.1-0.7,0-1,0.2l-2.2,2.2c-2.8-1.4-5.1-3.8-6.6-6.6l2.2-2.2c0.3-0.3,0.4-0.7,0.2-1C8.7,6.4,8.5,5.2,8.5,4c0-0.6-0.4-1-1-1H4C3.4,3,3,3.4,3,4c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1v-3.5C21,15.9,20.6,15.5,20,15.5z M20,4V3.5C20,2.1,18.9,1,17.5,1C16.1,1,15,2.1,15,3.5V4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h5c0.6,0,1-0.4,1-1V5C21,4.4,20.6,4,20,4z M19.2,4h-3.4V3.5c0-0.9,0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7V4z"/></g>
|
||||
<g id="phone-missed"><path d="M6.5,5.5L12,11l7-7l-1-1l-6,6L7.5,4.5H11V3H5v6h1.5V5.5z M23.7,16.7c-3-2.9-7.2-4.7-11.7-4.7c-4.5,0-8.7,1.8-11.7,4.7C0.1,16.9,0,17.1,0,17.4s0.1,0.5,0.3,0.7l2.5,2.5c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3c0.8-0.7,1.7-1.4,2.7-1.9c0.3-0.2,0.6-0.5,0.6-0.9v-3.1c1.4-0.5,3-0.7,4.6-0.7c1.6,0,3.2,0.3,4.6,0.7v3.1c0,0.4,0.2,0.7,0.6,0.9c1,0.5,1.9,1.1,2.7,1.9c0.2,0.2,0.4,0.3,0.7,0.3c0.3,0,0.5-0.1,0.7-0.3l2.5-2.5c0.2-0.2,0.3-0.4,0.3-0.7S23.9,16.9,23.7,16.7z"/></g>
|
||||
<g id="phone-paused"><path d="M17,3h-2v7h2V3z M20,15.5c-1.2,0-2.4-0.2-3.6-0.6c-0.3-0.1-0.7,0-1,0.2l-2.2,2.2c-2.8-1.4-5.1-3.8-6.6-6.6l2.2-2.2c0.3-0.3,0.4-0.7,0.2-1C8.7,6.4,8.5,5.2,8.5,4c0-0.6-0.4-1-1-1H4C3.4,3,3,3.4,3,4c0,9.4,7.6,17,17,17c0.6,0,1-0.4,1-1v-3.5C21,15.9,20.6,15.5,20,15.5z M19,3v7h2V3H19z"/></g>
|
||||
<g id="play-download"><path d="M20,6h-4V4l-2-2h-4L8,4v2H4C2.9,6,2,6.9,2,8l0,11c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M10,4h4v2h-4V4z M12,19l-5-5h3v-4h4v4h3L12,19z"/></g>
|
||||
<g id="play-install"><path d="M20,6h-4V4l-2-2h-4L8,4v2H4C2.9,6,2,6.9,2,8l0,11c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z M10,4h4v2h-4V4z M10.5,17.5L7,14l1.4-1.4l2.1,2.1l5.2-5.2l1.4,1.4L10.5,17.5z"/></g>
|
||||
<g id="sd-card"><path d="M18,2h-8L4,8l0,12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V4C20,2.9,19.1,2,18,2z M12,8h-2V4h2V8z M15,8h-2V4h2V8z M18,8h-2V4h2V8z"/></g>
|
||||
<g id="sim-card-alert"><path d="M18,2h-8L4,8l0,12c0,1.1,0.9,2,2,2h12c1.1,0,2-0.9,2-2V4C20,2.9,19.1,2,18,2z M13,17h-2v-2h2V17z M13,13h-2V8h2V13z"/></g>
|
||||
<g id="sms"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M9,11H7V9h2V11z M13,11h-2V9h2V11z M17,11h-2V9h2V11z"/></g>
|
||||
<g id="sms-failed"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M13,14h-2v-2h2V14z M13,10h-2V6h2V10z"/></g>
|
||||
<g id="sync"><path d="M12,4V1L8,5l4,4V6c3.3,0,6,2.7,6,6c0,1-0.3,2-0.7,2.8l1.5,1.5C19.5,15,20,13.6,20,12C20,7.6,16.4,4,12,4z M12,18c-3.3,0-6-2.7-6-6c0-1,0.3-2,0.7-2.8L5.2,7.7C4.5,9,4,10.4,4,12c0,4.4,3.6,8,8,8v3l4-4l-4-4V18z"/></g>
|
||||
<g id="sync-disabled"><path d="M10,6.3V4.3c-0.8,0.2-1.5,0.5-2.2,1l1.5,1.5C9.5,6.6,9.7,6.4,10,6.3z M2.9,5.4l2.4,2.4C4.5,9,4,10.4,4,12c0,2.2,0.9,4.2,2.4,5.6L4,20h6v-6l-2.2,2.2C6.7,15.2,6,13.7,6,12c0-1,0.2-1.9,0.7-2.8l8.1,8.1c-0.2,0.1-0.5,0.2-0.8,0.3v2.1c0.8-0.2,1.5-0.5,2.2-1l2.4,2.4l1.3-1.3L4.1,4.1L2.9,5.4z M20,4h-6v6l2.2-2.2C17.3,8.8,18,10.3,18,12c0,1-0.2,1.9-0.7,2.8l1.5,1.5C19.5,15,20,13.6,20,12c0-2.2-0.9-4.2-2.4-5.6L20,4z"/></g>
|
||||
<g id="sync-green"><path d="M4,12c0,2.2,0.9,4.2,2.4,5.6L4,20h6v-6l-2.2,2.2C6.7,15.2,6,13.7,6,12c0-2.6,1.7-4.8,4-5.7V4.3C6.6,5.2,4,8.3,4,12z M20,4h-6v6l2.2-2.2C17.3,8.8,18,10.3,18,12c0,2.6-1.7,4.8-4,5.7v2.1c3.4-0.9,6-4,6-7.7c0-2.2-0.9-4.2-2.4-5.6L20,4z"/></g>
|
||||
<g id="sync-problem"><path d="M3,12c0,2.2,0.9,4.2,2.4,5.6L3,20h6v-6l-2.2,2.2C5.7,15.2,5,13.7,5,12c0-2.6,1.7-4.8,4-5.7V4.3C5.6,5.2,3,8.3,3,12z M11,17h2v-2h-2V17z M21,4h-6v6l2.2-2.2C18.3,8.8,19,10.3,19,12c0,2.6-1.7,4.8-4,5.7v2.1c3.4-0.9,6-4,6-7.7c0-2.2-0.9-4.2-2.4-5.6L21,4z M11,13h2V7h-2V13z"/></g>
|
||||
<g id="sync-problem-red"><path d="M3,12c0,2.2,0.9,4.2,2.4,5.6L3,20h6v-6l-2.2,2.2C5.7,15.2,5,13.7,5,12c0-2.6,1.7-4.8,4-5.7V4.3C5.6,5.2,3,8.3,3,12z M11,17h2v-2h-2V17z M21,4h-6v6l2.2-2.2C18.3,8.8,19,10.3,19,12c0,2.6-1.7,4.8-4,5.7v2.1c3.4-0.9,6-4,6-7.7c0-2.2-0.9-4.2-2.4-5.6L21,4z M11,13h2V7h-2V13z"/></g>
|
||||
<g id="system-update"><path d="M17,1L7,1C5.9,1,5,1.9,5,3v18c0,1.1,0.9,2,2,2h10c1.1,0,2-0.9,2-2V3C19,1.9,18.1,1,17,1z M17,19H7V5h10V19z M16,13h-3V8h-2v5H8l4,4L16,13z"/></g>
|
||||
<g id="tap-and-play"><path d="M2,16v2c2.8,0,5,2.2,5,5h2C9,19.1,5.9,16,2,16z M2,20v3h3C5,21.3,3.7,20,2,20z M2,12v2c5,0,9,4,9,9h2C13,16.9,8.1,12,2,12z M17,1L7,1C5.9,1,5,1.9,5,3v7.4c0.7,0.2,1.4,0.4,2,0.6V5h10v13h-3c0.5,1.2,0.8,2.6,0.9,4H17c1.1,0,2-0.9,2-2V3C19,1.9,18.1,1,17,1z"/></g>
|
||||
<g id="time-to-leave"><path d="M18.9,5c-0.2-0.6-0.8-1-1.4-1h-11C5.8,4,5.3,4.4,5.1,5L3,11v8c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-1h12v1c0,0.6,0.4,1,1,1h1c0.6,0,1-0.4,1-1v-8L18.9,5z M6.5,15C5.7,15,5,14.3,5,13.5S5.7,12,6.5,12C7.3,12,8,12.7,8,13.5S7.3,15,6.5,15z M17.5,15c-0.8,0-1.5-0.7-1.5-1.5s0.7-1.5,1.5-1.5c0.8,0,1.5,0.7,1.5,1.5S18.3,15,17.5,15z M5,10l1.5-4.5h11L19,10H5z"/></g>
|
||||
<g id="usb"><path d="M15,7v4h1v2h-3V5h2l-3-4L9,5h2v8H8v-2.1C8.7,10.6,9.2,9.8,9.2,9c0-1.2-1-2.2-2.2-2.2c-1.2,0-2.2,1-2.2,2.2c0,0.8,0.5,1.6,1.2,1.9V13c0,1.1,0.9,2,2,2h3v3.1c-0.7,0.4-1.2,1.1-1.2,1.9c0,1.2,1,2.2,2.2,2.2c1.2,0,2.2-1,2.2-2.2c0-0.9-0.5-1.6-1.2-1.9V15h3c1.1,0,2-0.9,2-2v-2h1V7H15z"/></g>
|
||||
<g id="vibration"><path d="M0,15h2V9H0V15z M3,17h2V7H3V17z M22,9v6h2V9H22z M19,17h2V7h-2V17z M16.5,3h-9C6.7,3,6,3.7,6,4.5v15C6,20.3,6.7,21,7.5,21h9c0.8,0,1.5-0.7,1.5-1.5v-15C18,3.7,17.3,3,16.5,3z M16,19H8V5h8V19z"/></g>
|
||||
<g id="voice"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,18l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M18,14l-4-3.2V14H6V6h8v3.2L18,6V14z"/></g>
|
||||
<g id="vpn"><path d="M22,4V3.5C22,2.1,20.9,1,19.5,1C18.1,1,17,2.1,17,3.5V4c-0.6,0-1,0.4-1,1v4c0,0.6,0.4,1,1,1h5c0.6,0,1-0.4,1-1V5C23,4.4,22.6,4,22,4z M21.2,4h-3.4V3.5c0-0.9,0.8-1.7,1.7-1.7c0.9,0,1.7,0.8,1.7,1.7V4z M18.9,12c0,0.3,0.1,0.7,0.1,1c0,2.1-0.8,4-2.1,5.4c-0.3-0.8-1-1.4-1.9-1.4h-1v-3c0-0.6-0.4-1-1-1H7v-2h2c0.6,0,1-0.4,1-1V8h2c1.1,0,2-0.9,2-2V3.5C13.1,3.2,12,3,11,3C5.5,3,1,7.5,1,13c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10c0-0.3,0-0.7-0.1-1H18.9z M10,20.9c-3.9-0.5-7-3.9-7-7.9c0-0.6,0.1-1.2,0.2-1.8L8,16v1c0,1.1,0.9,2,2,2V20.9z"/></g>
|
||||
<g id="wifi-tethering"><path d="M12,10c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S13.1,10,12,10z M18,12c0-3.3-2.7-6-6-6c-3.3,0-6,2.7-6,6c0,2.2,1.2,4.1,3,5.2l1-1.7c-1.2-0.7-2-2-2-3.4c0-2.2,1.8-4,4-4s4,1.8,4,4c0,1.5-0.8,2.8-2,3.4l1,1.7C16.8,16.1,18,14.2,18,12z M12,2C6.5,2,2,6.5,2,12c0,3.7,2,6.9,5,8.6l1-1.7c-2.4-1.4-4-4-4-6.9c0-4.4,3.6-8,8-8s8,3.6,8,8c0,3-1.6,5.5-4,6.9l1,1.7c3-1.7,5-5,5-8.6C22,6.5,17.5,2,12,2z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,18 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<core-iconset id="core-icons" src="../../core-action-icons/action-icons.png" width="24" iconSize="24"
|
||||
icons="drawer menu search dropdown close add trash refresh settings dialoga
|
||||
left right down up grid contact account plus time marker
|
||||
briefcase array columns list modules quilt stream maximize shrink sort
|
||||
shortcut dialog twitter facebook favorite gplus filter tag plusone dots">
|
||||
|
||||
<property theme="core-light-theme" offsetX="24"></property>
|
||||
<property theme="core-dark-theme" offsetX="72"></property>
|
||||
</core-iconset>
|
|
@ -0,0 +1,50 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="../../core-iconset-svg/core-iconset-svg.html">
|
||||
<core-iconset-svg id="social" iconSize="24">
|
||||
<svg><defs>
|
||||
<g id="cake"><path d="M12,5.5c0.8,0,1.5-0.7,1.5-1.5c0-0.3-0.1-0.5-0.2-0.8L12,1l-1.3,2.2c-0.1,0.2-0.2,0.5-0.2,0.8C10.5,4.8,11.2,5.5,12,5.5z M18.5,8H13V6.5h-2V8H5.5C3,8,1,10,1,12.5c0,1.6,0.8,2.9,2,3.7V23h18v-6.8c1.2-0.8,2-2.2,2-3.7C23,10,21,8,18.5,8z M18.5,15c-0.7,0-1.3-0.3-1.8-0.7l-1.5-1.5l-1.5,1.5C13.3,14.7,12.7,15,12,15c-0.7,0-1.3-0.3-1.8-0.7l-1.5-1.5l-1.5,1.5C6.8,14.7,6.2,15,5.5,15C4.1,15,3,13.9,3,12.5S4.1,10,5.5,10h13c1.4,0,2.5,1.1,2.5,2.5S19.9,15,18.5,15z"/></g>
|
||||
<g id="circles"><path d="M16.7,15c-0.8,2.3-3,4-5.7,4c-3.3,0-6-2.7-6-6c0-2.6,1.7-4.8,4-5.7C9,7.2,9,7.1,9,7c0-1,0.2-2,0.5-2.9C5.3,4.8,2,8.5,2,13c0,5,4,9,9,9c4.5,0,8.2-3.3,8.9-7.5C19,14.8,18,15,17,15C16.9,15,16.8,15,16.7,15z"/><path d="M17,1c-3.3,0-6,2.7-6,6s2.7,6,6,6c3.3,0,6-2.7,6-6S20.3,1,17,1z M17,10c-1.7,0-3-1.3-3-3s1.3-3,3-3c1.7,0,3,1.3,3,3S18.7,10,17,10z"/></g>
|
||||
<g id="circles-add"><path d="M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10s10-4.5,10-10C22,6.5,17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8s3.6-8,8-8c4.4,0,8,3.6,8,8S16.4,20,12,20z"/><path d="M13,11V8h-2v3H8v2h3v3h2v-3h3v-2H13z"/></g>
|
||||
<g id="circles-extended"><path d="M12,10c2.2,0,4-1.8,4-4c0-2.2-1.8-4-4-4C9.8,2,8,3.8,8,6C8,8.2,9.8,10,12,10z M12,4c1.1,0,2,0.9,2,2c0,1.1-0.9,2-2,2c-1.1,0-2-0.9-2-2C10,4.9,10.9,4,12,4z M6,13c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C10,14.8,8.2,13,6,13z M6,19c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2C8,18.1,7.1,19,6,19z M12,11.1c-1,0-1.9,0.9-1.9,1.9s0.9,1.9,1.9,1.9c1,0,1.9-0.9,1.9-1.9S13,11.1,12,11.1z M18,13c-2.2,0-4,1.8-4,4c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C22,14.8,20.2,13,18,13z M18,19c-1.1,0-2-0.9-2-2c0-1.1,0.9-2,2-2c1.1,0,2,0.9,2,2C20,18.1,19.1,19,18,19z"/></g>
|
||||
<g id="communities"><path d="M9,12c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S10.1,12,9,12z M14,9c0-1.1-0.9-2-2-2c-1.1,0-2,0.9-2,2s0.9,2,2,2C13.1,11,14,10.1,14,9z M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M12,20c-4.4,0-8-3.6-8-8c0-4.4,3.6-8,8-8c4.4,0,8,3.6,8,8C20,16.4,16.4,20,12,20z M15,12c-1.1,0-2,0.9-2,2s0.9,2,2,2c1.1,0,2-0.9,2-2S16.1,12,15,12z"/></g>
|
||||
<g id="domain"><path d="M12,7V3H2v18h20V7H12z M6,19H4v-2h2V19z M6,15H4v-2h2V15z M6,11H4V9h2V11z M6,7H4V5h2V7z M10,19H8v-2h2V19z M10,15H8v-2h2V15z M10,11H8V9h2V11z M10,7H8V5h2V7z M20,19h-8v-2h2v-2h-2v-2h2v-2h-2V9h8V19z M18,11h-2v2h2V11z M18,15h-2v2h2V15z"/></g>
|
||||
<g id="group"><path d="M16,11c1.7,0,3-1.3,3-3c0-1.7-1.3-3-3-3c-1.7,0-3,1.3-3,3C13,9.7,14.3,11,16,11z M8,11c1.7,0,3-1.3,3-3c0-1.7-1.3-3-3-3C6.3,5,5,6.3,5,8C5,9.7,6.3,11,8,11z M8,13c-2.3,0-7,1.2-7,3.5V19h14v-2.5C15,14.2,10.3,13,8,13z M16,13c-0.3,0-0.6,0-1,0.1c1.2,0.8,2,2,2,3.4V19h6v-2.5C23,14.2,18.3,13,16,13z"/></g>
|
||||
<g id="group-add"><path d="M8,10H5V7H3v3H0v2h3v3h2v-3h3V10z M18,11c1.7,0,3-1.3,3-3c0-1.7-1.3-3-3-3c-0.3,0-0.6,0.1-0.9,0.1C17.7,6,18,6.9,18,8s-0.3,2-0.9,2.9C17.4,10.9,17.7,11,18,11z M13,11c1.7,0,3-1.3,3-3c0-1.7-1.3-3-3-3c-1.7,0-3,1.3-3,3C10,9.7,11.3,11,13,11z M19.6,13.2c0.8,0.7,1.4,1.7,1.4,2.8v2h3v-2C24,14.5,21.6,13.5,19.6,13.2z M13,13c-2,0-6,1-6,3v2h12v-2C19,14,15,13,13,13z"/></g>
|
||||
<g id="location-city"><path d="M15,11V5l-3-3L9,5v2H3v14h18V11H15z M7,19H5v-2h2V19z M7,15H5v-2h2V15z M7,11H5V9h2V11z M13,19h-2v-2h2V19z M13,15h-2v-2h2V15z M13,11h-2V9h2V11z M13,7h-2V5h2V7z M19,19h-2v-2h2V19z M19,15h-2v-2h2V15z"/></g>
|
||||
<g id="mood"><path d="M12,2C6.5,2,2,6.5,2,12s4.5,10,10,10c5.5,0,10-4.5,10-10S17.5,2,12,2z M15.5,8C16.3,8,17,8.7,17,9.5c0,0.8-0.7,1.5-1.5,1.5c-0.8,0-1.5-0.7-1.5-1.5C14,8.7,14.7,8,15.5,8z M8.5,8C9.3,8,10,8.7,10,9.5c0,0.8-0.7,1.5-1.5,1.5C7.7,11,7,10.3,7,9.5C7,8.7,7.7,8,8.5,8z M12,18c-2.6,0-4.8-1.7-5.6-4h11.2C16.8,16.3,14.6,18,12,18z"/></g>
|
||||
<g id="notifications"><path d="M11.5,22c1.1,0,2-0.9,2-2h-4C9.5,21.1,10.4,22,11.5,22z M18,16v-5.5c0-3.1-2.1-5.6-5-6.3V3.5C13,2.7,12.3,2,11.5,2C10.7,2,10,2.7,10,3.5v0.7c-2.9,0.7-5,3.2-5,6.3V16l-2,2v1h17v-1L18,16z"/></g>
|
||||
<g id="notifications-none"><path d="M11.5,22c1.1,0,2-0.9,2-2h-4C9.5,21.1,10.4,22,11.5,22z M18,16v-5.5c0-3.1-2.1-5.6-5-6.3V3.5C13,2.7,12.3,2,11.5,2C10.7,2,10,2.7,10,3.5v0.7c-2.9,0.7-5,3.2-5,6.3V16l-2,2v1h17v-1L18,16z M16,17H7v-6.5C7,8,9,6,11.5,6C14,6,16,8,16,10.5V17z"/></g>
|
||||
<g id="notifications-off"><path d="M11.5,22c1.1,0,2-0.9,2-2h-4C9.5,21.1,10.4,22,11.5,22z M18,10.5c0-3.1-2.1-5.6-5-6.3V3.5C13,2.7,12.3,2,11.5,2C10.7,2,10,2.7,10,3.5v0.7C9.5,4.3,9,4.5,8.6,4.7l9.4,9.4V10.5z M17.7,19l2,2l1.3-1.3L4.3,3L3,4.3l2.9,2.9C5.3,8.2,5,9.3,5,10.5V16l-2,2v1H17.7z"/></g>
|
||||
<g id="notifications-on"><path d="M6.6,3.6L5.2,2.2C2.8,4,1.2,6.8,1,10h2C3.2,7.3,4.5,5,6.6,3.6z M20,10h2c-0.2-3.2-1.7-6-4.1-7.8l-1.4,1.4C18.5,5,19.8,7.3,20,10z M18,10.5c0-3.1-2.1-5.6-5-6.3V3.5C13,2.7,12.3,2,11.5,2C10.7,2,10,2.7,10,3.5v0.7c-2.9,0.7-5,3.2-5,6.3V16l-2,2v1h17v-1l-2-2V10.5z M11.5,22c0.1,0,0.3,0,0.4,0c0.7-0.1,1.2-0.6,1.4-1.2c0.1-0.2,0.2-0.5,0.2-0.8h-4C9.5,21.1,10.4,22,11.5,22z"/></g>
|
||||
<g id="notifications-paused"><path d="M11.5,22c1.1,0,2-0.9,2-2h-4C9.5,21.1,10.4,22,11.5,22z M18,16v-5.5c0-3.1-2.1-5.6-5-6.3V3.5C13,2.7,12.3,2,11.5,2C10.7,2,10,2.7,10,3.5v0.7c-2.9,0.7-5,3.2-5,6.3V16l-2,2v1h17v-1L18,16z M14,9.8l-2.8,3.4H14V15H9v-1.8l2.8-3.4H9V8h5V9.8z"/></g>
|
||||
<g id="pages"><path d="M3,5v6h5L7,7l4,1V3H5C3.9,3,3,3.9,3,5z M8,13H3v6c0,1.1,0.9,2,2,2h6v-4.8L7,17L8,13z M17,17l-4-0.8V21h6c1.1,0,2-0.9,2-2v-6h-4.8L17,17z M19,3h-6v5l4-1l-1,4h5V5C21,3.9,20.1,3,19,3z"/></g>
|
||||
<g id="party-mode"><path d="M20,4h-3.2L15,2H9L7.2,4H4C2.9,4,2,4.9,2,6v12c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V6C22,4.9,21.1,4,20,4z M12,7c1.6,0,3.1,0.8,4,2h-4c-1.7,0-3,1.3-3,3c0,0.4,0.1,0.7,0.2,1H7.1C7,12.7,7,12.3,7,12C7,9.2,9.2,7,12,7z M12,17c-1.6,0-3.1-0.8-4-2h4c1.7,0,3-1.3,3-3c0-0.4-0.1-0.7-0.2-1h2.1c0.1,0.3,0.1,0.7,0.1,1C17,14.8,14.8,17,12,17z"/></g>
|
||||
<g id="people"><path d="M16,11c1.7,0,3-1.3,3-3c0-1.7-1.3-3-3-3c-1.7,0-3,1.3-3,3C13,9.7,14.3,11,16,11z M8,11c1.7,0,3-1.3,3-3c0-1.7-1.3-3-3-3C6.3,5,5,6.3,5,8C5,9.7,6.3,11,8,11z M8,13c-2.3,0-7,1.2-7,3.5V19h14v-2.5C15,14.2,10.3,13,8,13z M16,13c-0.3,0-0.6,0-1,0.1c1.2,0.8,2,2,2,3.4V19h6v-2.5C23,14.2,18.3,13,16,13z"/></g>
|
||||
<g id="person"><path d="M12,12c2.2,0,4-1.8,4-4c0-2.2-1.8-4-4-4C9.8,4,8,5.8,8,8C8,10.2,9.8,12,12,12z M12,14c-2.7,0-8,1.3-8,4v2h16v-2C20,15.3,14.7,14,12,14z"/></g>
|
||||
<g id="person-add"><path d="M15,12c2.2,0,4-1.8,4-4c0-2.2-1.8-4-4-4c-2.2,0-4,1.8-4,4C11,10.2,12.8,12,15,12z M6,10V7H4v3H1v2h3v3h2v-3h3v-2H6z M15,14c-2.7,0-8,1.3-8,4v2h16v-2C23,15.3,17.7,14,15,14z"/></g>
|
||||
<g id="person-outline"><path d="M12,5.9c1.2,0,2.1,0.9,2.1,2.1s-0.9,2.1-2.1,2.1S9.9,9.2,9.9,8S10.8,5.9,12,5.9 M12,14.9c3,0,6.1,1.5,6.1,2.1v1.1H5.9V17C5.9,16.4,9,14.9,12,14.9 M12,4C9.8,4,8,5.8,8,8c0,2.2,1.8,4,4,4c2.2,0,4-1.8,4-4C16,5.8,14.2,4,12,4L12,4z M12,13c-2.7,0-8,1.3-8,4v3h16v-3C20,14.3,14.7,13,12,13L12,13z"/></g>
|
||||
<g id="plus-one"><polygon points="10,8 8,8 8,12 4,12 4,14 8,14 8,18 10,18 10,14 14,14 14,12 10,12 "/><polygon points="14.5,6.1 14.5,7.9 17,7.4 17,18 19,18 19,5 "/></g>
|
||||
<g id="poll"><path d="M19,3H5C3.9,3,3,3.9,3,5v14c0,1.1,0.9,2,2,2h14c1.1,0,2-0.9,2-2V5C21,3.9,20.1,3,19,3z M9,17H7v-7h2V17z M13,17h-2V7h2V17z M17,17h-2v-4h2V17z"/></g>
|
||||
<g id="post-blogger"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M16,9v1c0,0.6,0.4,1,1,1c0.6,0,1,0.4,1,1v3c0,1.7-1.3,3-3,3H9c-1.7,0-3-1.3-3-3V8c0-1.7,1.3-3,3-3h4c1.7,0,3,1.3,3,3V9z M10,10h2.6c0.6,0,1-0.4,1-1c0-0.6-0.4-1-1-1H10C9.4,8,9,8.4,9,9C9,9.6,9.4,10,10,10z M14,13h-4c-0.6,0-1,0.4-1,1c0,0.6,0.4,1,1,1h4c0.6,0,1-0.4,1-1C15,13.4,14.6,13,14,13z"/></g>
|
||||
<g id="post-facebook"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M19,4v3h-2c-0.6,0-1,0.4-1,1v2h3v3h-3v7h-3v-7h-2v-3h2V7.5C13,5.6,14.6,4,16.5,4H19z"/></g>
|
||||
<g id="post-gplus"><path d="M11.2,8.9c0-1-0.6-3-2.1-3c-0.6,0-1.3,0.4-1.3,1.7c0,1.2,0.6,2.9,2,2.9C9.8,10.5,11.2,10.4,11.2,8.9z M10.6,13.8c-0.1,0-0.2,0-0.3,0h0c-0.3,0-1.2,0.1-1.8,0.3C7.8,14.3,7,14.8,7,15.8c0,1.1,1,2.2,3,2.2c1.5,0,2.4-1,2.4-2C12.4,15.3,11.9,14.8,10.6,13.8z M20,2H4C2.9,2,2,2.9,2,4l0,16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M9.1,19.2c-2.8,0-4.1-1.6-4.1-3c0-0.5,0.1-1.6,1.5-2.4c0.8-0.5,1.8-0.8,3.1-0.9c-0.2-0.2-0.3-0.5-0.3-1c0-0.2,0-0.3,0.1-0.5H9c-2,0-3.2-1.5-3.2-3c0-1.7,1.3-3.6,4.1-3.6h4.2l-0.3,0.3l-0.7,0.7L13,5.9h-0.7c0.4,0.4,0.9,1.1,0.9,2.2c0,1.4-0.7,2.1-1.6,2.7c-0.2,0.1-0.4,0.4-0.4,0.7c0,0.3,0.2,0.5,0.4,0.6c0.1,0.1,0.3,0.2,0.5,0.3c0.8,0.6,1.9,1.3,1.9,2.9C14,17.1,12.7,19.2,9.1,19.2z M19,12h-2v2h-1v-2h-2v-1h2V9h1v2h2V12z"/></g>
|
||||
<g id="post-instagram"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M12,8c2.2,0,4,1.8,4,4s-1.8,4-4,4c-2.2,0-4-1.8-4-4S9.8,8,12,8z M4.5,20C4.2,20,4,19.8,4,19.5V11h2.1C6,11.3,6,11.7,6,12c0,3.3,2.7,6,6,6c3.3,0,6-2.7,6-6c0-0.3,0-0.7-0.1-1H20v8.5c0,0.3-0.2,0.5-0.5,0.5H4.5z M20,6.5C20,6.8,19.8,7,19.5,7h-2C17.2,7,17,6.8,17,6.5v-2C17,4.2,17.2,4,17.5,4h2C19.8,4,20,4.2,20,4.5V6.5z"/></g>
|
||||
<g id="post-linkedin"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M8,19H5v-9h3V19z M6.5,8.3c-1,0-1.8-0.8-1.8-1.8s0.8-1.8,1.8-1.8s1.8,0.8,1.8,1.8S7.5,8.3,6.5,8.3z M19,19h-3v-5.3c0-0.8-0.7-1.5-1.5-1.5c-0.8,0-1.5,0.7-1.5,1.5V19h-3v-9h3v1.2c0.5-0.8,1.6-1.4,2.5-1.4c1.9,0,3.5,1.6,3.5,3.5V19z"/></g>
|
||||
<g id="post-pinterest"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M13,16.2c-0.8,0-1.6-0.3-2.1-0.9l-1,3.2l-0.1,0.2l0,0c-0.2,0.3-0.5,0.5-0.9,0.5c-0.6,0-1.1-0.5-1.1-1.1c0-0.1,0-0.1,0-0.1l0,0l0.1-0.2l1.8-5.6c0,0-0.2-0.6-0.2-1.5c0-1.7,0.9-2.2,1.7-2.2c0.7,0,1.4,0.3,1.4,1.3c0,1.3-0.9,2-0.9,3c0,0.7,0.6,1.3,1.3,1.3c2.3,0,3.2-1.8,3.2-3.4c0-2.2-1.9-4-4.2-4c-2.3,0-4.2,1.8-4.2,4c0,0.7,0.2,1.3,0.5,1.9c0.1,0.2,0.1,0.3,0.1,0.5c0,0.6-0.4,1-1,1c-0.4,0-0.7-0.2-0.9-0.5c-0.5-0.9-0.8-1.9-0.8-3c0-3.3,2.8-6,6.2-6c3.4,0,6.2,2.7,6.2,6C18.2,13.4,16.6,16.2,13,16.2z"/></g>
|
||||
<g id="post-tumblr"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M16,11h-3c0,0,0,3.8,0,3.9c0,0.7,0.1,1.1,1.1,1.1c0.9,0,1.9,0,1.9,0v3c0,0-1,0.1-2.1,0.1c-2.6,0-3.9-1.6-3.9-3.4c0-1.2,0-4.7,0-4.7H8V8.2c2.4-0.2,2.6-2,2.8-3.2H13v3h3V11z"/></g>
|
||||
<g id="post-twitter"><path d="M20,2H4C2.9,2,2,2.9,2,4l0,16c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M17.7,9.3c-0.1,4.6-3,7.8-7.4,8c-1.8,0.1-3.1-0.5-4.3-1.2c1.3,0.2,3-0.3,3.9-1.1c-1.3-0.1-2.1-0.8-2.5-1.9c0.4,0.1,0.8,0,1.1,0c-1.2-0.4-2-1.1-2.1-2.7c0.3,0.2,0.7,0.3,1.1,0.3c-0.9-0.5-1.5-2.4-0.8-3.6c1.3,1.4,2.9,2.6,5.5,2.8c-0.7-2.8,3.1-4.3,4.6-2.4c0.7-0.1,1.2-0.4,1.7-0.6c-0.2,0.7-0.6,1.1-1.1,1.5c0.5-0.1,1-0.2,1.4-0.4C18.7,8.5,18.2,8.9,17.7,9.3z"/></g>
|
||||
<g id="public"><path d="M12,2C6.5,2,2,6.5,2,12c0,5.5,4.5,10,10,10c5.5,0,10-4.5,10-10C22,6.5,17.5,2,12,2z M11,19.9c-3.9-0.5-7-3.9-7-7.9c0-0.6,0.1-1.2,0.2-1.8L9,15v1c0,1.1,0.9,2,2,2V19.9z M17.9,17.4c-0.3-0.8-1-1.4-1.9-1.4h-1v-3c0-0.6-0.4-1-1-1H8v-2h2c0.6,0,1-0.4,1-1V7h2c1.1,0,2-0.9,2-2V4.6c2.9,1.2,5,4.1,5,7.4C20,14.1,19.2,16,17.9,17.4z"/></g>
|
||||
<g id="school"><path d="M5,13.2v4l7,3.8l7-3.8v-4L12,17L5,13.2z M12,3L1,9l11,6l9-4.9V17h2V9L12,3z"/></g>
|
||||
<g id="share"><path d="M21,11l-7-7v4C7,9,4,14,3,19c2.5-3.5,6-5.1,11-5.1V18L21,11z"/></g>
|
||||
<g id="share-alt"><path d="M18,9c-0.8,0-1.5,0.3-2,0.8L8.9,5.7C9,5.5,9,5.2,9,5c0-1.7-1.3-3-3-3C4.3,2,3,3.3,3,5s1.3,3,3,3c0.8,0,1.5-0.3,2-0.8l7.1,4.1C15,11.5,15,11.8,15,12s0,0.5,0.1,0.7L8,16.9c-0.5-0.5-1.2-0.8-2-0.8c-1.6,0-2.9,1.3-2.9,2.9s1.3,2.9,2.9,2.9c1.6,0,2.9-1.3,2.9-2.9c0-0.2,0-0.4-0.1-0.7l7.1-4.2c0.5,0.5,1.2,0.8,2,0.8c1.7,0,3-1.3,3-3S19.7,9,18,9z"/></g>
|
||||
<g id="whatshot"><path d="M14,2c0,0,0.6,2.5,0.6,4.5c0,1.9-1.3,3.5-3.2,3.5C9.5,10,8,8.4,8,6.5l0-0.3c-1.9,2.3-3,5.2-3,8.3c0,4.1,3.4,7.5,7.5,7.5c4.1,0,7.5-3.4,7.5-7.5C20,9.4,17.7,4.9,14,2z M12.5,19c-1.7,0-3-1.3-3-2.9c0-1.5,1-2.6,2.6-2.9c1.7-0.3,3.4-1.1,4.3-2.4c0.4,1.2,0.6,2.5,0.6,3.8C17,17,15,19,12.5,19z"/></g>
|
||||
</defs></svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "core-iconset-svg",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0",
|
||||
"core-iconset": "Polymer/core-iconset#>=0.3.0 <1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/Polymer/core-iconset-svg",
|
||||
"version": "0.3.3",
|
||||
"_release": "0.3.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.3.3",
|
||||
"commit": "c8ef015aa3be76f9807f2beb6f334989485406d3"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/core-iconset-svg.git",
|
||||
"_target": ">=0.3.0 <1.0.0",
|
||||
"_originalSource": "Polymer/core-iconset-svg"
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
core-iconset-svg
|
||||
=========
|
||||
|
||||
See the [component page](http://polymer.github.io/core-iconset-svg) for more information.
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"name": "core-iconset-svg",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0",
|
||||
"core-iconset": "Polymer/core-iconset#>=0.3.0 <1.0.0"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,170 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<!--
|
||||
/**
|
||||
* @group Polymer Core Elements
|
||||
*
|
||||
* The `core-iconset-svg` element allows users to define their own icon sets
|
||||
* that contain svg icons. The svg icon elements should be children of the
|
||||
* `core-iconset-svg` element. Multiple icons should be given distinct id's.
|
||||
*
|
||||
* Using svg elements to create icons has a few advantages over traditional
|
||||
* bitmap graphics like jpg or png. Icons that use svg are vector based so they
|
||||
* are resolution independent and should look good on any device. They are
|
||||
* stylable via css. Icons can be themed, colorized, and even animated.
|
||||
*
|
||||
* Example:
|
||||
*
|
||||
* <core-iconset-svg id="my-svg-icons" iconSize="24">
|
||||
* <svg>
|
||||
* <defs>
|
||||
* <g id="shape">
|
||||
* <rect x="50" y="50" width="50" height="50" />
|
||||
* <circle cx="50" cy="50" r="50" />
|
||||
* </g>
|
||||
* </defs>
|
||||
* </svg>
|
||||
* </core-iconset-svg>
|
||||
*
|
||||
* This will automatically register the icon set "my-svg-icons" to the iconset
|
||||
* database. To use these icons from within another element, make a
|
||||
* `core-iconset` element and call the `byId` method
|
||||
* to retrieve a given iconset. To apply a particular icon inside an
|
||||
* element use the `applyIcon` method. For example:
|
||||
*
|
||||
* iconset.applyIcon(iconNode, 'car');
|
||||
*
|
||||
* @element core-iconset-svg
|
||||
* @extends core-meta
|
||||
* @homepage github.io
|
||||
*/
|
||||
-->
|
||||
|
||||
<link rel="import" href="../core-iconset/core-iconset.html">
|
||||
|
||||
<polymer-element name="core-iconset-svg" extends="core-meta" attributes="iconSize">
|
||||
|
||||
<script>
|
||||
|
||||
Polymer('core-iconset-svg', {
|
||||
|
||||
|
||||
/**
|
||||
* The size of an individual icon. Note that icons must be square.
|
||||
*
|
||||
* @attribute iconSize
|
||||
* @type number
|
||||
* @default 24
|
||||
*/
|
||||
iconSize: 24,
|
||||
type: 'iconset',
|
||||
|
||||
created: function() {
|
||||
this._icons = {};
|
||||
},
|
||||
|
||||
ready: function() {
|
||||
this.super();
|
||||
this.updateIcons();
|
||||
},
|
||||
|
||||
iconById: function(id) {
|
||||
return this._icons[id] || (this._icons[id] = this.querySelector('#' + id));
|
||||
},
|
||||
|
||||
cloneIcon: function(id) {
|
||||
var icon = this.iconById(id);
|
||||
if (icon) {
|
||||
var content = icon.cloneNode(true);
|
||||
var svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
|
||||
svg.setAttribute('viewBox', '0 0 ' + this.iconSize + ' ' +
|
||||
this.iconSize);
|
||||
// NOTE(dfreedm): work around https://crbug.com/370136
|
||||
svg.style.pointerEvents = 'none';
|
||||
svg.appendChild(content);
|
||||
return svg;
|
||||
}
|
||||
},
|
||||
|
||||
get iconNames() {
|
||||
if (!this._iconNames) {
|
||||
this._iconNames = this.findIconNames();
|
||||
}
|
||||
return this._iconNames;
|
||||
},
|
||||
|
||||
findIconNames: function() {
|
||||
var icons = this.querySelectorAll('[id]').array();
|
||||
if (icons.length) {
|
||||
return icons.map(function(n){ return n.id });
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Applies an icon to the given element. The svg icon is added to the
|
||||
* element's shadowRoot if one exists or directly to itself.
|
||||
*
|
||||
* @method applyIcon
|
||||
* @param {Element} element The element to which the icon is
|
||||
* applied.
|
||||
* @param {String|Number} icon The name the icon to apply.
|
||||
*/
|
||||
applyIcon: function(element, icon, scale) {
|
||||
var root = element.shadowRoot || element;
|
||||
// remove old
|
||||
var old = root.querySelector('svg');
|
||||
if (old) {
|
||||
old.remove();
|
||||
}
|
||||
// install new
|
||||
var svg = this.cloneIcon(icon);
|
||||
if (!svg) {
|
||||
return;
|
||||
}
|
||||
var size = scale * this.iconSize;
|
||||
if (size) {
|
||||
svg.style.height = svg.style.width = size + 'px';
|
||||
} else {
|
||||
svg.setAttribute('height', '100%');
|
||||
svg.setAttribute('width', '100%');
|
||||
svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
|
||||
}
|
||||
svg.style.display = 'block';
|
||||
root.insertBefore(svg, root.firstElementChild);
|
||||
},
|
||||
|
||||
/**
|
||||
* Tell users of the iconset, that the set has loaded.
|
||||
* This finds all elements matching the selector argument and calls
|
||||
* the method argument on them.
|
||||
* @method updateIcons
|
||||
* @param selector {string} css selector to identify iconset users,
|
||||
* defaults to '[icon]'
|
||||
* @param method {string} method to call on found elements,
|
||||
* defaults to 'updateIcon'
|
||||
*/
|
||||
updateIcons: function(selector, method) {
|
||||
selector = selector || '[icon]';
|
||||
method = method || 'updateIcon';
|
||||
var deep = window.ShadowDOMPolyfill ? '' : 'html /deep/ ';
|
||||
var i$ = document.querySelectorAll(deep + selector);
|
||||
for (var i=0, e; e=i$[i]; i++) {
|
||||
if (e[method]) {
|
||||
e[method].call(e);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</polymer-element>
|
|
@ -0,0 +1,108 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>core-iconset-svg</title>
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="svg-sample-icons.html">
|
||||
<style shim-shadowdom>
|
||||
svg-icon-demo:nth-of-type(1) {
|
||||
fill: orange;
|
||||
}
|
||||
|
||||
svg-icon-demo:nth-of-type(2) {
|
||||
fill: green;
|
||||
stroke: orange;
|
||||
}
|
||||
|
||||
svg-icon-demo:nth-of-type(3) {
|
||||
fill: navy;
|
||||
}
|
||||
|
||||
svg-icon-demo {
|
||||
transition: all 0.5s;
|
||||
-webkit-transition: all 0.5s;
|
||||
}
|
||||
|
||||
svg-icon-demo:hover {
|
||||
-webkit-filter: drop-shadow( 2px 2px 2px #333 );
|
||||
filter: drop-shadow( 2px 2px 2px #333 );
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<!--
|
||||
Create an element that uses an iconset to display an icon.
|
||||
By using iconset, the element can allow the set of available icons to be
|
||||
easily changed by the user.
|
||||
|
||||
Here we're using the converntion 'iconset:icon' to specify a particular
|
||||
iconset and an icon name within that set.
|
||||
-->
|
||||
<polymer-element name="svg-icon-demo" attributes="icon size">
|
||||
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
display: inline-block;
|
||||
vertical-align: middle;
|
||||
margin: 2px;
|
||||
}
|
||||
</style>
|
||||
<core-iconset id="meta"></core-iconset>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Polymer('svg-icon-demo', {
|
||||
|
||||
size: 100,
|
||||
iconChanged: function() {
|
||||
if (!this.icon) {
|
||||
return;
|
||||
}
|
||||
var parts = this.icon.split(':');
|
||||
var icon = parts.pop();
|
||||
// find the iconSet for the name given via the icon property
|
||||
var iconset = this.$.meta.byId(parts.pop());
|
||||
this.style.height = this.style.width = this.size + 'px';
|
||||
if (iconset) {
|
||||
iconset.applyIcon(this, icon);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</polymer-element>
|
||||
|
||||
<!-- Now some icons using our iconset -->
|
||||
<div>
|
||||
<template repeat="{{}}">
|
||||
<svg-icon-demo icon="{{}}"></svg-icon-demo>
|
||||
</template>
|
||||
</div>
|
||||
<core-meta id="meta" type="iconset"></core-meta>
|
||||
<script>
|
||||
addEventListener('polymer-ready', function() {
|
||||
var icons = document.querySelector('#meta').byId('svg-sample-icons').iconNames;
|
||||
icons = icons.map(function(ic){ return 'svg-sample-icons:' + ic });
|
||||
var plates = document.querySelectorAll('template');
|
||||
for (var i = 0, p; p = plates[i]; i++) {
|
||||
p.model = icons;
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,67 @@
|
|||
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<link rel="import" href="core-iconset-svg.html">
|
||||
|
||||
<core-iconset-svg id="svg-sample-icons" iconSize="100">
|
||||
<svg>
|
||||
<defs>
|
||||
<g id="codepen">
|
||||
<path class="outer-ring" d="M50,0C22.385,0,0,22.385,0,50c0,27.615,22.385,50,50,50c27.614,0,50-22.385,50-50C100,22.385,77.615,0,50,0z M50,91.789
|
||||
C26.958,91.789,8.212,73.042,8.212,50C8.212,26.958,26.958,8.212,50,8.212c23.042,0,41.788,18.747,41.788,41.789
|
||||
C91.788,73.042,73.042,91.789,50,91.789z"></path>
|
||||
<path class="inner-logo" d="M80.893,40.234c-0.006-0.039-0.016-0.076-0.022-0.115c-0.013-0.075-0.027-0.15-0.046-0.223
|
||||
c-0.012-0.044-0.028-0.086-0.042-0.128c-0.021-0.065-0.042-0.13-0.068-0.193c-0.018-0.044-0.039-0.088-0.059-0.13
|
||||
c-0.028-0.06-0.057-0.119-0.09-0.175c-0.024-0.042-0.051-0.083-0.076-0.124c-0.036-0.055-0.073-0.109-0.112-0.161
|
||||
c-0.029-0.039-0.06-0.078-0.091-0.115c-0.042-0.049-0.086-0.098-0.132-0.143c-0.035-0.036-0.069-0.072-0.106-0.104
|
||||
c-0.049-0.044-0.099-0.086-0.15-0.127c-0.04-0.031-0.079-0.062-0.12-0.091c-0.016-0.01-0.029-0.023-0.044-0.033L51.474,19.531
|
||||
c-0.893-0.595-2.055-0.595-2.947,0L20.267,38.371c-0.015,0.01-0.028,0.023-0.044,0.033c-0.042,0.029-0.081,0.06-0.12,0.091
|
||||
c-0.052,0.041-0.102,0.083-0.15,0.127c-0.037,0.032-0.071,0.068-0.106,0.104c-0.046,0.045-0.09,0.094-0.132,0.143
|
||||
c-0.031,0.038-0.062,0.077-0.092,0.115c-0.039,0.052-0.076,0.106-0.111,0.161c-0.027,0.041-0.052,0.082-0.076,0.124
|
||||
c-0.033,0.057-0.062,0.115-0.09,0.175c-0.021,0.042-0.042,0.086-0.06,0.13c-0.026,0.063-0.047,0.128-0.068,0.193
|
||||
c-0.014,0.042-0.029,0.084-0.042,0.128c-0.02,0.073-0.032,0.148-0.046,0.223c-0.006,0.039-0.016,0.076-0.021,0.115
|
||||
c-0.016,0.114-0.024,0.229-0.024,0.346V59.42c0,0.117,0.009,0.233,0.024,0.348c0.005,0.038,0.015,0.077,0.021,0.114
|
||||
c0.014,0.075,0.027,0.149,0.046,0.223c0.012,0.043,0.028,0.086,0.042,0.128c0.021,0.065,0.042,0.13,0.068,0.195
|
||||
c0.018,0.044,0.039,0.086,0.06,0.129c0.028,0.06,0.058,0.118,0.09,0.177c0.024,0.041,0.049,0.082,0.076,0.122
|
||||
c0.035,0.056,0.072,0.109,0.111,0.161c0.029,0.041,0.061,0.078,0.092,0.115c0.042,0.049,0.086,0.098,0.132,0.144
|
||||
c0.035,0.036,0.069,0.071,0.106,0.104c0.048,0.044,0.099,0.086,0.15,0.127c0.039,0.031,0.078,0.062,0.12,0.091
|
||||
c0.016,0.01,0.029,0.023,0.044,0.032l28.259,18.84c0.446,0.297,0.96,0.447,1.474,0.447c0.513,0,1.027-0.149,1.473-0.447
|
||||
l28.259-18.84c0.015-0.009,0.028-0.022,0.044-0.032c0.042-0.029,0.081-0.06,0.12-0.091c0.051-0.041,0.102-0.083,0.15-0.127
|
||||
c0.037-0.033,0.071-0.068,0.106-0.104c0.046-0.046,0.09-0.095,0.132-0.144c0.031-0.037,0.062-0.075,0.091-0.115
|
||||
c0.04-0.052,0.076-0.105,0.112-0.161c0.025-0.041,0.051-0.081,0.076-0.122c0.033-0.059,0.062-0.117,0.09-0.177
|
||||
c0.02-0.042,0.041-0.085,0.059-0.129c0.026-0.065,0.047-0.13,0.068-0.195c0.014-0.042,0.03-0.085,0.042-0.128
|
||||
c0.02-0.074,0.033-0.148,0.046-0.223c0.006-0.037,0.016-0.076,0.022-0.114c0.014-0.115,0.023-0.231,0.023-0.348V40.581
|
||||
C80.916,40.464,80.907,40.348,80.893,40.234z M52.657,26.707l20.817,13.877l-9.298,6.221l-11.519-7.706V26.707z M47.343,26.707
|
||||
v12.393l-11.518,7.706l-9.299-6.221L47.343,26.707z M24.398,45.554L31.046,50l-6.648,4.446V45.554z M47.343,73.294L26.525,59.417
|
||||
l9.299-6.219l11.518,7.704V73.294z M50,56.286L40.603,50L50,43.715L59.397,50L50,56.286z M52.657,73.294V60.902l11.519-7.704
|
||||
l9.298,6.219L52.657,73.294z M75.602,54.447L68.955,50l6.647-4.446V54.447z"></path>
|
||||
</g>
|
||||
|
||||
<path id="twitter" d="M100.001,17.942c-3.681,1.688-7.633,2.826-11.783,3.339
|
||||
c4.236-2.624,7.49-6.779,9.021-11.73c-3.965,2.432-8.354,4.193-13.026,5.146C80.47,10.575,75.138,8,69.234,8
|
||||
c-11.33,0-20.518,9.494-20.518,21.205c0,1.662,0.183,3.281,0.533,4.833c-17.052-0.884-32.168-9.326-42.288-22.155
|
||||
c-1.767,3.133-2.778,6.773-2.778,10.659c0,7.357,3.622,13.849,9.127,17.65c-3.363-0.109-6.525-1.064-9.293-2.651
|
||||
c-0.002,0.089-0.002,0.178-0.002,0.268c0,10.272,7.072,18.845,16.458,20.793c-1.721,0.484-3.534,0.744-5.405,0.744
|
||||
c-1.322,0-2.606-0.134-3.859-0.379c2.609,8.424,10.187,14.555,19.166,14.726c-7.021,5.688-15.867,9.077-25.48,9.077
|
||||
c-1.656,0-3.289-0.102-4.895-0.297C9.08,88.491,19.865,92,31.449,92c37.737,0,58.374-32.312,58.374-60.336
|
||||
c0-0.92-0.02-1.834-0.059-2.743C93.771,25.929,97.251,22.195,100.001,17.942L100.001,17.942z"></path>
|
||||
|
||||
<g id="youtube">
|
||||
<path class="youtube" d="M98.77,27.492c-1.225-5.064-5.576-8.799-10.811-9.354C75.561,16.818,63.01,15.993,50.514,16
|
||||
c-12.495-0.007-25.045,0.816-37.446,2.139c-5.235,0.557-9.583,4.289-10.806,9.354C0.522,34.704,0.5,42.574,0.5,50.001
|
||||
c0,7.426,0,15.296,1.741,22.509c1.224,5.061,5.572,8.799,10.807,9.352c12.399,1.32,24.949,2.145,37.446,2.14
|
||||
c12.494,0.005,25.047-0.817,37.443-2.14c5.234-0.555,9.586-4.291,10.81-9.352c1.741-7.213,1.753-15.083,1.753-22.509
|
||||
S100.51,34.704,98.77,27.492 M67.549,52.203L43.977,64.391c-2.344,1.213-4.262,0.119-4.262-2.428V38.036
|
||||
c0-2.548,1.917-3.644,4.262-2.429l23.572,12.188C69.896,49.008,69.896,50.992,67.549,52.203"></path>
|
||||
</g>
|
||||
|
||||
</defs>
|
||||
</svg>
|
||||
</core-iconset-svg>
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "core-iconset",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0",
|
||||
"core-meta": "Polymer/core-meta#>=0.3.0 <1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/Polymer/core-iconset",
|
||||
"version": "0.3.3",
|
||||
"_release": "0.3.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.3.3",
|
||||
"commit": "171c23e0d3325ab613c06553088224868b9605fc"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/core-iconset.git",
|
||||
"_target": ">=0.3.0 <1.0.0",
|
||||
"_originalSource": "Polymer/core-iconset"
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
core-iconset
|
||||
============
|
||||
|
||||
See the [component page](http://polymer.github.io/core-iconset) for more information.
|
|
@ -0,0 +1,8 @@
|
|||
{
|
||||
"name": "core-iconset",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0",
|
||||
"core-meta": "Polymer/core-meta#>=0.3.0 <1.0.0"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,236 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<!--
|
||||
/**
|
||||
* @group Polymer Core Elements
|
||||
*
|
||||
* The `core-iconset` element allows users to define their own icon sets.
|
||||
* The `src` property specifies the url of the icon image. Multiple icons may
|
||||
* be included in this image and they may be organized into rows.
|
||||
* The `icons` property is a space separated list of names corresponding to the
|
||||
* icons. The names must be ordered as the icons are ordered in the icon image.
|
||||
* Icons are expected to be square and are the size specified by the `iconSize`
|
||||
* property. The `width` property corresponds to the width of the icon image
|
||||
* and must be specified if icons are arranged into multiple rows in the image.
|
||||
*
|
||||
* All `core-iconset` elements are available for use by other `core-iconset`
|
||||
* elements via a database keyed by id. Typically, an element author that wants
|
||||
* to support a set of custom icons uses a `core-iconset` to retrieve
|
||||
* and use another, user-defined iconset.
|
||||
*
|
||||
* Example:
|
||||
*
|
||||
* <core-iconset id="my-icons" src="my-icons.png" width="96" iconSize="24"
|
||||
* icons="location place starta stopb bus car train walk">
|
||||
* </core-iconset>
|
||||
*
|
||||
* This will automatically register the icon set "my-icons" to the iconset
|
||||
* database. To use these icons from within another element, make a
|
||||
* `core-iconset` element and call the `byId` method to retrieve a
|
||||
* given iconset. To apply a particular icon to an element, use the
|
||||
* `applyIcon` method. For example:
|
||||
*
|
||||
* iconset.applyIcon(iconNode, 'car');
|
||||
*
|
||||
* Themed icon sets are also supported. The `core-iconset` can contain child
|
||||
* `property` elements that specify a theme with an offsetX and offsetY of the
|
||||
* theme within the icon resource. For example.
|
||||
*
|
||||
* <core-iconset id="my-icons" src="my-icons.png" width="96" iconSize="24"
|
||||
* icons="location place starta stopb bus car train walk">
|
||||
* <property theme="special" offsetX="256" offsetY="24"></property>
|
||||
* </core-iconset>
|
||||
*
|
||||
* Then a themed icon can be applied like this:
|
||||
*
|
||||
* iconset.applyIcon(iconNode, 'car', 'special');
|
||||
*
|
||||
* @element core-iconset
|
||||
* @extends core-meta
|
||||
* @homepage github.io
|
||||
*/
|
||||
-->
|
||||
|
||||
<link rel="import" href="../core-meta/core-meta.html">
|
||||
|
||||
<polymer-element name="core-iconset" extends="core-meta" attributes="src width icons iconSize">
|
||||
|
||||
<script>
|
||||
|
||||
Polymer('core-iconset', {
|
||||
|
||||
/**
|
||||
* The URL of the iconset image.
|
||||
*
|
||||
* @attribute src
|
||||
* @type string
|
||||
* @default ''
|
||||
*/
|
||||
src: '',
|
||||
|
||||
/**
|
||||
* The width of the iconset image. This must only be specified if the
|
||||
* icons are arranged into separate rows inside the image.
|
||||
*
|
||||
* @attribute width
|
||||
* @type string
|
||||
* @default ''
|
||||
*/
|
||||
width: 0,
|
||||
|
||||
/**
|
||||
* A space separated list of names corresponding to icons in the iconset
|
||||
* image file. This list must be ordered the same as the icon images
|
||||
* in the image file.
|
||||
*
|
||||
* @attribute icons
|
||||
* @type string
|
||||
* @default ''
|
||||
*/
|
||||
icons: '',
|
||||
|
||||
/**
|
||||
* The size of an individual icon. Note that icons must be square.
|
||||
*
|
||||
* @attribute iconSize
|
||||
* @type number
|
||||
* @default 24
|
||||
*/
|
||||
iconSize: 24,
|
||||
|
||||
/**
|
||||
* The horizontal offset of the icon images in the inconset src image.
|
||||
* This is typically used if the image resource contains additional images
|
||||
* beside those intended for the iconset.
|
||||
*
|
||||
* @attribute offsetX
|
||||
* @type number
|
||||
* @default 0
|
||||
*/
|
||||
offsetX: 0,
|
||||
/**
|
||||
* The vertical offset of the icon images in the inconset src image.
|
||||
* This is typically used if the image resource contains additional images
|
||||
* beside those intended for the iconset.
|
||||
*
|
||||
* @attribute offsetY
|
||||
* @type number
|
||||
* @default 0
|
||||
*/
|
||||
offsetY: 0,
|
||||
type: 'iconset',
|
||||
|
||||
created: function() {
|
||||
this.iconMap = {};
|
||||
this.iconNames = [];
|
||||
this.themes = {};
|
||||
},
|
||||
|
||||
ready: function() {
|
||||
// TODO(sorvell): ensure iconset's src is always relative to the main
|
||||
// document
|
||||
if (this.src && (this.ownerDocument !== document)) {
|
||||
this.src = this.resolvePath(this.src, this.ownerDocument.baseURI);
|
||||
}
|
||||
this.super();
|
||||
this.updateThemes();
|
||||
},
|
||||
|
||||
iconsChanged: function() {
|
||||
var ox = this.offsetX;
|
||||
var oy = this.offsetY;
|
||||
this.icons && this.icons.split(/\s+/g).forEach(function(name, i) {
|
||||
this.iconNames.push(name);
|
||||
this.iconMap[name] = {
|
||||
offsetX: ox,
|
||||
offsetY: oy
|
||||
}
|
||||
if (ox + this.iconSize < this.width) {
|
||||
ox += this.iconSize;
|
||||
} else {
|
||||
ox = this.offsetX;
|
||||
oy += this.iconSize;
|
||||
}
|
||||
}, this);
|
||||
},
|
||||
|
||||
updateThemes: function() {
|
||||
var ts = this.querySelectorAll('property[theme]');
|
||||
ts && ts.array().forEach(function(t) {
|
||||
this.themes[t.getAttribute('theme')] = {
|
||||
offsetX: parseInt(t.getAttribute('offsetX')) || 0,
|
||||
offsetY: parseInt(t.getAttribute('offsetY')) || 0
|
||||
};
|
||||
}, this);
|
||||
},
|
||||
|
||||
// TODO(ffu): support retrived by index e.g. getOffset(10);
|
||||
/**
|
||||
* Returns an object containing `offsetX` and `offsetY` properties which
|
||||
* specify the pixel locaion in the iconset's src file for the given
|
||||
* `icon` and `theme`. It's uncommon to call this method. It is useful,
|
||||
* for example, to manually position a css backgroundImage to the proper
|
||||
* offset. It's more common to use the `applyIcon` method.
|
||||
*
|
||||
* @method getOffset
|
||||
* @param {String|Number} icon The name of the icon or the index of the
|
||||
* icon within in the icon image.
|
||||
* @param {String} theme The name of the theme.
|
||||
* @returns {Object} An object specifying the offset of the given icon
|
||||
* within the icon resource file; `offsetX` is the horizontal offset and
|
||||
* `offsetY` is the vertical offset. Both values are in pixel units.
|
||||
*/
|
||||
getOffset: function(icon, theme) {
|
||||
var i = this.iconMap[icon];
|
||||
if (!i) {
|
||||
var n = this.iconNames[Number(icon)];
|
||||
i = this.iconMap[n];
|
||||
}
|
||||
var t = this.themes[theme];
|
||||
if (i && t) {
|
||||
return {
|
||||
offsetX: i.offsetX + t.offsetX,
|
||||
offsetY: i.offsetY + t.offsetY
|
||||
}
|
||||
}
|
||||
return i;
|
||||
},
|
||||
|
||||
/**
|
||||
* Applies an icon to the given element as a css background image. This
|
||||
* method does not size the element, and it's often necessary to set
|
||||
* the element's height and width so that the background image is visible.
|
||||
*
|
||||
* @method applyIcon
|
||||
* @param {Element} element The element to which the background is
|
||||
* applied.
|
||||
* @param {String|Number} icon The name or index of the icon to apply.
|
||||
* @param {String} theme (optional) The name of the theme for the icon.
|
||||
* @param {Number} scale (optional, defaults to 1) A scaling factor
|
||||
* with which the icon can be magnified.
|
||||
*/
|
||||
applyIcon: function(element, icon, scale) {
|
||||
var offset = this.getOffset(icon);
|
||||
scale = scale || 1;
|
||||
if (element && offset) {
|
||||
var style = element.style;
|
||||
style.backgroundImage = 'url(' + this.src + ')';
|
||||
style.backgroundPosition = (-offset.offsetX * scale + 'px') +
|
||||
' ' + (-offset.offsetY * scale + 'px');
|
||||
style.backgroundSize = scale === 1 ? 'auto' :
|
||||
this.width * scale + 'px';
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</polymer-element>
|
|
@ -0,0 +1,95 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<title>core-iconset</title>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="core-iconset.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<!-- Register an icon set; you can do this anywhere, including an HTMLImport! -->
|
||||
<core-iconset id="my-icons" src="my-icons.png" width="96" iconSize="24"
|
||||
icons="location place starta stopb bus car train walk">
|
||||
</core-iconset>
|
||||
|
||||
<!--
|
||||
Create an element that uses an iconset to display an icon.
|
||||
By using iconset, the element can allow the set of available icons to be
|
||||
easily changed by the user.
|
||||
|
||||
Here we're using the converntion 'iconset:icon' to specify a particular
|
||||
iconset and an icon name within that set.
|
||||
-->
|
||||
<polymer-element name="icon-demo" attributes="icon">
|
||||
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
display: inline-block;
|
||||
margin: 2px;
|
||||
}
|
||||
</style>
|
||||
<core-iconset id="meta"></core-iconset>
|
||||
<content></content>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
Polymer('icon-demo', {
|
||||
|
||||
iconChanged: function() {
|
||||
if (!this.icon) {
|
||||
return;
|
||||
}
|
||||
var parts = this.icon.split(':');
|
||||
var icon = parts.pop();
|
||||
// find the iconSet for the name given via the icon property
|
||||
var iconset = this.$.meta.byId(parts.pop());
|
||||
if (iconset) {
|
||||
// size the element as needed
|
||||
this.style.height = this.style.width = iconset.iconSize + 'px';
|
||||
// use iconset's applyAsBackground method to set the given icon
|
||||
// as the element's background image.
|
||||
iconset.applyIcon(this, icon);
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</polymer-element>
|
||||
|
||||
<!-- Now create a bunch of icons using our iconset -->
|
||||
<icon-demo icon="my-icons:location"></icon-demo>
|
||||
<icon-demo icon="my-icons:place"></icon-demo>
|
||||
<icon-demo icon="my-icons:starta"></icon-demo>
|
||||
<icon-demo icon="my-icons:stopb"></icon-demo>
|
||||
<icon-demo icon="my-icons:bus"></icon-demo>
|
||||
<icon-demo icon="my-icons:car"></icon-demo>
|
||||
<icon-demo icon="my-icons:train"></icon-demo>
|
||||
<icon-demo icon="my-icons:walk"></icon-demo>
|
||||
<br>
|
||||
<!-- icons may also be specified by index -->
|
||||
<icon-demo icon="my-icons:0"></icon-demo>
|
||||
<icon-demo icon="my-icons:1"></icon-demo>
|
||||
<icon-demo icon="my-icons:2"></icon-demo>
|
||||
<icon-demo icon="my-icons:3"></icon-demo>
|
||||
<icon-demo icon="my-icons:4"></icon-demo>
|
||||
<icon-demo icon="my-icons:5"></icon-demo>
|
||||
<icon-demo icon="my-icons:6"></icon-demo>
|
||||
<icon-demo icon="my-icons:7"></icon-demo>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
Binary file not shown.
After Width: | Height: | Size: 2.6 KiB |
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"name": "core-meta",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/Polymer/core-meta",
|
||||
"version": "0.3.3",
|
||||
"_release": "0.3.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.3.3",
|
||||
"commit": "038b6c9752c923ecd8c114a06eff51d2dcab90ed"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/core-meta.git",
|
||||
"_target": ">=0.3.0 <1.0.0",
|
||||
"_originalSource": "Polymer/core-meta"
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
core-meta
|
||||
=========
|
||||
|
||||
See the [component page](http://polymer.github.io/core-meta) for more information.
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"name": "core-meta",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,145 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<!--
|
||||
`core-meta` provides a method of constructing a self-organizing database.
|
||||
It is useful to collate element meta-data for things like catalogs and for
|
||||
designer.
|
||||
|
||||
Example, an element folder has a `metadata.html` file in it, that contains a
|
||||
`core-meta`, something like this:
|
||||
|
||||
<core-meta id="my-element" label="My Element">
|
||||
<property name="color" value="blue"></property>
|
||||
</core-meta>
|
||||
|
||||
An application can import as many of these files as it wants, and then use
|
||||
`core-meta` again to access the collected data.
|
||||
|
||||
<script>
|
||||
var meta = document.createElement('core-meta');
|
||||
console.log(meta.list); // dump a list of all meta-data elements that have been created
|
||||
</script>
|
||||
|
||||
Use `byId(id)` to retrive a specific core-meta.
|
||||
|
||||
<script>
|
||||
var meta = document.createElement('core-meta');
|
||||
console.log(meta.byId('my-element'));
|
||||
</script>
|
||||
|
||||
By default all meta-data are stored in a single databse. If your meta-data
|
||||
have different types and want them to be stored separately, use `type` to
|
||||
differentiate them.
|
||||
|
||||
Example:
|
||||
|
||||
<core-meta id="x-foo" type="xElt"></core-meta>
|
||||
<core-meta id="x-bar" type="xElt"></core-meta>
|
||||
<core-meta id="y-bar" type="yElt"></core-meta>
|
||||
|
||||
<script>
|
||||
var meta = document.createElement('core-meta');
|
||||
meta.type = 'xElt';
|
||||
console.log(meta.list);
|
||||
</script>
|
||||
|
||||
@group Polymer Core Elements
|
||||
@element core-meta
|
||||
@homepage github.io
|
||||
-->
|
||||
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
|
||||
<polymer-element name="core-meta" attributes="list label type" hidden>
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
|
||||
var SKIP_ID = 'meta';
|
||||
var metaData = {}, metaArray = {};
|
||||
|
||||
Polymer('core-meta', {
|
||||
|
||||
/**
|
||||
* The type of meta-data. All meta-data with the same type with be
|
||||
* stored together.
|
||||
*
|
||||
* @attribute type
|
||||
* @type string
|
||||
* @default 'default'
|
||||
*/
|
||||
type: 'default',
|
||||
|
||||
alwaysPrepare: true,
|
||||
|
||||
ready: function() {
|
||||
this.register(this.id);
|
||||
},
|
||||
|
||||
get metaArray() {
|
||||
var t = this.type;
|
||||
if (!metaArray[t]) {
|
||||
metaArray[t] = [];
|
||||
}
|
||||
return metaArray[t];
|
||||
},
|
||||
|
||||
get metaData() {
|
||||
var t = this.type;
|
||||
if (!metaData[t]) {
|
||||
metaData[t] = {};
|
||||
}
|
||||
return metaData[t];
|
||||
},
|
||||
|
||||
register: function(id, old) {
|
||||
if (id && id !== SKIP_ID) {
|
||||
this.unregister(this, old);
|
||||
this.metaData[id] = this;
|
||||
this.metaArray.push(this);
|
||||
}
|
||||
},
|
||||
|
||||
unregister: function(meta, id) {
|
||||
delete this.metaData[id || meta.id];
|
||||
var i = this.metaArray.indexOf(meta);
|
||||
if (i >= 0) {
|
||||
this.metaArray.splice(i, 1);
|
||||
}
|
||||
},
|
||||
|
||||
/**
|
||||
* Returns a list of all meta-data elements with the same type.
|
||||
*
|
||||
* @attribute list
|
||||
* @type array
|
||||
* @default []
|
||||
*/
|
||||
get list() {
|
||||
return this.metaArray;
|
||||
},
|
||||
|
||||
/**
|
||||
* Retrieves meta-data by ID.
|
||||
*
|
||||
* @method byId
|
||||
* @param {String} id The ID of the meta-data to be returned.
|
||||
* @returns Returns meta-data.
|
||||
*/
|
||||
byId: function(id) {
|
||||
return this.metaData[id];
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
</script>
|
||||
</polymer-element>
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>core-meta</title>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="core-meta.html">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<core-meta id="x-foo" label="foo"></core-meta>
|
||||
<core-meta id="x-bar" label="bar"></core-meta>
|
||||
<core-meta id="x-zot" label="zot"></core-meta>
|
||||
|
||||
<core-meta id="apple" label="apple" type="fruit"></core-meta>
|
||||
<core-meta id="orange" label="orange" type="fruit"></core-meta>
|
||||
<core-meta id="grape" label="grape" type="fruit"></core-meta>
|
||||
|
||||
<h2>meta-data</h2>
|
||||
|
||||
<template id="default" repeat="{{metadata}}">
|
||||
<div>{{label}}</div>
|
||||
</template>
|
||||
|
||||
<h2>meta-data (type: fruit)</h2>
|
||||
|
||||
<template id="fruit" repeat="{{metadata}}">
|
||||
<div>{{label}}</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
document.addEventListener('polymer-ready', function() {
|
||||
var meta = document.createElement('core-meta');
|
||||
document.querySelector('template#default').model = {
|
||||
metadata: meta.list
|
||||
};
|
||||
|
||||
var fruitMeta = document.createElement('core-meta');
|
||||
fruitMeta.type = 'fruit';
|
||||
document.querySelector('template#fruit').model = {
|
||||
metadata: fruitMeta.list
|
||||
};
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,14 @@
|
|||
{
|
||||
"name": "font-roboto",
|
||||
"homepage": "https://github.com/Polymer/font-roboto",
|
||||
"version": "0.3.3",
|
||||
"_release": "0.3.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.3.3",
|
||||
"commit": "3515cb3b0d19e5df52ae8c4ad9606ab9a67b8fa6"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/font-roboto.git",
|
||||
"_target": ">=0.3.0 <1.0.0",
|
||||
"_originalSource": "Polymer/font-roboto"
|
||||
}
|
|
@ -0,0 +1,9 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
<link href='//fonts.googleapis.com/css?family=RobotoDraft:regular,bold,italic,thin,light,bolditalic,black,medium&lang=en' rel='stylesheet' type='text/css'>
|
|
@ -0,0 +1,21 @@
|
|||
{
|
||||
"name": "paper-ripple",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-icon": "Polymer/core-icon#>=0.3.0 <1.0.0",
|
||||
"core-icons": "Polymer/core-icons#>=0.3.0 <1.0.0",
|
||||
"font-roboto": "Polymer/font-roboto#>=0.3.0 <1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/Polymer/paper-ripple",
|
||||
"version": "0.3.3",
|
||||
"_release": "0.3.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.3.3",
|
||||
"commit": "4e858f8f86de8eb5f6ab8e31f1de80502b9bb2af"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/paper-ripple.git",
|
||||
"_target": "~0.3.3",
|
||||
"_originalSource": "Polymer/paper-ripple",
|
||||
"_direct": true
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
paper-ripple
|
||||
============
|
||||
|
||||
Paper Ripple
|
|
@ -0,0 +1,9 @@
|
|||
{
|
||||
"name": "paper-ripple",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-icon": "Polymer/core-icon#>=0.3.0 <1.0.0",
|
||||
"core-icons": "Polymer/core-icons#>=0.3.0 <1.0.0",
|
||||
"font-roboto": "Polymer/font-roboto#>=0.3.0 <1.0.0"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,409 @@
|
|||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<title>paper-ripple</title>
|
||||
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
<meta name="apple-mobile-web-app-capable" content="yes">
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
|
||||
<link rel="import" href="../core-icons/core-icons.html">
|
||||
<link rel="import" href="paper-ripple.html">
|
||||
<link rel="import" href="../font-roboto/roboto.html">
|
||||
<link rel="import" href="../core-icon/core-icon.html">
|
||||
|
||||
<style shim-shadowdom>
|
||||
|
||||
body {
|
||||
background-color: #f9f9f9;
|
||||
font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
|
||||
-webkit-user-select: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
user-select: none;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 30px 25px;
|
||||
}
|
||||
|
||||
section > * {
|
||||
margin: 10px
|
||||
}
|
||||
|
||||
/* Button */
|
||||
.button {
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: 120px;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
border-radius: 2px;
|
||||
font-size: 0.9em;
|
||||
background-color: #fff;
|
||||
color: #646464;
|
||||
}
|
||||
|
||||
.button > paper-ripple {
|
||||
border-radius: 2px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.button.narrow {
|
||||
width: 60px;
|
||||
}
|
||||
|
||||
.button.grey {
|
||||
background-color: #eee;
|
||||
}
|
||||
|
||||
.button.blue {
|
||||
background-color: #4285f4;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.green {
|
||||
background-color: #0f9d58;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.button.raised {
|
||||
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-delay: 0.2s;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
.button.raised:active {
|
||||
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
/* Icon Button */
|
||||
.icon-button {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
}
|
||||
|
||||
.icon-button > core-icon {
|
||||
margin: 16px;
|
||||
transition: -webkit-transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.icon-button:hover > core-icon {
|
||||
-webkit-transform: scale(1.2);
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
.icon-button > paper-ripple {
|
||||
overflow: hidden;
|
||||
color: #646464;
|
||||
}
|
||||
|
||||
.icon-button.red > core-icon::shadow path {
|
||||
fill: #db4437;
|
||||
}
|
||||
|
||||
.icon-button.red > paper-ripple {
|
||||
color: #db4437;
|
||||
}
|
||||
|
||||
.icon-button.blue > core-icon::shadow path {
|
||||
fill: #4285f4;
|
||||
}
|
||||
|
||||
.icon-button.blue > paper-ripple {
|
||||
color: #4285f4;
|
||||
}
|
||||
|
||||
/* FAB */
|
||||
.fab {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 56px;
|
||||
height: 56px;
|
||||
border-radius: 50%;
|
||||
color: #fff;
|
||||
overflow: hidden;
|
||||
transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
transition-delay: 0.2s;
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
.fab.red {
|
||||
background-color: #d23f31;
|
||||
}
|
||||
|
||||
.fab.blue {
|
||||
background-color: #4285f4;
|
||||
}
|
||||
|
||||
.fab.green {
|
||||
background-color: #0f9d58;
|
||||
}
|
||||
|
||||
.fab:active {
|
||||
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
||||
transition-delay: 0s;
|
||||
}
|
||||
|
||||
.fab > core-icon {
|
||||
margin: 16px;
|
||||
}
|
||||
|
||||
.fab > core-icon::shadow path {
|
||||
fill: #fff;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
.menu {
|
||||
display: inline-block;
|
||||
width: 180px;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.item {
|
||||
position: relative;
|
||||
height: 48px;
|
||||
line-height: 48px;
|
||||
color: #646464;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.menu.blue > .item {
|
||||
color: #4285f4;
|
||||
}
|
||||
|
||||
/* Card, Dialog */
|
||||
.card, .dialog {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 300px;
|
||||
height: 240px;
|
||||
vertical-align: top;
|
||||
background-color: #fff;
|
||||
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.dialog {
|
||||
box-sizing: border-box;
|
||||
padding: 16px;
|
||||
}
|
||||
|
||||
.dialog > .content {
|
||||
height: 170px;
|
||||
font-size: 0.9em;
|
||||
}
|
||||
|
||||
.dialog > .content > .title {
|
||||
font-size: 1.3em;
|
||||
}
|
||||
|
||||
.dialog > .button {
|
||||
width: 90px;
|
||||
float: right;
|
||||
}
|
||||
|
||||
.card.image {
|
||||
background: url(http://lorempixel.com/300/240/nature/);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
/* Misc */
|
||||
.center {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.label {
|
||||
padding: 0 16px;
|
||||
}
|
||||
|
||||
.label-blue {
|
||||
color: #4285f4;
|
||||
}
|
||||
|
||||
.label-red {
|
||||
color: #d23f31;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<section>
|
||||
|
||||
<div class="button raised">
|
||||
<div class="center" fit>SUBMIT</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="button raised grey">
|
||||
<div class="center" fit>CANCEL</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="button raised blue">
|
||||
<div class="center" fit>COMPOSE</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="button raised green">
|
||||
<div class="center" fit>OK</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div class="button raised grey narrow">
|
||||
<div class="center" fit>+1</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="button raised grey narrow label-blue">
|
||||
<div class="center" fit>+1</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="button raised grey narrow label-red">
|
||||
<div class="center" fit>+1</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div class="icon-button">
|
||||
<core-icon icon="menu"></core-icon>
|
||||
<paper-ripple class="circle recenteringTouch" fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="icon-button">
|
||||
<core-icon icon="more-vert"></core-icon>
|
||||
<paper-ripple class="circle recenteringTouch" fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="icon-button red">
|
||||
<core-icon icon="delete"></core-icon>
|
||||
<paper-ripple class="circle recenteringTouch" fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="icon-button blue">
|
||||
<core-icon icon="account-box"></core-icon>
|
||||
<paper-ripple class="circle recenteringTouch" fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div class="fab red">
|
||||
<core-icon icon="add"></core-icon>
|
||||
<paper-ripple class="circle recenteringTouch" fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="fab blue">
|
||||
<core-icon icon="mail"></core-icon>
|
||||
<paper-ripple class="circle recenteringTouch" fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="fab green">
|
||||
<core-icon icon="create"></core-icon>
|
||||
<paper-ripple class="circle recenteringTouch" fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div class="menu">
|
||||
|
||||
<div class="item">
|
||||
<div class="label" fit>Mark as unread</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label" fit>Mark as important</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label" fit>Add to Tasks</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label" fit>Create event</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="menu blue">
|
||||
|
||||
<div class="item">
|
||||
<div class="label" fit>Import</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label" fit>Export</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label" fit>Print</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
<div class="item">
|
||||
<div class="label" fit>Restore contacts</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div class="dialog">
|
||||
|
||||
<div class="content">
|
||||
<div class="title">Permission</div><br>
|
||||
<div>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam.</div>
|
||||
</div>
|
||||
|
||||
<div class="button label-blue">
|
||||
<div class="center" fit>ACCEPT</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
<div class="button">
|
||||
<div class="center" fit>DECLINE</div>
|
||||
<paper-ripple fit></paper-ripple>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card">
|
||||
|
||||
<paper-ripple class="recenteringTouch" fit></paper-ripple>
|
||||
|
||||
</div>
|
||||
|
||||
<div class="card image">
|
||||
|
||||
<paper-ripple class="recenteringTouch" fit></paper-ripple>
|
||||
|
||||
</div>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,22 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,438 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<!--
|
||||
`paper-ripple` provides a visual effect that other quantum paper elements can
|
||||
use to simulate a rippling effect emanating from the point of contact. The
|
||||
effect can be visualized as a concentric circle with motion.
|
||||
|
||||
Example:
|
||||
|
||||
<paper-ripple></paper-ripple>
|
||||
|
||||
`paper-ripple` listens to "down" and "up" events so it would display ripple
|
||||
effect when touches on it. You can also defeat the default behavior and
|
||||
manually route the down and up actions to the ripple element. Note that it is
|
||||
important if you call downAction() you will have to make sure to call upAction()
|
||||
so that `paper-ripple` would end the animation loop.
|
||||
|
||||
Example:
|
||||
|
||||
<paper-ripple id="ripple" style="pointer-events: none;"></paper-ripple>
|
||||
...
|
||||
downAction: function(e) {
|
||||
this.$.ripple.downActon({x: e.x, y: e.y});
|
||||
},
|
||||
upAction: function(e) {
|
||||
this.$.ripple.upAction();
|
||||
}
|
||||
|
||||
Styling ripple effect:
|
||||
|
||||
Use CSS color property to style the ripple:
|
||||
|
||||
paper-ripple {
|
||||
color: #4285f4;
|
||||
}
|
||||
|
||||
Note that CSS color property is inherited so it is not required to set it on
|
||||
the `paper-ripple` element directly.
|
||||
|
||||
Apply `recenteringTouch` class to make the recentering rippling effect.
|
||||
|
||||
<paper-ripple class="recenteringTouch"></paper-ripple>
|
||||
|
||||
Apply `circle` class to make the rippling effect within a circle.
|
||||
|
||||
<paper-ripple class="circle"></paper-ripple>
|
||||
|
||||
@group Paper Elements
|
||||
@element paper-ripple
|
||||
@homepage github.io
|
||||
-->
|
||||
|
||||
<link rel="import" href="../polymer/polymer.html" >
|
||||
|
||||
<polymer-element name="paper-ripple" attributes="initialOpacity opacityDecayVelocity">
|
||||
<template>
|
||||
|
||||
<style>
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#canvas {
|
||||
pointer-events: none;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
:host(.circle) #canvas {
|
||||
border-radius: 50%;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</template>
|
||||
<script>
|
||||
|
||||
(function() {
|
||||
|
||||
var waveMaxRadius = 150;
|
||||
//
|
||||
// INK EQUATIONS
|
||||
//
|
||||
function waveRadiusFn(touchDownMs, touchUpMs, anim) {
|
||||
// Convert from ms to s.
|
||||
var touchDown = touchDownMs / 1000;
|
||||
var touchUp = touchUpMs / 1000;
|
||||
var totalElapsed = touchDown + touchUp;
|
||||
var ww = anim.width, hh = anim.height;
|
||||
// use diagonal size of container to avoid floating point math sadness
|
||||
var waveRadius = Math.min(Math.sqrt(ww * ww + hh * hh), waveMaxRadius) * 1.1 + 5;
|
||||
var duration = 1.1 - .2 * (waveRadius / waveMaxRadius);
|
||||
var tt = (totalElapsed / duration);
|
||||
|
||||
var size = waveRadius * (1 - Math.pow(80, -tt));
|
||||
return Math.abs(size);
|
||||
}
|
||||
|
||||
function waveOpacityFn(td, tu, anim) {
|
||||
// Convert from ms to s.
|
||||
var touchDown = td / 1000;
|
||||
var touchUp = tu / 1000;
|
||||
var totalElapsed = touchDown + touchUp;
|
||||
|
||||
if (tu <= 0) { // before touch up
|
||||
return anim.initialOpacity;
|
||||
}
|
||||
return Math.max(0, anim.initialOpacity - touchUp * anim.opacityDecayVelocity);
|
||||
}
|
||||
|
||||
function waveOuterOpacityFn(td, tu, anim) {
|
||||
// Convert from ms to s.
|
||||
var touchDown = td / 1000;
|
||||
var touchUp = tu / 1000;
|
||||
|
||||
// Linear increase in background opacity, capped at the opacity
|
||||
// of the wavefront (waveOpacity).
|
||||
var outerOpacity = touchDown * 0.3;
|
||||
var waveOpacity = waveOpacityFn(td, tu, anim);
|
||||
return Math.max(0, Math.min(outerOpacity, waveOpacity));
|
||||
}
|
||||
|
||||
function waveGravityToCenterPercentageFn(td, tu, r) {
|
||||
// Convert from ms to s.
|
||||
var touchDown = td / 1000;
|
||||
var touchUp = tu / 1000;
|
||||
var totalElapsed = touchDown + touchUp;
|
||||
|
||||
return Math.min(1.0, touchUp * 6);
|
||||
}
|
||||
|
||||
// Determines whether the wave should be completely removed.
|
||||
function waveDidFinish(wave, radius, anim) {
|
||||
var waveOpacity = waveOpacityFn(wave.tDown, wave.tUp, anim);
|
||||
// If the wave opacity is 0 and the radius exceeds the bounds
|
||||
// of the element, then this is finished.
|
||||
if (waveOpacity < 0.01 && radius >= Math.min(wave.maxRadius, waveMaxRadius)) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
};
|
||||
|
||||
function waveAtMaximum(wave, radius, anim) {
|
||||
var waveOpacity = waveOpacityFn(wave.tDown, wave.tUp, anim);
|
||||
if (waveOpacity >= anim.initialOpacity && radius >= Math.min(wave.maxRadius, waveMaxRadius)) {
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
//
|
||||
// DRAWING
|
||||
//
|
||||
function drawRipple(ctx, x, y, radius, innerColor, outerColor) {
|
||||
if (outerColor) {
|
||||
ctx.fillStyle = outerColor;
|
||||
ctx.fillRect(0,0,ctx.canvas.width, ctx.canvas.height);
|
||||
}
|
||||
ctx.beginPath();
|
||||
ctx.arc(x, y, radius, 0, 2 * Math.PI, false);
|
||||
ctx.fillStyle = innerColor;
|
||||
ctx.fill();
|
||||
}
|
||||
|
||||
//
|
||||
// SETUP
|
||||
//
|
||||
function createWave(elem) {
|
||||
var elementStyle = window.getComputedStyle(elem);
|
||||
var fgColor = elementStyle.color;
|
||||
|
||||
var wave = {
|
||||
waveColor: fgColor,
|
||||
maxRadius: 0,
|
||||
isMouseDown: false,
|
||||
mouseDownStart: 0.0,
|
||||
mouseUpStart: 0.0,
|
||||
tDown: 0,
|
||||
tUp: 0
|
||||
};
|
||||
return wave;
|
||||
}
|
||||
|
||||
function removeWaveFromScope(scope, wave) {
|
||||
if (scope.waves) {
|
||||
var pos = scope.waves.indexOf(wave);
|
||||
scope.waves.splice(pos, 1);
|
||||
}
|
||||
};
|
||||
|
||||
// Shortcuts.
|
||||
var pow = Math.pow;
|
||||
var now = Date.now;
|
||||
if (window.performance && performance.now) {
|
||||
now = performance.now.bind(performance);
|
||||
}
|
||||
|
||||
function cssColorWithAlpha(cssColor, alpha) {
|
||||
var parts = cssColor.match(/^rgb\((\d+),\s*(\d+),\s*(\d+)\)$/);
|
||||
if (typeof alpha == 'undefined') {
|
||||
alpha = 1;
|
||||
}
|
||||
if (!parts) {
|
||||
return 'rgba(255, 255, 255, ' + alpha + ')';
|
||||
}
|
||||
return 'rgba(' + parts[1] + ', ' + parts[2] + ', ' + parts[3] + ', ' + alpha + ')';
|
||||
}
|
||||
|
||||
function dist(p1, p2) {
|
||||
return Math.sqrt(pow(p1.x - p2.x, 2) + pow(p1.y - p2.y, 2));
|
||||
}
|
||||
|
||||
function distanceFromPointToFurthestCorner(point, size) {
|
||||
var tl_d = dist(point, {x: 0, y: 0});
|
||||
var tr_d = dist(point, {x: size.w, y: 0});
|
||||
var bl_d = dist(point, {x: 0, y: size.h});
|
||||
var br_d = dist(point, {x: size.w, y: size.h});
|
||||
return Math.max(tl_d, tr_d, bl_d, br_d);
|
||||
}
|
||||
|
||||
Polymer('paper-ripple', {
|
||||
|
||||
/**
|
||||
* The initial opacity set on the wave.
|
||||
*
|
||||
* @attribute initialOpacity
|
||||
* @type number
|
||||
* @default 0.25
|
||||
*/
|
||||
initialOpacity: 0.25,
|
||||
|
||||
/**
|
||||
* How fast (opacity per second) the wave fades out.
|
||||
*
|
||||
* @attribute opacityDecayVelocity
|
||||
* @type number
|
||||
* @default 0.8
|
||||
*/
|
||||
opacityDecayVelocity: 0.8,
|
||||
|
||||
backgroundFill: true,
|
||||
pixelDensity: 2,
|
||||
|
||||
eventDelegates: {
|
||||
down: 'downAction',
|
||||
up: 'upAction'
|
||||
},
|
||||
|
||||
attached: function() {
|
||||
// create the canvas element manually becase ios
|
||||
// does not render the canvas element if it is not created in the
|
||||
// main document (component templates are created in a
|
||||
// different document). See:
|
||||
// https://bugs.webkit.org/show_bug.cgi?id=109073.
|
||||
if (!this.$.canvas) {
|
||||
var canvas = document.createElement('canvas');
|
||||
canvas.id = 'canvas';
|
||||
this.shadowRoot.appendChild(canvas);
|
||||
this.$.canvas = canvas;
|
||||
}
|
||||
},
|
||||
|
||||
ready: function() {
|
||||
this.waves = [];
|
||||
},
|
||||
|
||||
setupCanvas: function() {
|
||||
this.$.canvas.setAttribute('width', this.$.canvas.clientWidth * this.pixelDensity + "px");
|
||||
this.$.canvas.setAttribute('height', this.$.canvas.clientHeight * this.pixelDensity + "px");
|
||||
var ctx = this.$.canvas.getContext('2d');
|
||||
ctx.scale(this.pixelDensity, this.pixelDensity);
|
||||
if (!this._loop) {
|
||||
this._loop = this.animate.bind(this, ctx);
|
||||
}
|
||||
},
|
||||
|
||||
downAction: function(e) {
|
||||
this.setupCanvas();
|
||||
var wave = createWave(this.$.canvas);
|
||||
|
||||
this.cancelled = false;
|
||||
wave.isMouseDown = true;
|
||||
wave.tDown = 0.0;
|
||||
wave.tUp = 0.0;
|
||||
wave.mouseUpStart = 0.0;
|
||||
wave.mouseDownStart = now();
|
||||
|
||||
var width = this.$.canvas.width / 2; // Retina canvas
|
||||
var height = this.$.canvas.height / 2;
|
||||
var rect = this.getBoundingClientRect();
|
||||
var touchX = e.x - rect.left;
|
||||
var touchY = e.y - rect.top;
|
||||
|
||||
wave.startPosition = {x:touchX, y:touchY};
|
||||
|
||||
if (this.classList.contains("recenteringTouch")) {
|
||||
wave.endPosition = {x: width / 2, y: height / 2};
|
||||
wave.slideDistance = dist(wave.startPosition, wave.endPosition);
|
||||
}
|
||||
wave.containerSize = Math.max(width, height);
|
||||
wave.maxRadius = distanceFromPointToFurthestCorner(wave.startPosition, {w: width, h: height});
|
||||
this.waves.push(wave);
|
||||
requestAnimationFrame(this._loop);
|
||||
},
|
||||
|
||||
upAction: function() {
|
||||
for (var i = 0; i < this.waves.length; i++) {
|
||||
// Declare the next wave that has mouse down to be mouse'ed up.
|
||||
var wave = this.waves[i];
|
||||
if (wave.isMouseDown) {
|
||||
wave.isMouseDown = false
|
||||
wave.mouseUpStart = now();
|
||||
wave.mouseDownStart = 0;
|
||||
wave.tUp = 0.0;
|
||||
break;
|
||||
}
|
||||
}
|
||||
this._loop && requestAnimationFrame(this._loop);
|
||||
},
|
||||
|
||||
cancel: function() {
|
||||
this.cancelled = true;
|
||||
},
|
||||
|
||||
animate: function(ctx) {
|
||||
var shouldRenderNextFrame = false;
|
||||
|
||||
// Clear the canvas
|
||||
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
|
||||
|
||||
var deleteTheseWaves = [];
|
||||
// The oldest wave's touch down duration
|
||||
var longestTouchDownDuration = 0;
|
||||
var longestTouchUpDuration = 0;
|
||||
// Save the last known wave color
|
||||
var lastWaveColor = null;
|
||||
// wave animation values
|
||||
var anim = {
|
||||
initialOpacity: this.initialOpacity,
|
||||
opacityDecayVelocity: this.opacityDecayVelocity,
|
||||
height: ctx.canvas.height,
|
||||
width: ctx.canvas.width
|
||||
}
|
||||
|
||||
for (var i = 0; i < this.waves.length; i++) {
|
||||
var wave = this.waves[i];
|
||||
|
||||
if (wave.mouseDownStart > 0) {
|
||||
wave.tDown = now() - wave.mouseDownStart;
|
||||
}
|
||||
if (wave.mouseUpStart > 0) {
|
||||
wave.tUp = now() - wave.mouseUpStart;
|
||||
}
|
||||
|
||||
// Determine how long the touch has been up or down.
|
||||
var tUp = wave.tUp;
|
||||
var tDown = wave.tDown;
|
||||
longestTouchDownDuration = Math.max(longestTouchDownDuration, tDown);
|
||||
longestTouchUpDuration = Math.max(longestTouchUpDuration, tUp);
|
||||
|
||||
// Obtain the instantenous size and alpha of the ripple.
|
||||
var radius = waveRadiusFn(tDown, tUp, anim);
|
||||
var waveAlpha = waveOpacityFn(tDown, tUp, anim);
|
||||
var waveColor = cssColorWithAlpha(wave.waveColor, waveAlpha);
|
||||
lastWaveColor = wave.waveColor;
|
||||
|
||||
// Position of the ripple.
|
||||
var x = wave.startPosition.x;
|
||||
var y = wave.startPosition.y;
|
||||
|
||||
// Ripple gravitational pull to the center of the canvas.
|
||||
if (wave.endPosition) {
|
||||
|
||||
var translateFraction = waveGravityToCenterPercentageFn(tDown, tUp, wave.maxRadius);
|
||||
|
||||
// This translates from the origin to the center of the view based on the max dimension of
|
||||
var translateFraction = Math.min(1, radius / wave.containerSize * 2 / Math.sqrt(2) );
|
||||
|
||||
x += translateFraction * (wave.endPosition.x - wave.startPosition.x);
|
||||
y += translateFraction * (wave.endPosition.y - wave.startPosition.y);
|
||||
}
|
||||
|
||||
// If we do a background fill fade too, work out the correct color.
|
||||
var bgFillColor = null;
|
||||
if (this.backgroundFill) {
|
||||
var bgFillAlpha = waveOuterOpacityFn(tDown, tUp, anim);
|
||||
bgFillColor = cssColorWithAlpha(wave.waveColor, bgFillAlpha);
|
||||
}
|
||||
|
||||
// Draw the ripple.
|
||||
drawRipple(ctx, x, y, radius, waveColor, bgFillColor);
|
||||
|
||||
// Determine whether there is any more rendering to be done.
|
||||
var maximumWave = waveAtMaximum(wave, radius, anim);
|
||||
var waveDissipated = waveDidFinish(wave, radius, anim);
|
||||
var shouldKeepWave = !waveDissipated || maximumWave;
|
||||
var shouldRenderWaveAgain = !waveDissipated && !maximumWave;
|
||||
shouldRenderNextFrame = shouldRenderNextFrame || shouldRenderWaveAgain;
|
||||
if (!shouldKeepWave || this.cancelled) {
|
||||
deleteTheseWaves.push(wave);
|
||||
}
|
||||
}
|
||||
|
||||
if (shouldRenderNextFrame) {
|
||||
requestAnimationFrame(this._loop);
|
||||
}
|
||||
|
||||
for (var i = 0; i < deleteTheseWaves.length; ++i) {
|
||||
var wave = deleteTheseWaves[i];
|
||||
removeWaveFromScope(this, wave);
|
||||
}
|
||||
|
||||
if (!this.waves.length) {
|
||||
// If there is nothing to draw, clear any drawn waves now because
|
||||
// we're not going to get another requestAnimationFrame any more.
|
||||
ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height);
|
||||
this._loop = null;
|
||||
}
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
})();
|
||||
|
||||
</script>
|
||||
</polymer-element>
|
File diff suppressed because one or more lines are too long
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"name": "paper-shadow",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0"
|
||||
},
|
||||
"homepage": "https://github.com/Polymer/paper-shadow",
|
||||
"version": "0.3.3",
|
||||
"_release": "0.3.3",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.3.3",
|
||||
"commit": "c0b49c09fa24b8a1afd9850033e2090fe9d56bc8"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/paper-shadow.git",
|
||||
"_target": "~0.3.3",
|
||||
"_originalSource": "Polymer/paper-shadow",
|
||||
"_direct": true
|
||||
}
|
|
@ -0,0 +1,4 @@
|
|||
paper-shadow
|
||||
============
|
||||
|
||||
See the [component page](http://polymer.github.io/paper-shadow) for more information.
|
|
@ -0,0 +1,7 @@
|
|||
{
|
||||
"name": "paper-shadow",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#>=0.3.0 <1.0.0"
|
||||
}
|
||||
}
|
|
@ -0,0 +1,250 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright 2013 The Polymer Authors. All rights reserved.
|
||||
Use of this source code is governed by a BSD-style
|
||||
license that can be found in the LICENSE file.
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
<title>paper-shadow</title>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link href="paper-shadow.html" rel="import">
|
||||
<style>
|
||||
body {
|
||||
font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
|
||||
transform: translateZ(0);
|
||||
-webkit-transform: translateZ(0);
|
||||
transform: translateZ(0);
|
||||
padding: 16px;
|
||||
background: #fafafa;
|
||||
user-select: none;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
section {
|
||||
display: flex;
|
||||
display: -webkit-flex;
|
||||
width: 80%;
|
||||
margin: 16px;
|
||||
}
|
||||
|
||||
aside {
|
||||
flex: 1 1 auto;
|
||||
-webkit-flex: 1 1 auto;
|
||||
padding: 48px 16px;
|
||||
user-select: text;
|
||||
-webkit-user-select: text;
|
||||
}
|
||||
|
||||
.card {
|
||||
background: white;
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
position: relative;
|
||||
margin: 16px;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.card-inner {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<paper-shadow></paper-shadow>
|
||||
|
||||
<section>
|
||||
<div>
|
||||
<div class="card">
|
||||
</div>
|
||||
</div>
|
||||
<aside>
|
||||
z-depth = 0
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<!-- Example of using paper-shadow to add a shadow to an element -->
|
||||
<div>
|
||||
<div class="card">
|
||||
<paper-shadow z="1"></paper-shadow>
|
||||
</div>
|
||||
</div>
|
||||
<aside>
|
||||
z-depth = 1
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<!-- Example of using paper-shadow as part of a Polymer element -->
|
||||
<polymer-element name="x-card" attributes="z">
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
display: block;
|
||||
}
|
||||
</style>
|
||||
<paper-shadow z="{{z}}"></paper-shadow>
|
||||
</template>
|
||||
<script>
|
||||
Polymer('x-card', {
|
||||
publish: {
|
||||
z: {value: 1, reflect: true}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</polymer-element>
|
||||
<div>
|
||||
<x-card class="card" z="2"></x-card>
|
||||
</div>
|
||||
<aside>
|
||||
z-depth = 2
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<!-- Example of using paper-shadow by adding a class directly -->
|
||||
<div>
|
||||
<div class="card paper-shadow-top-z-3">
|
||||
<div class="card-inner paper-shadow-bottom-z-3">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<aside>
|
||||
z-depth = 3
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div>
|
||||
<div class="card paper-shadow-top-z-4">
|
||||
<div class="card-inner paper-shadow-bottom-z-4">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<aside>
|
||||
z-depth = 4
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div>
|
||||
<div class="card paper-shadow-top-z-5">
|
||||
<div class="card-inner paper-shadow-bottom-z-5">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<aside>
|
||||
z-depth = 5
|
||||
</aside>
|
||||
</section>
|
||||
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
|
||||
<polymer-element name="x-shadow" attributes="z" on-tap="{{tapAction}}">
|
||||
<template>
|
||||
<style>
|
||||
:host,
|
||||
.paper-shadow-bottom {
|
||||
display: block;
|
||||
background: white;
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
:host(.fab),
|
||||
:host(.fab) .paper-shadow-bottom {
|
||||
width: 48px;
|
||||
height: 48px;
|
||||
border-radius: 24px;
|
||||
}
|
||||
</style>
|
||||
<paper-shadow z="{{z}}" animated></paper-shadow>
|
||||
</template>
|
||||
<script>
|
||||
Polymer('x-shadow', {
|
||||
publish: {
|
||||
z: {value: 0, reflect: true}
|
||||
},
|
||||
up: true,
|
||||
zChanged: function() {
|
||||
this.fire('shadow-z-changed');
|
||||
},
|
||||
tapAction: function() {
|
||||
if (this.up) {
|
||||
if (this.z < 5) {
|
||||
this.z += 1;
|
||||
} else {
|
||||
this.z -= 1;
|
||||
this.up = false;
|
||||
}
|
||||
} else {
|
||||
if (this.z > 0) {
|
||||
this.z -= 1;
|
||||
} else {
|
||||
this.z += 1;
|
||||
this.up = true;
|
||||
}
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</polymer-element>
|
||||
|
||||
<section>
|
||||
<div>
|
||||
<x-shadow id="card" z="0" class="card"></x-shadow>
|
||||
</div>
|
||||
<aside>
|
||||
Tap to lift/drop the card.
|
||||
<br>
|
||||
Current z-index = <span id="card-z">0</span>
|
||||
</aside>
|
||||
<script>
|
||||
document.addEventListener('polymer-ready', function() {
|
||||
var fab = document.getElementById('card');
|
||||
fab.addEventListener('shadow-z-changed', function() {
|
||||
document.getElementById('card-z').textContent = fab.z;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div>
|
||||
<style>
|
||||
x-shadow.fab {
|
||||
margin: 48px 142px;
|
||||
}
|
||||
</style>
|
||||
<x-shadow id="fab" z="0" class="fab"></x-shadow>
|
||||
</div>
|
||||
<aside>
|
||||
Tap to lift/drop the button.
|
||||
<br>
|
||||
Current z-index = <span id="fab-z">0</span>
|
||||
</aside>
|
||||
<script>
|
||||
document.addEventListener('polymer-ready', function() {
|
||||
var fab = document.getElementById('fab');
|
||||
fab.addEventListener('shadow-z-changed', function() {
|
||||
document.getElementById('fab-z').textContent = fab.z;
|
||||
});
|
||||
});
|
||||
</script>
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<!doctype html>
|
||||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS
|
||||
-->
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<script src="../platform/platform.js"></script>
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,8 @@
|
|||
<x-meta id="paper-shadow" label="Shadow">
|
||||
<template>
|
||||
<paper-shadow></paper-shadow>
|
||||
</template>
|
||||
<template id="imports">
|
||||
<link rel="import" href="paper-shadow.html">
|
||||
</template>
|
||||
</x-meta>
|
|
@ -0,0 +1,80 @@
|
|||
.paper-shadow {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
.paper-shadow-animated.paper-shadow {
|
||||
transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);
|
||||
}
|
||||
|
||||
.paper-shadow-top-z-1 {
|
||||
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
|
||||
.paper-shadow-bottom-z-1 {
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
|
||||
.paper-shadow-top-z-2 {
|
||||
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
|
||||
.paper-shadow-bottom-z-2 {
|
||||
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.paper-shadow-top-z-3 {
|
||||
box-shadow: 0 17px 50px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
|
||||
.paper-shadow-bottom-z-3 {
|
||||
box-shadow: 0 12px 15px 0 rgba(0, 0, 0, 0.24);
|
||||
}
|
||||
|
||||
.paper-shadow-top-z-4 {
|
||||
box-shadow: 0 25px 55px 0 rgba(0, 0, 0, 0.21);
|
||||
}
|
||||
|
||||
.paper-shadow-bottom-z-4 {
|
||||
box-shadow: 0 16px 28px 0 rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
|
||||
.paper-shadow-top-z-5 {
|
||||
box-shadow: 0 40px 77px 0 rgba(0, 0, 0, 0.22);
|
||||
}
|
||||
|
||||
.paper-shadow-bottom-z-5 {
|
||||
box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.paper-shadow-animate-z-1-z-2.paper-shadow-top {
|
||||
-webkit-transition: none;
|
||||
-webkit-animation: animate-shadow-top-z-1-z-2 0.7s infinite alternate;
|
||||
}
|
||||
|
||||
.paper-shadow-animate-z-1-z-2 .paper-shadow-bottom {
|
||||
-webkit-transition: none;
|
||||
-webkit-animation: animate-shadow-bottom-z-1-z-2 0.7s infinite alternate;
|
||||
}
|
||||
|
||||
@-webkit-keyframes animate-shadow-top-z-1-z-2 {
|
||||
0% {
|
||||
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16);
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19);
|
||||
}
|
||||
}
|
||||
|
||||
@-webkit-keyframes animate-shadow-bottom-z-1-z-2 {
|
||||
0% {
|
||||
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
|
||||
}
|
||||
100% {
|
||||
box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
}
|
|
@ -0,0 +1,213 @@
|
|||
<!--
|
||||
Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
|
||||
This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
|
||||
The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
|
||||
The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
|
||||
Code distributed by Google as part of the polymer project is also
|
||||
subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
|
||||
-->
|
||||
|
||||
<!--
|
||||
The `paper-shadow` element is a helper to add shadows to elements.
|
||||
Quantum paper shadows are composed of two shadows on top of each other. We
|
||||
mimic this effect by using two elements on top of each other, each with a
|
||||
different drop shadow. You can apply the shadow to an element by assigning
|
||||
it as the target. If you do not specify a target, the shadow is applied to
|
||||
the `paper-shadow` element's parent element or shadow host element if its
|
||||
parent is a shadow root. Alternatively, you can use the CSS classes included
|
||||
by this element directly.
|
||||
|
||||
Example:
|
||||
|
||||
<div id="myCard" class="card"></div>
|
||||
<paper-shadow id="myShadow" z="1"></div>
|
||||
|
||||
// Assign a target explicitly
|
||||
myShadow.target = document.getElementById('myCard');
|
||||
|
||||
// Auto-assign the target.
|
||||
<div class="card">
|
||||
<paper-shadow z="1"></paper-shadow>
|
||||
</div>
|
||||
|
||||
// Use the classes directly
|
||||
<div class="card paper-shadow-top paper-shadow-top-z-1">
|
||||
<div class="card-inner paper-shadow-bottom paper-shadow-bottom-z-1"></div>
|
||||
</div>
|
||||
|
||||
If you assign a target to a `paper-shadow` element, it creates two nodes and inserts
|
||||
them as the first children of the target, or the first children of the target's shadow
|
||||
root if there is one. This implies:
|
||||
|
||||
1. If the primary node that drops the shadow has styling that affects its shape,
|
||||
the same styling must be applied to elements with class `paper-shadow`.
|
||||
`border-radius` is a very common property and is inherited automatically.
|
||||
|
||||
2. The target's overflow property will be set to `overflow: visible` because the
|
||||
shadow is rendered beyond the bounds of its container. Position the shadow as a
|
||||
separate layer and use a different child element for clipping if needed.
|
||||
|
||||
@group Paper Elements
|
||||
@class paper-shadow
|
||||
-->
|
||||
|
||||
<link href="../polymer/polymer.html" rel="import">
|
||||
|
||||
<polymer-element name="paper-shadow">
|
||||
|
||||
<template>
|
||||
|
||||
<link no-shim href="paper-shadow.css" rel="stylesheet">
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
Polymer('paper-shadow', {
|
||||
|
||||
publish: {
|
||||
/**
|
||||
* If set, the shadow is applied to this node.
|
||||
*
|
||||
* @attribute target
|
||||
* @type Element
|
||||
* @default null
|
||||
*/
|
||||
target: {value: null, reflect: true},
|
||||
|
||||
/**
|
||||
* The z-depth of this shadow, from 0-5.
|
||||
*
|
||||
* @attribute z
|
||||
* @type number
|
||||
* @default 1
|
||||
*/
|
||||
z: {value: 1, reflect: true},
|
||||
|
||||
/**
|
||||
* If true, the shadow animates between z-depth changes.
|
||||
*
|
||||
* @attribute animated
|
||||
* @type boolean
|
||||
* @default false
|
||||
*/
|
||||
animated: {value: false, reflect: true},
|
||||
|
||||
/**
|
||||
* Workaround: getComputedStyle is wrong sometimes so `paper-shadow`
|
||||
* may overwrite the `position` CSS property. Set this property to
|
||||
* true to prevent this.
|
||||
*
|
||||
* @attribute hasPosition
|
||||
* @type boolean
|
||||
* @default false
|
||||
*/
|
||||
hasPosition: {value: false}
|
||||
},
|
||||
|
||||
// NOTE: include template so that styles are loaded, but remove
|
||||
// so that we can decide dynamically what part to include
|
||||
registerCallback: function(polymerElement) {
|
||||
var template = polymerElement.querySelector('template');
|
||||
this._style = template.content.querySelector('style');
|
||||
this._style.removeAttribute('no-shim');
|
||||
},
|
||||
|
||||
fetchTemplate: function() {
|
||||
return null;
|
||||
},
|
||||
|
||||
attached: function() {
|
||||
this.installScopeStyle(this._style);
|
||||
|
||||
// If no target is bound at attach, default the target to the parent
|
||||
// element or shadow host.
|
||||
if (!this.target) {
|
||||
if (!this.parentElement && this.parentNode.host) {
|
||||
this.target = this.parentNode.host;
|
||||
} else if (this.parentElement && (window.ShadowDOMPolyfill ? this.parentElement !== wrap(document.body) : this.parentElement !== document.body)) {
|
||||
this.target = this.parentElement;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
targetChanged: function(old) {
|
||||
if (old) {
|
||||
this.removeShadow(old);
|
||||
}
|
||||
if (this.target) {
|
||||
this.addShadow(this.target);
|
||||
}
|
||||
},
|
||||
|
||||
zChanged: function(old) {
|
||||
if (this.target && this.target._paperShadow) {
|
||||
var shadow = this.target._paperShadow;
|
||||
['top', 'bottom'].forEach(function(s) {
|
||||
shadow[s].classList.remove('paper-shadow-' + s + '-z-' + old);
|
||||
shadow[s].classList.add('paper-shadow-' + s + '-z-' + this.z);
|
||||
}.bind(this));
|
||||
}
|
||||
},
|
||||
|
||||
animatedChanged: function() {
|
||||
if (this.target && this.target._paperShadow) {
|
||||
var shadow = this.target._paperShadow;
|
||||
['top', 'bottom'].forEach(function(s) {
|
||||
if (this.animated) {
|
||||
shadow[s].classList.add('paper-shadow-animated');
|
||||
} else {
|
||||
shadow[s].classList.remove('paper-shadow-animated');
|
||||
}
|
||||
}.bind(this));
|
||||
}
|
||||
},
|
||||
|
||||
addShadow: function(node) {
|
||||
if (node._paperShadow) {
|
||||
return;
|
||||
}
|
||||
|
||||
var computed = getComputedStyle(node);
|
||||
if (!this.hasPosition && computed.position === 'static') {
|
||||
node.style.position = 'relative';
|
||||
}
|
||||
node.style.overflow = 'visible';
|
||||
|
||||
// Both the top and bottom shadows are children of the target, so
|
||||
// it does not affect the classes and CSS properties of the target.
|
||||
['top', 'bottom'].forEach(function(s) {
|
||||
var inner = (node._paperShadow && node._paperShadow[s]) || document.createElement('div');
|
||||
inner.classList.add('paper-shadow');
|
||||
inner.classList.add('paper-shadow-' + s + '-z-' + this.z);
|
||||
if (this.animated) {
|
||||
inner.classList.add('paper-shadow-animated');
|
||||
}
|
||||
|
||||
if (node.shadowRoot) {
|
||||
node.shadowRoot.insertBefore(inner, node.shadowRoot.firstChild);
|
||||
} else {
|
||||
node.insertBefore(inner, node.firstChild);
|
||||
}
|
||||
|
||||
node._paperShadow = node._paperShadow || {};
|
||||
node._paperShadow[s] = inner;
|
||||
}.bind(this));
|
||||
|
||||
},
|
||||
|
||||
removeShadow: function(node) {
|
||||
if (!node._paperShadow) {
|
||||
return;
|
||||
}
|
||||
|
||||
['top', 'bottom'].forEach(function(s) {
|
||||
node._paperShadow[s].remove();
|
||||
});
|
||||
node._paperShadow = null;
|
||||
|
||||
node.style.position = null;
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</polymer-element>
|
|
@ -0,0 +1,45 @@
|
|||
<link rel="import" href="../bower_components/polymer/polymer.html">
|
||||
|
||||
<polymer-element name="core-cell" attributes="color background">
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
display: block;
|
||||
background: {{background}};
|
||||
padding: 3px;
|
||||
width: 2.5em;
|
||||
height: 2.5em;
|
||||
border-radius: 8px;
|
||||
font-size: 1em;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.cell{
|
||||
background: {{color}};
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
}
|
||||
</style>
|
||||
<div class="cell" layout horizontal center>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
Polymer('core-cell', {
|
||||
/* The background color of the cell
|
||||
*
|
||||
* @attribute background
|
||||
* @type string
|
||||
* @default 'whitesmoke'
|
||||
*/
|
||||
background: 'whitesmoke',
|
||||
/* The color of the cell
|
||||
*
|
||||
* @attribute color
|
||||
* @type string
|
||||
* @default 'whitesmoke'
|
||||
* */
|
||||
color: this.background
|
||||
});
|
||||
</script>
|
||||
</polymer-element>
|
|
@ -5,12 +5,18 @@
|
|||
<template>
|
||||
<div layout vertical center>
|
||||
<template repeat="{{row in rows}}">
|
||||
<grid-row cells="{{row.cells}}"></grid-row>
|
||||
<grid-row cells="{{row}}"></grid-row>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
Polymer('game-grid', {
|
||||
/* The array of rows of the grid
|
||||
*
|
||||
* @attribute rows
|
||||
* @type array
|
||||
* @default [[{}]] //(empty)
|
||||
*/
|
||||
rows: [[{}]]
|
||||
});
|
||||
</script>
|
||||
|
|
|
@ -1,34 +1,81 @@
|
|||
<link rel="import" href="../bower_components/polymer/polymer.html">
|
||||
<link rel="import" href="../bower_components/paper-ripple/paper-ripple.html">
|
||||
<link rel="import" href="core-cell.html">
|
||||
|
||||
<polymer-element name="grid-cell" attributes="color" touch-action="scroll">
|
||||
<polymer-element name="grid-cell" extends="core-cell" attributes="index selected">
|
||||
<template>
|
||||
<style>
|
||||
:host {
|
||||
display: block;
|
||||
position: relative;
|
||||
background: {{background}};
|
||||
padding: 10px;
|
||||
width: 3em;
|
||||
height: 3em;
|
||||
border-radius: 8px;
|
||||
font-size: 1rem;
|
||||
font-size: 1.2rem;
|
||||
font-weight: 300;
|
||||
}
|
||||
|
||||
.cell{
|
||||
background: {{color}};
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
border-radius: 50%;
|
||||
#ripple {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
color: {{rippleColor}};
|
||||
pointer-events: none;
|
||||
}
|
||||
</style>
|
||||
<div class="cell" layout horizontal center>
|
||||
</div>
|
||||
<!--Renders the core-cell template-->
|
||||
<shadow></shadow>
|
||||
<paper-ripple id="ripple" fit class="circle" opacityDecayVelocity="2.5"></paper-ripple>
|
||||
</template>
|
||||
<script>
|
||||
Polymer('grid-cell', {
|
||||
background: "whitesmoke",
|
||||
/*Makes default color same as background*/
|
||||
color: "whitesmoke"
|
||||
/* The cell index
|
||||
*
|
||||
* @attribute index
|
||||
* @type number
|
||||
* @default 0
|
||||
*/
|
||||
index: 0,
|
||||
/* If true, the button is indicated as selected
|
||||
*
|
||||
* @attibute selected
|
||||
* @type boolean
|
||||
* @default false
|
||||
*/
|
||||
selected: false,
|
||||
rippleColor: '#768789',
|
||||
eventDelegates: {
|
||||
down: 'downAction',
|
||||
tap: 'upAction',
|
||||
hold: 'upAction'
|
||||
},
|
||||
downAction: function(e) {
|
||||
this.$.ripple.downAction(e);
|
||||
},
|
||||
upAction: function(e) {
|
||||
this.$.ripple.upAction();
|
||||
this.selected = !this.selected;
|
||||
this.fire('selected', {color: this.color, id: this.index,
|
||||
selected: this.selected});
|
||||
},
|
||||
changeCellColor: function(color){
|
||||
this.background = color;
|
||||
if(this.color === 'whitesmoke' || this.color === '#768789'){
|
||||
this.color = color;
|
||||
}
|
||||
},
|
||||
selectedChanged: function() {
|
||||
if (this.selected) {
|
||||
this.changeCellColor('#768789');
|
||||
this.rippleColor = 'whitesmoke';
|
||||
} else {
|
||||
this.changeCellColor('whitesmoke');
|
||||
this.rippleColor = '#768789';
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</polymer-element>
|
|
@ -5,16 +5,21 @@
|
|||
<template>
|
||||
<div layout horizontal center>
|
||||
<template repeat="{{cell in cells}}">
|
||||
<div>
|
||||
<grid-cell color="{{cell.color}}"></grid-cell>
|
||||
</div>
|
||||
<grid-cell color="{{cell.color}}" index="{{cell.id}}" selected="{{cell.selected}}"></grid-cell>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
Polymer('grid-row', {
|
||||
//If nothing is passed, line will be all blank
|
||||
cells: [{color: 'whitesmoke'}]
|
||||
publish: {
|
||||
/*The cells of a row
|
||||
*
|
||||
* @attribute cells
|
||||
* @type array
|
||||
* @default [{color: 'whitesmoke', x: 0, y:0, selected: false}]
|
||||
*/
|
||||
cells: [{color: 'whitesmoke', x: 0, y:0, selected: false}]
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</polymer-element>
|
|
@ -0,0 +1,29 @@
|
|||
<link rel="import" href="../bower_components/polymer/polymer.html">
|
||||
<link rel="import" href="core-cell.html">
|
||||
|
||||
<polymer-element name="next-colors-bar" attributes="colors">
|
||||
<template>
|
||||
<style>
|
||||
h1{
|
||||
padding-right: 3px;
|
||||
}
|
||||
</style>
|
||||
<div layout horizontal center>
|
||||
<h1>Next Colors:</h1>
|
||||
<template repeat="{{color in colors}}">
|
||||
<core-cell color="{{color}}"></core-cell>
|
||||
</template>
|
||||
</div>
|
||||
</template>
|
||||
<script>
|
||||
Polymer('next-colors-bar',{
|
||||
/* Colors of the bar
|
||||
*
|
||||
* @attribute colors
|
||||
* @type array
|
||||
* @default ['whitesmoke']
|
||||
*/
|
||||
colors: ['whitesmoke']
|
||||
});
|
||||
</script>
|
||||
</polymer-element>
|
|
@ -1,4 +1,13 @@
|
|||
.center{
|
||||
display: table;
|
||||
margin: auto auto;
|
||||
}
|
||||
|
||||
ion-content{
|
||||
background: url(../img/blurred7.jpg);
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
game-grid{
|
||||
padding-bottom: 15px;
|
||||
}
|
Binary file not shown.
After Width: | Height: | Size: 601 KiB |
16
index.html
16
index.html
|
@ -6,18 +6,20 @@
|
|||
<!-- WARNING: for iOS 7, remove the width=device-width and height=device-height attributes. See https://issues.apache.org/jira/browse/CB-4323 -->
|
||||
<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height" />
|
||||
<meta name="msapplication-tap-highlight" content="no" />
|
||||
|
||||
|
||||
<link href="ionic/css/ionic.css" rel="stylesheet">
|
||||
<link href="css/style.css" rel="stylesheet">
|
||||
<script src="ionic/js/ionic.bundle.js"></script>
|
||||
<script src="bower_components/platform/platform.js"></script>
|
||||
<link rel="import" href="components/grid-cell.html">
|
||||
<link rel="import" href="components/grid-row.html">
|
||||
<link rel="import" href="components/game-grid.html">
|
||||
|
||||
<link rel="import" href="components/next-colors-bar.html">
|
||||
|
||||
<script src="cordova.js"></script>
|
||||
|
||||
<script src="js/app.js"></script>
|
||||
<script src="js/factories/grid.js"></script>
|
||||
<script src="js/factories/colors.js"></script>
|
||||
<script src="js/gameCtrl.js"></script>
|
||||
<title>5+</title>
|
||||
</head>
|
||||
<body>
|
||||
|
@ -25,8 +27,10 @@
|
|||
<ion-header-bar class="bar-stable">
|
||||
<h1 class="title">5+</h1>
|
||||
</ion-header-bar>
|
||||
<ion-content class="padding" ng-controller="GridCtrl">
|
||||
<game-grid class="center" rows="{{getRandomGrid()}}"></game-grid>
|
||||
<ion-content class="padding" ng-controller="GameCtrl">
|
||||
<next-colors-bar></next-colors-bar>
|
||||
<h2>Score: {{score}}</h2>
|
||||
<game-grid class="center"></game-grid>
|
||||
</ion-content>
|
||||
</ion-pane>
|
||||
</body>
|
||||
|
|
35
js/app.js
35
js/app.js
|
@ -1,34 +1 @@
|
|||
var fom = angular.module('5+', ['ionic']);
|
||||
|
||||
fom.controller('GridCtrl', function($scope) {
|
||||
var white = "whitesmoke";
|
||||
var red = "#ef4e3a";
|
||||
var blue = "#4a87ee";
|
||||
var green = "#66cc33";
|
||||
var yellow = "#f0b840";
|
||||
var purple = "#8a6de9";
|
||||
var colors = [white, red, blue, green, yellow, purple];
|
||||
var gridSize = 9;
|
||||
|
||||
function getRandomColor() {
|
||||
var index = Math.floor((Math.random() * 6));
|
||||
return {color: colors[index]};
|
||||
}
|
||||
|
||||
function getRandomRow() {
|
||||
var row = [];
|
||||
for (var i = 0; i < gridSize; i++) {
|
||||
row.push(getRandomColor());
|
||||
}
|
||||
return row;
|
||||
}
|
||||
|
||||
$scope.getRandomGrid = function() {
|
||||
//return [[{}]];
|
||||
var grid = [];
|
||||
for(var i=0; i< gridSize; i++){
|
||||
grid.push({cells: getRandomRow()});
|
||||
}
|
||||
return grid;
|
||||
};
|
||||
});
|
||||
var fom = angular.module('5+', ['ionic']);
|
|
@ -0,0 +1,22 @@
|
|||
fom.factory('Colors', function(){
|
||||
//Colors
|
||||
var blank = "whitesmoke";
|
||||
var red = "#ef4e3a";
|
||||
var blue = "#4a87ee";
|
||||
var green = "#66cc33";
|
||||
var yellow = "#f0b840";
|
||||
var purple = "#8a6de9";
|
||||
var colors = [blank, red, blue, green, yellow, purple];
|
||||
|
||||
return{
|
||||
all: function(){
|
||||
return colors;
|
||||
},
|
||||
getByPosition: function(position){
|
||||
return colors[position];
|
||||
},
|
||||
getBlank: function(){
|
||||
return blank;
|
||||
}
|
||||
};
|
||||
});
|
|
@ -0,0 +1,74 @@
|
|||
fom.factory('Grid', function(Colors) {
|
||||
|
||||
//Grid size and grid
|
||||
var gridSize;
|
||||
var grid;
|
||||
var blankCells;
|
||||
|
||||
return {
|
||||
getGrid: function() {
|
||||
return grid;
|
||||
},
|
||||
setGrid: function(newGrid) {
|
||||
grid = newGrid;
|
||||
},
|
||||
getGridSize: function() {
|
||||
return gridSize;
|
||||
},
|
||||
setGridSize: function(newGridSize) {
|
||||
gridSize = newGridSize;
|
||||
},
|
||||
initializeGrid: function() {
|
||||
initializeGrid();
|
||||
},
|
||||
getCell: function(x, y) {
|
||||
return grid[x][y];
|
||||
},
|
||||
addColorToCell: function(color, cell) {
|
||||
addColorToCell(color, cell);
|
||||
if(color !== Colors.getBlank()){
|
||||
blankCells--;
|
||||
}
|
||||
},
|
||||
changeColorCell: function(cellA, cellB){
|
||||
var color = cellB.color;
|
||||
addColorToCell(cellA.color, cellB);
|
||||
addColorToCell(color, cellA);
|
||||
},
|
||||
getBlankCells: function() {
|
||||
return blankCells;
|
||||
},
|
||||
removeCell: function(cell) {
|
||||
addColorToCell(Colors.getBlank(), cell);
|
||||
blankCells++;
|
||||
}
|
||||
};
|
||||
|
||||
function createCell(id) {
|
||||
return {id: id, color: 'whitesmoke', selected: false};
|
||||
}
|
||||
|
||||
function createRow(id) {
|
||||
var row = [];
|
||||
for (var i = 0; i < gridSize; i++) {
|
||||
row.push(createCell(i + (id * gridSize)));
|
||||
blankCells++;
|
||||
}
|
||||
return row;
|
||||
}
|
||||
|
||||
function initializeGrid() {
|
||||
grid = [];
|
||||
blankCells = 0;
|
||||
for (var i = 0; i < gridSize; i++) {
|
||||
grid.push(createRow(i));
|
||||
}
|
||||
}
|
||||
|
||||
function addColorToCell(color, cell) {
|
||||
var x = Math.floor(cell.id / gridSize);
|
||||
var y = cell.id % gridSize;
|
||||
grid[x][y].color = color;
|
||||
}
|
||||
|
||||
});
|
|
@ -0,0 +1,117 @@
|
|||
fom.controller('GameCtrl', function($scope, Grid, Colors) {
|
||||
|
||||
var nextColors;
|
||||
var numberOfColors;
|
||||
var cellsSelected = [];
|
||||
$scope.score = 0;
|
||||
initializeGame();
|
||||
|
||||
function initializeGame() {
|
||||
Grid.setGridSize(9); //later I'll do it setting the difficulty of the match
|
||||
numberOfColors = 3;
|
||||
Grid.initializeGrid();
|
||||
drawNextColors();
|
||||
addNextColorsToGrid();
|
||||
document.querySelector('game-grid').rows = Grid.getGrid();
|
||||
}
|
||||
|
||||
/*
|
||||
* raffle next colors
|
||||
*/
|
||||
function drawNextColors() {
|
||||
nextColors = [];
|
||||
for (var i = 0; i < numberOfColors; i++) {
|
||||
nextColors.push(getRandomColor());
|
||||
}
|
||||
document.querySelector('next-colors-bar').colors = nextColors;
|
||||
}
|
||||
|
||||
function addNextColorsToGrid() {
|
||||
for (var i = 0; i < numberOfColors; i++) {
|
||||
var cell = getRandomBlankCell();
|
||||
Grid.addColorToCell(nextColors[i], cell);
|
||||
}
|
||||
drawNextColors();
|
||||
}
|
||||
|
||||
function getRandomColor() {
|
||||
var index = Math.floor((Math.random() * 5)) + 1;
|
||||
return Colors.getByPosition(index);
|
||||
}
|
||||
|
||||
function getRandomBlankCell() {
|
||||
do {
|
||||
var l = Math.floor(Math.random() * Grid.getGridSize());
|
||||
var c = Math.floor(Math.random() * Grid.getGridSize());
|
||||
} while (Grid.getCell(l, c).color !== Colors.getBlank());
|
||||
return Grid.getCell(l,c);
|
||||
}
|
||||
|
||||
function validateSelection(cell) {
|
||||
if (cell.selected === true) {
|
||||
if (cellsSelected.length === 1) {
|
||||
if (cell.color !== Colors.getBlank()) {
|
||||
unselect(cell);
|
||||
return;
|
||||
}
|
||||
} else {
|
||||
if (cell.color === Colors.getBlank()) {
|
||||
unselect(cell);
|
||||
return;
|
||||
}
|
||||
}
|
||||
cellsSelected.push(cell);
|
||||
} else {
|
||||
cellsSelected = [];
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
function validateMove() {
|
||||
if (cellsSelected.length === 2) {
|
||||
//if there is a way
|
||||
return true;
|
||||
}
|
||||
return false;
|
||||
}
|
||||
|
||||
function moveCells() {
|
||||
var coloredCell = cellsSelected[0];
|
||||
var blankCell = cellsSelected[1];
|
||||
Grid.changeColorCell(coloredCell, blankCell);
|
||||
|
||||
for (var c in cellsSelected) {
|
||||
unselect(cellsSelected[c]);
|
||||
}
|
||||
cellsSelected = [];
|
||||
}
|
||||
|
||||
function validateGame() {
|
||||
console.log(Grid.getBlankCells());
|
||||
if(Grid.getBlankCells() <= 3){
|
||||
console.log('game over');
|
||||
}
|
||||
}
|
||||
|
||||
function unselect(cell) {
|
||||
Grid.getCell(getCellX(cell), getCellY(cell)).selected = false;
|
||||
}
|
||||
|
||||
function getCellX(cell) {
|
||||
return Math.floor(cell.id / Grid.getGridSize());
|
||||
}
|
||||
|
||||
function getCellY(cell) {
|
||||
return cell.id % Grid.getGridSize();
|
||||
}
|
||||
|
||||
document.querySelector('game-grid').addEventListener('selected', function(e) {
|
||||
document.querySelector('game-grid').rows = Grid.getGrid();
|
||||
validateSelection(e.detail);
|
||||
if (validateMove()) {
|
||||
moveCells();
|
||||
validateGame();
|
||||
addNextColorsToGrid();
|
||||
}
|
||||
});
|
||||
});
|
Loading…
Reference in New Issue