Added Polymer
This commit is contained in:
18
rpg-docs/public/bower_components/core-pages/.bower.json
vendored
Normal file
18
rpg-docs/public/bower_components/core-pages/.bower.json
vendored
Normal file
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"name": "core-pages",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-selector": "Polymer/core-selector#^0.5.0"
|
||||
},
|
||||
"version": "0.5.1",
|
||||
"homepage": "https://github.com/Polymer/core-pages",
|
||||
"_release": "0.5.1",
|
||||
"_resolution": {
|
||||
"type": "version",
|
||||
"tag": "0.5.1",
|
||||
"commit": "edc04342a35e6783137410cfae2008a12d4ae125"
|
||||
},
|
||||
"_source": "git://github.com/Polymer/core-pages.git",
|
||||
"_target": "^0.5.0",
|
||||
"_originalSource": "Polymer/core-pages"
|
||||
}
|
||||
4
rpg-docs/public/bower_components/core-pages/README.md
vendored
Normal file
4
rpg-docs/public/bower_components/core-pages/README.md
vendored
Normal file
@@ -0,0 +1,4 @@
|
||||
core-pages
|
||||
==========
|
||||
|
||||
See the [component page](http://polymer-project.org/docs/elements/core-elements.html#core-pages) for more information.
|
||||
8
rpg-docs/public/bower_components/core-pages/bower.json
vendored
Normal file
8
rpg-docs/public/bower_components/core-pages/bower.json
vendored
Normal file
@@ -0,0 +1,8 @@
|
||||
{
|
||||
"name": "core-pages",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"core-selector": "Polymer/core-selector#^0.5.0"
|
||||
},
|
||||
"version": "0.5.1"
|
||||
}
|
||||
30
rpg-docs/public/bower_components/core-pages/core-pages.css
vendored
Normal file
30
rpg-docs/public/bower_components/core-pages/core-pages.css
vendored
Normal file
@@ -0,0 +1,30 @@
|
||||
/*
|
||||
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
|
||||
*/
|
||||
|
||||
:host {
|
||||
display: block;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
polyfill-next-selector { content: ':host > *'; }
|
||||
::content > * {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
visibility: hidden;
|
||||
z-index: -1000;
|
||||
}
|
||||
|
||||
polyfill-next-selector { content: ':host > .core-selected'; }
|
||||
::content > .core-selected {
|
||||
visibility: visible;
|
||||
z-index: auto;
|
||||
}
|
||||
44
rpg-docs/public/bower_components/core-pages/core-pages.html
vendored
Normal file
44
rpg-docs/public/bower_components/core-pages/core-pages.html
vendored
Normal file
@@ -0,0 +1,44 @@
|
||||
<!--
|
||||
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-pages` is used to select one of its children to show. One use is to cycle through a list of children "pages".
|
||||
|
||||
Example:
|
||||
|
||||
<core-pages selected="0">
|
||||
<div>One</div>
|
||||
<div>Two</div>
|
||||
<div>Three</div>
|
||||
</core-pages>
|
||||
|
||||
<script>
|
||||
document.addEventListener('click', function(e) {
|
||||
var pages = document.querySelector('core-pages');
|
||||
pages.selected = (pages.selected + 1) % pages.children.length;
|
||||
});
|
||||
</script>
|
||||
|
||||
@group Polymer Core Elements
|
||||
@class core-pages
|
||||
@extends core-selector
|
||||
-->
|
||||
|
||||
<link rel="import" href="../polymer/polymer.html">
|
||||
<link rel="import" href="../core-selector/core-selector.html">
|
||||
|
||||
<polymer-element name="core-pages" extends="core-selector" selected="0" notap noscript>
|
||||
<template>
|
||||
|
||||
<link rel="stylesheet" href="core-pages.css">
|
||||
|
||||
<shadow></shadow>
|
||||
|
||||
</template>
|
||||
</polymer-element>
|
||||
136
rpg-docs/public/bower_components/core-pages/demo.html
vendored
Normal file
136
rpg-docs/public/bower_components/core-pages/demo.html
vendored
Normal file
@@ -0,0 +1,136 @@
|
||||
<!--
|
||||
@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
|
||||
-->
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
||||
|
||||
<title>core-pages</title>
|
||||
|
||||
<script src="../webcomponentsjs/webcomponents.js"></script>
|
||||
|
||||
<link rel="import" href="core-pages.html">
|
||||
|
||||
<style>
|
||||
|
||||
html, body {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: sans-serif;
|
||||
}
|
||||
|
||||
core-pages {
|
||||
width: 300px;
|
||||
height: 300px;
|
||||
border: 1px solid black;
|
||||
-webkit-user-select: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
core-pages > div {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
border-radius: inherit;
|
||||
}
|
||||
|
||||
core-pages.fancy {
|
||||
border: none;
|
||||
margin-left: 2em;
|
||||
}
|
||||
|
||||
core-pages.fancy > div {
|
||||
opacity: 0;
|
||||
-webkit-transform: translate3d(-100px, 0, 0) scale(0.9);
|
||||
transform: translate3d(-100px, 0, 0) scale(0.9);
|
||||
transition: all 1s cubic-bezier(.03,.56,.7,.98);
|
||||
color: white;
|
||||
}
|
||||
|
||||
core-pages.fancy > .one {
|
||||
background-color: red;
|
||||
}
|
||||
|
||||
core-pages.fancy > .two {
|
||||
background-color: green;
|
||||
}
|
||||
|
||||
core-pages.fancy > .three {
|
||||
background-color: blue;
|
||||
}
|
||||
|
||||
core-pages.fancy > .four {
|
||||
background-color: purple;
|
||||
}
|
||||
|
||||
core-pages.fancy > .five {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
core-pages.fancy .core-selected + div {
|
||||
-webkit-transform: translate3d(100px, 0, 0) scale(0.9);
|
||||
transform: translate3d(100px, 0, 0) scale(1);
|
||||
}
|
||||
|
||||
core-pages.fancy .core-selected {
|
||||
opacity: 1;
|
||||
-webkit-transform: translateX(0);
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
core-pages.fancy div.begin {
|
||||
-webkit-transform: translate3d(100px, 0, 0) scale(0.9);
|
||||
transform: translate3d(100px, 0, 0) scale(0.9);
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body unresolved fullbleed horizontal center center-justified layout>
|
||||
|
||||
<core-pages id="first" selected="0">
|
||||
<div>One</div>
|
||||
<div>Two</div>
|
||||
<div>Three</div>
|
||||
<div>Four</div>
|
||||
<div>Five</div>
|
||||
</core-pages>
|
||||
|
||||
<core-pages class="fancy" selected="0">
|
||||
<div class="one">One</div>
|
||||
<div class="two">Two</div>
|
||||
<div class="three">Three</div>
|
||||
<div class="four">Four</div>
|
||||
<div class="five">Five</div>
|
||||
</core-pages>
|
||||
|
||||
<script>
|
||||
document.querySelector('#first').onclick = function(e) {
|
||||
this.selected = (this.selected + 1) % this.items.length;
|
||||
};
|
||||
|
||||
document.querySelector('core-pages.fancy').onclick = function(e) {
|
||||
this.selected = (this.selected + 1) % this.items.length;
|
||||
this.async(function() {
|
||||
if (this.selectedIndex == 0) {
|
||||
this.selectedItem.classList.remove('begin');
|
||||
} else if (this.selectedIndex == this.items.length - 1) {
|
||||
this.items[0].classList.add('begin');
|
||||
}
|
||||
});
|
||||
};
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
22
rpg-docs/public/bower_components/core-pages/index.html
vendored
Normal file
22
rpg-docs/public/bower_components/core-pages/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>
|
||||
25
rpg-docs/public/bower_components/core-pages/metadata.html
vendored
Normal file
25
rpg-docs/public/bower_components/core-pages/metadata.html
vendored
Normal file
@@ -0,0 +1,25 @@
|
||||
<!--
|
||||
@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="core-pages" label="Pages" group="Core" isContainer>
|
||||
|
||||
<template>
|
||||
<core-pages style="width: 400px; height: 400px; border: 1px solid silver;">
|
||||
<section>Page One</section>
|
||||
<section>Page Two</section>
|
||||
</core-pages>
|
||||
</template>
|
||||
|
||||
<template id="imports">
|
||||
<link rel="import" href="core-pages.html">
|
||||
</template>
|
||||
|
||||
</x-meta>
|
||||
|
||||
<x-meta id="section" isContainer isHidden></x-meta>
|
||||
Reference in New Issue
Block a user