Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(101)

Unified Diff: third_party/polymer/components-chromium/paper-input/paper-input.html

Issue 592593002: Inline scripts were extracted from Polymer elements. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: s/echo ""/echo/ Created 6 years, 3 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/polymer/components-chromium/paper-input/paper-input.html
diff --git a/third_party/polymer/components-chromium/paper-input/paper-input.html b/third_party/polymer/components-chromium/paper-input/paper-input.html
new file mode 100644
index 0000000000000000000000000000000000000000..3e553504d55512c4e05dff41f6e83aeb4e20d44c
--- /dev/null
+++ b/third_party/polymer/components-chromium/paper-input/paper-input.html
@@ -0,0 +1,108 @@
+<!--
+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
+-->
+
+<!--
+`paper-input` is a single- or multi-line text field where user can enter input.
+It can optionally have a label.
+
+Example:
+
+ <paper-input label="Your Name"></paper-input>
+ <paper-input multiline label="Enter multiple lines here"></paper-input>
+
+Theming
+--------
+
+Set `CoreStyle.g.paperInput.focusedColor` and `CoreStyle.g.paperInput.invalidColor` to theme
+the focused and invalid states.
+
+@group Paper Elements
+@element paper-input
+@extends core-input
+@homepage github.io
+-->
+<link href="../polymer/polymer.html" rel="import">
+<link href="../core-input/core-input.html" rel="import">
+<link href="../core-style/core-style.html" rel="import">
+
+<core-style id="paper-input">
+
+#label.focused,
+#floatedLabel.focused {
+ color: {{g.paperInput.focusedColor}};
+}
+
+#underlineHighlight.focused,
+#caretInner {
+ background-color: {{g.paperInput.focusedColor}};
+}
+
+#error,
+:host(.invalid) #label.focused,
+:host(.invalid) #floatedLabel.focused {
+ color: {{g.paperInput.invalidColor}};
+}
+:host(.invalid) #underlineHighlight.focused,
+:host(.invalid) #caretInner {
+ background-color: {{g.paperInput.invalidColor}};
+}
+
+</core-style>
+
+<polymer-element name="paper-input" extends="core-input" attributes="label floatingLabel maxRows error" on-down="{{downAction}}" on-up="{{upAction}}" assetpath="">
+
+ <template>
+
+ <link href="paper-input.css" rel="stylesheet">
+
+ <core-style ref="paper-input"></core-style>
+
+ <div id="floatedLabel" class="hidden" hidden?="{{!floatingLabel}}"><span id="floatedLabelSpan">{{label}}</span></div>
+
+ <div id="container" on-transitionend="{{transitionEndAction}}" on-webkittransitionend="{{transitionEndAction}}">
+
+ <div id="label"><span id="labelSpan">{{label}}</span></div>
+
+ <div id="inputContainer">
+
+ <div id="inputClone">
+ <span id="inputCloneSpan" aria-hidden="true">&#xA0;</span>
+ </div>
+
+ <template if="{{multiline}}">
+ <div id="minInputHeight"></div>
+ <div id="maxInputHeight"></div>
+ </template>
+
+ <shadow></shadow>
+
+ </div>
+
+ <div id="underlineContainer">
+ <div id="underline"></div>
+ <div id="underlineHighlight" class="focusedColor"></div>
+ </div>
+
+ <div id="caret">
+ <div id="caretInner" class="focusedColor"></div>
+ </div>
+
+ </div>
+
+ <div id="errorContainer">
+ <div id="error" role="alert" aria-hidden="{{!invalid}}">{{error || validationMessage}}</div>
+ <div id="errorIcon"></div>
+ </div>
+
+ </template>
+
+
+
+</polymer-element>
+<script src="paper-input-extracted.js"></script>

Powered by Google App Engine
This is Rietveld 408576698