chrome/browser/resources/md_history/app.vulcanized.html - Issue 2670723002: [MD History] Vulcanize as part of GN build.

Side by Side Diff: chrome/browser/resources/md_history/app.vulcanized.html

Issue 2670723002: [MD History] Vulcanize as part of GN build. (Closed)

Patch Set: address nits Created 3 years, 10 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:

« no previous file with comments | « chrome/browser/resources/md_history/app.crisper.js ('k') | chrome/browser/resources/md_history/lazy_load.crisper.js » ('j') | chrome/browser/resources/vulcanize.py » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
	(Empty)
1 <html><head><!--

2 @license

3 Copyright (c) 2014 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

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

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

9 --><!--

10 @license

11 Copyright (c) 2016 The Polymer Project Authors. All rights reserved.

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

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

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

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

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

17 --><!--

18 @license

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

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

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

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

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

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

25 --><meta charset="UTF-8">

26

27 </head><body><div hidden="" by-vulcanize=""><link rel="import" href="chrome://re sources/html/polymer.html"><dom-module id="iron-pages" assetpath="chrome://resou rces/polymer/v1_0/iron-pages/" css-build="shadow">

28

29 <template>

30 <style scope="iron-pages">:host {

31 display: block;

32 }

33

34 :host > ::content > :not(.iron-selected) {

35 display: none !important;

36 }

37

38 </style>

39

40 <content></content>

41 </template>

42

43 </dom-module>

44 <style>

45 /* IE 10 support for HTML5 hidden attr */

46 [hidden] {

47 display: none !important;

48 }

49 </style><style is="custom-style" css-build="shadow">html {

50 --layout_-_display: flex;;

51

52 --layout-inline_-_display: inline-flex;;

53

54 --layout-horizontal_-_display: var(--layout_-_display); --layout-horizontal _-_-ms-flex-direction: row; --layout-horizontal_-_-webkit-flex-direction: row; --layout-horizontal_-_flex-direction: row;;

55

56 --layout-horizontal-reverse_-_display: var(--layout_-_display); --layout-ho rizontal-reverse_-_-ms-flex-direction: row-reverse; --layout-horizontal-reverse _-_-webkit-flex-direction: row-reverse; --layout-horizontal-reverse_-_flex-dire ction: row-reverse;;

57

58 --layout-vertical_-_display: var(--layout_-_display); --layout-vertical_-_- ms-flex-direction: column; --layout-vertical_-_-webkit-flex-direction: column; --layout-vertical_-_flex-direction: column;;

59

60 --layout-vertical-reverse_-_display: var(--layout_-_display); --layout-vert ical-reverse_-_-ms-flex-direction: column-reverse; --layout-vertical-reverse_-_ -webkit-flex-direction: column-reverse; --layout-vertical-reverse_-_flex-direct ion: column-reverse;;

61

62 --layout-wrap_-_-ms-flex-wrap: wrap; --layout-wrap_-_-webkit-flex-wrap: wr ap; --layout-wrap_-_flex-wrap: wrap;;

63

64 --layout-wrap-reverse_-_-ms-flex-wrap: wrap-reverse; --layout-wrap-reverse_ -_-webkit-flex-wrap: wrap-reverse; --layout-wrap-reverse_-_flex-wrap: wrap-rev erse;;

65

66 --layout-flex-auto_-_-ms-flex: 1 1 auto; --layout-flex-auto_-_-webkit-flex: 1 1 auto; --layout-flex-auto_-_flex: 1 1 auto;;

67

68 --layout-flex-none_-_-ms-flex: none; --layout-flex-none_-_-webkit-flex: no ne; --layout-flex-none_-_flex: none;;

69

70 --layout-flex_-_-ms-flex: 1 1 0.000000001px; --layout-flex_-_-webkit-flex: 1; --layout-flex_-_flex: 1; --layout-flex_-_-webkit-flex-basis: 0.000000001px ; --layout-flex_-_flex-basis: 0.000000001px;;

71

72 --layout-flex-2_-_-ms-flex: 2; --layout-flex-2_-_-webkit-flex: 2; --layout -flex-2_-_flex: 2;;

73

74 --layout-flex-3_-_-ms-flex: 3; --layout-flex-3_-_-webkit-flex: 3; --layout -flex-3_-_flex: 3;;

75

76 --layout-flex-4_-_-ms-flex: 4; --layout-flex-4_-_-webkit-flex: 4; --layout -flex-4_-_flex: 4;;

77

78 --layout-flex-5_-_-ms-flex: 5; --layout-flex-5_-_-webkit-flex: 5; --layout -flex-5_-_flex: 5;;

79

80 --layout-flex-6_-_-ms-flex: 6; --layout-flex-6_-_-webkit-flex: 6; --layout -flex-6_-_flex: 6;;

81

82 --layout-flex-7_-_-ms-flex: 7; --layout-flex-7_-_-webkit-flex: 7; --layout -flex-7_-_flex: 7;;

83

84 --layout-flex-8_-_-ms-flex: 8; --layout-flex-8_-_-webkit-flex: 8; --layout -flex-8_-_flex: 8;;

85

86 --layout-flex-9_-_-ms-flex: 9; --layout-flex-9_-_-webkit-flex: 9; --layout -flex-9_-_flex: 9;;

87

88 --layout-flex-10_-_-ms-flex: 10; --layout-flex-10_-_-webkit-flex: 10; --la yout-flex-10_-_flex: 10;;

89

90 --layout-flex-11_-_-ms-flex: 11; --layout-flex-11_-_-webkit-flex: 11; --la yout-flex-11_-_flex: 11;;

91

92 --layout-flex-12_-_-ms-flex: 12; --layout-flex-12_-_-webkit-flex: 12; --la yout-flex-12_-_flex: 12;;

93

94

95

96 --layout-start_-_-ms-flex-align: start; --layout-start_-_-webkit-align-item s: flex-start; --layout-start_-_align-items: flex-start;;

97

98 --layout-center_-_-ms-flex-align: center; --layout-center_-_-webkit-align-i tems: center; --layout-center_-_align-items: center;;

99

100 --layout-end_-_-ms-flex-align: end; --layout-end_-_-webkit-align-items: fl ex-end; --layout-end_-_align-items: flex-end;;

101

102 --layout-baseline_-_-ms-flex-align: baseline; --layout-baseline_-_-webkit-a lign-items: baseline; --layout-baseline_-_align-items: baseline;;

103

104

105

106 --layout-start-justified_-_-ms-flex-pack: start; --layout-start-justified_- _-webkit-justify-content: flex-start; --layout-start-justified_-_justify-conten t: flex-start;;

107

108 --layout-center-justified_-_-ms-flex-pack: center; --layout-center-justifie d_-_-webkit-justify-content: center; --layout-center-justified_-_justify-conten t: center;;

109

110 --layout-end-justified_-_-ms-flex-pack: end; --layout-end-justified_-_-webk it-justify-content: flex-end; --layout-end-justified_-_justify-content: flex-e nd;;

111

112 --layout-around-justified_-_-ms-flex-pack: distribute; --layout-around-just ified_-_-webkit-justify-content: space-around; --layout-around-justified_-_just ify-content: space-around;;

113

114 --layout-justified_-_-ms-flex-pack: justify; --layout-justified_-_-webkit-j ustify-content: space-between; --layout-justified_-_justify-content: space-bet ween;;

115

116 --layout-center-center_-_-ms-flex-align: var(--layout-center_-_-ms-flex-ali gn); --layout-center-center_-_-webkit-align-items: var(--layout-center_-_-webki t-align-items); --layout-center-center_-_align-items: var(--layout-center_-_ali gn-items); --layout-center-center_-_-ms-flex-pack: var(--layout-center-justifie d_-_-ms-flex-pack); --layout-center-center_-_-webkit-justify-content: var(--lay out-center-justified_-_-webkit-justify-content); --layout-center-center_-_justif y-content: var(--layout-center-justified_-_justify-content);;

117

118

119

120 --layout-self-start_-_-ms-align-self: flex-start; --layout-self-start_-_-we bkit-align-self: flex-start; --layout-self-start_-_align-self: flex-start;;

121

122 --layout-self-center_-_-ms-align-self: center; --layout-self-center_-_-webk it-align-self: center; --layout-self-center_-_align-self: center;;

123

124 --layout-self-end_-_-ms-align-self: flex-end; --layout-self-end_-_-webkit-a lign-self: flex-end; --layout-self-end_-_align-self: flex-end;;

125

126 --layout-self-stretch_-_-ms-align-self: stretch; --layout-self-stretch_-_-w ebkit-align-self: stretch; --layout-self-stretch_-_align-self: stretch;;

127

128 --layout-self-baseline_-_-ms-align-self: baseline; --layout-self-baseline_- _-webkit-align-self: baseline; --layout-self-baseline_-_align-self: baseline;;

129

130

131

132 --layout-start-aligned_-_-ms-flex-line-pack: start; --layout-start-aligned_ -_-ms-align-content: flex-start; --layout-start-aligned_-_-webkit-align-content : flex-start; --layout-start-aligned_-_align-content: flex-start;;

133

134 --layout-end-aligned_-_-ms-flex-line-pack: end; --layout-end-aligned_-_-ms- align-content: flex-end; --layout-end-aligned_-_-webkit-align-content: flex-en d; --layout-end-aligned_-_align-content: flex-end;;

135

136 --layout-center-aligned_-_-ms-flex-line-pack: center; --layout-center-align ed_-_-ms-align-content: center; --layout-center-aligned_-_-webkit-align-content : center; --layout-center-aligned_-_align-content: center;;

137

138 --layout-between-aligned_-_-ms-flex-line-pack: justify; --layout-between-al igned_-_-ms-align-content: space-between; --layout-between-aligned_-_-webkit-al ign-content: space-between; --layout-between-aligned_-_align-content: space-be tween;;

139

140 --layout-around-aligned_-_-ms-flex-line-pack: distribute; --layout-around-a ligned_-_-ms-align-content: space-around; --layout-around-aligned_-_-webkit-ali gn-content: space-around; --layout-around-aligned_-_align-content: space-aroun d;;

141

142

143

144 --layout-block_-_display: block;;

145

146 --layout-invisible_-_visibility: hidden !important;;

147

148 --layout-relative_-_position: relative;;

149

150 --layout-fit_-_position: absolute; --layout-fit_-_top: 0; --layout-fit_-_r ight: 0; --layout-fit_-_bottom: 0; --layout-fit_-_left: 0;;

151

152 --layout-scroll_-_-webkit-overflow-scrolling: touch; --layout-scroll_-_over flow: auto;;

153

154 --layout-fullbleed_-_margin: 0; --layout-fullbleed_-_height: 100vh;;

155

156

157

158 --layout-fixed-top_-_position: fixed; --layout-fixed-top_-_top: 0; --layou t-fixed-top_-_left: 0; --layout-fixed-top_-_right: 0;;

159

160 --layout-fixed-right_-_position: fixed; --layout-fixed-right_-_top: 0; --l ayout-fixed-right_-_right: 0; --layout-fixed-right_-_bottom: 0;;

161

162 --layout-fixed-bottom_-_position: fixed; --layout-fixed-bottom_-_right: 0; --layout-fixed-bottom_-_bottom: 0; --layout-fixed-bottom_-_left: 0;;

163

164 --layout-fixed-left_-_position: fixed; --layout-fixed-left_-_top: 0; --lay out-fixed-left_-_bottom: 0; --layout-fixed-left_-_left: 0;;

165 }

166

167 </style><dom-module id="iron-icon" assetpath="chrome://resources/polymer/v1_0/ir on-icon/" css-build="shadow">

168 <template>

169 <style scope="iron-icon">:host {

170 display: var(--layout-inline_-_display);

171 -ms-flex-align: var(--layout-center-center_-_-ms-flex-align); -webkit-al ign-items: var(--layout-center-center_-_-webkit-align-items); align-items: var(- -layout-center-center_-_align-items); -ms-flex-pack: var(--layout-center-center_ -_-ms-flex-pack); -webkit-justify-content: var(--layout-center-center_-_-webkit- justify-content); justify-content: var(--layout-center-center_-_justify-content) ;

172 position: relative;

173

174 vertical-align: middle;

175

176 fill: var(--iron-icon-fill-color, currentcolor);

177 stroke: var(--iron-icon-stroke-color, none);

178

179 width: var(--iron-icon-width, 24px);

180 height: var(--iron-icon-height, 24px);

181 ;

182 }

183

184 </style>

185 </template>

186

187 </dom-module>

188 <iron-iconset-svg name="cr" size="24">

189 <svg>

190 <defs>

191

192 <g id="add"><path d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"></path></g>

193 <g id="arrow-drop-up"><path d="M7 14l5-5 5 5z"></path></g>

194 <g id="arrow-drop-down"><path d="M7 10l5 5 5-5z"></path></g>

195 <g id="cancel"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10- 10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"></path></g>

196 <if expr="chromeos">

197 <g id="check"><path d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"> </path></g>

198 </if>

199 <g id="chevron-right"><path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6 -6z"></path></g>

200 <g id="clear"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>

201 <g id="close"><path d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path></g>

202 <g id="delete"><path d="M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12zM19 4h -3.5l-1-1h-5l-1 1H5v2h14V4z"></path></g>

203 <g id="domain"><path d="M12 7V3H2v18h20V7H12zM6 19H4v-2h2v2zm0-4H4v-2h2v2z m0-4H4V9h2v2zm0-4H4V5h2v2zm4 12H8v-2h2v2zm0-4H8v-2h2v2zm0-4H8V9h2v2zm0-4H8V5h2v2 zm10 12h-8v-2h2v-2h-2v-2h2v-2h-2V9h8v10zm-2-8h-2v2h2v-2zm0 4h-2v2h2v-2z"></path> </g>

204 <g id="expand-less"><path d="M12 8l-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14 z"></path></g>

205 <g id="expand-more"><path d="M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z" ></path></g>

206 <g id="extension"><path d="M20.5 11H19V7c0-1.1-.9-2-2-2h-4V3.5C13 2.12 11. 88 1 10.5 1S8 2.12 8 3.5V5H4c-1.1 0-1.99.9-1.99 2v3.8H3.5c1.49 0 2.7 1.21 2.7 2. 7s-1.21 2.7-2.7 2.7H2V20c0 1.1.9 2 2 2h3.8v-1.5c0-1.49 1.21-2.7 2.7-2.7 1.49 0 2 .7 1.21 2.7 2.7V22H17c1.1 0 2-.9 2-2v-4h1.5c1.38 0 2.5-1.12 2.5-2.5S21.88 11 20. 5 11z"></path></g>

207 <g id="file-download"><path d="M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"> </path></g>

208 <g id="folder"><path d="M10 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16 c1.1 0 2-.9 2-2V8c0-1.1-.9-2-2-2h-8l-2-2z"></path></g>

209 <g id="fullscreen"><path d="M7 14H5v5h5v-2H7v-3zm-2-4h2V7h3V5H5v5zm12 7h-3 v2h5v-5h-2v3zM14 5v2h3v3h2V5h-5z"></path></g>

210 <g id="group"><path d="M16 11c1.66 0 2.99-1.34 2.99-3S17.66 5 16 5c-1.66 0 -3 1.34-3 3s1.34 3 3 3zm-8 0c1.66 0 2.99-1.34 2.99-3S9.66 5 8 5C6.34 5 5 6.34 5 8s1.34 3 3 3zm0 2c-2.33 0-7 1.17-7 3.5V19h14v-2.5c0-2.33-4.67-3.5-7-3.5zm8 0c-.2 9 0-.62.02-.97.05 1.16.84 1.97 1.97 1.97 3.45V19h6v-2.5c0-2.33-4.67-3.5-7-3.5z"> </path></g>

211 <g id="menu"><path d="M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z"></pat h></g>

212 <g id="more-vert"><path d="M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2zm0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z"></path></g>

213 <g id="open-in-new"><path d="M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V 3h-7z"></path></g>

214 <g id="person"><path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1. 79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"></path></g>

215 <g id="print"><path d="M19 8H5c-1.66 0-3 1.34-3 3v6h4v4h12v-4h4v-6c0-1.66- 1.34-3-3-3zm-3 11H8v-5h8v5zm3-7c-.55 0-1-.45-1-1s.45-1 1-1 1 .45 1 1-.45 1-1 1zm -1-9H6v4h12V3z"></path></g>

216 <g id="search"><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27 .28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"></path></g>

217 <g id="settings"><path d="M19.43 12.98c.04-.32.07-.64.07-.98s-.03-.66-.07- .98l2.11-1.65c.19-.15.24-.42.12-.64l-2-3.46c-.12-.22-.39-.3-.61-.22l-2.49 1c-.52 -.4-1.08-.73-1.69-.98l-.38-2.65C14.46 2.18 14.25 2 14 2h-4c-.25 0-.46.18-.49.42l -.38 2.65c-.61.25-1.17.59-1.69.98l-2.49-1c-.23-.09-.49 0-.61.22l-2 3.46c-.13.22- .07.49.12.64l2.11 1.65c-.04.32-.07.65-.07.98s.03.66.07.98l-2.11 1.65c-.19.15-.24 .42-.12.64l2 3.46c.12.22.39.3.61.22l2.49-1c.52.4 1.08.73 1.69.98l.38 2.65c.03.24 .24.42.49.42h4c.25 0 .46-.18.49-.42l.38-2.65c.61-.25 1.17-.59 1.69-.98l2.49 1c.2 3.09.49 0 .61-.22l2-3.46c.12-.22.07-.49-.12-.64l-2.11-1.65zM12 15.5c-1.93 0-3.5- 1.57-3.5-3.5s1.57-3.5 3.5-3.5 3.5 1.57 3.5 3.5-1.57 3.5-3.5 3.5z"></path></g>

218 <g id="star"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"></path></g>

219 <g id="warning"><path d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4 z"></path></g>

220 </defs>

221 </svg>

222 </iron-iconset-svg>

223 <dom-module id="paper-ripple" assetpath="chrome://resources/polymer/v1_0/paper-r ipple/" css-build="shadow">

224

225 <template>

226 <style scope="paper-ripple">:host {

227 display: block;

228 position: absolute;

229 border-radius: inherit;

230 overflow: hidden;

231 top: 0;

232 left: 0;

233 right: 0;

234 bottom: 0;

235

236

237 pointer-events: none;

238 }

239

240 :host([animating]) {

241 -webkit-transform: translate(0, 0);

242 transform: translate3d(0, 0, 0);

243 }

244

245 #background, #waves, .wave-container, .wave {

246 pointer-events: none;

247 position: absolute;

248 top: 0;

249 left: 0;

250 width: 100%;

251 height: 100%;

252 }

253

254 #background, .wave {

255 opacity: 0;

256 }

257

258 #waves, .wave {

259 overflow: hidden;

260 }

261

262 .wave-container, .wave {

263 border-radius: 50%;

264 }

265

266 :host(.circle) #background, :host(.circle) #waves {

267 border-radius: 50%;

268 }

269

270 :host(.circle) .wave-container {

271 overflow: hidden;

272 }

273

274 </style>

275

276 <div id="background"></div>

277 <div id="waves"></div>

278 </template>

279 </dom-module>

280 <style is="custom-style" css-build="shadow">html {

281 --google-red-100: #f4c7c3;

282 --google-red-300: #e67c73;

283 --google-red-500: #db4437;

284 --google-red-700: #c53929;

285

286 --google-blue-100: #c6dafc;

287 --google-blue-300: #7baaf7;

288 --google-blue-500: #4285f4;

289 --google-blue-700: #3367d6;

290

291 --google-green-100: #b7e1cd;

292 --google-green-300: #57bb8a;

293 --google-green-500: #0f9d58;

294 --google-green-700: #0b8043;

295

296 --google-yellow-100: #fce8b2;

297 --google-yellow-300: #f7cb4d;

298 --google-yellow-500: #f4b400;

299 --google-yellow-700: #f09300;

300

301 --google-grey-100: #f5f5f5;

302 --google-grey-300: #e0e0e0;

303 --google-grey-500: #9e9e9e;

304 --google-grey-700: #616161;

305

306

307

308 --paper-red-50: #ffebee;

309 --paper-red-100: #ffcdd2;

310 --paper-red-200: #ef9a9a;

311 --paper-red-300: #e57373;

312 --paper-red-400: #ef5350;

313 --paper-red-500: #f44336;

314 --paper-red-600: #e53935;

315 --paper-red-700: #d32f2f;

316 --paper-red-800: #c62828;

317 --paper-red-900: #b71c1c;

318 --paper-red-a100: #ff8a80;

319 --paper-red-a200: #ff5252;

320 --paper-red-a400: #ff1744;

321 --paper-red-a700: #d50000;

322

323 --paper-pink-50: #fce4ec;

324 --paper-pink-100: #f8bbd0;

325 --paper-pink-200: #f48fb1;

326 --paper-pink-300: #f06292;

327 --paper-pink-400: #ec407a;

328 --paper-pink-500: #e91e63;

329 --paper-pink-600: #d81b60;

330 --paper-pink-700: #c2185b;

331 --paper-pink-800: #ad1457;

332 --paper-pink-900: #880e4f;

333 --paper-pink-a100: #ff80ab;

334 --paper-pink-a200: #ff4081;

335 --paper-pink-a400: #f50057;

336 --paper-pink-a700: #c51162;

337

338 --paper-purple-50: #f3e5f5;

339 --paper-purple-100: #e1bee7;

340 --paper-purple-200: #ce93d8;

341 --paper-purple-300: #ba68c8;

342 --paper-purple-400: #ab47bc;

343 --paper-purple-500: #9c27b0;

344 --paper-purple-600: #8e24aa;

345 --paper-purple-700: #7b1fa2;

346 --paper-purple-800: #6a1b9a;

347 --paper-purple-900: #4a148c;

348 --paper-purple-a100: #ea80fc;

349 --paper-purple-a200: #e040fb;

350 --paper-purple-a400: #d500f9;

351 --paper-purple-a700: #aa00ff;

352

353 --paper-deep-purple-50: #ede7f6;

354 --paper-deep-purple-100: #d1c4e9;

355 --paper-deep-purple-200: #b39ddb;

356 --paper-deep-purple-300: #9575cd;

357 --paper-deep-purple-400: #7e57c2;

358 --paper-deep-purple-500: #673ab7;

359 --paper-deep-purple-600: #5e35b1;

360 --paper-deep-purple-700: #512da8;

361 --paper-deep-purple-800: #4527a0;

362 --paper-deep-purple-900: #311b92;

363 --paper-deep-purple-a100: #b388ff;

364 --paper-deep-purple-a200: #7c4dff;

365 --paper-deep-purple-a400: #651fff;

366 --paper-deep-purple-a700: #6200ea;

367

368 --paper-indigo-50: #e8eaf6;

369 --paper-indigo-100: #c5cae9;

370 --paper-indigo-200: #9fa8da;

371 --paper-indigo-300: #7986cb;

372 --paper-indigo-400: #5c6bc0;

373 --paper-indigo-500: #3f51b5;

374 --paper-indigo-600: #3949ab;

375 --paper-indigo-700: #303f9f;

376 --paper-indigo-800: #283593;

377 --paper-indigo-900: #1a237e;

378 --paper-indigo-a100: #8c9eff;

379 --paper-indigo-a200: #536dfe;

380 --paper-indigo-a400: #3d5afe;

381 --paper-indigo-a700: #304ffe;

382

383 --paper-blue-50: #e3f2fd;

384 --paper-blue-100: #bbdefb;

385 --paper-blue-200: #90caf9;

386 --paper-blue-300: #64b5f6;

387 --paper-blue-400: #42a5f5;

388 --paper-blue-500: #2196f3;

389 --paper-blue-600: #1e88e5;

390 --paper-blue-700: #1976d2;

391 --paper-blue-800: #1565c0;

392 --paper-blue-900: #0d47a1;

393 --paper-blue-a100: #82b1ff;

394 --paper-blue-a200: #448aff;

395 --paper-blue-a400: #2979ff;

396 --paper-blue-a700: #2962ff;

397

398 --paper-light-blue-50: #e1f5fe;

399 --paper-light-blue-100: #b3e5fc;

400 --paper-light-blue-200: #81d4fa;

401 --paper-light-blue-300: #4fc3f7;

402 --paper-light-blue-400: #29b6f6;

403 --paper-light-blue-500: #03a9f4;

404 --paper-light-blue-600: #039be5;

405 --paper-light-blue-700: #0288d1;

406 --paper-light-blue-800: #0277bd;

407 --paper-light-blue-900: #01579b;

408 --paper-light-blue-a100: #80d8ff;

409 --paper-light-blue-a200: #40c4ff;

410 --paper-light-blue-a400: #00b0ff;

411 --paper-light-blue-a700: #0091ea;

412

413 --paper-cyan-50: #e0f7fa;

414 --paper-cyan-100: #b2ebf2;

415 --paper-cyan-200: #80deea;

416 --paper-cyan-300: #4dd0e1;

417 --paper-cyan-400: #26c6da;

418 --paper-cyan-500: #00bcd4;

419 --paper-cyan-600: #00acc1;

420 --paper-cyan-700: #0097a7;

421 --paper-cyan-800: #00838f;

422 --paper-cyan-900: #006064;

423 --paper-cyan-a100: #84ffff;

424 --paper-cyan-a200: #18ffff;

425 --paper-cyan-a400: #00e5ff;

426 --paper-cyan-a700: #00b8d4;

427

428 --paper-teal-50: #e0f2f1;

429 --paper-teal-100: #b2dfdb;

430 --paper-teal-200: #80cbc4;

431 --paper-teal-300: #4db6ac;

432 --paper-teal-400: #26a69a;

433 --paper-teal-500: #009688;

434 --paper-teal-600: #00897b;

435 --paper-teal-700: #00796b;

436 --paper-teal-800: #00695c;

437 --paper-teal-900: #004d40;

438 --paper-teal-a100: #a7ffeb;

439 --paper-teal-a200: #64ffda;

440 --paper-teal-a400: #1de9b6;

441 --paper-teal-a700: #00bfa5;

442

443 --paper-green-50: #e8f5e9;

444 --paper-green-100: #c8e6c9;

445 --paper-green-200: #a5d6a7;

446 --paper-green-300: #81c784;

447 --paper-green-400: #66bb6a;

448 --paper-green-500: #4caf50;

449 --paper-green-600: #43a047;

450 --paper-green-700: #388e3c;

451 --paper-green-800: #2e7d32;

452 --paper-green-900: #1b5e20;

453 --paper-green-a100: #b9f6ca;

454 --paper-green-a200: #69f0ae;

455 --paper-green-a400: #00e676;

456 --paper-green-a700: #00c853;

457

458 --paper-light-green-50: #f1f8e9;

459 --paper-light-green-100: #dcedc8;

460 --paper-light-green-200: #c5e1a5;

461 --paper-light-green-300: #aed581;

462 --paper-light-green-400: #9ccc65;

463 --paper-light-green-500: #8bc34a;

464 --paper-light-green-600: #7cb342;

465 --paper-light-green-700: #689f38;

466 --paper-light-green-800: #558b2f;

467 --paper-light-green-900: #33691e;

468 --paper-light-green-a100: #ccff90;

469 --paper-light-green-a200: #b2ff59;

470 --paper-light-green-a400: #76ff03;

471 --paper-light-green-a700: #64dd17;

472

473 --paper-lime-50: #f9fbe7;

474 --paper-lime-100: #f0f4c3;

475 --paper-lime-200: #e6ee9c;

476 --paper-lime-300: #dce775;

477 --paper-lime-400: #d4e157;

478 --paper-lime-500: #cddc39;

479 --paper-lime-600: #c0ca33;

480 --paper-lime-700: #afb42b;

481 --paper-lime-800: #9e9d24;

482 --paper-lime-900: #827717;

483 --paper-lime-a100: #f4ff81;

484 --paper-lime-a200: #eeff41;

485 --paper-lime-a400: #c6ff00;

486 --paper-lime-a700: #aeea00;

487

488 --paper-yellow-50: #fffde7;

489 --paper-yellow-100: #fff9c4;

490 --paper-yellow-200: #fff59d;

491 --paper-yellow-300: #fff176;

492 --paper-yellow-400: #ffee58;

493 --paper-yellow-500: #ffeb3b;

494 --paper-yellow-600: #fdd835;

495 --paper-yellow-700: #fbc02d;

496 --paper-yellow-800: #f9a825;

497 --paper-yellow-900: #f57f17;

498 --paper-yellow-a100: #ffff8d;

499 --paper-yellow-a200: #ffff00;

500 --paper-yellow-a400: #ffea00;

501 --paper-yellow-a700: #ffd600;

502

503 --paper-amber-50: #fff8e1;

504 --paper-amber-100: #ffecb3;

505 --paper-amber-200: #ffe082;

506 --paper-amber-300: #ffd54f;

507 --paper-amber-400: #ffca28;

508 --paper-amber-500: #ffc107;

509 --paper-amber-600: #ffb300;

510 --paper-amber-700: #ffa000;

511 --paper-amber-800: #ff8f00;

512 --paper-amber-900: #ff6f00;

513 --paper-amber-a100: #ffe57f;

514 --paper-amber-a200: #ffd740;

515 --paper-amber-a400: #ffc400;

516 --paper-amber-a700: #ffab00;

517

518 --paper-orange-50: #fff3e0;

519 --paper-orange-100: #ffe0b2;

520 --paper-orange-200: #ffcc80;

521 --paper-orange-300: #ffb74d;

522 --paper-orange-400: #ffa726;

523 --paper-orange-500: #ff9800;

524 --paper-orange-600: #fb8c00;

525 --paper-orange-700: #f57c00;

526 --paper-orange-800: #ef6c00;

527 --paper-orange-900: #e65100;

528 --paper-orange-a100: #ffd180;

529 --paper-orange-a200: #ffab40;

530 --paper-orange-a400: #ff9100;

531 --paper-orange-a700: #ff6500;

532

533 --paper-deep-orange-50: #fbe9e7;

534 --paper-deep-orange-100: #ffccbc;

535 --paper-deep-orange-200: #ffab91;

536 --paper-deep-orange-300: #ff8a65;

537 --paper-deep-orange-400: #ff7043;

538 --paper-deep-orange-500: #ff5722;

539 --paper-deep-orange-600: #f4511e;

540 --paper-deep-orange-700: #e64a19;

541 --paper-deep-orange-800: #d84315;

542 --paper-deep-orange-900: #bf360c;

543 --paper-deep-orange-a100: #ff9e80;

544 --paper-deep-orange-a200: #ff6e40;

545 --paper-deep-orange-a400: #ff3d00;

546 --paper-deep-orange-a700: #dd2c00;

547

548 --paper-brown-50: #efebe9;

549 --paper-brown-100: #d7ccc8;

550 --paper-brown-200: #bcaaa4;

551 --paper-brown-300: #a1887f;

552 --paper-brown-400: #8d6e63;

553 --paper-brown-500: #795548;

554 --paper-brown-600: #6d4c41;

555 --paper-brown-700: #5d4037;

556 --paper-brown-800: #4e342e;

557 --paper-brown-900: #3e2723;

558

559 --paper-grey-50: #fafafa;

560 --paper-grey-100: #f5f5f5;

561 --paper-grey-200: #eeeeee;

562 --paper-grey-300: #e0e0e0;

563 --paper-grey-400: #bdbdbd;

564 --paper-grey-500: #9e9e9e;

565 --paper-grey-600: #757575;

566 --paper-grey-700: #616161;

567 --paper-grey-800: #424242;

568 --paper-grey-900: #212121;

569

570 --paper-blue-grey-50: #eceff1;

571 --paper-blue-grey-100: #cfd8dc;

572 --paper-blue-grey-200: #b0bec5;

573 --paper-blue-grey-300: #90a4ae;

574 --paper-blue-grey-400: #78909c;

575 --paper-blue-grey-500: #607d8b;

576 --paper-blue-grey-600: #546e7a;

577 --paper-blue-grey-700: #455a64;

578 --paper-blue-grey-800: #37474f;

579 --paper-blue-grey-900: #263238;

580

581

582 --dark-divider-opacity: 0.12;

583 --dark-disabled-opacity: 0.38;

584 --dark-secondary-opacity: 0.54;

585 --dark-primary-opacity: 0.87;

586

587

588 --light-divider-opacity: 0.12;

589 --light-disabled-opacity: 0.3;

590 --light-secondary-opacity: 0.7;

591 --light-primary-opacity: 1.0;

592 }

593

594 </style><style is="custom-style" css-build="shadow">html {

595 --primary-text-color: var(--light-theme-text-color);

596 --primary-background-color: var(--light-theme-background-color);

597 --secondary-text-color: var(--light-theme-secondary-color);

598 --disabled-text-color: var(--light-theme-disabled-color);

599 --divider-color: var(--light-theme-divider-color);

600 --error-color: var(--paper-deep-orange-a700);

601

602

603 --primary-color: var(--paper-indigo-500);

604 --light-primary-color: var(--paper-indigo-100);

605 --dark-primary-color: var(--paper-indigo-700);

606

607 --accent-color: var(--paper-pink-a200);

608 --light-accent-color: var(--paper-pink-a100);

609 --dark-accent-color: var(--paper-pink-a400);

610

611

612

613 --light-theme-background-color: #ffffff;

614 --light-theme-base-color: #000000;

615 --light-theme-text-color: var(--paper-grey-900);

616 --light-theme-secondary-color: #737373;

617 --light-theme-disabled-color: #9b9b9b;

618 --light-theme-divider-color: #dbdbdb;

619

620

621 --dark-theme-background-color: var(--paper-grey-900);

622 --dark-theme-base-color: #ffffff;

623 --dark-theme-text-color: #ffffff;

624 --dark-theme-secondary-color: #bcbcbc;

625 --dark-theme-disabled-color: #646464;

626 --dark-theme-divider-color: #3c3c3c;

627

628

629 --text-primary-color: var(--dark-theme-text-color);

630 --default-primary-color: var(--primary-color);

631 }

632

633 </style><dom-module id="paper-icon-button" assetpath="chrome://resources/polymer /v1_0/paper-icon-button/" css-build="shadow">

634 <template strip-whitespace="">

635 <style scope="paper-icon-button">:host {

636 display: inline-block;

637 position: relative;

638 padding: 8px;

639 outline: none;

640 -webkit-user-select: none;

641 -moz-user-select: none;

642 -ms-user-select: none;

643 user-select: none;

644 cursor: pointer;

645 z-index: 0;

646 line-height: 1;

647

648 width: 40px;

649 height: 40px;

650

651

652 -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

653 -webkit-tap-highlight-color: transparent;

654

655

656 box-sizing: border-box !important;

657

658 height: var(--paper-icon-button_-_height, 40px); width: var(--paper-icon -button_-_width, 40px);

659 }

660

661 :host #ink {

662 color: var(--paper-icon-button-ink-color,var(--primary-text-color));

663 opacity: 0.6;

664 }

665

666 :host([disabled]) {

667 color: var(--paper-icon-button-disabled-text,var(--disabled-text-color));

668 pointer-events: none;

669 cursor: auto;

670

671 ;

672 }

673

674 :host(:hover) {

675 ;

676 }

677

678 iron-icon {

679 --iron-icon-width: 100%;

680 --iron-icon-height: 100%;

681 }

682

683 </style>

684

685 <iron-icon id="icon" src="[[src]]" icon="[[icon]]" alt$="[[alt]]"></iron-ico n>

686 </template>

687

688 </dom-module>

689 <dom-module id="paper-spinner-styles" assetpath="chrome://resources/polymer/v1_0 /paper-spinner/" css-build="shadow">

690 <template>

691 <style scope="paper-spinner-styles">:host {

692 display: inline-block;

693 position: relative;

694 width: 28px;

695 height: 28px;

696

697

698 --paper-spinner-container-rotation-duration: 1568ms;

699

700

701 --paper-spinner-expand-contract-duration: 1333ms;

702

703

704 --paper-spinner-full-cycle-duration: 5332ms;

705

706

707 --paper-spinner-cooldown-duration: 400ms;

708 }

709

710 #spinnerContainer {

711 width: 100%;

712 height: 100%;

713

714

715 direction: ltr;

716 }

717

718 #spinnerContainer.active {

719 -webkit-animation: container-rotate var(--paper-spinner-container-rotation-dur ation) linear infinite;

720 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite;

721 }

722

723 @-webkit-keyframes container-rotate {

724 to {

725 -webkit-transform: rotate(360deg)

726 }

727

728 }

729

730 @keyframes container-rotate {

731 to {

732 transform: rotate(360deg)

733 }

734

735 }

736

737 .spinner-layer {

738 position: absolute;

739 width: 100%;

740 height: 100%;

741 opacity: 0;

742 white-space: nowrap;

743 border-color: var(--paper-spinner-color,var(--google-blue-500));

744 }

745

746 .layer-1 {

747 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));

748 }

749

750 .layer-2 {

751 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));

752 }

753

754 .layer-3 {

755 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));

756 }

757

758 .layer-4 {

759 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));

760 }

761

762 .active .spinner-layer {

763 -webkit-animation-name: fill-unfill-rotate;

764 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);

765 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

766 -webkit-animation-iteration-count: infinite;

767 animation-name: fill-unfill-rotate;

768 animation-duration: var(--paper-spinner-full-cycle-duration);

769 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

770 animation-iteration-count: infinite;

771 opacity: 1;

772 }

773

774 .active .spinner-layer.layer-1 {

775 -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out;

776 animation-name: fill-unfill-rotate, layer-1-fade-in-out;

777 }

778

779 .active .spinner-layer.layer-2 {

780 -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out;

781 animation-name: fill-unfill-rotate, layer-2-fade-in-out;

782 }

783

784 .active .spinner-layer.layer-3 {

785 -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out;

786 animation-name: fill-unfill-rotate, layer-3-fade-in-out;

787 }

788

789 .active .spinner-layer.layer-4 {

790 -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out;

791 animation-name: fill-unfill-rotate, layer-4-fade-in-out;

792 }

793

794 @-webkit-keyframes fill-unfill-rotate {

795 12.5% {

796 -webkit-transform: rotate(135deg)

797 }

798

799 25% {

800 -webkit-transform: rotate(270deg)

801 }

802

803 37.5% {

804 -webkit-transform: rotate(405deg)

805 }

806

807 50% {

808 -webkit-transform: rotate(540deg)

809 }

810

811 62.5% {

812 -webkit-transform: rotate(675deg)

813 }

814

815 75% {

816 -webkit-transform: rotate(810deg)

817 }

818

819 87.5% {

820 -webkit-transform: rotate(945deg)

821 }

822

823 to {

824 -webkit-transform: rotate(1080deg)

825 }

826

827 }

828

829 @keyframes fill-unfill-rotate {

830 12.5% {

831 transform: rotate(135deg)

832 }

833

834 25% {

835 transform: rotate(270deg)

836 }

837

838 37.5% {

839 transform: rotate(405deg)

840 }

841

842 50% {

843 transform: rotate(540deg)

844 }

845

846 62.5% {

847 transform: rotate(675deg)

848 }

849

850 75% {

851 transform: rotate(810deg)

852 }

853

854 87.5% {

855 transform: rotate(945deg)

856 }

857

858 to {

859 transform: rotate(1080deg)

860 }

861

862 }

863

864 @-webkit-keyframes layer-1-fade-in-out {

865 0% {

866 opacity: 1

867 }

868

869 25% {

870 opacity: 1

871 }

872

873 26% {

874 opacity: 0

875 }

876

877 89% {

878 opacity: 0

879 }

880

881 90% {

882 opacity: 1

883 }

884

885 to {

886 opacity: 1

887 }

888

889 }

890

891 @keyframes layer-1-fade-in-out {

892 0% {

893 opacity: 1

894 }

895

896 25% {

897 opacity: 1

898 }

899

900 26% {

901 opacity: 0

902 }

903

904 89% {

905 opacity: 0

906 }

907

908 90% {

909 opacity: 1

910 }

911

912 to {

913 opacity: 1

914 }

915

916 }

917

918 @-webkit-keyframes layer-2-fade-in-out {

919 0% {

920 opacity: 0

921 }

922

923 15% {

924 opacity: 0

925 }

926

927 25% {

928 opacity: 1

929 }

930

931 50% {

932 opacity: 1

933 }

934

935 51% {

936 opacity: 0

937 }

938

939 to {

940 opacity: 0

941 }

942

943 }

944

945 @keyframes layer-2-fade-in-out {

946 0% {

947 opacity: 0

948 }

949

950 15% {

951 opacity: 0

952 }

953

954 25% {

955 opacity: 1

956 }

957

958 50% {

959 opacity: 1

960 }

961

962 51% {

963 opacity: 0

964 }

965

966 to {

967 opacity: 0

968 }

969

970 }

971

972 @-webkit-keyframes layer-3-fade-in-out {

973 0% {

974 opacity: 0

975 }

976

977 40% {

978 opacity: 0

979 }

980

981 50% {

982 opacity: 1

983 }

984

985 75% {

986 opacity: 1

987 }

988

989 76% {

990 opacity: 0

991 }

992

993 to {

994 opacity: 0

995 }

996

997 }

998

999 @keyframes layer-3-fade-in-out {

1000 0% {

1001 opacity: 0

1002 }

1003

1004 40% {

1005 opacity: 0

1006 }

1007

1008 50% {

1009 opacity: 1

1010 }

1011

1012 75% {

1013 opacity: 1

1014 }

1015

1016 76% {

1017 opacity: 0

1018 }

1019

1020 to {

1021 opacity: 0

1022 }

1023

1024 }

1025

1026 @-webkit-keyframes layer-4-fade-in-out {

1027 0% {

1028 opacity: 0

1029 }

1030

1031 65% {

1032 opacity: 0

1033 }

1034

1035 75% {

1036 opacity: 1

1037 }

1038

1039 90% {

1040 opacity: 1

1041 }

1042

1043 to {

1044 opacity: 0

1045 }

1046

1047 }

1048

1049 @keyframes layer-4-fade-in-out {

1050 0% {

1051 opacity: 0

1052 }

1053

1054 65% {

1055 opacity: 0

1056 }

1057

1058 75% {

1059 opacity: 1

1060 }

1061

1062 90% {

1063 opacity: 1

1064 }

1065

1066 to {

1067 opacity: 0

1068 }

1069

1070 }

1071

1072 .circle-clipper {

1073 display: inline-block;

1074 position: relative;

1075 width: 50%;

1076 height: 100%;

1077 overflow: hidden;

1078 border-color: inherit;

1079 }

1080

1081 .spinner-layer::after {

1082 left: 45%;

1083 width: 10%;

1084 border-top-style: solid;

1085 }

1086

1087 .spinner-layer::after, .circle-clipper::after {

1088 content: '';

1089 box-sizing: border-box;

1090 position: absolute;

1091 top: 0;

1092 border-width: var(--paper-spinner-stroke-width, 3px);

1093 border-color: inherit;

1094 border-radius: 50%;

1095 }

1096

1097 .circle-clipper::after {

1098 bottom: 0;

1099 width: 200%;

1100 border-style: solid;

1101 border-bottom-color: transparent !important;

1102 }

1103

1104 .circle-clipper.left::after {

1105 left: 0;

1106 border-right-color: transparent !important;

1107 -webkit-transform: rotate(129deg);

1108 transform: rotate(129deg);

1109 }

1110

1111 .circle-clipper.right::after {

1112 left: -100%;

1113 border-left-color: transparent !important;

1114 -webkit-transform: rotate(-129deg);

1115 transform: rotate(-129deg);

1116 }

1117

1118 .active .gap-patch::after, .active .circle-clipper::after {

1119 -webkit-animation-duration: var(--paper-spinner-expand-contract-duration);

1120 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

1121 -webkit-animation-iteration-count: infinite;

1122 animation-duration: var(--paper-spinner-expand-contract-duration);

1123 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

1124 animation-iteration-count: infinite;

1125 }

1126

1127 .active .circle-clipper.left::after {

1128 -webkit-animation-name: left-spin;

1129 animation-name: left-spin;

1130 }

1131

1132 .active .circle-clipper.right::after {

1133 -webkit-animation-name: right-spin;

1134 animation-name: right-spin;

1135 }

1136

1137 @-webkit-keyframes left-spin {

1138 0% {

1139 -webkit-transform: rotate(130deg)

1140 }

1141

1142 50% {

1143 -webkit-transform: rotate(-5deg)

1144 }

1145

1146 to {

1147 -webkit-transform: rotate(130deg)

1148 }

1149

1150 }

1151

1152 @keyframes left-spin {

1153 0% {

1154 transform: rotate(130deg)

1155 }

1156

1157 50% {

1158 transform: rotate(-5deg)

1159 }

1160

1161 to {

1162 transform: rotate(130deg)

1163 }

1164

1165 }

1166

1167 @-webkit-keyframes right-spin {

1168 0% {

1169 -webkit-transform: rotate(-130deg)

1170 }

1171

1172 50% {

1173 -webkit-transform: rotate(5deg)

1174 }

1175

1176 to {

1177 -webkit-transform: rotate(-130deg)

1178 }

1179

1180 }

1181

1182 @keyframes right-spin {

1183 0% {

1184 transform: rotate(-130deg)

1185 }

1186

1187 50% {

1188 transform: rotate(5deg)

1189 }

1190

1191 to {

1192 transform: rotate(-130deg)

1193 }

1194

1195 }

1196

1197 #spinnerContainer.cooldown {

1198 -webkit-animation: container-rotate var(--paper-spinner-container-rotation-dur ation) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-be zier(0.4, 0.0, 0.2, 1);

1199 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezi er(0.4, 0.0, 0.2, 1);

1200 }

1201

1202 @-webkit-keyframes fade-out {

1203 0% {

1204 opacity: 1

1205 }

1206

1207 to {

1208 opacity: 0

1209 }

1210

1211 }

1212

1213 @keyframes fade-out {

1214 0% {

1215 opacity: 1

1216 }

1217

1218 to {

1219 opacity: 0

1220 }

1221

1222 }

1223

1224 </style>

1225 </template>

1226 </dom-module>

1227 <dom-module id="paper-spinner-lite" assetpath="chrome://resources/polymer/v1_0/p aper-spinner/" css-build="shadow">

1228 <template strip-whitespace="">

1229 <style scope="paper-spinner-lite">:host {

1230 display: inline-block;

1231 position: relative;

1232 width: 28px;

1233 height: 28px;

1234

1235

1236 --paper-spinner-container-rotation-duration: 1568ms;

1237

1238

1239 --paper-spinner-expand-contract-duration: 1333ms;

1240

1241

1242 --paper-spinner-full-cycle-duration: 5332ms;

1243

1244

1245 --paper-spinner-cooldown-duration: 400ms;

1246 }

1247

1248 #spinnerContainer {

1249 width: 100%;

1250 height: 100%;

1251

1252

1253 direction: ltr;

1254 }

1255

1256 #spinnerContainer.active {

1257 -webkit-animation: container-rotate var(--paper-spinner-container-rotation-dur ation) linear infinite;

1258 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite;

1259 }

1260

1261 @-webkit-keyframes container-rotate {

1262 to {

1263 -webkit-transform: rotate(360deg)

1264 }

1265

1266 }

1267

1268 @keyframes container-rotate {

1269 to {

1270 transform: rotate(360deg)

1271 }

1272

1273 }

1274

1275 .spinner-layer {

1276 position: absolute;

1277 width: 100%;

1278 height: 100%;

1279 opacity: 0;

1280 white-space: nowrap;

1281 border-color: var(--paper-spinner-color,var(--google-blue-500));

1282 }

1283

1284 .layer-1 {

1285 border-color: var(--paper-spinner-layer-1-color,var(--google-blue-500));

1286 }

1287

1288 .layer-2 {

1289 border-color: var(--paper-spinner-layer-2-color,var(--google-red-500));

1290 }

1291

1292 .layer-3 {

1293 border-color: var(--paper-spinner-layer-3-color,var(--google-yellow-500));

1294 }

1295

1296 .layer-4 {

1297 border-color: var(--paper-spinner-layer-4-color,var(--google-green-500));

1298 }

1299

1300 .active .spinner-layer {

1301 -webkit-animation-name: fill-unfill-rotate;

1302 -webkit-animation-duration: var(--paper-spinner-full-cycle-duration);

1303 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

1304 -webkit-animation-iteration-count: infinite;

1305 animation-name: fill-unfill-rotate;

1306 animation-duration: var(--paper-spinner-full-cycle-duration);

1307 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

1308 animation-iteration-count: infinite;

1309 opacity: 1;

1310 }

1311

1312 .active .spinner-layer.layer-1 {

1313 -webkit-animation-name: fill-unfill-rotate, layer-1-fade-in-out;

1314 animation-name: fill-unfill-rotate, layer-1-fade-in-out;

1315 }

1316

1317 .active .spinner-layer.layer-2 {

1318 -webkit-animation-name: fill-unfill-rotate, layer-2-fade-in-out;

1319 animation-name: fill-unfill-rotate, layer-2-fade-in-out;

1320 }

1321

1322 .active .spinner-layer.layer-3 {

1323 -webkit-animation-name: fill-unfill-rotate, layer-3-fade-in-out;

1324 animation-name: fill-unfill-rotate, layer-3-fade-in-out;

1325 }

1326

1327 .active .spinner-layer.layer-4 {

1328 -webkit-animation-name: fill-unfill-rotate, layer-4-fade-in-out;

1329 animation-name: fill-unfill-rotate, layer-4-fade-in-out;

1330 }

1331

1332 @-webkit-keyframes fill-unfill-rotate {

1333 12.5% {

1334 -webkit-transform: rotate(135deg)

1335 }

1336

1337 25% {

1338 -webkit-transform: rotate(270deg)

1339 }

1340

1341 37.5% {

1342 -webkit-transform: rotate(405deg)

1343 }

1344

1345 50% {

1346 -webkit-transform: rotate(540deg)

1347 }

1348

1349 62.5% {

1350 -webkit-transform: rotate(675deg)

1351 }

1352

1353 75% {

1354 -webkit-transform: rotate(810deg)

1355 }

1356

1357 87.5% {

1358 -webkit-transform: rotate(945deg)

1359 }

1360

1361 to {

1362 -webkit-transform: rotate(1080deg)

1363 }

1364

1365 }

1366

1367 @keyframes fill-unfill-rotate {

1368 12.5% {

1369 transform: rotate(135deg)

1370 }

1371

1372 25% {

1373 transform: rotate(270deg)

1374 }

1375

1376 37.5% {

1377 transform: rotate(405deg)

1378 }

1379

1380 50% {

1381 transform: rotate(540deg)

1382 }

1383

1384 62.5% {

1385 transform: rotate(675deg)

1386 }

1387

1388 75% {

1389 transform: rotate(810deg)

1390 }

1391

1392 87.5% {

1393 transform: rotate(945deg)

1394 }

1395

1396 to {

1397 transform: rotate(1080deg)

1398 }

1399

1400 }

1401

1402 @-webkit-keyframes layer-1-fade-in-out {

1403 0% {

1404 opacity: 1

1405 }

1406

1407 25% {

1408 opacity: 1

1409 }

1410

1411 26% {

1412 opacity: 0

1413 }

1414

1415 89% {

1416 opacity: 0

1417 }

1418

1419 90% {

1420 opacity: 1

1421 }

1422

1423 to {

1424 opacity: 1

1425 }

1426

1427 }

1428

1429 @keyframes layer-1-fade-in-out {

1430 0% {

1431 opacity: 1

1432 }

1433

1434 25% {

1435 opacity: 1

1436 }

1437

1438 26% {

1439 opacity: 0

1440 }

1441

1442 89% {

1443 opacity: 0

1444 }

1445

1446 90% {

1447 opacity: 1

1448 }

1449

1450 to {

1451 opacity: 1

1452 }

1453

1454 }

1455

1456 @-webkit-keyframes layer-2-fade-in-out {

1457 0% {

1458 opacity: 0

1459 }

1460

1461 15% {

1462 opacity: 0

1463 }

1464

1465 25% {

1466 opacity: 1

1467 }

1468

1469 50% {

1470 opacity: 1

1471 }

1472

1473 51% {

1474 opacity: 0

1475 }

1476

1477 to {

1478 opacity: 0

1479 }

1480

1481 }

1482

1483 @keyframes layer-2-fade-in-out {

1484 0% {

1485 opacity: 0

1486 }

1487

1488 15% {

1489 opacity: 0

1490 }

1491

1492 25% {

1493 opacity: 1

1494 }

1495

1496 50% {

1497 opacity: 1

1498 }

1499

1500 51% {

1501 opacity: 0

1502 }

1503

1504 to {

1505 opacity: 0

1506 }

1507

1508 }

1509

1510 @-webkit-keyframes layer-3-fade-in-out {

1511 0% {

1512 opacity: 0

1513 }

1514

1515 40% {

1516 opacity: 0

1517 }

1518

1519 50% {

1520 opacity: 1

1521 }

1522

1523 75% {

1524 opacity: 1

1525 }

1526

1527 76% {

1528 opacity: 0

1529 }

1530

1531 to {

1532 opacity: 0

1533 }

1534

1535 }

1536

1537 @keyframes layer-3-fade-in-out {

1538 0% {

1539 opacity: 0

1540 }

1541

1542 40% {

1543 opacity: 0

1544 }

1545

1546 50% {

1547 opacity: 1

1548 }

1549

1550 75% {

1551 opacity: 1

1552 }

1553

1554 76% {

1555 opacity: 0

1556 }

1557

1558 to {

1559 opacity: 0

1560 }

1561

1562 }

1563

1564 @-webkit-keyframes layer-4-fade-in-out {

1565 0% {

1566 opacity: 0

1567 }

1568

1569 65% {

1570 opacity: 0

1571 }

1572

1573 75% {

1574 opacity: 1

1575 }

1576

1577 90% {

1578 opacity: 1

1579 }

1580

1581 to {

1582 opacity: 0

1583 }

1584

1585 }

1586

1587 @keyframes layer-4-fade-in-out {

1588 0% {

1589 opacity: 0

1590 }

1591

1592 65% {

1593 opacity: 0

1594 }

1595

1596 75% {

1597 opacity: 1

1598 }

1599

1600 90% {

1601 opacity: 1

1602 }

1603

1604 to {

1605 opacity: 0

1606 }

1607

1608 }

1609

1610 .circle-clipper {

1611 display: inline-block;

1612 position: relative;

1613 width: 50%;

1614 height: 100%;

1615 overflow: hidden;

1616 border-color: inherit;

1617 }

1618

1619 .spinner-layer::after {

1620 left: 45%;

1621 width: 10%;

1622 border-top-style: solid;

1623 }

1624

1625 .spinner-layer::after, .circle-clipper::after {

1626 content: '';

1627 box-sizing: border-box;

1628 position: absolute;

1629 top: 0;

1630 border-width: var(--paper-spinner-stroke-width, 3px);

1631 border-color: inherit;

1632 border-radius: 50%;

1633 }

1634

1635 .circle-clipper::after {

1636 bottom: 0;

1637 width: 200%;

1638 border-style: solid;

1639 border-bottom-color: transparent !important;

1640 }

1641

1642 .circle-clipper.left::after {

1643 left: 0;

1644 border-right-color: transparent !important;

1645 -webkit-transform: rotate(129deg);

1646 transform: rotate(129deg);

1647 }

1648

1649 .circle-clipper.right::after {

1650 left: -100%;

1651 border-left-color: transparent !important;

1652 -webkit-transform: rotate(-129deg);

1653 transform: rotate(-129deg);

1654 }

1655

1656 .active .gap-patch::after, .active .circle-clipper::after {

1657 -webkit-animation-duration: var(--paper-spinner-expand-contract-duration);

1658 -webkit-animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

1659 -webkit-animation-iteration-count: infinite;

1660 animation-duration: var(--paper-spinner-expand-contract-duration);

1661 animation-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);

1662 animation-iteration-count: infinite;

1663 }

1664

1665 .active .circle-clipper.left::after {

1666 -webkit-animation-name: left-spin;

1667 animation-name: left-spin;

1668 }

1669

1670 .active .circle-clipper.right::after {

1671 -webkit-animation-name: right-spin;

1672 animation-name: right-spin;

1673 }

1674

1675 @-webkit-keyframes left-spin {

1676 0% {

1677 -webkit-transform: rotate(130deg)

1678 }

1679

1680 50% {

1681 -webkit-transform: rotate(-5deg)

1682 }

1683

1684 to {

1685 -webkit-transform: rotate(130deg)

1686 }

1687

1688 }

1689

1690 @keyframes left-spin {

1691 0% {

1692 transform: rotate(130deg)

1693 }

1694

1695 50% {

1696 transform: rotate(-5deg)

1697 }

1698

1699 to {

1700 transform: rotate(130deg)

1701 }

1702

1703 }

1704

1705 @-webkit-keyframes right-spin {

1706 0% {

1707 -webkit-transform: rotate(-130deg)

1708 }

1709

1710 50% {

1711 -webkit-transform: rotate(5deg)

1712 }

1713

1714 to {

1715 -webkit-transform: rotate(-130deg)

1716 }

1717

1718 }

1719

1720 @keyframes right-spin {

1721 0% {

1722 transform: rotate(-130deg)

1723 }

1724

1725 50% {

1726 transform: rotate(5deg)

1727 }

1728

1729 to {

1730 transform: rotate(-130deg)

1731 }

1732

1733 }

1734

1735 #spinnerContainer.cooldown {

1736 -webkit-animation: container-rotate var(--paper-spinner-container-rotation-dur ation) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-be zier(0.4, 0.0, 0.2, 1);

1737 animation: container-rotate var(--paper-spinner-container-rotation-durat ion) linear infinite, fade-out var(--paper-spinner-cooldown-duration) cubic-bezi er(0.4, 0.0, 0.2, 1);

1738 }

1739

1740 @-webkit-keyframes fade-out {

1741 0% {

1742 opacity: 1

1743 }

1744

1745 to {

1746 opacity: 0

1747 }

1748

1749 }

1750

1751 @keyframes fade-out {

1752 0% {

1753 opacity: 1

1754 }

1755

1756 to {

1757 opacity: 0

1758 }

1759

1760 }

1761

1762 </style>

1763

1764 <div id="spinnerContainer" class-name="[[__computeContainerClasses(active, _ _coolingDown)]]">

1765 <div class="spinner-layer">

1766 <div class="circle-clipper left"></div>

1767 <div class="circle-clipper right"></div>

1768 </div>

1769 </div>

1770 </template>

1771

1772 </dom-module>

1773 <dom-module id="cr-toolbar-search-field" assetpath="chrome://resources/cr_elemen ts/cr_toolbar/" css-build="shadow">

1774 <template>

1775 <style scope="cr-toolbar-search-field">:host {

1776 align-items: center;

1777 display: flex;

1778 height: 40px;

1779 transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1),

1780 width 150ms cubic-bezier(0.4, 0, 0.2, 1);

1781 width: 44px;

1782 }

1783

1784 [hidden] {

1785 display: none !important;

1786 }

1787

1788 paper-icon-button {

1789 height: 32px;

1790 margin: 6px;

1791 min-width: 32px;

1792 padding: 6px;

1793 width: 32px;

1794 }

1795

1796 #icon {

1797 --paper-icon-button-ink-color: white;

1798 transition: margin 150ms, opacity 200ms;

1799 }

1800

1801 #prompt {

1802 opacity: 0;

1803 }

1804

1805 paper-spinner-lite {

1806 height: var(--cr-icon-height-width_-_height); width: var(--cr-icon-height-widt h_-_width);

1807 --paper-spinner-color: white;

1808 margin: 0 6px;

1809 opacity: 0;

1810 padding: 6px;

1811 position: absolute;

1812 }

1813

1814 paper-spinner-lite[active] {

1815 opacity: 1;

1816 }

1817

1818 #prompt, paper-spinner-lite {

1819 transition: opacity 200ms;

1820 }

1821

1822 #searchTerm {

1823 -webkit-font-smoothing: antialiased;

1824 -webkit-margin-start: 2px;

1825 flex: 1;

1826 line-height: 185%;

1827 position: relative;

1828 }

1829

1830 label {

1831 bottom: 0;

1832 cursor: text;

1833 left: 0;

1834 overflow: hidden;

1835 position: absolute;

1836 right: 0;

1837 top: 0;

1838 white-space: nowrap;

1839 }

1840

1841 :host([has-search-text]) label {

1842 visibility: hidden;

1843 }

1844

1845 input {

1846 -webkit-appearance: none;

1847 background: transparent;

1848 border: none;

1849 color: white;

1850 font: inherit;

1851 outline: none;

1852 padding: 0;

1853 position: relative;

1854 width: 100%;

1855 }

1856

1857 input[type='search']::-webkit-search-decoration, input[type='search']::-webkit-s earch-cancel-button, input[type='search']::-webkit-search-results-button {

1858 -webkit-appearance: none;

1859 }

1860

1861 :host(:not([narrow])) {

1862 -webkit-padding-end: 0;

1863 background: rgba(0, 0, 0, 0.22);

1864 border-radius: 2px;

1865 cursor: text;

1866 width: var(--cr-toolbar-field-width);

1867 }

1868

1869 :host(:not([narrow]):not([showing-search])) #icon, :host(:not([narrow])) #prompt {

1870 opacity: 0.7;

1871 }

1872

1873 :host([narrow]:not([showing-search])) #searchTerm {

1874 display: none;

1875 }

1876

1877 :host([showing-search][spinner-active]) #icon {

1878 opacity: 0;

1879 }

1880

1881 :host([narrow][showing-search]) {

1882 width: 100%;

1883 }

1884

1885 :host([narrow][showing-search]) #icon, :host([narrow][showing-search]) paper-spi nner-lite {

1886 -webkit-margin-start: 18px;

1887 }

1888

1889 </style>

1890 <template is="dom-if" if="[[isSpinnerShown_]]">

1891 <paper-spinner-lite active="">

1892 </paper-spinner-lite>

1893 </template>

1894 <paper-icon-button id="icon" icon="cr:search" title="[[label]]" tabindex$="[ [computeIconTabIndex_(narrow)]]">

1895 </paper-icon-button>

1896 <div id="searchTerm">

1897 <label id="prompt" for="searchInput">[[label]]</label>

1898 <input id="searchInput" type="search" on-input="onSearchTermInput" on-sear ch="onSearchTermSearch" on-keydown="onSearchTermKeydown_" on-focus="onInputFocus _" on-blur="onInputBlur_" incremental="" autofocus="">

1899

1900 </div>

1901 <template is="dom-if" if="[[hasSearchText]]">

1902 <paper-icon-button icon="cr:cancel" id="clearSearch" title="[[clearLabel]] " on-tap="clearSearch_">

1903 </paper-icon-button>

1904 </template>

1905 </template>

1906 </dom-module>

1907 <dom-module id="cr-toolbar" assetpath="chrome://resources/cr_elements/cr_toolbar /" css-build="shadow">

1908 <template>

1909 <style scope="cr-toolbar">:host {

1910 --cr-toolbar-field-width: 580px;

1911 --cr-toolbar-height: 56px;

1912 align-items: center;

1913 color: #fff;

1914 display: flex;

1915 height: var(--cr-toolbar-height);

1916 }

1917

1918 h1 {

1919 -webkit-margin-start: 6px;

1920 -webkit-padding-end: 12px;

1921 flex: 1;

1922 font-size: 123%;

1923 font-weight: 400;

1924 text-overflow: ellipsis;

1925 overflow: hidden;

1926 white-space: nowrap;

1927 }

1928

1929 #leftContent {

1930 -webkit-margin-start: 12px;

1931 position: relative;

1932 transition: opacity 100ms;

1933 }

1934

1935 #leftSpacer {

1936 -webkit-margin-start: 6px;

1937 align-items: center;

1938 display: flex;

1939 }

1940

1941 #menuButton {

1942 height: 32px;

1943 margin-bottom: 6px;

1944 margin-top: 6px;

1945 min-width: 32px;

1946 padding: 6px;

1947 width: 32px;

1948 }

1949

1950 #centeredContent {

1951 display: flex;

1952 flex: 1 1 0;

1953 justify-content: center;

1954 }

1955

1956 #rightContent {

1957 -webkit-margin-end: 12px;

1958 }

1959

1960 :host([narrow_]) #centeredContent {

1961 justify-content: flex-end;

1962 }

1963

1964 :host([narrow_][showing-search_]) #leftContent {

1965 position: absolute;

1966 opacity: 0;

1967 }

1968

1969 :host(:not([narrow_])) #leftContent {

1970 flex: 1 1 var(--cr-toolbar-field-margin, 0);

1971 }

1972

1973 :host(:not([narrow_])) #rightContent {

1974 flex: 1 1 0;

1975 text-align: end;

1976 }

1977

1978 #menuPromo {

1979 -webkit-padding-end: 12px;

1980 -webkit-padding-start: 8px;

1981 align-items: center;

1982 background: #616161;

1983 border-radius: 2px;

1984 color: white;

1985 display: flex;

1986 font-size: 92.3%;

1987 font-weight: 500;

1988 opacity: 0;

1989 padding-bottom: 6px;

1990 padding-top: 6px;

1991 position: absolute;

1992 top: var(--cr-toolbar-height);

1993 white-space: nowrap;

1994 z-index: 2;

1995 }

1996

1997 #menuPromo::before {

1998 background: inherit;

1999

2000 clip-path: polygon(0 105%, 100% 105%, 50% 0);

2001 content: '';

2002 display: block;

2003 left: 10px;

2004 height: 6px;

2005 position: absolute;

2006 top: -6px;

2007 width: 12px;

2008 }

2009

2010 :host-context([dir=rtl]) #menuPromo::before {

2011 left: auto;

2012 right: 10px;

2013 }

2014

2015 #closePromo {

2016 -webkit-appearance: none;

2017 -webkit-margin-start: 12px;

2018 background: none;

2019 border: none;

2020 color: inherit;

2021 font-size: 20px;

2022 line-height: 20px;

2023 padding: 0;

2024 width: 20px;

2025 }

2026

2027 </style>

2028 <div id="leftContent">

2029 <div id="leftSpacer">

2030

2031 <template is="dom-if" if="[[showMenu]]" restamp="">

2032 <paper-icon-button id="menuButton" icon="cr:menu" on-tap="onMenuTap_" title="[[titleIfNotShowMenuPromo_(menuLabel, showMenuPromo)]]" aria-label$="[[me nuLabel]]">

2033 </paper-icon-button>

2034 <template is="dom-if" if="[[showMenuPromo]]">

2035 <div id="menuPromo" role="tooltip">

2036 [[menuPromo]]

2037 <button id="closePromo" on-tap="onClosePromoTap_" aria-label$="[[c loseMenuPromo]]">✕</button>

2038

2039 </div></template>

2040 </template>

2041 <h1>[[pageName]]</h1>

2042 </div>

2043 </div>

2044

2045 <div id="centeredContent">

2046 <cr-toolbar-search-field id="search" narrow="[[narrow_]]" label="[[searchP rompt]]" clear-label="[[clearLabel]]" spinner-active="[[spinnerActive]]" showing -search="{{showingSearch_}}">

2047 </cr-toolbar-search-field>

2048 <iron-media-query query="(max-width: 900px)" query-matches="{{narrow_}}">

2049 </iron-media-query>

2050 </div>

2051

2052 <div id="rightContent">

2053 <content select=".more-actions"></content>

2054 </div>

2055 </template>

2056 </dom-module>

2057 <link rel="import" href="chrome://history/constants.html"><iron-iconset-svg size ="24" name="history">

2058 <svg>

2059 <defs>

2060

2061 <g id="chevron-left"><path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12 z"></path></g>

2062 <g id="info-outline"><path d="M11 17h2v-6h-2v6zm1-15C6.48 2 2 6.48 2 12s4. 48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.5 9 8 8-3.59 8-8 8zM11 9h2V7h-2v2z"></path></g>

2063 <g id="today"><path d="M19 3h-1V1h-2v2H8V1H6v2H5c-1.11 0-1.99.9-1.99 2L3 1 9c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11zM7 10h5v5H7z "></path></g>

2064 </defs>

2065 </svg>

2066 </iron-iconset-svg>

2067 <style is="custom-style" css-build="shadow">html {

2068 --card-border-color: rgba(0, 0, 0, 0.14);

2069 --card-first-last-item-padding: 8px;

2070 --card-max-width: 960px;

2071 --card-min-width: 550px;

2072 --card-padding-between: 16px;

2073 --card-padding-side: 24px;

2074 --card-sizing_-_margin: 0 auto; --card-sizing_-_max-width: var(--card-max- width); --card-sizing_-_min-width: var(--card-min-width); --card-sizing_-_paddi ng: 0 var(--card-padding-side); --card-sizing_-_width: calc(100% - 2 * var(--c ard-padding-side));;

2075 --first-card-padding-top: 24px;

2076 --history-item-time-color: #646464;

2077 --interactive-color: var(--google-blue-500);

2078 --item-height: 44px;

2079 --link-color: var(--google-blue-700);

2080 --primary-text-color: var(--paper-grey-800);

2081 --secondary-text-color: var(--paper-grey-600);

2082 --separator-color: rgba(0, 0, 0, 0.08);

2083 --side-bar-width: 256px;

2084 --sidebar-footer-text-color: #6e6e6e;

2085 --sidebar-unselected-color: #5a5a5a;

2086 --toolbar-grouped-height: 101px;

2087 --toolbar-height: 56px;

2088 }

2089

2090 </style><dom-module id="shared-style" assetpath="chrome://history/" css-build="s hadow">

2091 <template>

2092 <style scope="shared-style">[hidden] {

2093 display: none !important;

2094 }

2095

2096 a {

2097 color: var(--link-color);

2098 }

2099

2100 .card-title {

2101 align-items: center;

2102 border-bottom: 1px solid var(--card-border-color);

2103 border-radius: 2px 2px 0 0;

2104 display: flex;

2105 font-size: 108%;

2106 font-weight: 500;

2107 height: 48px;

2108 line-height: 48px;

2109 overflow: hidden;

2110 padding: 0 20px;

2111 text-overflow: ellipsis;

2112 white-space: nowrap;

2113 }

2114

2115 .centered-message {

2116 align-items: center;

2117 color: var(--md-loading-message-color);

2118 display: flex;

2119 flex: 1;

2120 font-size: 108%;

2121 font-weight: 500;

2122 height: 100%;

2123 justify-content: center;

2124 }

2125

2126 .website-icon {

2127 -webkit-margin-end: 16px;

2128 background-repeat: no-repeat;

2129 background-size: 16px;

2130 height: 16px;

2131 width: 16px;

2132 }

2133

2134 .website-title {

2135 color: var(--primary-text-color);

2136 overflow: hidden;

2137 text-decoration: none;

2138 text-overflow: ellipsis;

2139 white-space: nowrap;

2140 }

2141

2142 button.icon-button {

2143 background: none;

2144 border: none;

2145 height: 36px;

2146 outline: none;

2147 width: 36px;

2148 }

2149

2150 button.icon-button iron-icon {

2151 height: 20px;

2152 width: 20px;

2153 }

2154

2155 button.more-vert-button {

2156 height: 36px;

2157 padding: 8px;

2158 width: 36px;

2159 }

2160

2161 button.more-vert-button div {

2162 border: 2px solid var(--secondary-text-color);

2163 border-radius: 2px;

2164 margin: 1px 8px;

2165 pointer-events: none;

2166 transform: scale(0.8);

2167 }

2168

2169 </style>

2170 </template>

2171 </dom-module>

2172 <dom-module id="history-toolbar" assetpath="chrome://history/" css-build="shadow ">

2173 <template>

2174 <style scope="history-toolbar">[hidden] {

2175 display: none !important;

2176 }

2177

2178 a {

2179 color: var(--link-color);

2180 }

2181

2182 .card-title {

2183 align-items: center;

2184 border-bottom: 1px solid var(--card-border-color);

2185 border-radius: 2px 2px 0 0;

2186 display: flex;

2187 font-size: 108%;

2188 font-weight: 500;

2189 height: 48px;

2190 line-height: 48px;

2191 overflow: hidden;

2192 padding: 0 20px;

2193 text-overflow: ellipsis;

2194 white-space: nowrap;

2195 }

2196

2197 .centered-message {

2198 align-items: center;

2199 color: var(--md-loading-message-color);

2200 display: flex;

2201 flex: 1;

2202 font-size: 108%;

2203 font-weight: 500;

2204 height: 100%;

2205 justify-content: center;

2206 }

2207

2208 .website-icon {

2209 -webkit-margin-end: 16px;

2210 background-repeat: no-repeat;

2211 background-size: 16px;

2212 height: 16px;

2213 width: 16px;

2214 }

2215

2216 .website-title {

2217 color: var(--primary-text-color);

2218 overflow: hidden;

2219 text-decoration: none;

2220 text-overflow: ellipsis;

2221 white-space: nowrap;

2222 }

2223

2224 button.icon-button {

2225 background: none;

2226 border: none;

2227 height: 36px;

2228 outline: none;

2229 width: 36px;

2230 }

2231

2232 button.icon-button iron-icon {

2233 height: 20px;

2234 width: 20px;

2235 }

2236

2237 button.more-vert-button {

2238 height: 36px;

2239 padding: 8px;

2240 width: 36px;

2241 }

2242

2243 button.more-vert-button div {

2244 border: 2px solid var(--secondary-text-color);

2245 border-radius: 2px;

2246 margin: 1px 8px;

2247 pointer-events: none;

2248 transform: scale(0.8);

2249 }

2250

2251 :host {

2252 color: #fff;

2253 display: block;

2254 transition: background-color 150ms;

2255 width: 100%;

2256 }

2257

2258 cr-toolbar, #overlay-buttons, #overlay-wrapper, #toolbar-container {

2259 align-items: center;

2260 display: flex;

2261 width: 100%;

2262 }

2263

2264 :host([items-selected_]) {

2265 background: var(--interactive-color);

2266 }

2267

2268 #toolbar-container {

2269 height: var(--toolbar-height);

2270 }

2271

2272 cr-toolbar {

2273 --cr-toolbar-field-margin: var(--side-bar-width);

2274 }

2275

2276 :host([has-drawer]) cr-toolbar {

2277 --cr-toolbar-field-margin: 0;

2278 }

2279

2280 #info-button {

2281 background: none;

2282 border: none;

2283 color: inherit;

2284 height: 32px;

2285 margin: 6px;

2286 outline: none;

2287 padding: 0;

2288 width: 32px;

2289 }

2290

2291 #info-button-icon {

2292 height: 20px;

2293 width: 20px;

2294 }

2295

2296 #sync-notice {

2297 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);

2298 background-color: white;

2299 border-radius: 2px;

2300 color: var(--primary-text-color);

2301 overflow: hidden;

2302 padding: 12px 20px;

2303 position: absolute;

2304 right: 24px;

2305 top: 46px;

2306 z-index: 1;

2307 }

2308

2309 :host-context([dir=rtl]) #sync-notice {

2310 right: auto;

2311 left: 24px;

2312 }

2313

2314 :host(:not([has-drawer])) #overlay-wrapper {

2315 -webkit-margin-start: var(--side-bar-width);

2316 }

2317

2318 #overlay-buttons {

2319 margin: 0 auto;

2320 max-width: var(--card-max-width);

2321 padding: 0 var(--card-padding-side);

2322 }

2323

2324 paper-button {

2325 font-weight: 500;

2326 }

2327

2328 #number-selected {

2329 flex: 1;

2330 }

2331

2332 #cancel-icon-button {

2333 -webkit-margin-end: 24px;

2334 -webkit-margin-start: 2px;

2335 }

2336

2337 paper-tabs {

2338 --paper-tabs_-_font-size: apply-shim-inherit;;

2339 --paper-tabs-selection-bar-color: #fff;

2340 height: calc(var(--toolbar-grouped-height) - var(--toolbar-height));

2341 min-width: 300px;

2342 }

2343

2344 paper-tab {

2345 --paper-tab-ink: rgba(255, 255, 255, 0.4);

2346 text-transform: uppercase;

2347 }

2348

2349 #grouped-buttons-container {

2350 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width) ; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin g); width: var(--card-sizing_-_width);

2351 align-items: center;

2352 display: flex;

2353 max-height: 0;

2354 opacity: 0;

2355 transition: opacity 300ms, max-height 300ms;

2356 }

2357

2358 :host([show-grouped-controls]) #grouped-buttons-container {

2359 max-height: calc(var(--toolbar-grouped-height) - var(--toolbar-height));

2360 opacity: 1;

2361 }

2362

2363 #grouped-spacer {

2364 -webkit-margin-start: var(--side-bar-width);

2365 }

2366

2367 :host([has-drawer]) #grouped-spacer {

2368 -webkit-margin-start: 0;

2369 }

2370

2371 #grouped-nav-container {

2372 -webkit-margin-end: 16px;

2373 align-items: center;

2374 display: flex;

2375 flex: 1;

2376 justify-content: flex-end;

2377 overflow: hidden;

2378 transition: opacity 150ms;

2379 }

2380

2381 :host([grouped-range='0']) #grouped-nav-container {

2382 opacity: 0;

2383 pointer-events: none;

2384 }

2385

2386 #grouped-date {

2387 -webkit-margin-end: 8px;

2388 flex: 0 1 auto;

2389 opacity: 0.7;

2390 overflow: hidden;

2391 text-align: right;

2392 text-overflow: ellipsis;

2393 white-space: nowrap;

2394 }

2395

2396 #grouped-nav-container button {

2397 -webkit-margin-start: 8px;

2398 flex: 0 0 auto;

2399 }

2400

2401 #grouped-nav-container button[disabled] {

2402 color: rgba(255, 255, 255, 0.5);

2403 }

2404

2405 :host-context([dir=rtl]) .rtl-reversible {

2406 transform: rotate(180deg);

2407 }

2408

2409 </style>

2410 <div id="toolbar-container">

2411 <cr-toolbar id="main-toolbar" page-name="$i18n{title}" clear-label="$i18n{ clearSearch}" search-prompt="$i18n{searchPrompt}" hidden$="[[itemsSelected_]]" s pinner-active="[[spinnerActive]]" show-menu="[[hasDrawer]]" show-menu-promo="[[s howMenuPromo]]" menu-label="$i18n{historyMenuButton}" menu-promo="$i18n{menuProm o}" close-menu-promo="$i18n{closeMenuPromo}" on-search-changed="onSearchChanged_ ">

2412 <div class="more-actions">

2413 <template is="dom-if" if="[[showSyncNotice]]">

2414 <button is="paper-icon-button-light" id="info-button" on-click="onIn foButtonTap_" aria-label="$i18n{hasSyncedResultsDescription}">

2415 <iron-icon icon="history:info-outline" id="info-button-icon">

2416 </iron-icon>

2417 </button>

2418 </template>

2419 </div>

2420 </cr-toolbar>

2421 <div id="sync-notice" hidden="[[!syncNoticeVisible_]]">

2422 $i18nRaw{hasSyncedResults}

2423 </div>

2424 <template is="dom-if" if="[[itemsSelected_]]">

2425 <div id="overlay-wrapper" hidden$="[[!itemsSelected_]]">

2426 <div id="overlay-buttons">

2427 <button is="paper-icon-button-light" id="cancel-icon-button" class=" icon-button" on-tap="onClearSelectionTap_" title="$i18n{cancel}">

2428 <iron-icon icon="cr:clear"></iron-icon>

2429 </button>

2430 <div id="number-selected">[[numberOfItemsSelected_(count)]]</div>

2431 <paper-button id="cancel-button" on-tap="onClearSelectionTap_">

2432 $i18n{cancel}

2433 </paper-button>

2434 <paper-button id="delete-button" on-tap="onDeleteTap_">

2435 $i18n{delete}

2436 </paper-button>

2437 </div>

2438 </div>

2439 </template>

2440 </div>

2441 <template is="dom-if" if="[[isGroupedMode]]">

2442 <div id="grouped-spacer">

2443 <div id="grouped-buttons-container">

2444 <paper-tabs attr-for-selected="value" selected="[[groupedRange]]" on-i ron-select="onTabSelected_">

2445 <paper-tab value="0">$i18n{rangeAllTime}</paper-tab>

2446 <paper-tab value="1">$i18n{rangeWeek}</paper-tab>

2447 <paper-tab value="2">$i18n{rangeMonth}</paper-tab>

2448 </paper-tabs>

2449 <div id="grouped-nav-container">

2450 <span id="grouped-date">

2451 [[getHistoryInterval_(queryInfo)]]

2452 </span>

2453 <button is="paper-icon-button-light" id="today-button" class="icon-b utton" title="$i18n{rangeToday}" on-click="onTodayTap_" disabled="[[isToday_(gro upedOffset)]]">

2454 <iron-icon icon="history:today"></iron-icon>

2455 </button>

2456 <button is="paper-icon-button-light" id="prev-button" title="$i18n{r angePrevious}" class="icon-button rtl-reversible" on-click="onPrevTap_" disabled ="[[!hasMoreResults]]">

2457 <iron-icon icon="history:chevron-left"></iron-icon>

2458 </button>

2459 <button is="paper-icon-button-light" id="next-button" title="$i18n{r angeNext}" class="icon-button rtl-reversible" on-click="onNextTap_" disabled="[[ isToday_(groupedOffset)]]">

2460 <iron-icon icon="cr:chevron-right"></iron-icon>

2461 </button>

2462 </div>

2463 </div>

2464 </div>

2465 </template>

2466 </template>

2467 </dom-module>

2468

2469

2470

2471

2472 <style is="custom-style" css-build="shadow">html {

2473 --cr-actionable_-_cursor: pointer;;

2474 --cr-focused-item-color: var(--google-grey-300);

2475

2476 --cr-icon-padding: 8px;

2477

2478

2479 --cr-icon-ripple-size: 36px;

2480 --cr-icon-size: 20px;

2481

2482 --cr-icon-height-width_-_height: var(--cr-icon-size); --cr-icon-height-widt h_-_width: var(--cr-icon-size);

2483

2484 --cr-paper-icon-button-margin_-_-webkit-margin-end: -8px; --cr-paper-icon-b utton-margin_-_-webkit-margin-start: 16px;

2485

2486 --cr-selectable-focus_-_background-color: var(--cr-focused-item-color); --c r-selectable-focus_-_outline: none;

2487 --cr-separator-line: 1px solid rgba(0, 0, 0, 0.06);

2488 --paper-checkbox-ink-size: 40px;

2489 }

2490

2491 </style><dom-module id="cr-shared-style" assetpath="chrome://resources/cr_elemen ts/" css-build="shadow">

2492 <template>

2493 <style scope="cr-shared-style">paper-spinner {

2494 --paper-spinner-layer-1-color: var(--google-blue-500);

2495 --paper-spinner-layer-2-color: var(--google-blue-500);

2496 --paper-spinner-layer-3-color: var(--google-blue-500);

2497 --paper-spinner-layer-4-color: var(--google-blue-500);

2498 }

2499

2500 .action-button {

2501 background: var(--google-blue-500);

2502 color: white;

2503 --paper-button-flat-keyboard-focus_-_background: rgb(58, 117, 215);;

2504 }

2505

2506 .action-button[disabled] {

2507 opacity: .25;

2508 }

2509

2510 .cancel-button {

2511 --paper-button-flat-keyboard-focus_-_background: rgba(0, 0, 0, .12);;

2512 }

2513

2514 .action-button, .cancel-button {

2515 font-weight: 500;

2516 }

2517

2518 [actionable] {

2519 cursor: var(--cr-actionable_-_cursor);

2520 }

2521

2522 button[is='paper-icon-button-light'] {

2523 -webkit-margin-end: var(--cr-paper-icon-button-margin_-_-webkit-margin-end); - webkit-margin-start: var(--cr-paper-icon-button-margin_-_-webkit-margin-start);

2524 background-position: center;

2525 background-repeat: no-repeat;

2526 background-size: var(--cr-icon-size);

2527 flex-shrink: 0;

2528 height: var(--cr-icon-ripple-size);

2529 width: var(--cr-icon-ripple-size);

2530 }

2531

2532 button[is='paper-icon-button-light'].subpage-arrow {

2533 background-image: url("chrome://resources/images/arrow_right.svg");

2534 }

2535

2536 button[is='paper-icon-button-light'].icon-external {

2537 background-image: url("chrome://resources/images/open_in_new.svg");

2538 }

2539

2540 .subpage-arrow, .icon-external {

2541 display: none;

2542 }

2543

2544 paper-icon-button.subpage-arrow {

2545 background-image: url("chrome://resources/images/arrow_right.svg");

2546 }

2547

2548 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) {

2549 display: block;

2550 }

2551

2552 [scrollable] {

2553 border-color: transparent;

2554 border-style: solid;

2555 border-width: 1px 0;

2556 overflow-y: auto;

2557 }

2558

2559 [scrollable].is-scrolled {

2560 border-top-color: var(--google-grey-300);

2561 }

2562

2563 [scrollable].can-scroll:not(.scrolled-to-bottom) {

2564 border-bottom-color: var(--google-grey-300);

2565 }

2566

2567 [scrollable] :focus {

2568 ;

2569 background-color: var(--cr-selectable-focus_-_background-color); outline : var(--cr-selectable-focus_-_outline);

2570 }

2571

2572 [scrollable] iron-list > * {

2573 cursor: var(--cr-actionable_-_cursor);

2574 }

2575

2576 .scroll-container {

2577 display: flex;

2578 flex-direction: column;

2579 min-height: 1px;

2580 }

2581

2582 [selectable]:focus, [selectable] > :focus {

2583 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline);

2584 }

2585

2586 [selectable] > * {

2587 cursor: var(--cr-actionable_-_cursor);

2588 }

2589

2590 </style>

2591 </template>

2592 </dom-module>

2593

2594

2595 <dom-module id="iron-a11y-announcer" assetpath="chrome://resources/polymer/v1_0/ iron-a11y-announcer/" css-build="shadow">

2596 <template>

2597 <style scope="iron-a11y-announcer">:host {

2598 display: inline-block;

2599 position: fixed;

2600 clip: rect(0px,0px,0px,0px);

2601 }

2602

2603 </style>

2604 <div aria-live$="[[mode]]">[[_text]]</div>

2605 </template>

2606

2607 </dom-module>

2608 <dom-module id="iron-list" assetpath="chrome://resources/polymer/v1_0/iron-list/ " css-build="shadow">

2609 <template>

2610 <style scope="iron-list">:host {

2611 display: block;

2612 position: relative;

2613 }

2614

2615 @media only screen and (-webkit-max-device-pixel-ratio: 1) {

2616 :host {

2617 will-change: transform;

2618 }

2619

2620 }

2621

2622 #items {

2623 ;

2624 position: relative;

2625 }

2626

2627 :host(:not([grid])) #items > ::content > * {

2628 width: 100%;

2629 }

2630

2631 #items > ::content > * {

2632 box-sizing: border-box;

2633 margin: 0;

2634 position: absolute;

2635 top: 0;

2636 will-change: transform;

2637 }

2638

2639 </style>

2640

2641 <array-selector id="selector" items="{{items}}" selected="{{selectedItems}}" selected-item="{{selectedItem}}">

2642 </array-selector>

2643

2644 <div id="items">

2645 <content></content>

2646 </div>

2647

2648 </template>

2649 </dom-module>

2650

2651 <dom-module id="iron-scroll-threshold" assetpath="chrome://resources/polymer/v1_ 0/iron-scroll-threshold/" css-build="shadow">

2652 <template>

2653 <style scope="iron-scroll-threshold">:host {

2654 display: block;

2655 }

2656

2657 </style>

2658

2659 <content></content>

2660

2661 </template>

2662 </dom-module>

2663

2664 <style is="custom-style" css-build="shadow">html {

2665 --shadow-transition_-_transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1);;

2666

2667 --shadow-none_-_box-shadow: none;;

2668

2669

2670

2671 --shadow-elevation-2dp_-_box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14),

2672 0 1px 5px 0 rgba(0, 0, 0, 0.12),

2673 0 3px 1px -2px rgba(0, 0, 0, 0.2);;

2674

2675 --shadow-elevation-3dp_-_box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.14),

2676 0 1px 8px 0 rgba(0, 0, 0, 0.12),

2677 0 3px 3px -2px rgba(0, 0, 0, 0.4);;

2678

2679 --shadow-elevation-4dp_-_box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14),

2680 0 1px 10px 0 rgba(0, 0, 0, 0.12),

2681 0 2px 4px -1px rgba(0, 0, 0, 0.4);;

2682

2683 --shadow-elevation-6dp_-_box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14),

2684 0 1px 18px 0 rgba(0, 0, 0, 0.12),

2685 0 3px 5px -1px rgba(0, 0, 0, 0.4);;

2686

2687 --shadow-elevation-8dp_-_box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14),

2688 0 3px 14px 2px rgba(0, 0, 0, 0.12),

2689 0 5px 5px -3px rgba(0, 0, 0, 0.4);;

2690

2691 --shadow-elevation-12dp_-_box-shadow: 0 12px 16px 1px rgba(0, 0, 0, 0.14),

2692 0 4px 22px 3px rgba(0, 0, 0, 0.12),

2693 0 6px 7px -4px rgba(0, 0, 0, 0.4);;

2694

2695 --shadow-elevation-16dp_-_box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14),

2696 0 6px 30px 5px rgba(0, 0, 0, 0.12),

2697 0 8px 10px -5px rgba(0, 0, 0, 0.4);;

2698 }

2699

2700 </style><link rel="import" href="chrome://resources/html/util.html"><dom-module id="history-searched-label" assetpath="" css-build="shadow">

2701 </dom-module>

2702 <dom-module id="history-item" assetpath="" css-build="shadow">

2703 <template>

2704 <style scope="history-item">[hidden] {

2705 display: none !important;

2706 }

2707

2708 a {

2709 color: var(--link-color);

2710 }

2711

2712 .card-title {

2713 align-items: center;

2714 border-bottom: 1px solid var(--card-border-color);

2715 border-radius: 2px 2px 0 0;

2716 display: flex;

2717 font-size: 108%;

2718 font-weight: 500;

2719 height: 48px;

2720 line-height: 48px;

2721 overflow: hidden;

2722 padding: 0 20px;

2723 text-overflow: ellipsis;

2724 white-space: nowrap;

2725 }

2726

2727 .centered-message {

2728 align-items: center;

2729 color: var(--md-loading-message-color);

2730 display: flex;

2731 flex: 1;

2732 font-size: 108%;

2733 font-weight: 500;

2734 height: 100%;

2735 justify-content: center;

2736 }

2737

2738 .website-icon {

2739 -webkit-margin-end: 16px;

2740 background-repeat: no-repeat;

2741 background-size: 16px;

2742 height: 16px;

2743 width: 16px;

2744 }

2745

2746 .website-title {

2747 color: var(--primary-text-color);

2748 overflow: hidden;

2749 text-decoration: none;

2750 text-overflow: ellipsis;

2751 white-space: nowrap;

2752 }

2753

2754 button.icon-button {

2755 background: none;

2756 border: none;

2757 height: 36px;

2758 outline: none;

2759 width: 36px;

2760 }

2761

2762 button.icon-button iron-icon {

2763 height: 20px;

2764 width: 20px;

2765 }

2766

2767 button.more-vert-button {

2768 height: 36px;

2769 padding: 8px;

2770 width: 36px;

2771 }

2772

2773 button.more-vert-button div {

2774 border: 2px solid var(--secondary-text-color);

2775 border-radius: 2px;

2776 margin: 1px 8px;

2777 pointer-events: none;

2778 transform: scale(0.8);

2779 }

2780

2781 :host {

2782 display: block;

2783 outline: none;

2784 pointer-events: none;

2785 }

2786

2787 button {

2788 background: none;

2789 border: none;

2790 outline: none;

2791 padding: 0;

2792 }

2793

2794 :host(:not([embedded])) #main-container {

2795 position: relative;

2796 }

2797

2798 :host([is-card-end]) #main-container {

2799 margin-bottom: var(--card-padding-between);

2800 }

2801

2802 :host([is-card-start][is-card-end]) #main-container {

2803 border-radius: 2px;

2804 }

2805

2806 #date-accessed {

2807 display: none;

2808 }

2809

2810 :host([is-card-start]) #date-accessed {

2811 display: block;

2812 }

2813

2814 #item-container {

2815 align-items: center;

2816 display: flex;

2817 min-height: var(--item-height);

2818 pointer-events: auto;

2819 }

2820

2821 :host([is-card-start]) #item-container {

2822 padding-top: var(--card-first-last-item-padding);

2823 }

2824

2825 :host([is-card-end]) #item-container {

2826 padding-bottom: var(--card-first-last-item-padding);

2827 }

2828

2829 #title-and-domain {

2830 align-items: center;

2831 display: flex;

2832 flex: 1;

2833 height: var(--item-height);

2834 overflow: hidden;

2835 }

2836

2837 #checkbox {

2838 -webkit-margin-end: 6px;

2839 -webkit-margin-start: 10px;

2840 height: 40px;

2841 width: 40px;

2842 }

2843

2844 :host([selected]) #checkbox {

2845 color: var(--interactive-color);

2846 }

2847

2848 #checkmark {

2849 border: 2px solid var(--secondary-text-color);

2850 border-radius: 2px;

2851 height: 12px;

2852 margin: 12px;

2853 width: 12px;

2854 }

2855

2856 #checkmark::after {

2857 border-color: inherit;

2858 border-style: solid;

2859 border-width: 0 2px 2px 0;

2860 content: '';

2861 display: block;

2862 height: 70%;

2863 transform: scale(0) rotate(45deg);

2864 transform-origin: 97% 86%;

2865 width: 36%;

2866 }

2867

2868 :host-context([dir='rtl']) #checkmark::after {

2869 transform-origin: 50% 14%;

2870 }

2871

2872 :host([selected]) #checkmark {

2873 background: var(--interactive-color);

2874 border-color: var(--interactive-color);

2875 }

2876

2877 :host([selected]) #checkmark::after {

2878 border-color: white;

2879 transform: scale(1) rotate(45deg);

2880

2881 transition: transform 140ms ease-out;

2882 }

2883

2884 #time-accessed {

2885 color: var(--history-item-time-color);

2886 min-width: 96px;

2887 }

2888

2889 #domain {

2890 -webkit-margin-start: 16px;

2891 color: var(--secondary-text-color);

2892 flex-shrink: 0;

2893 }

2894

2895 #menu-button {

2896 -webkit-margin-end: 12px;

2897 }

2898

2899 #star-container {

2900 -webkit-margin-end: 4px;

2901 -webkit-margin-start: 12px;

2902 width: 32px;

2903 }

2904

2905 #bookmark-star {

2906 color: var(--interactive-color);

2907 height: 32px;

2908 width: 32px;

2909 }

2910

2911 #bookmark-star iron-icon {

2912 height: 16px;

2913 width: 16px;

2914 }

2915

2916 #time-gap-separator {

2917 -webkit-border-start: 1px solid #888;

2918 -webkit-margin-start: 77px;

2919 height: 15px;

2920 }

2921

2922 #background-clip {

2923 bottom: -0.4px;

2924 clip: rect(auto 999px auto -5px);

2925 left: 0;

2926 position: absolute;

2927 right: 0;

2928 top: 0;

2929 z-index: -1;

2930 }

2931

2932 :host([is-card-end]) #background-clip {

2933 bottom: 0;

2934 clip: rect(auto 999px 500px -5px);

2935 }

2936

2937 #background {

2938 box-shadow: var(--shadow-elevation-2dp_-_box-shadow);

2939 background: #fff;

2940 bottom: 0;

2941 left: 0;

2942 position: absolute;

2943 right: 0;

2944 top: 0;

2945 }

2946

2947 :host([embedded]) #background {

2948 display: none;

2949 }

2950

2951 :host(:not([is-card-start])) #background {

2952 top: -5px;

2953 }

2954

2955 :host([is-card-start]) #background {

2956 border-radius: 2px 2px 0 0;

2957 }

2958

2959 :host([is-card-end]) #background {

2960 border-radius: 0 0 2px 2px;

2961 }

2962

2963 :host([is-card-start][is-card-end]) #background {

2964 border-radius: 2px;

2965 }

2966

2967 </style>

2968

2969 <div id="main-container">

2970 <div id="background-clip">

2971 <div id="background"></div>

2972 </div>

2973 <div id="date-accessed" class="card-title">

2974 [[cardTitle_(numberOfItems, item.dateRelativeDay, searchTerm)]]

2975 </div>

2976 <div id="item-container" on-mousedown="onItemMousedown_" on-click="onItemC lick_">

2977 <button is="paper-icon-button-light" id="checkbox" disabled="[[selection NotAllowed_()]]" role="checkbox" aria-checked$="[[getAriaChecked_(selected)]]" a ria-label$="[[getEntrySummary_(item)]]">

2978 <div id="checkmark"></div>

2979 </button>

2980 <span id="time-accessed" on-mouseover="addTimeTitle_">

2981 [[item.readableTimestamp]]

2982 </span>

2983 <div class="website-icon" id="icon"></div>

2984 <div id="title-and-domain">

2985 <a href="[[item.url]]" id="title" class="website-title" title="[[item. title]]" on-click="onLinkClick_" on-contextmenu="onLinkRightClick_">

2986 <history-searched-label title="[[item.title]]" search-term="[[search Term]]"></history-searched-label>

2987 </a>

2988 <span id="domain">[[item.domain]]</span>

2989 </div>

2990 <div id="star-container">

2991 <template is="dom-if" if="[[item.starred]]">

2992 <button is="paper-icon-button-light" id="bookmark-star" title="$i18n {removeBookmark}" on-click="onRemoveBookmarkTap_">

2993 <iron-icon icon="cr:star"></iron-icon>

2994 </button>

2995 </template>

2996 </div>

2997 <button is="paper-icon-button-light" id="menu-button" class="more-vert-b utton" title="$i18n{moreActionsButton}" on-click="onMenuButtonTap_">

2998 <div></div>

2999 <div></div>

3000 <div></div>

3001 </button>

3002 </div>

3003 <div id="time-gap-separator" hidden="[[!hasTimeGap]]"></div>

3004 </div>

3005 </template>

3006 </dom-module>

3007 <dom-module id="history-list" assetpath="chrome://history/" css-build="shadow">

3008 <template>

3009 <style scope="history-list">[hidden] {

3010 display: none !important;

3011 }

3012

3013 a {

3014 color: var(--link-color);

3015 }

3016

3017 .card-title {

3018 align-items: center;

3019 border-bottom: 1px solid var(--card-border-color);

3020 border-radius: 2px 2px 0 0;

3021 display: flex;

3022 font-size: 108%;

3023 font-weight: 500;

3024 height: 48px;

3025 line-height: 48px;

3026 overflow: hidden;

3027 padding: 0 20px;

3028 text-overflow: ellipsis;

3029 white-space: nowrap;

3030 }

3031

3032 .centered-message {

3033 align-items: center;

3034 color: var(--md-loading-message-color);

3035 display: flex;

3036 flex: 1;

3037 font-size: 108%;

3038 font-weight: 500;

3039 height: 100%;

3040 justify-content: center;

3041 }

3042

3043 .website-icon {

3044 -webkit-margin-end: 16px;

3045 background-repeat: no-repeat;

3046 background-size: 16px;

3047 height: 16px;

3048 width: 16px;

3049 }

3050

3051 .website-title {

3052 color: var(--primary-text-color);

3053 overflow: hidden;

3054 text-decoration: none;

3055 text-overflow: ellipsis;

3056 white-space: nowrap;

3057 }

3058

3059 button.icon-button {

3060 background: none;

3061 border: none;

3062 height: 36px;

3063 outline: none;

3064 width: 36px;

3065 }

3066

3067 button.icon-button iron-icon {

3068 height: 20px;

3069 width: 20px;

3070 }

3071

3072 button.more-vert-button {

3073 height: 36px;

3074 padding: 8px;

3075 width: 36px;

3076 }

3077

3078 button.more-vert-button div {

3079 border: 2px solid var(--secondary-text-color);

3080 border-radius: 2px;

3081 margin: 1px 8px;

3082 pointer-events: none;

3083 transform: scale(0.8);

3084 }

3085

3086 :host {

3087 box-sizing: border-box;

3088 display: block;

3089 overflow: auto;

3090 }

3091

3092 iron-list {

3093 margin: var(--card-sizing_-_margin); max-width: var(--card-sizing_-_max-width) ; min-width: var(--card-sizing_-_min-width); padding: var(--card-sizing_-_paddin g); width: var(--card-sizing_-_width);

3094 margin-top: var(--first-card-padding-top);

3095 }

3096

3097 </style>

3098 <div id="no-results" class="centered-message" hidden$="[[hasResults(historyD ata_.length)]]">

3099 {{noResultsMessage(searchedTerm, querying)}}

3100 </div>

3101 <iron-list items="{{historyData_}}" as="item" id="infinite-list" hidden$="[[ !hasResults(historyData_.length)]]">

3102 <template>

3103 <history-item tabindex$="[[tabIndex]]" item="[[item]]" selected="{{item. selected}}" is-card-start="[[isCardStart_(item, index, historyData_.length)]]" i s-card-end="[[isCardEnd_(item, index, historyData_.length)]]" has-time-gap="[[ne edsTimeGap_(item, index, historyData_.length)]]" search-term="[[searchedTerm]]" number-of-items="[[historyData_.length]]" path="[[pathForItem_(index)]]" index=" [[index]]" iron-list-tab-index="[[tabIndex]]" last-focused="{{lastFocused_}}">

3104 </history-item>

3105 </template>

3106 </iron-list>

3107 <iron-scroll-threshold id="scroll-threshold" scroll-target="infinite-list" l ower-threshold="500" on-lower-threshold="loadMoreData_">

3108 </iron-scroll-threshold>

3109 </template>

3110 </dom-module>

3111 <dom-module id="history-list-container" assetpath="chrome://history/" css-build= "shadow">

3112 <template>

3113 <style scope="history-list-container">[hidden] {

3114 display: none !important;

3115 }

3116

3117 a {

3118 color: var(--link-color);

3119 }

3120

3121 .card-title {

3122 align-items: center;

3123 border-bottom: 1px solid var(--card-border-color);

3124 border-radius: 2px 2px 0 0;

3125 display: flex;

3126 font-size: 108%;

3127 font-weight: 500;

3128 height: 48px;

3129 line-height: 48px;

3130 overflow: hidden;

3131 padding: 0 20px;

3132 text-overflow: ellipsis;

3133 white-space: nowrap;

3134 }

3135

3136 .centered-message {

3137 align-items: center;

3138 color: var(--md-loading-message-color);

3139 display: flex;

3140 flex: 1;

3141 font-size: 108%;

3142 font-weight: 500;

3143 height: 100%;

3144 justify-content: center;

3145 }

3146

3147 .website-icon {

3148 -webkit-margin-end: 16px;

3149 background-repeat: no-repeat;

3150 background-size: 16px;

3151 height: 16px;

3152 width: 16px;

3153 }

3154

3155 .website-title {

3156 color: var(--primary-text-color);

3157 overflow: hidden;

3158 text-decoration: none;

3159 text-overflow: ellipsis;

3160 white-space: nowrap;

3161 }

3162

3163 button.icon-button {

3164 background: none;

3165 border: none;

3166 height: 36px;

3167 outline: none;

3168 width: 36px;

3169 }

3170

3171 button.icon-button iron-icon {

3172 height: 20px;

3173 width: 20px;

3174 }

3175

3176 button.more-vert-button {

3177 height: 36px;

3178 padding: 8px;

3179 width: 36px;

3180 }

3181

3182 button.more-vert-button div {

3183 border: 2px solid var(--secondary-text-color);

3184 border-radius: 2px;

3185 margin: 1px 8px;

3186 pointer-events: none;

3187 transform: scale(0.8);

3188 }

3189

3190 paper-spinner {

3191 --paper-spinner-layer-1-color: var(--google-blue-500);

3192 --paper-spinner-layer-2-color: var(--google-blue-500);

3193 --paper-spinner-layer-3-color: var(--google-blue-500);

3194 --paper-spinner-layer-4-color: var(--google-blue-500);

3195 }

3196

3197 .action-button {

3198 background: var(--google-blue-500);

3199 color: white;

3200 --paper-button-flat-keyboard-focus_-_background: rgb(58, 117, 215);;

3201 }

3202

3203 .action-button[disabled] {

3204 opacity: .25;

3205 }

3206

3207 .cancel-button {

3208 --paper-button-flat-keyboard-focus_-_background: rgba(0, 0, 0, .12);;

3209 }

3210

3211 .action-button, .cancel-button {

3212 font-weight: 500;

3213 }

3214

3215 [actionable] {

3216 cursor: var(--cr-actionable_-_cursor);

3217 }

3218

3219 button[is='paper-icon-button-light'] {

3220 -webkit-margin-end: var(--cr-paper-icon-button-margin_-_-webkit-margin-end); - webkit-margin-start: var(--cr-paper-icon-button-margin_-_-webkit-margin-start);

3221 background-position: center;

3222 background-repeat: no-repeat;

3223 background-size: var(--cr-icon-size);

3224 flex-shrink: 0;

3225 height: var(--cr-icon-ripple-size);

3226 width: var(--cr-icon-ripple-size);

3227 }

3228

3229 button[is='paper-icon-button-light'].subpage-arrow {

3230 background-image: url("chrome://resources/images/arrow_right.svg");

3231 }

3232

3233 button[is='paper-icon-button-light'].icon-external {

3234 background-image: url("chrome://resources/images/open_in_new.svg");

3235 }

3236

3237 .subpage-arrow, .icon-external {

3238 display: none;

3239 }

3240

3241 paper-icon-button.subpage-arrow {

3242 background-image: url("chrome://resources/images/arrow_right.svg");

3243 }

3244

3245 [actionable] :-webkit-any(.subpage-arrow, .icon-external), [actionable]:-webkit- any(.subpage-arrow, .icon-external) {

3246 display: block;

3247 }

3248

3249 [scrollable] {

3250 border-color: transparent;

3251 border-style: solid;

3252 border-width: 1px 0;

3253 overflow-y: auto;

3254 }

3255

3256 [scrollable].is-scrolled {

3257 border-top-color: var(--google-grey-300);

3258 }

3259

3260 [scrollable].can-scroll:not(.scrolled-to-bottom) {

3261 border-bottom-color: var(--google-grey-300);

3262 }

3263

3264 [scrollable] :focus {

3265 ;

3266 background-color: var(--cr-selectable-focus_-_background-color); outline : var(--cr-selectable-focus_-_outline);

3267 }

3268

3269 [scrollable] iron-list > * {

3270 cursor: var(--cr-actionable_-_cursor);

3271 }

3272

3273 .scroll-container {

3274 display: flex;

3275 flex-direction: column;

3276 min-height: 1px;

3277 }

3278

3279 [selectable]:focus, [selectable] > :focus {

3280 background-color: var(--cr-selectable-focus_-_background-color); outline: var( --cr-selectable-focus_-_outline);

3281 }

3282

3283 [selectable] > * {

3284 cursor: var(--cr-actionable_-_cursor);

3285 }

3286

3287 :host {

3288 display: block;

3289 height: 100%;

3290 overflow: hidden;

3291 }

3292

3293 #content, #content > * {

3294 height: 100%;

3295 }

3296

3297 dialog .body {

3298 white-space: pre-wrap;

3299 }

3300

3301 </style>

3302 <iron-pages id="content" attr-for-selected="id" selected="[[selectedPage_]]" >

3303 <history-list id="infinite-list" querying="[[queryState.querying]]" search ed-term="[[queryResult.info.term]]">

3304 </history-list>

3305 <template is="dom-if" if="[[grouped]]">

3306 <history-grouped-list id="grouped-list" range="[[queryState.range]]" que ry-interval="[[queryResult.info.queryInterval]]" searched-term="[[queryResult.in fo.term]]">

3307 </history-grouped-list>

3308 </template>

3309 </iron-pages>

3310

3311 <template is="cr-lazy-render" id="dialog">

3312 <dialog is="cr-dialog">

3313 <div class="title">$i18n{removeSelected}</div>

3314 <div class="body">$i18n{deleteWarning}</div>

3315 <div class="button-container">

3316 <paper-button class="cancel-button" on-tap="onDialogCancelTap_">

3317 $i18n{cancel}

3318 </paper-button>

3319 <paper-button class="action-button" on-tap="onDialogConfirmTap_">

3320 $i18n{deleteConfirm}

3321 </paper-button>

3322 </div>

3323 </dialog>

3324 </template>

3325

3326 <template is="cr-lazy-render" id="sharedMenu">

3327 <dialog is="cr-action-menu">

3328 <button id="menuMoreButton" class="dropdown-item" on-tap="onMoreFromSite Tap_">

3329 $i18n{moreFromSite}

3330 </button>

3331 <button id="menuRemoveButton" class="dropdown-item" disabled="[[!canDele teHistory_()]]" on-tap="onRemoveFromHistoryTap_">

3332 $i18n{removeFromHistory}

3333 </button>

3334 </dialog>

3335 </template>

3336 </template>

3337 </dom-module>

3338 <dom-module id="history-router" assetpath="chrome://history/" css-build="shadow" >

3339 <template>

3340 <iron-location path="{{path_}}" query="{{query_}}"></iron-location>

3341 <iron-query-params params-string="{{query_}}" params-object="{{queryParams_} }">

3342 </iron-query-params>

3343 </template>

3344 </dom-module>

3345 <style>

3346 /* Copyright 2015 The Chromium Authors. All rights reserved.

3347 * Use of this source code is governed by a BSD-style license that can be

3348 * found in the LICENSE file. */

3349

3350 <if expr="not chromeos and not is_android">

3351 @font-face {

3352 font-family: 'Roboto';

3353 font-style: normal;

3354 font-weight: 400;

3355 src: local('Roboto'), local('Roboto-Regular'),

3356 url("chrome://resources/roboto/roboto-regular.woff2") format('woff2');

3357 }

3358

3359 @font-face {

3360 font-family: 'Roboto';

3361 font-style: normal;

3362 font-weight: 500;

3363 src: local('Roboto Medium'), local('Roboto-Medium'),

3364 url("chrome://resources/roboto/roboto-medium.woff2") format('woff2');

3365 }

3366

3367 @font-face {

3368 font-family: 'Roboto';

3369 font-style: normal;

3370 font-weight: 700;

3371 src: local('Roboto Bold'), local('Roboto-Bold'),

3372 url("chrome://resources/roboto/roboto-bold.woff2") format('woff2');

3373 }

3374 </if>

3375

3376 </style>

3377 <style is="custom-style" css-build="shadow">html {

3378 --paper-font-common-base_-_font-family: 'Roboto', 'Noto', sans-serif; --paper -font-common-base_-_-webkit-font-smoothing: antialiased;;

3379

3380 --paper-font-common-code_-_font-family: 'Roboto Mono', 'Consolas', 'Menlo', monospace; --paper-font-common-code_-_-webkit-font-smoothing: antialiased;;

3381

3382 --paper-font-common-expensive-kerning_-_text-rendering: optimizeLegibility; ;

3383

3384 --paper-font-common-nowrap_-_white-space: nowrap; --paper-font-common-nowra p_-_overflow: hidden; --paper-font-common-nowrap_-_text-overflow: ellipsis;;

3385

3386

3387

3388 --paper-font-display4_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-display4_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-display4_-_white-space: var(--pape r-font-common-nowrap_-_white-space); --paper-font-display4_-_overflow: var(--pa per-font-common-nowrap_-_overflow); --paper-font-display4_-_text-overflow: var( --paper-font-common-nowrap_-_text-overflow); --paper-font-display4_-_font-size: 112px; --paper-font-display4_-_font-weight: 300; --paper-font-display4_-_lette r-spacing: -.044em; --paper-font-display4_-_line-height: 120px;;

3389

3390 --paper-font-display3_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-display3_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-display3_-_white-space: var(--pape r-font-common-nowrap_-_white-space); --paper-font-display3_-_overflow: var(--pa per-font-common-nowrap_-_overflow); --paper-font-display3_-_text-overflow: var( --paper-font-common-nowrap_-_text-overflow); --paper-font-display3_-_font-size: 56px; --paper-font-display3_-_font-weight: 400; --paper-font-display3_-_letter -spacing: -.026em; --paper-font-display3_-_line-height: 60px;;

3391

3392 --paper-font-display2_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-display2_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-display2_-_font-size: 45px; --pape r-font-display2_-_font-weight: 400; --paper-font-display2_-_letter-spacing: -. 018em; --paper-font-display2_-_line-height: 48px;;

3393

3394 --paper-font-display1_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-display1_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-display1_-_font-size: 34px; --pape r-font-display1_-_font-weight: 400; --paper-font-display1_-_letter-spacing: -. 01em; --paper-font-display1_-_line-height: 40px;;

3395

3396 --paper-font-headline_-_font-family: var(--paper-font-common-base_-_font-fa mily); --paper-font-headline_-_-webkit-font-smoothing: var(--paper-font-common- base_-_-webkit-font-smoothing); --paper-font-headline_-_font-size: 24px; --pape r-font-headline_-_font-weight: 400; --paper-font-headline_-_letter-spacing: -. 012em; --paper-font-headline_-_line-height: 32px;;

3397

3398 --paper-font-title_-_font-family: var(--paper-font-common-base_-_font-famil y); --paper-font-title_-_-webkit-font-smoothing: var(--paper-font-common-base_- _-webkit-font-smoothing); --paper-font-title_-_white-space: var(--paper-font-co mmon-nowrap_-_white-space); --paper-font-title_-_overflow: var(--paper-font-com mon-nowrap_-_overflow); --paper-font-title_-_text-overflow: var(--paper-font-co mmon-nowrap_-_text-overflow); --paper-font-title_-_font-size: 20px; --paper-fon t-title_-_font-weight: 500; --paper-font-title_-_line-height: 28px;;

3399

3400 --paper-font-subhead_-_font-family: var(--paper-font-common-base_-_font-fam ily); --paper-font-subhead_-_-webkit-font-smoothing: var(--paper-font-common-ba se_-_-webkit-font-smoothing); --paper-font-subhead_-_font-size: 16px; --paper-f ont-subhead_-_font-weight: 400; --paper-font-subhead_-_line-height: 24px;;

3401

3402 --paper-font-body2_-_font-family: var(--paper-font-common-base_-_font-famil y); --paper-font-body2_-_-webkit-font-smoothing: var(--paper-font-common-base_- _-webkit-font-smoothing); --paper-font-body2_-_font-size: 14px; --paper-font-bo dy2_-_font-weight: 500; --paper-font-body2_-_line-height: 24px;;

3403

3404 --paper-font-body1_-_font-family: var(--paper-font-common-base_-_font-famil y); --paper-font-body1_-_-webkit-font-smoothing: var(--paper-font-common-base_- _-webkit-font-smoothing); --paper-font-body1_-_font-size: 14px; --paper-font-bo dy1_-_font-weight: 400; --paper-font-body1_-_line-height: 20px;;

3405

3406 --paper-font-caption_-_font-family: var(--paper-font-common-base_-_font-fam ily); --paper-font-caption_-_-webkit-font-smoothing: var(--paper-font-common-ba se_-_-webkit-font-smoothing); --paper-font-caption_-_white-space: var(--paper-f ont-common-nowrap_-_white-space); --paper-font-caption_-_overflow: var(--paper- font-common-nowrap_-_overflow); --paper-font-caption_-_text-overflow: var(--pap er-font-common-nowrap_-_text-overflow); --paper-font-caption_-_font-size: 12px; --paper-font-caption_-_font-weight: 400; --paper-font-caption_-_letter-spacing : 0.011em; --paper-font-caption_-_line-height: 20px;;

3407

3408 --paper-font-menu_-_font-family: var(--paper-font-common-base_-_font-family ); --paper-font-menu_-_-webkit-font-smoothing: var(--paper-font-common-base_-_- webkit-font-smoothing); --paper-font-menu_-_white-space: var(--paper-font-commo n-nowrap_-_white-space); --paper-font-menu_-_overflow: var(--paper-font-common- nowrap_-_overflow); --paper-font-menu_-_text-overflow: var(--paper-font-common- nowrap_-_text-overflow); --paper-font-menu_-_font-size: 13px; --paper-font-menu _-_font-weight: 500; --paper-font-menu_-_line-height: 24px;;

3409

3410 --paper-font-button_-_font-family: var(--paper-font-common-base_-_font-fami ly); --paper-font-button_-_-webkit-font-smoothing: var(--paper-font-common-base _-_-webkit-font-smoothing); --paper-font-button_-_white-space: var(--paper-font -common-nowrap_-_white-space); --paper-font-button_-_overflow: var(--paper-font -common-nowrap_-_overflow); --paper-font-button_-_text-overflow: var(--paper-fo nt-common-nowrap_-_text-overflow); --paper-font-button_-_font-size: 14px; --pap er-font-button_-_font-weight: 500; --paper-font-button_-_letter-spacing: 0.018 em; --paper-font-button_-_line-height: 24px; --paper-font-button_-_text-transfo rm: uppercase;;

3411

3412 --paper-font-code2_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code2_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code2_-_font-size: 14px; --paper-font-co de2_-_font-weight: 700; --paper-font-code2_-_line-height: 20px;;

3413

3414 --paper-font-code1_-_font-family: var(--paper-font-common-code_-_font-famil y); --paper-font-code1_-_-webkit-font-smoothing: var(--paper-font-common-code_- _-webkit-font-smoothing); --paper-font-code1_-_font-size: 14px; --paper-font-co de1_-_font-weight: 500; --paper-font-code1_-_line-height: 20px;;

3415 }

3416

3417 </style><dom-module id="history-side-bar" assetpath="chrome://history/" css-buil d="shadow">

3418 <template>

3419 <style scope="history-side-bar">[hidden] {

3420 display: none !important;

3421 }

3422

3423 a {

3424 color: var(--link-color);

3425 }

3426

3427 .card-title {

3428 align-items: center;

3429 border-bottom: 1px solid var(--card-border-color);

3430 border-radius: 2px 2px 0 0;

3431 display: flex;

3432 font-size: 108%;

3433 font-weight: 500;

3434 height: 48px;

3435 line-height: 48px;

3436 overflow: hidden;

3437 padding: 0 20px;

3438 text-overflow: ellipsis;

3439 white-space: nowrap;

3440 }

3441

3442 .centered-message {

3443 align-items: center;

3444 color: var(--md-loading-message-color);

3445 display: flex;

3446 flex: 1;

3447 font-size: 108%;

3448 font-weight: 500;

3449 height: 100%;

3450 justify-content: center;

3451 }

3452

3453 .website-icon {

3454 -webkit-margin-end: 16px;

3455 background-repeat: no-repeat;

3456 background-size: 16px;

3457 height: 16px;

3458 width: 16px;

3459 }

3460

3461 .website-title {

3462 color: var(--primary-text-color);

3463 overflow: hidden;

3464 text-decoration: none;

3465 text-overflow: ellipsis;

3466 white-space: nowrap;

3467 }

3468

3469 button.icon-button {

3470 background: none;

3471 border: none;

3472 height: 36px;

3473 outline: none;

3474 width: 36px;

3475 }

3476

3477 button.icon-button iron-icon {

3478 height: 20px;

3479 width: 20px;

3480 }

3481

3482 button.more-vert-button {

3483 height: 36px;

3484 padding: 8px;

3485 width: 36px;

3486 }

3487

3488 button.more-vert-button div {

3489 border: 2px solid var(--secondary-text-color);

3490 border-radius: 2px;

3491 margin: 1px 8px;

3492 pointer-events: none;

3493 transform: scale(0.8);

3494 }

3495

3496 :host {

3497 display: flex;

3498 height: 100%;

3499 overflow-x: hidden;

3500 overflow-y: auto;

3501 width: var(--side-bar-width);

3502 }

3503

3504 div.separator {

3505 background-color: var(--separator-color);

3506 flex-shrink: 0;

3507 height: 1px;

3508 margin: 8px 0;

3509 }

3510

3511 #clear-browsing-data {

3512 justify-content: space-between;

3513 }

3514

3515 #clear-browsing-data iron-icon {

3516 -webkit-margin-end: 20px;

3517 color: var(--paper-grey-400);

3518 height: 20px;

3519 margin-bottom: 10px;

3520 margin-top: 10px;

3521 width: 20px;

3522 }

3523

3524 iron-selector {

3525 -webkit-user-select: none;

3526 background-color: transparent;

3527 color: var(--sidebar-unselected-color);

3528 display: flex;

3529 flex: 1;

3530 flex-direction: column;

3531 padding-top: 8px;

3532 }

3533

3534 iron-selector > a {

3535 -webkit-margin-end: 4px;

3536 -webkit-padding-start: 24px;

3537 align-items: center;

3538 box-sizing: border-box;

3539 color: inherit;

3540 cursor: pointer;

3541 display: flex;

3542 font-weight: 500;

3543 min-height: 40px;

3544 position: relative;

3545 text-decoration: none;

3546 }

3547

3548 iron-selector > a.iron-selected {

3549 color: var(--link-color);

3550 }

3551

3552 #spacer {

3553 flex: 1;

3554 }

3555

3556 #footer {

3557 color: var(--sidebar-footer-text-color);

3558 width: var(--side-bar-width);

3559 }

3560

3561 #footer-text {

3562 -webkit-padding-end: 16px;

3563 -webkit-padding-start: 24px;

3564 line-height: 20px;

3565 margin: 24px 0;

3566 }

3567

3568 #footer a {

3569 text-decoration: none;

3570 }

3571

3572 </style>

3573

3574 <iron-selector id="menu" selected="{{selectedPage}}" selectable=".page-item" attr-for-selected="path" on-iron-activate="onSelectorActivate_">

3575 <a href="/" class="page-item" path="history" on-click="onItemClick_">

3576 $i18n{historyMenuItem}

3577 <paper-ripple></paper-ripple>

3578 </a>

3579 <a href="/syncedTabs" class="page-item" path="syncedTabs" on-click="onItem Click_">

3580 $i18n{openTabsMenuItem}

3581 <paper-ripple></paper-ripple>

3582 </a>

3583 <div class="separator"></div>

3584 <a href="chrome://settings/clearBrowserData" on-tap="onClearBrowsingDataTa p_" id="clear-browsing-data">

3585 $i18n{clearBrowsingData}

3586 <iron-icon icon="cr:open-in-new"></iron-icon>

3587 <paper-ripple id="cbd-ripple"></paper-ripple>

3588 </a>

3589 <div id="spacer"></div>

3590 <div id="footer" hidden="[[!showFooter]]">

3591 <div class="separator"></div>

3592 <div id="footer-text">$i18nRaw{sidebarFooter}</div>

3593 </div>

3594 </iron-selector>

3595 </template>

3596 </dom-module>

3597 <style>

3598 /* Copyright 2016 The Chromium Authors. All rights reserved.

3599 * Use of this source code is governed by a BSD-style license that can be

3600 * found in the LICENSE file. */

3601

3602 :root {

3603 /* This is a custom, Chrome-specific color that does not have a --paper or

3604 * --google equivalent. */

3605 --md-background-color: #f1f1f1;

3606 --md-loading-message-color: #6e6e6e;

3607 /* This is --google-blue-700, rewritten as a native custom property for speed.

3608 */

3609 --md-toolbar-color: rgb(51, 103, 214);

3610 }

3611

3612 </style></div><dom-module id="history-app" css-build="shadow">

3613 <template>

3614 <style scope="history-app">[hidden] {

3615 display: none !important;

3616 }

3617

3618 a {

3619 color: var(--link-color);

3620 }

3621

3622 .card-title {

3623 align-items: center;

3624 border-bottom: 1px solid var(--card-border-color);

3625 border-radius: 2px 2px 0 0;

3626 display: flex;

3627 font-size: 108%;

3628 font-weight: 500;

3629 height: 48px;

3630 line-height: 48px;

3631 overflow: hidden;

3632 padding: 0 20px;

3633 text-overflow: ellipsis;

3634 white-space: nowrap;

3635 }

3636

3637 .centered-message {

3638 align-items: center;

3639 color: var(--md-loading-message-color);

3640 display: flex;

3641 flex: 1;

3642 font-size: 108%;

3643 font-weight: 500;

3644 height: 100%;

3645 justify-content: center;

3646 }

3647

3648 .website-icon {

3649 -webkit-margin-end: 16px;

3650 background-repeat: no-repeat;

3651 background-size: 16px;

3652 height: 16px;

3653 width: 16px;

3654 }

3655

3656 .website-title {

3657 color: var(--primary-text-color);

3658 overflow: hidden;

3659 text-decoration: none;

3660 text-overflow: ellipsis;

3661 white-space: nowrap;

3662 }

3663

3664 button.icon-button {

3665 background: none;

3666 border: none;

3667 height: 36px;

3668 outline: none;

3669 width: 36px;

3670 }

3671

3672 button.icon-button iron-icon {

3673 height: 20px;

3674 width: 20px;

3675 }

3676

3677 button.more-vert-button {

3678 height: 36px;

3679 padding: 8px;

3680 width: 36px;

3681 }

3682

3683 button.more-vert-button div {

3684 border: 2px solid var(--secondary-text-color);

3685 border-radius: 2px;

3686 margin: 1px 8px;

3687 pointer-events: none;

3688 transform: scale(0.8);

3689 }

3690

3691 :host {

3692 color: var(--primary-text-color);

3693 display: block;

3694 height: 100%;

3695 overflow: hidden;

3696 }

3697

3698 history-toolbar {

3699 background: var(--md-toolbar-color);

3700 }

3701

3702 #main-container {

3703 height: calc(100% - var(--toolbar-height));

3704 position: relative;

3705 }

3706

3707 :host([grouped_]) #main-container {

3708 height: calc(100% - var(--toolbar-grouped-height));

3709 }

3710

3711 #content-side-bar {

3712 float: left;

3713 }

3714

3715 :host-context([dir='rtl']) #content-side-bar {

3716 float: right;

3717 }

3718

3719 #content, #content > * {

3720 height: 100%;

3721 }

3722

3723 #drop-shadow {

3724 box-shadow: inset 0 5px 6px -3px rgba(0, 0, 0, 0.4);

3725 height: 6px;

3726 left: 0;

3727 opacity: 0;

3728 pointer-events: none;

3729 position: absolute;

3730 right: 0;

3731 top: 0;

3732 transition: opacity 500ms;

3733 }

3734

3735 :host([toolbar-shadow_]) #drop-shadow {

3736 opacity: 1;

3737 }

3738

3739 </style>

3740 <history-query-manager query-state="{{queryState_}}" query-result="[[queryRe sult_]]" router="[[$$('#router')]]">

3741 </history-query-manager>

3742 <history-router id="router" selected-page="{{selectedPage_}}" grouped="[[gro uped_]]" query-state="[[queryState_]]">

3743 </history-router>

3744 <history-toolbar id="toolbar" grouped-offset="[[queryState_.groupedOffset]]" grouped-range="[[queryState_.range]]" has-drawer="[[hasDrawer_]]" has-more-resu lts="[[!queryResult_.info.finished]]" is-grouped-mode="[[grouped_]]" query-info= "[[queryResult_.info]]" querying="[[queryState_.querying]]" search-term="[[query State_.searchTerm]]" show-grouped-controls="[[!syncedTabsSelected_(selectedPage_ )]]" show-menu-promo="[[showMenuPromo_]]" show-sync-notice="[[showSyncNotice_(ha sSyncedResults, selectedPage_)]]" spinner-active="[[shouldShowSpinner_(queryStat e_.querying,

3745 queryState_.incremental,

3746 queryState_.searchTerm)]]">

3747 </history-toolbar>

3748

3749 <div id="main-container">

3750 <history-side-bar id="content-side-bar" selected-page="{{selectedPage_}}" show-footer="[[showSidebarFooter]]" hidden$="[[hasDrawer_]]">

3751 </history-side-bar>

3752 <iron-pages id="content" attr-for-selected="path" fallback-selection="hist ory" selected="[[getSelectedPage_(selectedPage_, items)]]" items="{{items}}">

3753 <history-list-container id="history" query-state="[[queryState_]]" query -result="[[queryResult_]]" grouped="[[grouped_]]" path="history">

3754 </history-list-container>

3755 <template is="dom-if" if="[[syncedTabsSelected_(selectedPage_)]]">

3756 <history-synced-device-manager id="synced-devices" session-list="[[que ryResult_.sessionList]]" search-term="[[queryState_.searchTerm]]" sign-in-state= "[[isUserSignedIn_]]" path="syncedTabs">

3757 </history-synced-device-manager>

3758 </template>

3759 </iron-pages>

3760 <div id="drop-shadow"></div>

3761 </div>

3762

3763 <template is="cr-lazy-render" id="drawer">

3764 <dialog is="cr-drawer" swipe-open="">

3765 <div class="drawer-header">$i18n{title}</div>

3766 <history-side-bar id="drawer-side-bar" class="drawer-content" selected-p age="{{selectedPage_}}" show-footer="[[showSidebarFooter]]">

3767 </history-side-bar>

3768 </dialog>

3769 </template>

3770

3771 <iron-media-query query="(max-width: 1023px)" query-matches="{{hasDrawer_}}" >

3772 </iron-media-query>

3773 </template>

3774 </dom-module>

3775 <script src="app.crisper.js"></script></body></html>

OLD	NEW