third_party/polymer/v0_8/components-chromium/paper-input/paper-input-char-counter.html - Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed.

Side by Side Diff: third_party/polymer/v0_8/components-chromium/paper-input/paper-input-char-counter.html

Issue 1162563004: Upgrade to 1.0 and switch clients to dom-repeat where needed. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Fix a layout import and remove the gzipped webanimation in reproduce.sh Created 5 years, 6 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 unified diff | Download patch

« no previous file with comments | « third_party/polymer/v0_8/components-chromium/paper-input/paper-input-behavior-extracted.js ('k') | third_party/polymer/v0_8/components-chromium/paper-input/paper-input-char-counter-extracted.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
1 <!--	1 <!--

2 @license	2 @license

3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.	3 Copyright (c) 2015 The Polymer Project Authors. All rights reserved.

4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt	4 This code may only be used under the BSD style license found at http://polymer.g ithub.io/LICENSE.txt

5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt	5 The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt

6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt	6 The complete set of contributors may be found at http://polymer.github.io/CONTRI BUTORS.txt

7 Code distributed by Google as part of the polymer project is also	7 Code distributed by Google as part of the polymer project is also

8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt	8 subject to an additional IP rights grant found at http://polymer.github.io/PATEN TS.txt

9 --><html><head><link rel="import" href="../polymer/polymer.html">	9 --><html><head><link rel="import" href="../polymer/polymer.html">

10 <link rel="import" href="../paper-styles/paper-styles.html">	10 <link rel="import" href="../paper-styles/paper-styles.html">

	11 <link rel="import" href="paper-input-addon-behavior.html">

11	12

12 <!--	13 <!--

13 `<paper-input-char-counter>` is a character counter for use with `<paper-input-c ontainer>`.	14 `<paper-input-char-counter>` is a character counter for use with `<paper-input-c ontainer>`. It

	15 shows the number of characters entered in the input and the max length if it is specified.

	16

	17 <paper-input-container>

	18 <input is="iron-input" maxlength="20">

	19 <paper-input-char-counter></paper-input-char-counter>

	20 </paper-input-container>

	21

	22 ### Styling

	23

	24 The following mixin is available for styling:

	25

	26 Custom property \| Description \| Default

	27 ----------------\|-------------\|----------

	28 `--paper-input-char-counter` \| Mixin applied to the element \| `{}`

14 -->	29 -->

15 </head><body><dom-module id="paper-input-char-counter">	30 </head><body><dom-module id="paper-input-char-counter">

16	31

17 <style>	32 <style>

18	33

19 :host {	34 :host {

20 display: inline-block;	35 display: inline-block;

21 float: right;	36 float: right;

22	37

23 mixin(--paper-input-container-add-on);	38 @apply(--paper-font-caption);

24 mixin(--paper-input-container-add-on-font);	39 @apply(--paper-input-char-counter);

25

26 mixin(--paper-input-char-counter);

27 }	40 }

28	41

29 </style>	42 </style>

30	43

31 <template>	44 <template>

32	45

33 <span>[[charCounter]]</span>	46 <span>[[_charCounterStr]]</span>

34	47

35 </template>	48 </template>

36	49

37 </dom-module>	50 </dom-module>

38	51

39 <script src="paper-input-char-counter-extracted.js"></script></body></html>	52 <script src="paper-input-char-counter-extracted.js"></script></body></html>

OLD	NEW