| Index: third_party/polymer/components/paper-input/paper-input.html
|
| diff --git a/third_party/polymer/components/paper-input/paper-input.html b/third_party/polymer/components/paper-input/paper-input.html
|
| deleted file mode 100644
|
| index 330d35c9242ef609e8ca398d3f49332ed4a04313..0000000000000000000000000000000000000000
|
| --- a/third_party/polymer/components/paper-input/paper-input.html
|
| +++ /dev/null
|
| @@ -1,138 +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
|
| -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
|
| --->
|
| -
|
| -<!--
|
| -
|
| -Material Design: <a href="http://www.google.com/design/spec/components/text-fields.html#text-fields-single-line-text-field">Single line text field</a>
|
| -
|
| -`paper-input` is a single-line text field for user input. It is a convenience element composed of
|
| -a `paper-input-decorator` and a `input is="core-input"`.
|
| -
|
| -Example:
|
| -
|
| - <paper-input label="Your Name"></paper-input>
|
| -
|
| -If you need more control over the `input` element, use `paper-input-decorator`.
|
| -
|
| -Theming
|
| --------
|
| -
|
| -`paper-input` can be styled similarly to `paper-input-decorator`.
|
| -
|
| -Form submission
|
| ----------------
|
| -
|
| -Unlike inputs using `paper-input-decorator` directly, `paper-input` does not work out of
|
| -the box with the native `form` element. This is because the native `form` is not aware of
|
| -shadow DOM and does not treat `paper-input` as a form element.
|
| -
|
| -Use `paper-input-decorator` directly, or see
|
| -<a href="https://github.com/garstasio/ajax-form">`ajax-form`</a> for a possible solution
|
| -to submitting a `paper-input`.
|
| -
|
| -Validation
|
| -----------
|
| -
|
| -Use `paper-input-decorator` if you would like to implement validation.
|
| -
|
| -@group Paper Elements
|
| -@element paper-input
|
| -@homepage github.io
|
| --->
|
| -<link href="../polymer/polymer.html" rel="import">
|
| -<link href="../core-input/core-input.html" rel="import">
|
| -
|
| -<link href="paper-input-decorator.html" rel="import">
|
| -
|
| -<polymer-element name="paper-input">
|
| -
|
| -<template>
|
| -
|
| - <style>
|
| - :host {
|
| - display: inline-block;
|
| - }
|
| - </style>
|
| -
|
| - <paper-input-decorator id="decorator" label="{{label}}" floatingLabel="{{floatingLabel}}" value="{{value}}" disabled?="{{disabled}}">
|
| - <input is="core-input" value="{{value}}" committedValue="{{committedValue}}" on-change="{{changeAction}}" disabled?="{{disabled}}">
|
| - </paper-input-decorator>
|
| -
|
| -</template>
|
| -
|
| -<script>
|
| -
|
| - Polymer('paper-input', {
|
| -
|
| - publish: {
|
| - /**
|
| - * The label for this input. It normally appears as grey text inside
|
| - * the text input and disappears once the user enters text.
|
| - *
|
| - * @attribute label
|
| - * @type string
|
| - * @default ''
|
| - */
|
| - label: '',
|
| -
|
| - /**
|
| - * If true, the label will "float" above the text input once the
|
| - * user enters text instead of disappearing.
|
| - *
|
| - * @attribute floatingLabel
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - floatingLabel: false,
|
| -
|
| - /**
|
| - * Set to true to style the element as disabled.
|
| - *
|
| - * @attribute disabled
|
| - * @type boolean
|
| - * @default false
|
| - */
|
| - disabled: {value: false, reflect: true},
|
| -
|
| - /**
|
| - * The current value of the input.
|
| - *
|
| - * @attribute value
|
| - * @type String
|
| - * @default ''
|
| - */
|
| - value: '',
|
| -
|
| - /**
|
| - * The most recently committed value of the input.
|
| - *
|
| - * @attribute committedValue
|
| - * @type String
|
| - * @default ''
|
| - */
|
| - committedValue: ''
|
| -
|
| - },
|
| -
|
| - valueChanged: function() {
|
| - this.$.decorator.updateLabelVisibility(this.value);
|
| - },
|
| -
|
| - changeAction: function(e) {
|
| - if (!window.ShadowDOMPolyfill) {
|
| - // re-fire event that does not bubble across shadow roots
|
| - this.fire('change', null, this);
|
| - }
|
| - }
|
| -
|
| - });
|
| -
|
| -</script>
|
| -
|
| -</polymer-element>
|
|
|