diff options
Diffstat (limited to 'third_party/polymer/components/paper-radio-button')
8 files changed, 0 insertions, 371 deletions
diff --git a/third_party/polymer/components/paper-radio-button/.bower.json b/third_party/polymer/components/paper-radio-button/.bower.json deleted file mode 100644 index c4afd55..0000000 --- a/third_party/polymer/components/paper-radio-button/.bower.json +++ /dev/null @@ -1,18 +0,0 @@ -{ - "name": "paper-radio-button", - "private": true, - "dependencies": { - "paper-ripple": "Polymer/paper-ripple#>=0.3.0 <1.0.0" - }, - "homepage": "https://github.com/Polymer/paper-radio-button", - "version": "0.3.5", - "_release": "0.3.5", - "_resolution": { - "type": "version", - "tag": "0.3.5", - "commit": "bc1a5899421351b4c4a5d3b1296951c09de5cca8" - }, - "_source": "git://github.com/Polymer/paper-radio-button.git", - "_target": "0.3.5", - "_originalSource": "Polymer/paper-radio-button" -}
\ No newline at end of file diff --git a/third_party/polymer/components/paper-radio-button/README.md b/third_party/polymer/components/paper-radio-button/README.md deleted file mode 100644 index 79b1009c..0000000 --- a/third_party/polymer/components/paper-radio-button/README.md +++ /dev/null @@ -1,4 +0,0 @@ -paper-radio-button -=================== - -See the [component page](http://www.polymer-project.org/docs/elements/paper-elements.html#paper-radio-button) for more information. diff --git a/third_party/polymer/components/paper-radio-button/bower.json b/third_party/polymer/components/paper-radio-button/bower.json deleted file mode 100644 index 0aaca42..0000000 --- a/third_party/polymer/components/paper-radio-button/bower.json +++ /dev/null @@ -1,7 +0,0 @@ -{ - "name": "paper-radio-button", - "private": true, - "dependencies": { - "paper-ripple": "Polymer/paper-ripple#>=0.3.0 <1.0.0" - } -}
\ No newline at end of file diff --git a/third_party/polymer/components/paper-radio-button/demo.html b/third_party/polymer/components/paper-radio-button/demo.html deleted file mode 100644 index 837a88e..0000000 --- a/third_party/polymer/components/paper-radio-button/demo.html +++ /dev/null @@ -1,66 +0,0 @@ -<!doctype html> -<html> -<head> - <title>paper-radio-button</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="paper-radio-button.html"> - - <style shim-shadowdom> - - body { - font-family: RobotoDraft, 'Helvetica Neue', Helvetica, Arial; - margin: 0; - -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; - } - - .label { - height: 40px; - color: #4285f4; - font-size: 20px; - } - - section, paper-radio-button { - padding: 20px; - } - - paper-radio-button.blue::shadow #ink[checked] { - color: #4285f4; - } - - paper-radio-button.blue::shadow #onRadio { - background-color: #4285f4; - } - - </style> - -</head> -<body unresolved> - - <section> - <div class="label">Radio button</div> - <paper-radio-button></paper-radio-button> - </section> - - <section> - <div class="label">Radio button (toggles)</div> - <paper-radio-button toggles></paper-radio-button> - </section> - - <section> - <div class="label">Radio button (toggles, Blue)</div> - <paper-radio-button class="blue" toggles></paper-radio-button> - </section> - -</body> -</html> diff --git a/third_party/polymer/components/paper-radio-button/index.html b/third_party/polymer/components/paper-radio-button/index.html deleted file mode 100644 index 58856f3..0000000 --- a/third_party/polymer/components/paper-radio-button/index.html +++ /dev/null @@ -1,22 +0,0 @@ -<!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> diff --git a/third_party/polymer/components/paper-radio-button/metadata.html b/third_party/polymer/components/paper-radio-button/metadata.html deleted file mode 100644 index 4c92b3e..0000000 --- a/third_party/polymer/components/paper-radio-button/metadata.html +++ /dev/null @@ -1,8 +0,0 @@ -<x-meta id="paper-radio-button" label="Radio Button" group="Paper"> - <template> - <paper-radio-button label="Radio Button"></paper-radio-button><br> - </template> - <template id="imports"> - <link rel="import" href="paper-radio-button.html"> - </template> -</x-meta> diff --git a/third_party/polymer/components/paper-radio-button/paper-radio-button.css b/third_party/polymer/components/paper-radio-button/paper-radio-button.css deleted file mode 100644 index 9f91f08..0000000 --- a/third_party/polymer/components/paper-radio-button/paper-radio-button.css +++ /dev/null @@ -1,98 +0,0 @@ -/* -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: inline-block; - white-space: nowrap; -} - -:host(:focus) { - outline: none; -} - -#radioContainer { - position: relative; - width: 16px; - height: 16px; - cursor: pointer; -} - -#radioContainer.labeled { - display: inline-block; - vertical-align: middle; -} - -#ink { - position: absolute; - top: -16px; - left: -16px; - width: 48px; - height: 48px; - color: #5a5a5a; -} - -#ink[checked] { - color: #0f9d58; -} - -#offRadio { - position: absolute; - top: 0px; - left: 0px; - width: 12px; - height: 12px; - border-radius: 50%; - border: solid 2px; - border-color: #5a5a5a; -} - -#onRadio { - position: absolute; - top: 0; - left: 0; - width: 16px; - height: 16px; - border-radius: 50%; - background-color: #0f9d58; - -webkit-transform: scale(0); - transform: scale(0); - transition: -webkit-transform ease 0.28s; - transition: transform ease 0.28s; -} - -#onRadio.fill { - -webkit-transform: scale(1.1); - transform: scale(1.1); -} - -#radioLabel { - position: relative; - display: inline-block; - vertical-align: middle; - margin-left: 10px; - white-space: normal; - pointer-events: none; -} - -#radioLabel[hidden] { - display: none; -} - -/* disabled state */ -:host([disabled]) { - pointer-events: none; -} - -:host([disabled]) #offRadio { - border-color: #eaeaea !important; -} - -:host([disabled]) #onRadio { - background-color: #eaeaea !important; -} diff --git a/third_party/polymer/components/paper-radio-button/paper-radio-button.html b/third_party/polymer/components/paper-radio-button/paper-radio-button.html deleted file mode 100644 index 9ececf9..0000000 --- a/third_party/polymer/components/paper-radio-button/paper-radio-button.html +++ /dev/null @@ -1,148 +0,0 @@ -<!-- -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-radio-button` is a button that can be either checked or unchecked. -User can tap the radio button to check it. But it cannot be unchecked by -tapping once checked. - -Use `paper-radio-group` to group a set of radio buttons. When radio buttons -are inside a radio group, only one radio button in the group can be checked. - -Example: - - <paper-radio-button></paper-radio-button> - -Styling radio button: - -To change the ink color for checked state: - - paper-radio-button::shadow #ink[checked] { - color: #4285f4; - } - -To change the radio checked color: - - paper-radio-button::shadow #onRadio { - background-color: #4285f4; - } - -To change the ink color for unchecked state: - - paper-radio-button::shadow #ink { - color: #b5b5b5; - } - -To change the radio unchecked color: - - paper-radio-button::shadow #offRadio { - border-color: #b5b5b5; - } - -@group Paper Elements -@element paper-radio-button -@homepage github.io ---> - -<link rel="import" href="../paper-ripple/paper-ripple.html"> - -<polymer-element name="paper-radio-button" role="radio" tabindex="0" aria-checked="false"> -<template> - - <link rel="stylesheet" href="paper-radio-button.css"> - - <div id="radioContainer" class="{{ {labeled: label} | tokenList }}"> - - <div id="offRadio"></div> - <div id="onRadio"></div> - - <paper-ripple id="ink" class="circle recenteringTouch" checked?="{{!checked}}"></paper-ripple> - - </div> - - <div id="radioLabel" aria-hidden="true" hidden?="{{!label}}">{{label}}<content></content></div> - -</template> -<script> - - Polymer('paper-radio-button', { - - /** - * Fired when the checked state changes. - * - * @event change - */ - - publish: { - /** - * Gets or sets the state, `true` is checked and `false` is unchecked. - * - * @attribute checked - * @type boolean - * @default false - */ - checked: {value: false, reflect: true}, - - /** - * The label for the radio button. - * - * @attribute label - * @type string - * @default '' - */ - label: '', - - /** - * Normally the user cannot uncheck the radio button by tapping once - * checked. Setting this property to `true` makes the radio button - * toggleable from checked to unchecked. - * - * @attribute toggles - * @type boolean - * @default false - */ - toggles: false, - - /** - * If true, the user cannot interact with this element. - * - * @attribute disabled - * @type boolean - * @default false - */ - disabled: {value: false, reflect: true} - }, - - eventDelegates: { - tap: 'tap' - }, - - tap: function() { - this.toggle(); - this.fire('paper-radio-button-activate'); - }, - - toggle: function() { - this.checked = !this.toggles || !this.checked; - }, - - checkedChanged: function() { - this.$.onRadio.classList.toggle('fill', this.checked); - this.setAttribute('aria-checked', this.checked ? 'true': 'false'); - this.fire('change'); - }, - - labelChanged: function() { - this.setAttribute('aria-label', this.label); - } - - }); - -</script> -</polymer-element> |