| Index: third_party/polymer/components/paper-checkbox/paper-checkbox.html
|
| diff --git a/third_party/polymer/components/paper-checkbox/paper-checkbox.html b/third_party/polymer/components/paper-checkbox/paper-checkbox.html
|
| deleted file mode 100644
|
| index b5d06d9621c211e7159d68eda6182d0cb0ea088a..0000000000000000000000000000000000000000
|
| --- a/third_party/polymer/components/paper-checkbox/paper-checkbox.html
|
| +++ /dev/null
|
| @@ -1,109 +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-checkbox` is a button that can be either checked or unchecked. User
|
| -can tap the checkbox to check or uncheck it. Usually you use checkboxes
|
| -to allow user to select multiple options from a set. If you have a single
|
| -ON/OFF option, avoid using a single checkbox and use `paper-toggle-button`
|
| -instead.
|
| -
|
| -Example:
|
| -
|
| - <paper-checkbox></paper-checkbox>
|
| -
|
| - <paper-checkbox checked></paper-checkbox>
|
| -
|
| -Styling checkbox:
|
| -
|
| -To change the ink color for checked state:
|
| -
|
| - paper-checkbox::shadow #ink[checked] {
|
| - color: #4285f4;
|
| - }
|
| -
|
| -To change the checkbox checked color:
|
| -
|
| - paper-checkbox::shadow #checkbox.checked {
|
| - background-color: #4285f4;
|
| - border-color: #4285f4;
|
| - }
|
| -
|
| -To change the ink color for unchecked state:
|
| -
|
| - paper-checkbox::shadow #ink {
|
| - color: #b5b5b5;
|
| - }
|
| -
|
| -To change the checbox unchecked color:
|
| -
|
| - paper-checkbox::shadow #checkbox {
|
| - border-color: #b5b5b5;
|
| - }
|
| -
|
| -@group Paper Elements
|
| -@element paper-checkbox
|
| -@extends paper-radio-button
|
| -@homepage github.io
|
| --->
|
| -
|
| -<link rel="import" href="../paper-radio-button/paper-radio-button.html">
|
| -
|
| -<polymer-element name="paper-checkbox" extends="paper-radio-button" role="checkbox">
|
| -<template>
|
| -
|
| - <link rel="stylesheet" href="paper-checkbox.css">
|
| -
|
| - <div id="checkboxContainer" class="{{ {labeled: label} | tokenList }}" >
|
| -
|
| - <paper-ripple id="ink" class="circle recenteringTouch" checked?="{{!checked}}"></paper-ripple>
|
| -
|
| - <div id="checkbox">
|
| - <div id="checkmark" on-animationend="{{checkboxAnimationEnd}}" on-webkitAnimationEnd="{{checkboxAnimationEnd}}"></div>
|
| - </div>
|
| -
|
| - </div>
|
| -
|
| - <div id="checkboxLabel" hidden?="{{!label}}">{{label}}<content></content></div>
|
| -
|
| -</template>
|
| -<script>
|
| -
|
| - Polymer('paper-checkbox', {
|
| -
|
| - /**
|
| - * Fired when the checked state changes due to user interaction.
|
| - *
|
| - * @event change
|
| - */
|
| -
|
| - /**
|
| - * Fired when the checked state changes.
|
| - *
|
| - * @event core-change
|
| - */
|
| -
|
| - toggles: true,
|
| -
|
| - checkedChanged: function() {
|
| - this.$.checkbox.classList.toggle('checked', this.checked);
|
| - this.setAttribute('aria-checked', this.checked ? 'true': 'false');
|
| - this.$.checkmark.classList.toggle('hidden', !this.checked);
|
| - this.fire('core-change');
|
| - },
|
| -
|
| - checkboxAnimationEnd: function() {
|
| - var cl = this.$.checkmark.classList;
|
| - cl.toggle('hidden', !this.checked && cl.contains('hidden'));
|
| - }
|
| -
|
| - });
|
| -
|
| -</script>
|
| -</polymer-element>
|
|
|