Added Polymer
This commit is contained in:
Thaum
25
rpg-docs/public/bower_components/paper-item/.bower.json
vendored
Normal file
25
rpg-docs/public/bower_components/paper-item/.bower.json
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
{
|
||||
"name": "paper-item",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#^0.5.0",
|
||||
"core-icon": "Polymer/core-icon#^0.5.0",
|
||||
"core-icons": "Polymer/core-icons#^0.5.0",
|
||||
"core-selector": "Polymer/core-selector#^0.5.0",
|
||||
"font-roboto": "Polymer/font-roboto#^0.5.0",
|
||||
"paper-button": "Polymer/paper-button#^0.5.0",
|
||||
"paper-ripple": "Polymer/paper-ripple#^0.5.0",
|
||||
"paper-shadow": "Polymer/paper-shadow#^0.5.0"
|
||||
},
|
||||
"version": "0.5.1",
|
||||
"homepage": "https://github.com/Polymer/paper-item",
|
||||
"_release": "0.5.1",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.5.1",
|
||||
"commit": "c285f77d93724132ee2dfceb3c6815f137fa96a6"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/paper-item.git",
|
||||
"_target": "^0.5.0",
|
||||
"_originalSource": "Polymer/paper-item"
|
||||
}
|
||||
4
rpg-docs/public/bower_components/paper-item/README.md
vendored
Normal file
4
rpg-docs/public/bower_components/paper-item/README.md
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
paper-item
|
||||
=========
|
||||
|
||||
See the [component page](http://polymer-project.org/docs/elements/paper-elements.html#paper-item) for more information.
|
||||
15
rpg-docs/public/bower_components/paper-item/bower.json
vendored
Normal file
15
rpg-docs/public/bower_components/paper-item/bower.json
vendored
Normal file
@@ -0,0 +1,15 @@
|
||||
{
|
||||
"name": "paper-item",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"polymer": "Polymer/polymer#^0.5.0",
|
||||
"core-icon": "Polymer/core-icon#^0.5.0",
|
||||
"core-icons": "Polymer/core-icons#^0.5.0",
|
||||
"core-selector": "Polymer/core-selector#^0.5.0",
|
||||
"font-roboto": "Polymer/font-roboto#^0.5.0",
|
||||
"paper-button": "Polymer/paper-button#^0.5.0",
|
||||
"paper-ripple": "Polymer/paper-ripple#^0.5.0",
|
||||
"paper-shadow": "Polymer/paper-shadow#^0.5.0"
|
||||
},
|
||||
"version": "0.5.1"
|
||||
}
|
||||
105
rpg-docs/public/bower_components/paper-item/demo.html
vendored
Normal file
105
rpg-docs/public/bower_components/paper-item/demo.html
vendored
Normal file
@@ -0,0 +1,105 @@
|
||||
<!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>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
<meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, user-scalable=yes">
|
||||
|
||||
<title>paper-item</title>
|
||||
|
||||
<script src="../webcomponentsjs/webcomponents.js"></script>
|
||||
|
||||
<link href="../font-roboto/roboto.html" rel="import">
|
||||
<link href="../core-icon/core-icon.html" rel="import">
|
||||
<link href="../core-icons/core-icons.html" rel="import">
|
||||
<link href="../core-selector/core-selector.html" rel="import">
|
||||
<link href="../paper-shadow/paper-shadow.html" rel="import">
|
||||
|
||||
<link href="paper-item.html" rel="import">
|
||||
|
||||
<style shim-shadowdom>
|
||||
body {
|
||||
font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial;
|
||||
font-size: 14px;
|
||||
margin: 0;
|
||||
padding: 24px;
|
||||
-webkit-tap-highlight-color: rgba(0,0,0,0);
|
||||
-webkit-touch-callout: none;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
section > div {
|
||||
padding: 14px;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
html /deep/ paper-shadow {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
core-icon {
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<section>
|
||||
|
||||
<div>Default</div>
|
||||
|
||||
<paper-shadow style="max-width: 10.5em;">
|
||||
<paper-item>Item</paper-item>
|
||||
<paper-item disabled>Disabled</paper-item>
|
||||
<paper-item noink><a href="http://www.polymer-project.org" layout horizontal center>Link</a></paper-item>
|
||||
<paper-item>Long items wrap by default</paper-item>
|
||||
</paper-shadow>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div>In a core-selector</div>
|
||||
|
||||
<paper-shadow>
|
||||
<core-selector selected="1" selectedAttribute="">
|
||||
<paper-item>Item 1</paper-item>
|
||||
<paper-item>Item 2</paper-item>
|
||||
<paper-item>Item 3</paper-item>
|
||||
</core-selector>
|
||||
</paper-shadow>
|
||||
|
||||
</section>
|
||||
|
||||
<section>
|
||||
|
||||
<div>Custom Content</div>
|
||||
|
||||
<paper-shadow>
|
||||
<paper-item>
|
||||
<core-icon icon="content-cut"></core-icon>
|
||||
Cut
|
||||
</paper-item>
|
||||
<paper-item>
|
||||
<core-icon icon="content-copy"></core-icon>
|
||||
Copy
|
||||
</paper-item>
|
||||
<paper-item>
|
||||
<core-icon icon="content-paste"></core-icon>
|
||||
Paste
|
||||
</paper-item>
|
||||
</paper-shadow>
|
||||
|
||||
</section>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
22
rpg-docs/public/bower_components/paper-item/index.html
vendored
Normal file
22
rpg-docs/public/bower_components/paper-item/index.html
vendored
Normal file
@@ -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="../webcomponentsjs/webcomponents.js"></script>
|
||||
<link rel="import" href="../core-component-page/core-component-page.html">
|
||||
|
||||
</head>
|
||||
<body unresolved>
|
||||
|
||||
<core-component-page></core-component-page>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
23
rpg-docs/public/bower_components/paper-item/metadata.html
vendored
Normal file
23
rpg-docs/public/bower_components/paper-item/metadata.html
vendored
Normal file
@@ -0,0 +1,23 @@
|
||||
<!--
|
||||
@license
|
||||
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
|
||||
-->
|
||||
<x-meta id="paper-item" label="Item" group="Paper">
|
||||
|
||||
<template>
|
||||
|
||||
<paper-item icon="settings" label="Item"></paper-item>
|
||||
|
||||
</template>
|
||||
|
||||
<template id="imports">
|
||||
<link rel="import" href="../core-icons/core-icons.html">
|
||||
<link rel="import" href="paper-item.html">
|
||||
</template>
|
||||
|
||||
</x-meta>
|
||||
147
rpg-docs/public/bower_components/paper-item/paper-item.html
vendored
Normal file
147
rpg-docs/public/bower_components/paper-item/paper-item.html
vendored
Normal file
@@ -0,0 +1,147 @@
|
||||
<!--
|
||||
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
|
||||
-->
|
||||
|
||||
<!--
|
||||
|
||||
Material Design: <a href="http://www.google.com/design/spec/components/menus.html">Menus</a>
|
||||
|
||||
`paper-item` is a simple item object for use in menus. When the user touches the item, a ripple
|
||||
effect emanates from the point of contact. If used in a `core-selector`, the selected item will
|
||||
be highlighted.
|
||||
|
||||
Example:
|
||||
|
||||
<core-menu>
|
||||
<paper-item>Cut</paper-item>
|
||||
<paper-item>Copy</paper-item>
|
||||
<paper-item>Paste</paper-item>
|
||||
</core-menu>
|
||||
|
||||
Links
|
||||
-----
|
||||
|
||||
To use as a link, put an `<a>` element in the item. You may also use the `noink` attribute to
|
||||
prevent the ripple from "freezing" during a page navigation.
|
||||
|
||||
Example:
|
||||
|
||||
<paper-item noink>
|
||||
<a href="http://www.polymer-project.org" layout horizontal center>Polymer</a>
|
||||
</paper-item>
|
||||
|
||||
@group Paper Elements
|
||||
@element paper-item
|
||||
@extends paper-button-base
|
||||
@status unstable
|
||||
-->
|
||||
|
||||
<link href="../polymer/polymer.html" rel="import">
|
||||
<link href="../paper-button/paper-button-base.html" rel="import">
|
||||
<link href="../paper-ripple/paper-ripple.html" rel="import">
|
||||
|
||||
<polymer-element name="paper-item" extends="paper-button-base">
|
||||
|
||||
<template>
|
||||
|
||||
<style>
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
box-sizing: border-box;
|
||||
min-width: 7em;
|
||||
outline: none;
|
||||
-moz-user-select: none;
|
||||
-ms-user-select: none;
|
||||
-webkit-user-select: none;
|
||||
user-select: none;
|
||||
cursor: pointer;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
:host([disabled]) {
|
||||
color: #a8a8a8;
|
||||
cursor: auto;
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
:host(.core-selected) {
|
||||
background-color: #eaeaea;
|
||||
}
|
||||
|
||||
#ripple {
|
||||
pointer-events: none;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
.button-content {
|
||||
height: 100%;
|
||||
padding: 0.9em 1em;
|
||||
}
|
||||
|
||||
polyfill-next-selector { content: '.button-content > a'; }
|
||||
::content > a {
|
||||
height: 100%;
|
||||
/* flex */
|
||||
-ms-flex: 1 1 0.000000001px;
|
||||
-webkit-flex: 1;
|
||||
flex: 1;
|
||||
-webkit-flex-basis: 0.000000001px;
|
||||
flex-basis: 0.000000001px;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<!-- this div is needed to position the ripple behind text content -->
|
||||
<div class="button-content" relative layout horizontal center>
|
||||
<content></content>
|
||||
</div>
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
Polymer({
|
||||
|
||||
publish: {
|
||||
|
||||
/**
|
||||
* If true, the button will be styled with a shadow.
|
||||
*
|
||||
* @attribute raised
|
||||
* @type boolean
|
||||
* @default false
|
||||
*/
|
||||
raised: false,
|
||||
|
||||
/**
|
||||
* By default the ripple emanates from where the user touched the button.
|
||||
* Set this to true to always center the ripple.
|
||||
*
|
||||
* @attribute recenteringTouch
|
||||
* @type boolean
|
||||
* @default false
|
||||
*/
|
||||
recenteringTouch: false,
|
||||
|
||||
/**
|
||||
* By default the ripple expands to fill the button. Set this to false to
|
||||
* constrain the ripple to a circle within the button.
|
||||
*
|
||||
* @attribute fill
|
||||
* @type boolean
|
||||
* @default true
|
||||
*/
|
||||
fill: true
|
||||
|
||||
}
|
||||
|
||||
});
|
||||
</script>
|
||||
</polymer-element>
|
||||
Reference in New Issue
Block a user