@vaadin/bundles 23.0.0-beta1 → 23.0.0-beta2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/node_modules_lit_reactive-element_reactive-element_js.js +1 -1
- package/node_modules_lit_reactive-element_reactive-element_js.js.map +1 -1
- package/node_modules_vaadin_component-base_index_js.js +50 -0
- package/node_modules_vaadin_component-base_index_js.js.map +1 -0
- package/node_modules_vaadin_field-base_index_js.js +65 -0
- package/node_modules_vaadin_field-base_index_js.js.map +1 -0
- package/node_modules_vaadin_input-container_vaadin-input-container_js.js +22 -0
- package/node_modules_vaadin_input-container_vaadin-input-container_js.js.map +1 -0
- package/node_modules_vaadin_vaadin-context-menu_vaadin-context-menu_js.js +23 -0
- package/node_modules_vaadin_vaadin-context-menu_vaadin-context-menu_js.js.map +1 -0
- package/node_modules_vaadin_vaadin-overlay_vaadin-overlay_js.js +22 -0
- package/node_modules_vaadin_vaadin-overlay_vaadin-overlay_js.js.map +1 -0
- package/node_modules_webcomponents_shadycss_src_interface_js.js +105 -0
- package/node_modules_webcomponents_shadycss_src_interface_js.js.map +1 -0
- package/package.json +3 -3
- package/vaadin-bundle.json +1294 -1147
- package/vaadin.js +1720 -1279
- package/vaadin.js.map +1 -1
- package/vendors-node_modules_highcharts_highcharts_js.js +610 -0
- package/vendors-node_modules_highcharts_highcharts_js.js.map +1 -0
- package/vendors-node_modules_lit-element_index_js.js +797 -0
- package/vendors-node_modules_lit-element_index_js.js.map +1 -0
- package/vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js +3514 -0
- package/vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js.map +1 -0
|
@@ -0,0 +1,3514 @@
|
|
|
1
|
+
(self["webpackChunk_vaadin_bundles"] = self["webpackChunk_vaadin_bundles"] || []).push([["vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js"],{
|
|
2
|
+
|
|
3
|
+
/***/ "./node_modules/@polymer/iron-flex-layout/iron-flex-layout.js":
|
|
4
|
+
/*!********************************************************************!*\
|
|
5
|
+
!*** ./node_modules/@polymer/iron-flex-layout/iron-flex-layout.js ***!
|
|
6
|
+
\********************************************************************/
|
|
7
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
8
|
+
|
|
9
|
+
__webpack_require__.r(__webpack_exports__);
|
|
10
|
+
/* harmony import */ var _polymer_polymer_polymer_legacy_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @polymer/polymer/polymer-legacy.js */ "./node_modules/@polymer/polymer/polymer-legacy.js");
|
|
11
|
+
/* harmony import */ var _polymer_polymer_lib_utils_html_tag_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @polymer/polymer/lib/utils/html-tag.js */ "./node_modules/@polymer/polymer/lib/utils/html-tag.js");
|
|
12
|
+
/**
|
|
13
|
+
@license
|
|
14
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
|
15
|
+
This code may only be used under the BSD style license found at
|
|
16
|
+
http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
|
|
17
|
+
http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
|
|
18
|
+
found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
|
|
19
|
+
part of the polymer project is also subject to an additional IP rights grant
|
|
20
|
+
found at http://polymer.github.io/PATENTS.txt
|
|
21
|
+
*/
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
The `<iron-flex-layout>` component provides simple ways to use
|
|
27
|
+
[CSS flexible box
|
|
28
|
+
layout](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes),
|
|
29
|
+
also known as flexbox. Note that this is an old element, that was written
|
|
30
|
+
before all modern browsers had non-prefixed flex styles. As such, nowadays you
|
|
31
|
+
don't really need to use this element anymore, and can use CSS flex styles
|
|
32
|
+
directly in your code.
|
|
33
|
+
|
|
34
|
+
This component provides two different ways to use flexbox:
|
|
35
|
+
|
|
36
|
+
1. [Layout
|
|
37
|
+
classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/iron-flex-layout-classes.html).
|
|
38
|
+
The layout class stylesheet provides a simple set of class-based flexbox rules,
|
|
39
|
+
that let you specify layout properties directly in markup. You must include this
|
|
40
|
+
file in every element that needs to use them.
|
|
41
|
+
|
|
42
|
+
Sample use:
|
|
43
|
+
|
|
44
|
+
```
|
|
45
|
+
<custom-element-demo>
|
|
46
|
+
<template>
|
|
47
|
+
<script src="../webcomponentsjs/webcomponents-lite.js"></script>
|
|
48
|
+
<next-code-block></next-code-block>
|
|
49
|
+
</template>
|
|
50
|
+
</custom-element-demo>
|
|
51
|
+
```
|
|
52
|
+
|
|
53
|
+
```js
|
|
54
|
+
import {html} from '@polymer/polymer/lib/utils/html-tag.js';
|
|
55
|
+
import '@polymer/iron-flex-layout/iron-flex-layout-classes.js';
|
|
56
|
+
|
|
57
|
+
const template = html`
|
|
58
|
+
<style is="custom-style" include="iron-flex iron-flex-alignment"></style>
|
|
59
|
+
<style>
|
|
60
|
+
.test { width: 100px; }
|
|
61
|
+
</style>
|
|
62
|
+
<div class="layout horizontal center-center">
|
|
63
|
+
<div class="test">horizontal layout center alignment</div>
|
|
64
|
+
</div>
|
|
65
|
+
`;
|
|
66
|
+
document.body.appendChild(template.content);
|
|
67
|
+
```
|
|
68
|
+
|
|
69
|
+
2. [Custom CSS
|
|
70
|
+
mixins](https://github.com/PolymerElements/iron-flex-layout/blob/master/iron-flex-layout.html).
|
|
71
|
+
The mixin stylesheet includes custom CSS mixins that can be applied inside a CSS
|
|
72
|
+
rule using the `@apply` function.
|
|
73
|
+
|
|
74
|
+
Please note that the old [/deep/ layout
|
|
75
|
+
classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/classes)
|
|
76
|
+
are deprecated, and should not be used. To continue using layout properties
|
|
77
|
+
directly in markup, please switch to using the new `dom-module`-based
|
|
78
|
+
[layout
|
|
79
|
+
classes](https://github.com/PolymerElements/iron-flex-layout/tree/master/iron-flex-layout-classes.html).
|
|
80
|
+
Please note that the new version does not use `/deep/`, and therefore requires
|
|
81
|
+
you to import the `dom-modules` in every element that needs to use them.
|
|
82
|
+
|
|
83
|
+
@group Iron Elements
|
|
84
|
+
@pseudoElement iron-flex-layout
|
|
85
|
+
@demo demo/index.html
|
|
86
|
+
*/
|
|
87
|
+
const template = _polymer_polymer_lib_utils_html_tag_js__WEBPACK_IMPORTED_MODULE_1__.html`
|
|
88
|
+
<custom-style>
|
|
89
|
+
<style is="custom-style">
|
|
90
|
+
[hidden] {
|
|
91
|
+
display: none !important;
|
|
92
|
+
}
|
|
93
|
+
</style>
|
|
94
|
+
</custom-style>
|
|
95
|
+
<custom-style>
|
|
96
|
+
<style is="custom-style">
|
|
97
|
+
html {
|
|
98
|
+
|
|
99
|
+
--layout: {
|
|
100
|
+
display: -ms-flexbox;
|
|
101
|
+
display: -webkit-flex;
|
|
102
|
+
display: flex;
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
--layout-inline: {
|
|
106
|
+
display: -ms-inline-flexbox;
|
|
107
|
+
display: -webkit-inline-flex;
|
|
108
|
+
display: inline-flex;
|
|
109
|
+
};
|
|
110
|
+
|
|
111
|
+
--layout-horizontal: {
|
|
112
|
+
@apply --layout;
|
|
113
|
+
|
|
114
|
+
-ms-flex-direction: row;
|
|
115
|
+
-webkit-flex-direction: row;
|
|
116
|
+
flex-direction: row;
|
|
117
|
+
};
|
|
118
|
+
|
|
119
|
+
--layout-horizontal-reverse: {
|
|
120
|
+
@apply --layout;
|
|
121
|
+
|
|
122
|
+
-ms-flex-direction: row-reverse;
|
|
123
|
+
-webkit-flex-direction: row-reverse;
|
|
124
|
+
flex-direction: row-reverse;
|
|
125
|
+
};
|
|
126
|
+
|
|
127
|
+
--layout-vertical: {
|
|
128
|
+
@apply --layout;
|
|
129
|
+
|
|
130
|
+
-ms-flex-direction: column;
|
|
131
|
+
-webkit-flex-direction: column;
|
|
132
|
+
flex-direction: column;
|
|
133
|
+
};
|
|
134
|
+
|
|
135
|
+
--layout-vertical-reverse: {
|
|
136
|
+
@apply --layout;
|
|
137
|
+
|
|
138
|
+
-ms-flex-direction: column-reverse;
|
|
139
|
+
-webkit-flex-direction: column-reverse;
|
|
140
|
+
flex-direction: column-reverse;
|
|
141
|
+
};
|
|
142
|
+
|
|
143
|
+
--layout-wrap: {
|
|
144
|
+
-ms-flex-wrap: wrap;
|
|
145
|
+
-webkit-flex-wrap: wrap;
|
|
146
|
+
flex-wrap: wrap;
|
|
147
|
+
};
|
|
148
|
+
|
|
149
|
+
--layout-wrap-reverse: {
|
|
150
|
+
-ms-flex-wrap: wrap-reverse;
|
|
151
|
+
-webkit-flex-wrap: wrap-reverse;
|
|
152
|
+
flex-wrap: wrap-reverse;
|
|
153
|
+
};
|
|
154
|
+
|
|
155
|
+
--layout-flex-auto: {
|
|
156
|
+
-ms-flex: 1 1 auto;
|
|
157
|
+
-webkit-flex: 1 1 auto;
|
|
158
|
+
flex: 1 1 auto;
|
|
159
|
+
};
|
|
160
|
+
|
|
161
|
+
--layout-flex-none: {
|
|
162
|
+
-ms-flex: none;
|
|
163
|
+
-webkit-flex: none;
|
|
164
|
+
flex: none;
|
|
165
|
+
};
|
|
166
|
+
|
|
167
|
+
--layout-flex: {
|
|
168
|
+
-ms-flex: 1 1 0.000000001px;
|
|
169
|
+
-webkit-flex: 1;
|
|
170
|
+
flex: 1;
|
|
171
|
+
-webkit-flex-basis: 0.000000001px;
|
|
172
|
+
flex-basis: 0.000000001px;
|
|
173
|
+
};
|
|
174
|
+
|
|
175
|
+
--layout-flex-2: {
|
|
176
|
+
-ms-flex: 2;
|
|
177
|
+
-webkit-flex: 2;
|
|
178
|
+
flex: 2;
|
|
179
|
+
};
|
|
180
|
+
|
|
181
|
+
--layout-flex-3: {
|
|
182
|
+
-ms-flex: 3;
|
|
183
|
+
-webkit-flex: 3;
|
|
184
|
+
flex: 3;
|
|
185
|
+
};
|
|
186
|
+
|
|
187
|
+
--layout-flex-4: {
|
|
188
|
+
-ms-flex: 4;
|
|
189
|
+
-webkit-flex: 4;
|
|
190
|
+
flex: 4;
|
|
191
|
+
};
|
|
192
|
+
|
|
193
|
+
--layout-flex-5: {
|
|
194
|
+
-ms-flex: 5;
|
|
195
|
+
-webkit-flex: 5;
|
|
196
|
+
flex: 5;
|
|
197
|
+
};
|
|
198
|
+
|
|
199
|
+
--layout-flex-6: {
|
|
200
|
+
-ms-flex: 6;
|
|
201
|
+
-webkit-flex: 6;
|
|
202
|
+
flex: 6;
|
|
203
|
+
};
|
|
204
|
+
|
|
205
|
+
--layout-flex-7: {
|
|
206
|
+
-ms-flex: 7;
|
|
207
|
+
-webkit-flex: 7;
|
|
208
|
+
flex: 7;
|
|
209
|
+
};
|
|
210
|
+
|
|
211
|
+
--layout-flex-8: {
|
|
212
|
+
-ms-flex: 8;
|
|
213
|
+
-webkit-flex: 8;
|
|
214
|
+
flex: 8;
|
|
215
|
+
};
|
|
216
|
+
|
|
217
|
+
--layout-flex-9: {
|
|
218
|
+
-ms-flex: 9;
|
|
219
|
+
-webkit-flex: 9;
|
|
220
|
+
flex: 9;
|
|
221
|
+
};
|
|
222
|
+
|
|
223
|
+
--layout-flex-10: {
|
|
224
|
+
-ms-flex: 10;
|
|
225
|
+
-webkit-flex: 10;
|
|
226
|
+
flex: 10;
|
|
227
|
+
};
|
|
228
|
+
|
|
229
|
+
--layout-flex-11: {
|
|
230
|
+
-ms-flex: 11;
|
|
231
|
+
-webkit-flex: 11;
|
|
232
|
+
flex: 11;
|
|
233
|
+
};
|
|
234
|
+
|
|
235
|
+
--layout-flex-12: {
|
|
236
|
+
-ms-flex: 12;
|
|
237
|
+
-webkit-flex: 12;
|
|
238
|
+
flex: 12;
|
|
239
|
+
};
|
|
240
|
+
|
|
241
|
+
/* alignment in cross axis */
|
|
242
|
+
|
|
243
|
+
--layout-start: {
|
|
244
|
+
-ms-flex-align: start;
|
|
245
|
+
-webkit-align-items: flex-start;
|
|
246
|
+
align-items: flex-start;
|
|
247
|
+
};
|
|
248
|
+
|
|
249
|
+
--layout-center: {
|
|
250
|
+
-ms-flex-align: center;
|
|
251
|
+
-webkit-align-items: center;
|
|
252
|
+
align-items: center;
|
|
253
|
+
};
|
|
254
|
+
|
|
255
|
+
--layout-end: {
|
|
256
|
+
-ms-flex-align: end;
|
|
257
|
+
-webkit-align-items: flex-end;
|
|
258
|
+
align-items: flex-end;
|
|
259
|
+
};
|
|
260
|
+
|
|
261
|
+
--layout-baseline: {
|
|
262
|
+
-ms-flex-align: baseline;
|
|
263
|
+
-webkit-align-items: baseline;
|
|
264
|
+
align-items: baseline;
|
|
265
|
+
};
|
|
266
|
+
|
|
267
|
+
/* alignment in main axis */
|
|
268
|
+
|
|
269
|
+
--layout-start-justified: {
|
|
270
|
+
-ms-flex-pack: start;
|
|
271
|
+
-webkit-justify-content: flex-start;
|
|
272
|
+
justify-content: flex-start;
|
|
273
|
+
};
|
|
274
|
+
|
|
275
|
+
--layout-center-justified: {
|
|
276
|
+
-ms-flex-pack: center;
|
|
277
|
+
-webkit-justify-content: center;
|
|
278
|
+
justify-content: center;
|
|
279
|
+
};
|
|
280
|
+
|
|
281
|
+
--layout-end-justified: {
|
|
282
|
+
-ms-flex-pack: end;
|
|
283
|
+
-webkit-justify-content: flex-end;
|
|
284
|
+
justify-content: flex-end;
|
|
285
|
+
};
|
|
286
|
+
|
|
287
|
+
--layout-around-justified: {
|
|
288
|
+
-ms-flex-pack: distribute;
|
|
289
|
+
-webkit-justify-content: space-around;
|
|
290
|
+
justify-content: space-around;
|
|
291
|
+
};
|
|
292
|
+
|
|
293
|
+
--layout-justified: {
|
|
294
|
+
-ms-flex-pack: justify;
|
|
295
|
+
-webkit-justify-content: space-between;
|
|
296
|
+
justify-content: space-between;
|
|
297
|
+
};
|
|
298
|
+
|
|
299
|
+
--layout-center-center: {
|
|
300
|
+
@apply --layout-center;
|
|
301
|
+
@apply --layout-center-justified;
|
|
302
|
+
};
|
|
303
|
+
|
|
304
|
+
/* self alignment */
|
|
305
|
+
|
|
306
|
+
--layout-self-start: {
|
|
307
|
+
-ms-align-self: flex-start;
|
|
308
|
+
-webkit-align-self: flex-start;
|
|
309
|
+
align-self: flex-start;
|
|
310
|
+
};
|
|
311
|
+
|
|
312
|
+
--layout-self-center: {
|
|
313
|
+
-ms-align-self: center;
|
|
314
|
+
-webkit-align-self: center;
|
|
315
|
+
align-self: center;
|
|
316
|
+
};
|
|
317
|
+
|
|
318
|
+
--layout-self-end: {
|
|
319
|
+
-ms-align-self: flex-end;
|
|
320
|
+
-webkit-align-self: flex-end;
|
|
321
|
+
align-self: flex-end;
|
|
322
|
+
};
|
|
323
|
+
|
|
324
|
+
--layout-self-stretch: {
|
|
325
|
+
-ms-align-self: stretch;
|
|
326
|
+
-webkit-align-self: stretch;
|
|
327
|
+
align-self: stretch;
|
|
328
|
+
};
|
|
329
|
+
|
|
330
|
+
--layout-self-baseline: {
|
|
331
|
+
-ms-align-self: baseline;
|
|
332
|
+
-webkit-align-self: baseline;
|
|
333
|
+
align-self: baseline;
|
|
334
|
+
};
|
|
335
|
+
|
|
336
|
+
/* multi-line alignment in main axis */
|
|
337
|
+
|
|
338
|
+
--layout-start-aligned: {
|
|
339
|
+
-ms-flex-line-pack: start; /* IE10 */
|
|
340
|
+
-ms-align-content: flex-start;
|
|
341
|
+
-webkit-align-content: flex-start;
|
|
342
|
+
align-content: flex-start;
|
|
343
|
+
};
|
|
344
|
+
|
|
345
|
+
--layout-end-aligned: {
|
|
346
|
+
-ms-flex-line-pack: end; /* IE10 */
|
|
347
|
+
-ms-align-content: flex-end;
|
|
348
|
+
-webkit-align-content: flex-end;
|
|
349
|
+
align-content: flex-end;
|
|
350
|
+
};
|
|
351
|
+
|
|
352
|
+
--layout-center-aligned: {
|
|
353
|
+
-ms-flex-line-pack: center; /* IE10 */
|
|
354
|
+
-ms-align-content: center;
|
|
355
|
+
-webkit-align-content: center;
|
|
356
|
+
align-content: center;
|
|
357
|
+
};
|
|
358
|
+
|
|
359
|
+
--layout-between-aligned: {
|
|
360
|
+
-ms-flex-line-pack: justify; /* IE10 */
|
|
361
|
+
-ms-align-content: space-between;
|
|
362
|
+
-webkit-align-content: space-between;
|
|
363
|
+
align-content: space-between;
|
|
364
|
+
};
|
|
365
|
+
|
|
366
|
+
--layout-around-aligned: {
|
|
367
|
+
-ms-flex-line-pack: distribute; /* IE10 */
|
|
368
|
+
-ms-align-content: space-around;
|
|
369
|
+
-webkit-align-content: space-around;
|
|
370
|
+
align-content: space-around;
|
|
371
|
+
};
|
|
372
|
+
|
|
373
|
+
/*******************************
|
|
374
|
+
Other Layout
|
|
375
|
+
*******************************/
|
|
376
|
+
|
|
377
|
+
--layout-block: {
|
|
378
|
+
display: block;
|
|
379
|
+
};
|
|
380
|
+
|
|
381
|
+
--layout-invisible: {
|
|
382
|
+
visibility: hidden !important;
|
|
383
|
+
};
|
|
384
|
+
|
|
385
|
+
--layout-relative: {
|
|
386
|
+
position: relative;
|
|
387
|
+
};
|
|
388
|
+
|
|
389
|
+
--layout-fit: {
|
|
390
|
+
position: absolute;
|
|
391
|
+
top: 0;
|
|
392
|
+
right: 0;
|
|
393
|
+
bottom: 0;
|
|
394
|
+
left: 0;
|
|
395
|
+
};
|
|
396
|
+
|
|
397
|
+
--layout-scroll: {
|
|
398
|
+
-webkit-overflow-scrolling: touch;
|
|
399
|
+
overflow: auto;
|
|
400
|
+
};
|
|
401
|
+
|
|
402
|
+
--layout-fullbleed: {
|
|
403
|
+
margin: 0;
|
|
404
|
+
height: 100vh;
|
|
405
|
+
};
|
|
406
|
+
|
|
407
|
+
/* fixed position */
|
|
408
|
+
|
|
409
|
+
--layout-fixed-top: {
|
|
410
|
+
position: fixed;
|
|
411
|
+
top: 0;
|
|
412
|
+
left: 0;
|
|
413
|
+
right: 0;
|
|
414
|
+
};
|
|
415
|
+
|
|
416
|
+
--layout-fixed-right: {
|
|
417
|
+
position: fixed;
|
|
418
|
+
top: 0;
|
|
419
|
+
right: 0;
|
|
420
|
+
bottom: 0;
|
|
421
|
+
};
|
|
422
|
+
|
|
423
|
+
--layout-fixed-bottom: {
|
|
424
|
+
position: fixed;
|
|
425
|
+
right: 0;
|
|
426
|
+
bottom: 0;
|
|
427
|
+
left: 0;
|
|
428
|
+
};
|
|
429
|
+
|
|
430
|
+
--layout-fixed-left: {
|
|
431
|
+
position: fixed;
|
|
432
|
+
top: 0;
|
|
433
|
+
bottom: 0;
|
|
434
|
+
left: 0;
|
|
435
|
+
};
|
|
436
|
+
|
|
437
|
+
}
|
|
438
|
+
</style>
|
|
439
|
+
</custom-style>`;
|
|
440
|
+
|
|
441
|
+
template.setAttribute('style', 'display: none;');
|
|
442
|
+
document.head.appendChild(template.content);
|
|
443
|
+
|
|
444
|
+
var style = document.createElement('style');
|
|
445
|
+
style.textContent = '[hidden] { display: none !important; }';
|
|
446
|
+
document.head.appendChild(style);
|
|
447
|
+
|
|
448
|
+
|
|
449
|
+
/***/ }),
|
|
450
|
+
|
|
451
|
+
/***/ "./node_modules/@polymer/iron-icon/iron-icon.js":
|
|
452
|
+
/*!******************************************************!*\
|
|
453
|
+
!*** ./node_modules/@polymer/iron-icon/iron-icon.js ***!
|
|
454
|
+
\******************************************************/
|
|
455
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
456
|
+
|
|
457
|
+
__webpack_require__.r(__webpack_exports__);
|
|
458
|
+
/* harmony import */ var _polymer_iron_flex_layout_iron_flex_layout_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @polymer/iron-flex-layout/iron-flex-layout.js */ "./node_modules/@polymer/iron-flex-layout/iron-flex-layout.js");
|
|
459
|
+
/* harmony import */ var _polymer_iron_meta_iron_meta_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @polymer/iron-meta/iron-meta.js */ "./node_modules/@polymer/iron-meta/iron-meta.js");
|
|
460
|
+
/* harmony import */ var _polymer_polymer_lib_legacy_polymer_fn_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @polymer/polymer/lib/legacy/polymer-fn.js */ "./node_modules/@polymer/polymer/lib/legacy/polymer-fn.js");
|
|
461
|
+
/* harmony import */ var _polymer_polymer_lib_legacy_polymer_dom_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @polymer/polymer/lib/legacy/polymer.dom.js */ "./node_modules/@polymer/polymer/lib/legacy/polymer.dom.js");
|
|
462
|
+
/* harmony import */ var _polymer_polymer_lib_utils_html_tag_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! @polymer/polymer/lib/utils/html-tag.js */ "./node_modules/@polymer/polymer/lib/utils/html-tag.js");
|
|
463
|
+
/* harmony import */ var _polymer_polymer_polymer_legacy_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! @polymer/polymer/polymer-legacy.js */ "./node_modules/@polymer/polymer/polymer-legacy.js");
|
|
464
|
+
/**
|
|
465
|
+
@license
|
|
466
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
|
467
|
+
This code may only be used under the BSD style license found at
|
|
468
|
+
http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
|
|
469
|
+
http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
|
|
470
|
+
found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
|
|
471
|
+
part of the polymer project is also subject to an additional IP rights grant
|
|
472
|
+
found at http://polymer.github.io/PATENTS.txt
|
|
473
|
+
*/
|
|
474
|
+
|
|
475
|
+
|
|
476
|
+
|
|
477
|
+
|
|
478
|
+
|
|
479
|
+
|
|
480
|
+
|
|
481
|
+
|
|
482
|
+
/**
|
|
483
|
+
|
|
484
|
+
The `iron-icon` element displays an icon. By default an icon renders as a 24px
|
|
485
|
+
square.
|
|
486
|
+
|
|
487
|
+
Example using src:
|
|
488
|
+
|
|
489
|
+
<iron-icon src="star.png"></iron-icon>
|
|
490
|
+
|
|
491
|
+
Example setting size to 32px x 32px:
|
|
492
|
+
|
|
493
|
+
<iron-icon class="big" src="big_star.png"></iron-icon>
|
|
494
|
+
|
|
495
|
+
<style is="custom-style">
|
|
496
|
+
.big {
|
|
497
|
+
--iron-icon-height: 32px;
|
|
498
|
+
--iron-icon-width: 32px;
|
|
499
|
+
}
|
|
500
|
+
</style>
|
|
501
|
+
|
|
502
|
+
The iron elements include several sets of icons. To use the default set of
|
|
503
|
+
icons, import `iron-icons.js` and use the `icon` attribute to specify an icon:
|
|
504
|
+
|
|
505
|
+
<script type="module">
|
|
506
|
+
import "@polymer/iron-icons/iron-icons.js";
|
|
507
|
+
</script>
|
|
508
|
+
|
|
509
|
+
<iron-icon icon="menu"></iron-icon>
|
|
510
|
+
|
|
511
|
+
To use a different built-in set of icons, import the specific
|
|
512
|
+
`iron-icons/<iconset>-icons.js`, and specify the icon as `<iconset>:<icon>`.
|
|
513
|
+
For example, to use a communication icon, you would use:
|
|
514
|
+
|
|
515
|
+
<script type="module">
|
|
516
|
+
import "@polymer/iron-icons/communication-icons.js";
|
|
517
|
+
</script>
|
|
518
|
+
|
|
519
|
+
<iron-icon icon="communication:email"></iron-icon>
|
|
520
|
+
|
|
521
|
+
You can also create custom icon sets of bitmap or SVG icons.
|
|
522
|
+
|
|
523
|
+
Example of using an icon named `cherry` from a custom iconset with the ID
|
|
524
|
+
`fruit`:
|
|
525
|
+
|
|
526
|
+
<iron-icon icon="fruit:cherry"></iron-icon>
|
|
527
|
+
|
|
528
|
+
See `<iron-iconset>` and `<iron-iconset-svg>` for more information about how to
|
|
529
|
+
create a custom iconset.
|
|
530
|
+
|
|
531
|
+
See the `iron-icons` demo to see the icons available in the various iconsets.
|
|
532
|
+
|
|
533
|
+
### Styling
|
|
534
|
+
|
|
535
|
+
The following custom properties are available for styling:
|
|
536
|
+
|
|
537
|
+
Custom property | Description | Default
|
|
538
|
+
----------------|-------------|----------
|
|
539
|
+
`--iron-icon` | Mixin applied to the icon | {}
|
|
540
|
+
`--iron-icon-width` | Width of the icon | `24px`
|
|
541
|
+
`--iron-icon-height` | Height of the icon | `24px`
|
|
542
|
+
`--iron-icon-fill-color` | Fill color of the svg icon | `currentcolor`
|
|
543
|
+
`--iron-icon-stroke-color` | Stroke color of the svg icon | none
|
|
544
|
+
|
|
545
|
+
@group Iron Elements
|
|
546
|
+
@element iron-icon
|
|
547
|
+
@demo demo/index.html
|
|
548
|
+
@hero hero.svg
|
|
549
|
+
@homepage polymer.github.io
|
|
550
|
+
*/
|
|
551
|
+
(0,_polymer_polymer_lib_legacy_polymer_fn_js__WEBPACK_IMPORTED_MODULE_2__.Polymer)({
|
|
552
|
+
_template: _polymer_polymer_lib_utils_html_tag_js__WEBPACK_IMPORTED_MODULE_4__.html`
|
|
553
|
+
<style>
|
|
554
|
+
:host {
|
|
555
|
+
@apply --layout-inline;
|
|
556
|
+
@apply --layout-center-center;
|
|
557
|
+
position: relative;
|
|
558
|
+
|
|
559
|
+
vertical-align: middle;
|
|
560
|
+
|
|
561
|
+
fill: var(--iron-icon-fill-color, currentcolor);
|
|
562
|
+
stroke: var(--iron-icon-stroke-color, none);
|
|
563
|
+
|
|
564
|
+
width: var(--iron-icon-width, 24px);
|
|
565
|
+
height: var(--iron-icon-height, 24px);
|
|
566
|
+
@apply --iron-icon;
|
|
567
|
+
}
|
|
568
|
+
|
|
569
|
+
:host([hidden]) {
|
|
570
|
+
display: none;
|
|
571
|
+
}
|
|
572
|
+
</style>
|
|
573
|
+
`,
|
|
574
|
+
|
|
575
|
+
is: 'iron-icon',
|
|
576
|
+
|
|
577
|
+
properties: {
|
|
578
|
+
|
|
579
|
+
/**
|
|
580
|
+
* The name of the icon to use. The name should be of the form:
|
|
581
|
+
* `iconset_name:icon_name`.
|
|
582
|
+
*/
|
|
583
|
+
icon: {type: String},
|
|
584
|
+
|
|
585
|
+
/**
|
|
586
|
+
* The name of the theme to used, if one is specified by the
|
|
587
|
+
* iconset.
|
|
588
|
+
*/
|
|
589
|
+
theme: {type: String},
|
|
590
|
+
|
|
591
|
+
/**
|
|
592
|
+
* If using iron-icon without an iconset, you can set the src to be
|
|
593
|
+
* the URL of an individual icon image file. Note that this will take
|
|
594
|
+
* precedence over a given icon attribute.
|
|
595
|
+
*/
|
|
596
|
+
src: {type: String},
|
|
597
|
+
|
|
598
|
+
/**
|
|
599
|
+
* @type {!IronMeta}
|
|
600
|
+
*/
|
|
601
|
+
_meta: {value: _polymer_polymer_polymer_legacy_js__WEBPACK_IMPORTED_MODULE_5__.Base.create('iron-meta', {type: 'iconset'})}
|
|
602
|
+
|
|
603
|
+
},
|
|
604
|
+
|
|
605
|
+
observers: [
|
|
606
|
+
'_updateIcon(_meta, isAttached)',
|
|
607
|
+
'_updateIcon(theme, isAttached)',
|
|
608
|
+
'_srcChanged(src, isAttached)',
|
|
609
|
+
'_iconChanged(icon, isAttached)'
|
|
610
|
+
],
|
|
611
|
+
|
|
612
|
+
_DEFAULT_ICONSET: 'icons',
|
|
613
|
+
|
|
614
|
+
_iconChanged: function(icon) {
|
|
615
|
+
var parts = (icon || '').split(':');
|
|
616
|
+
this._iconName = parts.pop();
|
|
617
|
+
this._iconsetName = parts.pop() || this._DEFAULT_ICONSET;
|
|
618
|
+
this._updateIcon();
|
|
619
|
+
},
|
|
620
|
+
|
|
621
|
+
_srcChanged: function(src) {
|
|
622
|
+
this._updateIcon();
|
|
623
|
+
},
|
|
624
|
+
|
|
625
|
+
_usesIconset: function() {
|
|
626
|
+
return this.icon || !this.src;
|
|
627
|
+
},
|
|
628
|
+
|
|
629
|
+
/** @suppress {visibility} */
|
|
630
|
+
_updateIcon: function() {
|
|
631
|
+
if (this._usesIconset()) {
|
|
632
|
+
if (this._img && this._img.parentNode) {
|
|
633
|
+
(0,_polymer_polymer_lib_legacy_polymer_dom_js__WEBPACK_IMPORTED_MODULE_3__.dom)(this.root).removeChild(this._img);
|
|
634
|
+
}
|
|
635
|
+
if (this._iconName === '') {
|
|
636
|
+
if (this._iconset) {
|
|
637
|
+
this._iconset.removeIcon(this);
|
|
638
|
+
}
|
|
639
|
+
} else if (this._iconsetName && this._meta) {
|
|
640
|
+
this._iconset = /** @type {?Polymer.Iconset} */ (
|
|
641
|
+
this._meta.byKey(this._iconsetName));
|
|
642
|
+
if (this._iconset) {
|
|
643
|
+
this._iconset.applyIcon(this, this._iconName, this.theme);
|
|
644
|
+
this.unlisten(window, 'iron-iconset-added', '_updateIcon');
|
|
645
|
+
} else {
|
|
646
|
+
this.listen(window, 'iron-iconset-added', '_updateIcon');
|
|
647
|
+
}
|
|
648
|
+
}
|
|
649
|
+
} else {
|
|
650
|
+
if (this._iconset) {
|
|
651
|
+
this._iconset.removeIcon(this);
|
|
652
|
+
}
|
|
653
|
+
if (!this._img) {
|
|
654
|
+
this._img = document.createElement('img');
|
|
655
|
+
this._img.style.width = '100%';
|
|
656
|
+
this._img.style.height = '100%';
|
|
657
|
+
this._img.draggable = false;
|
|
658
|
+
}
|
|
659
|
+
this._img.src = this.src;
|
|
660
|
+
(0,_polymer_polymer_lib_legacy_polymer_dom_js__WEBPACK_IMPORTED_MODULE_3__.dom)(this.root).appendChild(this._img);
|
|
661
|
+
}
|
|
662
|
+
}
|
|
663
|
+
});
|
|
664
|
+
|
|
665
|
+
|
|
666
|
+
/***/ }),
|
|
667
|
+
|
|
668
|
+
/***/ "./node_modules/@polymer/iron-iconset-svg/iron-iconset-svg.js":
|
|
669
|
+
/*!********************************************************************!*\
|
|
670
|
+
!*** ./node_modules/@polymer/iron-iconset-svg/iron-iconset-svg.js ***!
|
|
671
|
+
\********************************************************************/
|
|
672
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
673
|
+
|
|
674
|
+
__webpack_require__.r(__webpack_exports__);
|
|
675
|
+
/* harmony import */ var _polymer_polymer_polymer_legacy_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @polymer/polymer/polymer-legacy.js */ "./node_modules/@polymer/polymer/polymer-legacy.js");
|
|
676
|
+
/* harmony import */ var _polymer_iron_meta_iron_meta_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @polymer/iron-meta/iron-meta.js */ "./node_modules/@polymer/iron-meta/iron-meta.js");
|
|
677
|
+
/* harmony import */ var _polymer_polymer_lib_legacy_polymer_fn_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @polymer/polymer/lib/legacy/polymer-fn.js */ "./node_modules/@polymer/polymer/lib/legacy/polymer-fn.js");
|
|
678
|
+
/* harmony import */ var _polymer_polymer_lib_legacy_polymer_dom_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @polymer/polymer/lib/legacy/polymer.dom.js */ "./node_modules/@polymer/polymer/lib/legacy/polymer.dom.js");
|
|
679
|
+
/**
|
|
680
|
+
@license
|
|
681
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
|
682
|
+
This code may only be used under the BSD style license found at
|
|
683
|
+
http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
|
|
684
|
+
http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
|
|
685
|
+
found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
|
|
686
|
+
part of the polymer project is also subject to an additional IP rights grant
|
|
687
|
+
found at http://polymer.github.io/PATENTS.txt
|
|
688
|
+
*/
|
|
689
|
+
|
|
690
|
+
|
|
691
|
+
|
|
692
|
+
|
|
693
|
+
|
|
694
|
+
/**
|
|
695
|
+
* The `iron-iconset-svg` element allows users to define their own icon sets
|
|
696
|
+
* that contain svg icons. The svg icon elements should be children of the
|
|
697
|
+
* `iron-iconset-svg` element. Multiple icons should be given distinct id's.
|
|
698
|
+
*
|
|
699
|
+
* Using svg elements to create icons has a few advantages over traditional
|
|
700
|
+
* bitmap graphics like jpg or png. Icons that use svg are vector based so
|
|
701
|
+
* they are resolution independent and should look good on any device. They
|
|
702
|
+
* are stylable via css. Icons can be themed, colorized, and even animated.
|
|
703
|
+
*
|
|
704
|
+
* Example:
|
|
705
|
+
*
|
|
706
|
+
* <iron-iconset-svg name="my-svg-icons" size="24">
|
|
707
|
+
* <svg>
|
|
708
|
+
* <defs>
|
|
709
|
+
* <g id="shape">
|
|
710
|
+
* <rect x="12" y="0" width="12" height="24" />
|
|
711
|
+
* <circle cx="12" cy="12" r="12" />
|
|
712
|
+
* </g>
|
|
713
|
+
* </defs>
|
|
714
|
+
* </svg>
|
|
715
|
+
* </iron-iconset-svg>
|
|
716
|
+
*
|
|
717
|
+
* This will automatically register the icon set "my-svg-icons" to the iconset
|
|
718
|
+
* database. To use these icons from within another element, make a
|
|
719
|
+
* `iron-iconset` element and call the `byId` method
|
|
720
|
+
* to retrieve a given iconset. To apply a particular icon inside an
|
|
721
|
+
* element use the `applyIcon` method. For example:
|
|
722
|
+
*
|
|
723
|
+
* iconset.applyIcon(iconNode, 'car');
|
|
724
|
+
*
|
|
725
|
+
* @element iron-iconset-svg
|
|
726
|
+
* @demo demo/index.html
|
|
727
|
+
* @implements {Polymer.Iconset}
|
|
728
|
+
*/
|
|
729
|
+
(0,_polymer_polymer_lib_legacy_polymer_fn_js__WEBPACK_IMPORTED_MODULE_2__.Polymer)({
|
|
730
|
+
is: 'iron-iconset-svg',
|
|
731
|
+
|
|
732
|
+
properties: {
|
|
733
|
+
|
|
734
|
+
/**
|
|
735
|
+
* The name of the iconset.
|
|
736
|
+
*/
|
|
737
|
+
name: {type: String, observer: '_nameChanged'},
|
|
738
|
+
|
|
739
|
+
/**
|
|
740
|
+
* The size of an individual icon. Note that icons must be square.
|
|
741
|
+
*/
|
|
742
|
+
size: {type: Number, value: 24},
|
|
743
|
+
|
|
744
|
+
/**
|
|
745
|
+
* Set to true to enable mirroring of icons where specified when they are
|
|
746
|
+
* stamped. Icons that should be mirrored should be decorated with a
|
|
747
|
+
* `mirror-in-rtl` attribute.
|
|
748
|
+
*
|
|
749
|
+
* NOTE: For performance reasons, direction will be resolved once per
|
|
750
|
+
* document per iconset, so moving icons in and out of RTL subtrees will
|
|
751
|
+
* not cause their mirrored state to change.
|
|
752
|
+
*/
|
|
753
|
+
rtlMirroring: {type: Boolean, value: false},
|
|
754
|
+
|
|
755
|
+
/**
|
|
756
|
+
* Set to true to measure RTL based on the dir attribute on the body or
|
|
757
|
+
* html elements (measured on document.body or document.documentElement as
|
|
758
|
+
* available).
|
|
759
|
+
*/
|
|
760
|
+
useGlobalRtlAttribute: {type: Boolean, value: false}
|
|
761
|
+
},
|
|
762
|
+
|
|
763
|
+
created: function() {
|
|
764
|
+
this._meta = new _polymer_iron_meta_iron_meta_js__WEBPACK_IMPORTED_MODULE_1__.IronMeta({type: 'iconset', key: null, value: null});
|
|
765
|
+
},
|
|
766
|
+
|
|
767
|
+
attached: function() {
|
|
768
|
+
this.style.display = 'none';
|
|
769
|
+
},
|
|
770
|
+
|
|
771
|
+
/**
|
|
772
|
+
* Construct an array of all icon names in this iconset.
|
|
773
|
+
*
|
|
774
|
+
* @return {!Array} Array of icon names.
|
|
775
|
+
*/
|
|
776
|
+
getIconNames: function() {
|
|
777
|
+
this._icons = this._createIconMap();
|
|
778
|
+
return Object.keys(this._icons).map(function(n) {
|
|
779
|
+
return this.name + ':' + n;
|
|
780
|
+
}, this);
|
|
781
|
+
},
|
|
782
|
+
|
|
783
|
+
/**
|
|
784
|
+
* Applies an icon to the given element.
|
|
785
|
+
*
|
|
786
|
+
* An svg icon is prepended to the element's shadowRoot if it exists,
|
|
787
|
+
* otherwise to the element itself.
|
|
788
|
+
*
|
|
789
|
+
* If RTL mirroring is enabled, and the icon is marked to be mirrored in
|
|
790
|
+
* RTL, the element will be tested (once and only once ever for each
|
|
791
|
+
* iconset) to determine the direction of the subtree the element is in.
|
|
792
|
+
* This direction will apply to all future icon applications, although only
|
|
793
|
+
* icons marked to be mirrored will be affected.
|
|
794
|
+
*
|
|
795
|
+
* @method applyIcon
|
|
796
|
+
* @param {Element} element Element to which the icon is applied.
|
|
797
|
+
* @param {string} iconName Name of the icon to apply.
|
|
798
|
+
* @return {?Element} The svg element which renders the icon.
|
|
799
|
+
*/
|
|
800
|
+
applyIcon: function(element, iconName) {
|
|
801
|
+
// Remove old svg element
|
|
802
|
+
this.removeIcon(element);
|
|
803
|
+
// install new svg element
|
|
804
|
+
var svg = this._cloneIcon(
|
|
805
|
+
iconName, this.rtlMirroring && this._targetIsRTL(element));
|
|
806
|
+
if (svg) {
|
|
807
|
+
// insert svg element into shadow root, if it exists
|
|
808
|
+
var pde = (0,_polymer_polymer_lib_legacy_polymer_dom_js__WEBPACK_IMPORTED_MODULE_3__.dom)(element.root || element);
|
|
809
|
+
pde.insertBefore(svg, pde.childNodes[0]);
|
|
810
|
+
return element._svgIcon = svg;
|
|
811
|
+
}
|
|
812
|
+
return null;
|
|
813
|
+
},
|
|
814
|
+
|
|
815
|
+
/**
|
|
816
|
+
* Remove an icon from the given element by undoing the changes effected
|
|
817
|
+
* by `applyIcon`.
|
|
818
|
+
*
|
|
819
|
+
* @param {Element} element The element from which the icon is removed.
|
|
820
|
+
*/
|
|
821
|
+
removeIcon: function(element) {
|
|
822
|
+
// Remove old svg element
|
|
823
|
+
if (element._svgIcon) {
|
|
824
|
+
(0,_polymer_polymer_lib_legacy_polymer_dom_js__WEBPACK_IMPORTED_MODULE_3__.dom)(element.root || element).removeChild(element._svgIcon);
|
|
825
|
+
element._svgIcon = null;
|
|
826
|
+
}
|
|
827
|
+
},
|
|
828
|
+
|
|
829
|
+
/**
|
|
830
|
+
* Measures and memoizes the direction of the element. Note that this
|
|
831
|
+
* measurement is only done once and the result is memoized for future
|
|
832
|
+
* invocations.
|
|
833
|
+
*/
|
|
834
|
+
_targetIsRTL: function(target) {
|
|
835
|
+
if (this.__targetIsRTL == null) {
|
|
836
|
+
if (this.useGlobalRtlAttribute) {
|
|
837
|
+
var globalElement =
|
|
838
|
+
(document.body && document.body.hasAttribute('dir')) ?
|
|
839
|
+
document.body :
|
|
840
|
+
document.documentElement;
|
|
841
|
+
|
|
842
|
+
this.__targetIsRTL = globalElement.getAttribute('dir') === 'rtl';
|
|
843
|
+
} else {
|
|
844
|
+
if (target && target.nodeType !== Node.ELEMENT_NODE) {
|
|
845
|
+
target = target.host;
|
|
846
|
+
}
|
|
847
|
+
|
|
848
|
+
this.__targetIsRTL =
|
|
849
|
+
target && window.getComputedStyle(target)['direction'] === 'rtl';
|
|
850
|
+
}
|
|
851
|
+
}
|
|
852
|
+
|
|
853
|
+
return this.__targetIsRTL;
|
|
854
|
+
},
|
|
855
|
+
|
|
856
|
+
/**
|
|
857
|
+
*
|
|
858
|
+
* When name is changed, register iconset metadata
|
|
859
|
+
*
|
|
860
|
+
*/
|
|
861
|
+
_nameChanged: function() {
|
|
862
|
+
this._meta.value = null;
|
|
863
|
+
this._meta.key = this.name;
|
|
864
|
+
this._meta.value = this;
|
|
865
|
+
|
|
866
|
+
this.async(function() {
|
|
867
|
+
this.fire('iron-iconset-added', this, {node: window});
|
|
868
|
+
});
|
|
869
|
+
},
|
|
870
|
+
|
|
871
|
+
/**
|
|
872
|
+
* Create a map of child SVG elements by id.
|
|
873
|
+
*
|
|
874
|
+
* @return {!Object} Map of id's to SVG elements.
|
|
875
|
+
*/
|
|
876
|
+
_createIconMap: function() {
|
|
877
|
+
// Objects chained to Object.prototype (`{}`) have members. Specifically,
|
|
878
|
+
// on FF there is a `watch` method that confuses the icon map, so we
|
|
879
|
+
// need to use a null-based object here.
|
|
880
|
+
var icons = Object.create(null);
|
|
881
|
+
(0,_polymer_polymer_lib_legacy_polymer_dom_js__WEBPACK_IMPORTED_MODULE_3__.dom)(this).querySelectorAll('[id]').forEach(function(icon) {
|
|
882
|
+
icons[icon.id] = icon;
|
|
883
|
+
});
|
|
884
|
+
return icons;
|
|
885
|
+
},
|
|
886
|
+
|
|
887
|
+
/**
|
|
888
|
+
* Produce installable clone of the SVG element matching `id` in this
|
|
889
|
+
* iconset, or `undefined` if there is no matching element.
|
|
890
|
+
*
|
|
891
|
+
* @return {Element} Returns an installable clone of the SVG element
|
|
892
|
+
* matching `id`.
|
|
893
|
+
*/
|
|
894
|
+
_cloneIcon: function(id, mirrorAllowed) {
|
|
895
|
+
// create the icon map on-demand, since the iconset itself has no discrete
|
|
896
|
+
// signal to know when it's children are fully parsed
|
|
897
|
+
this._icons = this._icons || this._createIconMap();
|
|
898
|
+
return this._prepareSvgClone(this._icons[id], this.size, mirrorAllowed);
|
|
899
|
+
},
|
|
900
|
+
|
|
901
|
+
/**
|
|
902
|
+
* @param {Element} sourceSvg
|
|
903
|
+
* @param {number} size
|
|
904
|
+
* @param {Boolean} mirrorAllowed
|
|
905
|
+
* @return {Element}
|
|
906
|
+
*/
|
|
907
|
+
_prepareSvgClone: function(sourceSvg, size, mirrorAllowed) {
|
|
908
|
+
if (sourceSvg) {
|
|
909
|
+
var content = sourceSvg.cloneNode(true),
|
|
910
|
+
svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg'),
|
|
911
|
+
viewBox =
|
|
912
|
+
content.getAttribute('viewBox') || '0 0 ' + size + ' ' + size,
|
|
913
|
+
cssText =
|
|
914
|
+
'pointer-events: none; display: block; width: 100%; height: 100%;';
|
|
915
|
+
|
|
916
|
+
if (mirrorAllowed && content.hasAttribute('mirror-in-rtl')) {
|
|
917
|
+
cssText +=
|
|
918
|
+
'-webkit-transform:scale(-1,1);transform:scale(-1,1);transform-origin:center;';
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
svg.setAttribute('viewBox', viewBox);
|
|
922
|
+
svg.setAttribute('preserveAspectRatio', 'xMidYMid meet');
|
|
923
|
+
svg.setAttribute('focusable', 'false');
|
|
924
|
+
// TODO(dfreedm): `pointer-events: none` works around
|
|
925
|
+
// https://crbug.com/370136
|
|
926
|
+
// TODO(sjmiles): inline style may not be ideal, but avoids requiring a
|
|
927
|
+
// shadow-root
|
|
928
|
+
svg.style.cssText = cssText;
|
|
929
|
+
svg.appendChild(content).removeAttribute('id');
|
|
930
|
+
return svg;
|
|
931
|
+
}
|
|
932
|
+
return null;
|
|
933
|
+
}
|
|
934
|
+
|
|
935
|
+
});
|
|
936
|
+
|
|
937
|
+
|
|
938
|
+
/***/ }),
|
|
939
|
+
|
|
940
|
+
/***/ "./node_modules/@polymer/iron-meta/iron-meta.js":
|
|
941
|
+
/*!******************************************************!*\
|
|
942
|
+
!*** ./node_modules/@polymer/iron-meta/iron-meta.js ***!
|
|
943
|
+
\******************************************************/
|
|
944
|
+
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
|
|
945
|
+
|
|
946
|
+
__webpack_require__.r(__webpack_exports__);
|
|
947
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
948
|
+
/* harmony export */ "IronMeta": () => (/* binding */ IronMeta)
|
|
949
|
+
/* harmony export */ });
|
|
950
|
+
/* harmony import */ var _polymer_polymer_polymer_legacy_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @polymer/polymer/polymer-legacy.js */ "./node_modules/@polymer/polymer/polymer-legacy.js");
|
|
951
|
+
/* harmony import */ var _polymer_polymer_lib_legacy_polymer_fn_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! @polymer/polymer/lib/legacy/polymer-fn.js */ "./node_modules/@polymer/polymer/lib/legacy/polymer-fn.js");
|
|
952
|
+
/**
|
|
953
|
+
@license
|
|
954
|
+
Copyright (c) 2015 The Polymer Project Authors. All rights reserved.
|
|
955
|
+
This code may only be used under the BSD style license found at
|
|
956
|
+
http://polymer.github.io/LICENSE.txt The complete set of authors may be found at
|
|
957
|
+
http://polymer.github.io/AUTHORS.txt The complete set of contributors may be
|
|
958
|
+
found at http://polymer.github.io/CONTRIBUTORS.txt Code distributed by Google as
|
|
959
|
+
part of the polymer project is also subject to an additional IP rights grant
|
|
960
|
+
found at http://polymer.github.io/PATENTS.txt
|
|
961
|
+
*/
|
|
962
|
+
|
|
963
|
+
|
|
964
|
+
|
|
965
|
+
|
|
966
|
+
class IronMeta {
|
|
967
|
+
/**
|
|
968
|
+
* @param {{
|
|
969
|
+
* type: (string|null|undefined),
|
|
970
|
+
* key: (string|null|undefined),
|
|
971
|
+
* value: *,
|
|
972
|
+
* }=} options
|
|
973
|
+
*/
|
|
974
|
+
constructor(options) {
|
|
975
|
+
IronMeta[' '](options);
|
|
976
|
+
|
|
977
|
+
/** @type {string} */
|
|
978
|
+
this.type = (options && options.type) || 'default';
|
|
979
|
+
/** @type {string|null|undefined} */
|
|
980
|
+
this.key = options && options.key;
|
|
981
|
+
if (options && 'value' in options) {
|
|
982
|
+
/** @type {*} */
|
|
983
|
+
this.value = options.value;
|
|
984
|
+
}
|
|
985
|
+
}
|
|
986
|
+
|
|
987
|
+
/** @return {*} */
|
|
988
|
+
get value() {
|
|
989
|
+
var type = this.type;
|
|
990
|
+
var key = this.key;
|
|
991
|
+
|
|
992
|
+
if (type && key) {
|
|
993
|
+
return IronMeta.types[type] && IronMeta.types[type][key];
|
|
994
|
+
}
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
/** @param {*} value */
|
|
998
|
+
set value(value) {
|
|
999
|
+
var type = this.type;
|
|
1000
|
+
var key = this.key;
|
|
1001
|
+
|
|
1002
|
+
if (type && key) {
|
|
1003
|
+
type = IronMeta.types[type] = IronMeta.types[type] || {};
|
|
1004
|
+
if (value == null) {
|
|
1005
|
+
delete type[key];
|
|
1006
|
+
} else {
|
|
1007
|
+
type[key] = value;
|
|
1008
|
+
}
|
|
1009
|
+
}
|
|
1010
|
+
}
|
|
1011
|
+
|
|
1012
|
+
/** @return {!Array<*>} */
|
|
1013
|
+
get list() {
|
|
1014
|
+
var type = this.type;
|
|
1015
|
+
|
|
1016
|
+
if (type) {
|
|
1017
|
+
var items = IronMeta.types[this.type];
|
|
1018
|
+
if (!items) {
|
|
1019
|
+
return [];
|
|
1020
|
+
}
|
|
1021
|
+
|
|
1022
|
+
return Object.keys(items).map(function(key) {
|
|
1023
|
+
return metaDatas[this.type][key];
|
|
1024
|
+
}, this);
|
|
1025
|
+
}
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
/**
|
|
1029
|
+
* @param {string} key
|
|
1030
|
+
* @return {*}
|
|
1031
|
+
*/
|
|
1032
|
+
byKey(key) {
|
|
1033
|
+
this.key = key;
|
|
1034
|
+
return this.value;
|
|
1035
|
+
}
|
|
1036
|
+
};
|
|
1037
|
+
|
|
1038
|
+
// This function is used to convince Closure not to remove constructor calls
|
|
1039
|
+
// for instances that are not held anywhere. For example, when
|
|
1040
|
+
// `new IronMeta({...})` is used only for the side effect of adding a value.
|
|
1041
|
+
IronMeta[' '] = function() {};
|
|
1042
|
+
|
|
1043
|
+
IronMeta.types = {};
|
|
1044
|
+
|
|
1045
|
+
var metaDatas = IronMeta.types;
|
|
1046
|
+
|
|
1047
|
+
/**
|
|
1048
|
+
`iron-meta` is a generic element you can use for sharing information across the
|
|
1049
|
+
DOM tree. It uses [monostate pattern](http://c2.com/cgi/wiki?MonostatePattern)
|
|
1050
|
+
such that any instance of iron-meta has access to the shared information. You
|
|
1051
|
+
can use `iron-meta` to share whatever you want (or create an extension [like
|
|
1052
|
+
x-meta] for enhancements).
|
|
1053
|
+
|
|
1054
|
+
The `iron-meta` instances containing your actual data can be loaded in an
|
|
1055
|
+
import, or constructed in any way you see fit. The only requirement is that you
|
|
1056
|
+
create them before you try to access them.
|
|
1057
|
+
|
|
1058
|
+
Examples:
|
|
1059
|
+
|
|
1060
|
+
If I create an instance like this:
|
|
1061
|
+
|
|
1062
|
+
<iron-meta key="info" value="foo/bar"></iron-meta>
|
|
1063
|
+
|
|
1064
|
+
Note that value="foo/bar" is the metadata I've defined. I could define more
|
|
1065
|
+
attributes or use child nodes to define additional metadata.
|
|
1066
|
+
|
|
1067
|
+
Now I can access that element (and it's metadata) from any iron-meta instance
|
|
1068
|
+
via the byKey method, e.g.
|
|
1069
|
+
|
|
1070
|
+
meta.byKey('info');
|
|
1071
|
+
|
|
1072
|
+
Pure imperative form would be like:
|
|
1073
|
+
|
|
1074
|
+
document.createElement('iron-meta').byKey('info');
|
|
1075
|
+
|
|
1076
|
+
Or, in a Polymer element, you can include a meta in your template:
|
|
1077
|
+
|
|
1078
|
+
<iron-meta id="meta"></iron-meta>
|
|
1079
|
+
...
|
|
1080
|
+
this.$.meta.byKey('info');
|
|
1081
|
+
|
|
1082
|
+
@group Iron Elements
|
|
1083
|
+
@demo demo/index.html
|
|
1084
|
+
@element iron-meta
|
|
1085
|
+
*/
|
|
1086
|
+
(0,_polymer_polymer_lib_legacy_polymer_fn_js__WEBPACK_IMPORTED_MODULE_1__.Polymer)({
|
|
1087
|
+
|
|
1088
|
+
is: 'iron-meta',
|
|
1089
|
+
|
|
1090
|
+
properties: {
|
|
1091
|
+
|
|
1092
|
+
/**
|
|
1093
|
+
* The type of meta-data. All meta-data of the same type is stored
|
|
1094
|
+
* together.
|
|
1095
|
+
* @type {string}
|
|
1096
|
+
*/
|
|
1097
|
+
type: {
|
|
1098
|
+
type: String,
|
|
1099
|
+
value: 'default',
|
|
1100
|
+
},
|
|
1101
|
+
|
|
1102
|
+
/**
|
|
1103
|
+
* The key used to store `value` under the `type` namespace.
|
|
1104
|
+
* @type {?string}
|
|
1105
|
+
*/
|
|
1106
|
+
key: {
|
|
1107
|
+
type: String,
|
|
1108
|
+
},
|
|
1109
|
+
|
|
1110
|
+
/**
|
|
1111
|
+
* The meta-data to store or retrieve.
|
|
1112
|
+
* @type {*}
|
|
1113
|
+
*/
|
|
1114
|
+
value: {
|
|
1115
|
+
type: String,
|
|
1116
|
+
notify: true,
|
|
1117
|
+
},
|
|
1118
|
+
|
|
1119
|
+
/**
|
|
1120
|
+
* If true, `value` is set to the iron-meta instance itself.
|
|
1121
|
+
*/
|
|
1122
|
+
self: {type: Boolean, observer: '_selfChanged'},
|
|
1123
|
+
|
|
1124
|
+
__meta: {type: Boolean, computed: '__computeMeta(type, key, value)'}
|
|
1125
|
+
},
|
|
1126
|
+
|
|
1127
|
+
hostAttributes: {hidden: true},
|
|
1128
|
+
|
|
1129
|
+
__computeMeta: function(type, key, value) {
|
|
1130
|
+
var meta = new IronMeta({type: type, key: key});
|
|
1131
|
+
|
|
1132
|
+
if (value !== undefined && value !== meta.value) {
|
|
1133
|
+
meta.value = value;
|
|
1134
|
+
} else if (this.value !== meta.value) {
|
|
1135
|
+
this.value = meta.value;
|
|
1136
|
+
}
|
|
1137
|
+
|
|
1138
|
+
return meta;
|
|
1139
|
+
},
|
|
1140
|
+
|
|
1141
|
+
get list() {
|
|
1142
|
+
return this.__meta && this.__meta.list;
|
|
1143
|
+
},
|
|
1144
|
+
|
|
1145
|
+
_selfChanged: function(self) {
|
|
1146
|
+
if (self) {
|
|
1147
|
+
this.value = this;
|
|
1148
|
+
}
|
|
1149
|
+
},
|
|
1150
|
+
|
|
1151
|
+
/**
|
|
1152
|
+
* Retrieves meta data value by key.
|
|
1153
|
+
*
|
|
1154
|
+
* @method byKey
|
|
1155
|
+
* @param {string} key The key of the meta-data to be returned.
|
|
1156
|
+
* @return {*}
|
|
1157
|
+
*/
|
|
1158
|
+
byKey: function(key) {
|
|
1159
|
+
return new IronMeta({type: this.type, key: key}).value;
|
|
1160
|
+
}
|
|
1161
|
+
});
|
|
1162
|
+
|
|
1163
|
+
|
|
1164
|
+
/***/ }),
|
|
1165
|
+
|
|
1166
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/all-imports.js":
|
|
1167
|
+
/*!****************************************************************!*\
|
|
1168
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/all-imports.js ***!
|
|
1169
|
+
\****************************************************************/
|
|
1170
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
1171
|
+
|
|
1172
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1173
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1174
|
+
/* harmony export */ "fieldButton": () => (/* reexport safe */ _mixins_field_button_js__WEBPACK_IMPORTED_MODULE_0__.fieldButton),
|
|
1175
|
+
/* harmony export */ "menuOverlay": () => (/* reexport safe */ _mixins_menu_overlay_js__WEBPACK_IMPORTED_MODULE_1__.menuOverlay),
|
|
1176
|
+
/* harmony export */ "menuOverlayCore": () => (/* reexport safe */ _mixins_menu_overlay_js__WEBPACK_IMPORTED_MODULE_1__.menuOverlayCore),
|
|
1177
|
+
/* harmony export */ "overlay": () => (/* reexport safe */ _mixins_overlay_js__WEBPACK_IMPORTED_MODULE_2__.overlay),
|
|
1178
|
+
/* harmony export */ "requiredField": () => (/* reexport safe */ _mixins_required_field_js__WEBPACK_IMPORTED_MODULE_3__.requiredField),
|
|
1179
|
+
/* harmony export */ "badge": () => (/* reexport safe */ _badge_js__WEBPACK_IMPORTED_MODULE_4__.badge),
|
|
1180
|
+
/* harmony export */ "color": () => (/* reexport safe */ _color_js__WEBPACK_IMPORTED_MODULE_5__.color),
|
|
1181
|
+
/* harmony export */ "colorBase": () => (/* reexport safe */ _color_js__WEBPACK_IMPORTED_MODULE_5__.colorBase),
|
|
1182
|
+
/* harmony export */ "colorLegacy": () => (/* reexport safe */ _color_js__WEBPACK_IMPORTED_MODULE_5__.colorLegacy),
|
|
1183
|
+
/* harmony export */ "sizing": () => (/* reexport safe */ _sizing_js__WEBPACK_IMPORTED_MODULE_8__.sizing),
|
|
1184
|
+
/* harmony export */ "spacing": () => (/* reexport safe */ _spacing_js__WEBPACK_IMPORTED_MODULE_9__.spacing),
|
|
1185
|
+
/* harmony export */ "style": () => (/* reexport safe */ _style_js__WEBPACK_IMPORTED_MODULE_10__.style),
|
|
1186
|
+
/* harmony export */ "font": () => (/* reexport safe */ _typography_js__WEBPACK_IMPORTED_MODULE_11__.font),
|
|
1187
|
+
/* harmony export */ "typography": () => (/* reexport safe */ _typography_js__WEBPACK_IMPORTED_MODULE_11__.typography),
|
|
1188
|
+
/* harmony export */ "userColors": () => (/* reexport safe */ _user_colors_js__WEBPACK_IMPORTED_MODULE_12__.userColors),
|
|
1189
|
+
/* harmony export */ "utility": () => (/* reexport safe */ _utility_js__WEBPACK_IMPORTED_MODULE_13__.utility)
|
|
1190
|
+
/* harmony export */ });
|
|
1191
|
+
/* harmony import */ var _mixins_field_button_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./mixins/field-button.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/field-button.js");
|
|
1192
|
+
/* harmony import */ var _mixins_menu_overlay_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./mixins/menu-overlay.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/menu-overlay.js");
|
|
1193
|
+
/* harmony import */ var _mixins_overlay_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./mixins/overlay.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/overlay.js");
|
|
1194
|
+
/* harmony import */ var _mixins_required_field_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./mixins/required-field.js */ "./node_modules/@vaadin/vaadin-lumo-styles/mixins/required-field.js");
|
|
1195
|
+
/* harmony import */ var _badge_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./badge.js */ "./node_modules/@vaadin/vaadin-lumo-styles/badge.js");
|
|
1196
|
+
/* harmony import */ var _color_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./color.js */ "./node_modules/@vaadin/vaadin-lumo-styles/color.js");
|
|
1197
|
+
/* harmony import */ var _font_icons_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./font-icons.js */ "./node_modules/@vaadin/vaadin-lumo-styles/font-icons.js");
|
|
1198
|
+
/* harmony import */ var _icons_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./icons.js */ "./node_modules/@vaadin/vaadin-lumo-styles/icons.js");
|
|
1199
|
+
/* harmony import */ var _sizing_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./sizing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/sizing.js");
|
|
1200
|
+
/* harmony import */ var _spacing_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./spacing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/spacing.js");
|
|
1201
|
+
/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./style.js */ "./node_modules/@vaadin/vaadin-lumo-styles/style.js");
|
|
1202
|
+
/* harmony import */ var _typography_js__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./typography.js */ "./node_modules/@vaadin/vaadin-lumo-styles/typography.js");
|
|
1203
|
+
/* harmony import */ var _user_colors_js__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./user-colors.js */ "./node_modules/@vaadin/vaadin-lumo-styles/user-colors.js");
|
|
1204
|
+
/* harmony import */ var _utility_js__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ./utility.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utility.js");
|
|
1205
|
+
/**
|
|
1206
|
+
* @license
|
|
1207
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1208
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1209
|
+
*/
|
|
1210
|
+
|
|
1211
|
+
|
|
1212
|
+
|
|
1213
|
+
|
|
1214
|
+
|
|
1215
|
+
|
|
1216
|
+
|
|
1217
|
+
|
|
1218
|
+
|
|
1219
|
+
|
|
1220
|
+
|
|
1221
|
+
|
|
1222
|
+
|
|
1223
|
+
|
|
1224
|
+
|
|
1225
|
+
|
|
1226
|
+
|
|
1227
|
+
|
|
1228
|
+
|
|
1229
|
+
|
|
1230
|
+
|
|
1231
|
+
|
|
1232
|
+
|
|
1233
|
+
|
|
1234
|
+
|
|
1235
|
+
|
|
1236
|
+
|
|
1237
|
+
|
|
1238
|
+
|
|
1239
|
+
|
|
1240
|
+
/***/ }),
|
|
1241
|
+
|
|
1242
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/badge.js":
|
|
1243
|
+
/*!**********************************************************!*\
|
|
1244
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/badge.js ***!
|
|
1245
|
+
\**********************************************************/
|
|
1246
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
1247
|
+
|
|
1248
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1249
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1250
|
+
/* harmony export */ "badge": () => (/* binding */ badge)
|
|
1251
|
+
/* harmony export */ });
|
|
1252
|
+
/* harmony import */ var _style_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./style.js */ "./node_modules/@vaadin/vaadin-lumo-styles/style.js");
|
|
1253
|
+
/* harmony import */ var _color_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./color.js */ "./node_modules/@vaadin/vaadin-lumo-styles/color.js");
|
|
1254
|
+
/* harmony import */ var _typography_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./typography.js */ "./node_modules/@vaadin/vaadin-lumo-styles/typography.js");
|
|
1255
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js */ "./node_modules/@vaadin/vaadin-themable-mixin/vaadin-themable-mixin.js");
|
|
1256
|
+
/**
|
|
1257
|
+
* @license
|
|
1258
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1259
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1260
|
+
*/
|
|
1261
|
+
|
|
1262
|
+
|
|
1263
|
+
|
|
1264
|
+
|
|
1265
|
+
|
|
1266
|
+
const badge = _vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_3__.css`
|
|
1267
|
+
[theme~='badge'] {
|
|
1268
|
+
display: inline-flex;
|
|
1269
|
+
align-items: center;
|
|
1270
|
+
justify-content: center;
|
|
1271
|
+
box-sizing: border-box;
|
|
1272
|
+
padding: 0.4em calc(0.5em + var(--lumo-border-radius-s) / 4);
|
|
1273
|
+
color: var(--lumo-primary-text-color);
|
|
1274
|
+
background-color: var(--lumo-primary-color-10pct);
|
|
1275
|
+
border-radius: var(--lumo-border-radius-s);
|
|
1276
|
+
font-family: var(--lumo-font-family);
|
|
1277
|
+
font-size: var(--lumo-font-size-s);
|
|
1278
|
+
line-height: 1;
|
|
1279
|
+
font-weight: 500;
|
|
1280
|
+
text-transform: initial;
|
|
1281
|
+
letter-spacing: initial;
|
|
1282
|
+
min-width: calc(var(--lumo-line-height-xs) * 1em + 0.45em);
|
|
1283
|
+
}
|
|
1284
|
+
|
|
1285
|
+
/* Ensure proper vertical alignment */
|
|
1286
|
+
[theme~='badge']::before {
|
|
1287
|
+
display: inline-block;
|
|
1288
|
+
content: '\\2003';
|
|
1289
|
+
width: 0;
|
|
1290
|
+
}
|
|
1291
|
+
|
|
1292
|
+
[theme~='badge'][theme~='small'] {
|
|
1293
|
+
font-size: var(--lumo-font-size-xxs);
|
|
1294
|
+
line-height: 1;
|
|
1295
|
+
}
|
|
1296
|
+
|
|
1297
|
+
/* Colors */
|
|
1298
|
+
|
|
1299
|
+
[theme~='badge'][theme~='success'] {
|
|
1300
|
+
color: var(--lumo-success-text-color);
|
|
1301
|
+
background-color: var(--lumo-success-color-10pct);
|
|
1302
|
+
}
|
|
1303
|
+
|
|
1304
|
+
[theme~='badge'][theme~='error'] {
|
|
1305
|
+
color: var(--lumo-error-text-color);
|
|
1306
|
+
background-color: var(--lumo-error-color-10pct);
|
|
1307
|
+
}
|
|
1308
|
+
|
|
1309
|
+
[theme~='badge'][theme~='contrast'] {
|
|
1310
|
+
color: var(--lumo-contrast-80pct);
|
|
1311
|
+
background-color: var(--lumo-contrast-5pct);
|
|
1312
|
+
}
|
|
1313
|
+
|
|
1314
|
+
/* Primary */
|
|
1315
|
+
|
|
1316
|
+
[theme~='badge'][theme~='primary'] {
|
|
1317
|
+
color: var(--lumo-primary-contrast-color);
|
|
1318
|
+
background-color: var(--lumo-primary-color);
|
|
1319
|
+
}
|
|
1320
|
+
|
|
1321
|
+
[theme~='badge'][theme~='success'][theme~='primary'] {
|
|
1322
|
+
color: var(--lumo-success-contrast-color);
|
|
1323
|
+
background-color: var(--lumo-success-color);
|
|
1324
|
+
}
|
|
1325
|
+
|
|
1326
|
+
[theme~='badge'][theme~='error'][theme~='primary'] {
|
|
1327
|
+
color: var(--lumo-error-contrast-color);
|
|
1328
|
+
background-color: var(--lumo-error-color);
|
|
1329
|
+
}
|
|
1330
|
+
|
|
1331
|
+
[theme~='badge'][theme~='contrast'][theme~='primary'] {
|
|
1332
|
+
color: var(--lumo-base-color);
|
|
1333
|
+
background-color: var(--lumo-contrast);
|
|
1334
|
+
}
|
|
1335
|
+
|
|
1336
|
+
/* Links */
|
|
1337
|
+
|
|
1338
|
+
[theme~='badge'][href]:hover {
|
|
1339
|
+
text-decoration: none;
|
|
1340
|
+
}
|
|
1341
|
+
|
|
1342
|
+
/* Icon */
|
|
1343
|
+
|
|
1344
|
+
[theme~='badge'] vaadin-icon,
|
|
1345
|
+
[theme~='badge'] iron-icon {
|
|
1346
|
+
margin: -0.25em 0;
|
|
1347
|
+
--iron-icon-width: 1.5em;
|
|
1348
|
+
--iron-icon-height: 1.5em;
|
|
1349
|
+
}
|
|
1350
|
+
|
|
1351
|
+
[theme~='badge'] vaadin-icon:first-child,
|
|
1352
|
+
[theme~='badge'] iron-icon:first-child {
|
|
1353
|
+
margin-left: -0.375em;
|
|
1354
|
+
}
|
|
1355
|
+
|
|
1356
|
+
[theme~='badge'] vaadin-icon:last-child,
|
|
1357
|
+
[theme~='badge'] iron-icon:last-child {
|
|
1358
|
+
margin-right: -0.375em;
|
|
1359
|
+
}
|
|
1360
|
+
|
|
1361
|
+
iron-icon[theme~='badge'][icon],
|
|
1362
|
+
vaadin-icon[theme~='badge'][icon] {
|
|
1363
|
+
min-width: 0;
|
|
1364
|
+
padding: 0;
|
|
1365
|
+
font-size: 1rem;
|
|
1366
|
+
width: var(--lumo-icon-size-m);
|
|
1367
|
+
height: var(--lumo-icon-size-m);
|
|
1368
|
+
}
|
|
1369
|
+
|
|
1370
|
+
iron-icon[theme~='badge'][icon][theme~='small'],
|
|
1371
|
+
vaadin-icon[theme~='badge'][icon][theme~='small'] {
|
|
1372
|
+
width: var(--lumo-icon-size-s);
|
|
1373
|
+
height: var(--lumo-icon-size-s);
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
/* Empty */
|
|
1377
|
+
|
|
1378
|
+
[theme~='badge']:not([icon]):empty {
|
|
1379
|
+
min-width: 0;
|
|
1380
|
+
width: 1em;
|
|
1381
|
+
height: 1em;
|
|
1382
|
+
padding: 0;
|
|
1383
|
+
border-radius: 50%;
|
|
1384
|
+
background-color: var(--lumo-primary-color);
|
|
1385
|
+
}
|
|
1386
|
+
|
|
1387
|
+
[theme~='badge'][theme~='small']:not([icon]):empty {
|
|
1388
|
+
width: 0.75em;
|
|
1389
|
+
height: 0.75em;
|
|
1390
|
+
}
|
|
1391
|
+
|
|
1392
|
+
[theme~='badge'][theme~='contrast']:not([icon]):empty {
|
|
1393
|
+
background-color: var(--lumo-contrast);
|
|
1394
|
+
}
|
|
1395
|
+
|
|
1396
|
+
[theme~='badge'][theme~='success']:not([icon]):empty {
|
|
1397
|
+
background-color: var(--lumo-success-color);
|
|
1398
|
+
}
|
|
1399
|
+
|
|
1400
|
+
[theme~='badge'][theme~='error']:not([icon]):empty {
|
|
1401
|
+
background-color: var(--lumo-error-color);
|
|
1402
|
+
}
|
|
1403
|
+
|
|
1404
|
+
/* Pill */
|
|
1405
|
+
|
|
1406
|
+
[theme~='badge'][theme~='pill'] {
|
|
1407
|
+
--lumo-border-radius-s: 1em;
|
|
1408
|
+
}
|
|
1409
|
+
|
|
1410
|
+
/* RTL specific styles */
|
|
1411
|
+
|
|
1412
|
+
[dir='rtl'][theme~='badge'] vaadin-icon:first-child,
|
|
1413
|
+
[dir='rtl'][theme~='badge'] iron-icon:first-child {
|
|
1414
|
+
margin-right: -0.375em;
|
|
1415
|
+
margin-left: 0;
|
|
1416
|
+
}
|
|
1417
|
+
|
|
1418
|
+
[dir='rtl'][theme~='badge'] vaadin-icon:last-child,
|
|
1419
|
+
[dir='rtl'][theme~='badge'] iron-icon:last-child {
|
|
1420
|
+
margin-left: -0.375em;
|
|
1421
|
+
margin-right: 0;
|
|
1422
|
+
}
|
|
1423
|
+
`;
|
|
1424
|
+
|
|
1425
|
+
(0,_vaadin_vaadin_themable_mixin_vaadin_themable_mixin_js__WEBPACK_IMPORTED_MODULE_3__.registerStyles)('', badge, { moduleId: 'lumo-badge' });
|
|
1426
|
+
|
|
1427
|
+
|
|
1428
|
+
|
|
1429
|
+
|
|
1430
|
+
/***/ }),
|
|
1431
|
+
|
|
1432
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/icons.js":
|
|
1433
|
+
/*!**********************************************************!*\
|
|
1434
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/icons.js ***!
|
|
1435
|
+
\**********************************************************/
|
|
1436
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
1437
|
+
|
|
1438
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1439
|
+
/* harmony import */ var _polymer_iron_icon_iron_icon_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @polymer/iron-icon/iron-icon.js */ "./node_modules/@polymer/iron-icon/iron-icon.js");
|
|
1440
|
+
/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
|
|
1441
|
+
/* harmony import */ var _iconset_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./iconset.js */ "./node_modules/@vaadin/vaadin-lumo-styles/iconset.js");
|
|
1442
|
+
/* harmony import */ var _vaadin_iconset_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./vaadin-iconset.js */ "./node_modules/@vaadin/vaadin-lumo-styles/vaadin-iconset.js");
|
|
1443
|
+
/**
|
|
1444
|
+
* @license
|
|
1445
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1446
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1447
|
+
*/
|
|
1448
|
+
|
|
1449
|
+
|
|
1450
|
+
|
|
1451
|
+
|
|
1452
|
+
|
|
1453
|
+
|
|
1454
|
+
/***/ }),
|
|
1455
|
+
|
|
1456
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/iconset.js":
|
|
1457
|
+
/*!************************************************************!*\
|
|
1458
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/iconset.js ***!
|
|
1459
|
+
\************************************************************/
|
|
1460
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
1461
|
+
|
|
1462
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1463
|
+
/* harmony import */ var _polymer_iron_iconset_svg_iron_iconset_svg_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @polymer/iron-iconset-svg/iron-iconset-svg.js */ "./node_modules/@polymer/iron-iconset-svg/iron-iconset-svg.js");
|
|
1464
|
+
/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
|
|
1465
|
+
/**
|
|
1466
|
+
* @license
|
|
1467
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1468
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1469
|
+
*/
|
|
1470
|
+
|
|
1471
|
+
|
|
1472
|
+
|
|
1473
|
+
const $_documentContainer = document.createElement('template');
|
|
1474
|
+
|
|
1475
|
+
$_documentContainer.innerHTML = `<iron-iconset-svg size="1000" name="lumo">
|
|
1476
|
+
<svg xmlns="http://www.w3.org/2000/svg">
|
|
1477
|
+
<defs>
|
|
1478
|
+
<g id="align-center"><path d="M167 217c0-18 17-33 38-34H795c21 0 38 15 38 34 0 18-17 33-38 33H205C184 250 167 235 167 217z m83 191c0-18 13-33 29-33H721c16 0 29 15 29 33 0 18-13 33-29 34H279C263 442 250 427 250 408zM250 792c0-18 13-33 29-34H721c16 0 29 15 29 34s-13 33-29 33H279C263 825 250 810 250 792z m-83-192c0-18 17-33 38-33H795c21 0 38 15 38 33s-17 33-38 33H205C184 633 167 618 167 600z" fill-rule="evenodd" clip-rule="evenodd"></path></g>
|
|
1479
|
+
<g id="align-left"><path d="M167 217c0-18 17-33 38-34H795c21 0 38 15 38 34 0 18-17 33-38 33H205C184 250 167 235 167 217z m0 191c0-18 13-33 28-33H638c16 0 29 15 29 33 0 18-13 33-29 34H195C179 442 167 427 167 408zM167 792c0-18 13-33 28-34H638c16 0 29 15 29 34s-13 33-29 33H195C179 825 167 810 167 792z m0-192c0-18 17-33 38-33H795c21 0 38 15 38 33s-17 33-38 33H205C184 633 167 618 167 600z" fill-rule="evenodd" clip-rule="evenodd"></path></g>
|
|
1480
|
+
<g id="align-right"><path d="M167 217c0-18 17-33 38-34H795c21 0 38 15 38 34 0 18-17 33-38 33H205C184 250 167 235 167 217z m166 191c0-18 13-33 29-33H805c16 0 29 15 28 33 0 18-13 33-28 34H362C346 442 333 427 333 408zM333 792c0-18 13-33 29-34H805c16 0 29 15 28 34s-13 33-28 33H362C346 825 333 810 333 792z m-166-192c0-18 17-33 38-33H795c21 0 38 15 38 33s-17 33-38 33H205C184 633 167 618 167 600z" fill-rule="evenodd" clip-rule="evenodd"></path></g>
|
|
1481
|
+
<g id="angle-down"><path d="M283 391c-18-16-46-15-63 4-16 18-15 46 3 63l244 224c17 15 43 15 60 0l250-229c18-16 20-45 3-63-16-18-45-20-63-4l-220 203-214-198z"></path></g>
|
|
1482
|
+
<g id="angle-left"><path d="M601 710c16 18 15 46-3 63-18 16-46 15-63-4l-224-244c-15-17-15-43 0-59l229-250c16-18 45-20 63-4 18 16 20 45 3 63l-203 220 198 215z"></path></g>
|
|
1483
|
+
<g id="angle-right"><path d="M399 275c-16-18-15-46 3-63 18-16 46-15 63 4l224 244c15 17 15 43 0 59l-229 250c-16 18-45 20-63 4-18-16-20-45-3-63l203-220-198-215z"></path></g>
|
|
1484
|
+
<g id="angle-up"><path d="M283 635c-18 16-46 15-63-3-16-18-15-46 3-63l244-224c17-15 43-15 60 0l250 229c18 16 20 45 3 63-16 18-45 20-63 3l-220-202L283 635z"></path></g>
|
|
1485
|
+
<g id="arrow-down"><path d="M538 646l125-112c15-14 39-12 53 4 14 15 12 39-4 53l-187 166c0 0 0 0 0 0-14 13-36 12-50 0l-187-166c-15-14-17-37-4-53 14-15 37-17 53-4L462 646V312c0-21 17-38 38-37s38 17 37 37v334z"></path></g>
|
|
1486
|
+
<g id="arrow-left"><path d="M375 538l111 125c14 15 12 39-3 53-15 14-39 12-53-4l-166-187c0 0 0 0 0 0-13-14-12-36 0-50l166-187c14-15 37-17 53-4 15 14 17 37 3 53L375 463h333c21 0 38 17 38 37 0 21-17 38-38 38h-333z"></path></g>
|
|
1487
|
+
<g id="arrow-right"><path d="M625 538h-333c-21 0-38-17-38-38 0-21 17-38 38-37h333l-111-126c-14-15-12-39 3-53 15-14 39-12 53 4l166 187c13 14 13 36 0 50 0 0 0 0 0 0l-166 187c-14 15-37 17-53 4-15-14-17-37-3-53l111-125z"></path></g>
|
|
1488
|
+
<g id="arrow-up"><path d="M538 354V688c0 21-17 38-38 37s-38-17-38-38V354l-125 112c-15 14-39 12-53-4-14-15-12-39 4-53l187-166c14-13 36-13 50 0 0 0 0 0 0 0l187 166c15 14 17 37 4 53-14 15-37 17-53 4L538 354z"></path></g>
|
|
1489
|
+
<g id="bar-chart"><path d="M175 500h108c28 0 50 22 50 50v233c0 28-22 50-50 50H175c-28 0-50-22-50-50v-233c0-28 22-50 50-50z m33 67c-9 0-17 7-16 16v167c0 9 7 17 16 17h42c9 0 17-7 17-17v-167c0-9-7-17-17-16H208zM446 167h108c28 0 50 22 50 50v566c0 28-22 50-50 50h-108c-28 0-50-22-50-50V217c0-28 22-50 50-50z m33 66c-9 0-17 7-17 17v500c0 9 7 17 17 17h42c9 0 17-7 16-17V250c0-9-7-17-16-17h-42zM717 333h108c28 0 50 22 50 50v400c0 28-22 50-50 50h-108c-28 0-50-22-50-50V383c0-28 22-50 50-50z m33 67c-9 0-17 7-17 17v333c0 9 7 17 17 17h42c9 0 17-7 16-17v-333c0-9-7-17-16-17h-42z"></path></g>
|
|
1490
|
+
<g id="bell"><path d="M367 675H292v-258C292 325 366 250 459 250H458V208c0-23 18-42 42-41 23 0 42 18 42 41v42h-1C634 250 708 325 708 417V675h-75v-258c0-51-41-92-91-92h-84C408 325 367 366 367 417V675z m-159 37c0-21 17-38 38-37h508c21 0 37 17 38 37 0 21-17 38-38 38H246C225 750 208 733 208 713z m230 71h125v32c0 17-14 31-32 31h-62c-17 0-32-14-31-31v-32z"></path></g>
|
|
1491
|
+
<g id="calendar"><path d="M375 208h250v-20C625 176 634 167 646 167h41C699 167 708 176 708 188V208h74c23 0 41 19 41 42v42C823 315 804 333 782 333H218C196 333 177 315 177 292V250C177 227 196 208 218 208H292v-20C292 176 301 167 313 167h41C366 167 375 176 375 188V208zM229 375h42C283 375 292 384 292 396v41C292 449 282 458 271 458h-42C217 458 208 449 208 437v-41C208 384 218 375 229 375z m125 0h42C408 375 417 384 417 396v41C417 449 407 458 396 458h-42C342 458 333 449 333 437v-41C333 384 343 375 354 375z m125 0h42C533 375 542 384 542 396v41C542 449 532 458 521 458h-42C467 458 458 449 458 437v-41C458 384 468 375 479 375z m-250 125h42C283 500 292 509 292 521v41C292 574 282 583 271 583h-42C217 583 208 574 208 562v-41C208 509 218 500 229 500z m125 0h42C408 500 417 509 417 521v41C417 574 407 583 396 583h-42C342 583 333 574 333 562v-41C333 509 343 500 354 500z m125 0h42c12 0 21 9 21 21v41C542 574 532 583 521 583h-42C467 583 458 574 458 562v-41C458 509 468 500 479 500z m-250 125h42C283 625 292 634 292 646v41C292 699 282 708 271 708h-42C217 708 208 699 208 687v-41C208 634 218 625 229 625z m125 0h42C408 625 417 634 417 646v41C417 699 407 708 396 708h-42C342 708 333 699 333 687v-41C333 634 343 625 354 625z m125 0h42c12 0 21 9 21 21v41C542 699 532 708 521 708h-42C467 708 458 699 458 687v-41C458 634 468 625 479 625z m125-250h42C658 375 667 384 667 396v41C667 449 657 458 646 458h-42C592 458 583 449 583 437v-41C583 384 593 375 604 375z m0 125h42c12 0 21 9 21 21v41C667 574 657 583 646 583h-42C592 583 583 574 583 562v-41C583 509 593 500 604 500z m0 125h42c12 0 21 9 21 21v41C667 699 657 708 646 708h-42C592 708 583 699 583 687v-41C583 634 593 625 604 625z m125 0h42c12 0 21 9 21 21v41C792 699 782 708 771 708h-42C717 708 708 699 708 687v-41C708 634 718 625 729 625z m-500 125h42C283 750 292 759 292 771v41C292 824 282 833 271 833h-42C217 833 208 824 208 812v-41C208 759 218 750 229 750z m125 0h42C408 750 417 759 417 771v41C417 824 407 833 396 833h-42C342 833 333 824 333 812v-41C333 759 343 750 354 750z m125 0h42c12 0 21 9 21 21v41C542 824 532 833 521 833h-42C467 833 458 824 458 812v-41C458 759 468 750 479 750z m125 0h42c12 0 21 9 21 21v41C667 824 657 833 646 833h-42C592 833 583 824 583 812v-41C583 759 593 750 604 750z m125 0h42c12 0 21 9 21 21v41C792 824 782 833 771 833h-42C717 833 708 824 708 812v-41C708 759 718 750 729 750z m0-250h42c12 0 21 9 21 21v41C792 574 782 583 771 583h-42C717 583 708 574 708 562v-41C708 509 718 500 729 500z m0-125h42C783 375 792 384 792 396v41C792 449 782 458 771 458h-42C717 458 708 449 708 437v-41C708 384 718 375 729 375z"></path></g>
|
|
1492
|
+
<g id="checkmark"><path d="M318 493c-15-15-38-15-53 0-15 15-15 38 0 53l136 136c15 15 38 15 53 0l323-322c15-15 15-38 0-53-15-15-38-15-54 0l-295 296-110-110z"></path></g>
|
|
1493
|
+
<g id="chevron-down"><path d="M533 654l210-199c9-9 9-23 0-32C739 419 733 417 726 417H274C261 417 250 427 250 439c0 6 2 12 7 16l210 199c18 17 48 17 66 0z"></path></g>
|
|
1494
|
+
<g id="chevron-left"><path d="M346 533l199 210c9 9 23 9 32 0 4-4 7-10 6-17V274C583 261 573 250 561 250c-6 0-12 2-16 7l-199 210c-17 18-17 48 0 66z"></path></g>
|
|
1495
|
+
<g id="chevron-right"><path d="M654 533L455 743c-9 9-23 9-32 0C419 739 417 733 417 726V274C417 261 427 250 439 250c6 0 12 2 16 7l199 210c17 18 17 48 0 66z"></path></g>
|
|
1496
|
+
<g id="chevron-up"><path d="M533 346l210 199c9 9 9 23 0 32-4 4-10 7-17 6H274C261 583 250 573 250 561c0-6 2-12 7-16l210-199c18-17 48-17 66 0z"></path></g>
|
|
1497
|
+
<g id="clock"><path d="M538 489l85 85c15 15 15 38 0 53-15 15-38 15-53 0l-93-93a38 38 0 0 1-2-2C467 525 462 515 462 504V308c0-21 17-38 38-37 21 0 38 17 37 37v181zM500 833c-184 0-333-149-333-333s149-333 333-333 333 149 333 333-149 333-333 333z m0-68c146 0 265-118 265-265 0-146-118-265-265-265-146 0-265 118-265 265 0 146 118 265 265 265z"></path></g>
|
|
1498
|
+
<g id="cog"><path d="M833 458l-81-18c-8-25-17-50-29-75L767 292 708 233l-72 49c-21-12-46-25-75-30L542 167h-84l-19 79c-25 8-50 17-71 30L296 233 233 296l47 69c-12 21-21 46-29 71L167 458v84l84 25c8 25 17 50 29 75L233 708 292 767l76-44c21 12 46 25 75 29L458 833h84l19-81c25-8 50-17 75-29L708 767l59-59-44-66c12-21 25-46 29-75L833 542v-84z m-333 217c-96 0-175-79-175-175 0-96 79-175 175-175 96 0 175 79 175 175 0 96-79 175-175 175z"></path></g>
|
|
1499
|
+
<g id="cross"><path d="M445 500l-142-141c-15-15-15-40 0-56 15-15 40-15 56 0L500 445l141-142c15-15 40-15 56 0 15 15 15 40 0 56L555 500l142 141c15 15 15 40 0 56-15 15-40 15-56 0L500 555l-141 142c-15 15-40 15-56 0-15-15-15-40 0-56L445 500z"></path></g>
|
|
1500
|
+
<g id="download"><path d="M538 521l125-112c15-14 39-12 53 4 14 15 12 39-4 53l-187 166a38 38 0 0 1 0 0c-14 13-36 12-50 0l-187-166c-15-14-17-37-4-53 14-15 37-17 53-4L462 521V188c0-21 17-38 38-38s38 17 37 38v333zM758 704c0-21 17-38 38-37 21 0 38 17 37 37v92c0 21-17 38-37 37H204c-21 0-38-17-37-37v-92c0-21 17-38 37-37s38 17 38 37v54h516v-54z"></path></g>
|
|
1501
|
+
<g id="dropdown"><path d="M317 393c-15-14-39-13-53 3-14 15-13 39 3 53l206 189c14 13 36 13 50 0l210-193c15-14 17-38 3-53-14-15-38-17-53-3l-185 171L317 393z"></path></g>
|
|
1502
|
+
<g id="edit"><path d="M673 281l62 56-205 233c-9 10-38 24-85 39a8 8 0 0 1-5 0c-4-1-7-6-6-10l0 0c14-47 25-76 35-86l204-232z m37-42l52-59c15-17 41-18 58-2 17 16 18 42 3 59L772 295l-62-56zM626 208l-67 75h-226C305 283 283 306 283 333v334C283 695 306 717 333 717h334c28 0 50-22 50-50v-185L792 398v269C792 736 736 792 667 792H333C264 792 208 736 208 667V333C208 264 264 208 333 208h293z"></path></g>
|
|
1503
|
+
<g id="error"><path d="M500 833c-184 0-333-149-333-333s149-333 333-333 333 149 333 333-149 333-333 333z m0-68c146 0 265-118 265-265 0-146-118-265-265-265-146 0-265 118-265 265 0 146 118 265 265 265zM479 292h42c12 0 21 9 20 20l-11 217c0 8-6 13-13 13h-34c-7 0-13-6-13-13l-11-217C459 301 468 292 479 292zM483 608h34c12 0 21 9 20 21v33c0 12-9 21-20 21h-34c-12 0-21-9-21-21v-33c0-12 9-21 21-21z"></path></g>
|
|
1504
|
+
<g id="eye"><path d="M500 750c-187 0-417-163-417-250s230-250 417-250 417 163 417 250-230 250-417 250z m-336-231c20 22 47 46 78 69C322 644 411 678 500 678s178-34 258-90c31-22 59-46 78-69 6-7 12-14 16-19-4-6-9-12-16-19-20-22-47-46-78-69C678 356 589 322 500 322s-178 34-258 90c-31 22-59 46-78 69-6 7-12 14-16 19 4 6 9 12 16 19zM500 646c-81 0-146-65-146-146s65-146 146-146 146 65 146 146-65 146-146 146z m0-75c39 0 71-32 71-71 0-39-32-71-71-71-39 0-71 32-71 71 0 39 32 71 71 71z"></path></g>
|
|
1505
|
+
<g id="eye-disabled"><path d="M396 735l60-60c15 2 30 3 44 3 89 0 178-34 258-90 31-22 59-46 78-69 6-7 12-14 16-19-4-6-9-12-16-19-20-22-47-46-78-69-8-5-15-11-23-15l50-51C862 397 917 458 917 500c0 87-230 250-417 250-34 0-69-5-104-15zM215 654C138 603 83 542 83 500c0-87 230-250 417-250 34 0 69 5 104 15l-59 60c-15-2-30-3-45-3-89 0-178 34-258 90-31 22-59 46-78 69-6 7-12 14-16 19 4 6 9 12 16 19 20 22 47 46 78 69 8 5 16 11 24 16L215 654z m271-9l159-159c0 5 1 9 1 14 0 81-65 146-146 146-5 0-9 0-14-1z m-131-131C354 510 354 505 354 500c0-81 65-146 146-146 5 0 10 0 14 1l-159 159z m-167 257L780 179c12-12 32-12 44 0 12 12 12 32 0 44L232 815c-12 12-32 12-44 0s-12-32 0-44z"></path></g>
|
|
1506
|
+
<g id="menu"><path d="M167 292c0-23 19-42 41-42h584C815 250 833 268 833 292c0 23-19 42-41 41H208C185 333 167 315 167 292z m0 208c0-23 19-42 41-42h584C815 458 833 477 833 500c0 23-19 42-41 42H208C185 542 167 523 167 500z m0 208c0-23 19-42 41-41h584C815 667 833 685 833 708c0 23-19 42-41 42H208C185 750 167 732 167 708z"></path></g>
|
|
1507
|
+
<g id="minus"><path d="M261 461c-22 0-39 18-39 39 0 22 18 39 39 39h478c22 0 39-18 39-39 0-22-18-39-39-39H261z"></path></g>
|
|
1508
|
+
<g id="ordered-list"><path d="M138 333V198H136l-43 28v-38l45-31h45V333H138z m-61 128c0-35 27-59 68-59 39 0 66 21 66 53 0 20-11 37-43 64l-29 27v2h74V583H80v-30l55-52c26-24 32-33 33-43 0-13-10-22-24-22-15 0-26 10-26 25v1h-41v-1zM123 759v-31h21c15 0 25-8 25-21 0-13-10-21-25-21-15 0-26 9-26 23h-41c1-34 27-56 68-57 39 0 66 20 66 49 0 20-14 36-33 39v3c24 3 40 19 39 41 0 32-30 54-73 54-41 0-69-22-70-57h43c1 13 11 22 28 22 16 0 27-9 27-22 0-14-10-22-28-22h-21zM333 258c0-18 15-33 34-33h516c18 0 33 15 34 33 0 18-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z"></path></g>
|
|
1509
|
+
<g id="phone"><path d="M296 208l42-37c17-15 44-13 58 4a42 42 0 0 1 5 7L459 282c12 20 5 45-15 57l-7 4c-17 10-25 30-19 48l20 66a420 420 0 0 0 93 157l41 45c13 14 35 17 51 8l7-5c20-12 45-5 57 16L745 777c12 20 5 45-15 57a42 42 0 0 1-8 4l-52 17c-61 21-129 4-174-43l-50-52c-81-85-141-189-175-302l-24-78c-19-62 0-129 49-172z"></path></g>
|
|
1510
|
+
<g id="photo"><path d="M208 167h584c69 0 125 56 125 125v416c0 69-56 125-125 125H208c-69 0-125-56-125-125V292c0-69 56-125 125-125z m584 75H208c-28 0-50 22-50 50v416c0 28 22 50 50 50h584c28 0 50-22 50-50V292c0-28-22-50-50-50zM239 740l167-167c12-12 31-14 45-6l73 43 172-201c13-15 34-18 50-7l95 67v92l-111-78-169 199c-12 14-32 17-47 8l-76-43-111 111H229c2-7 5-13 10-18zM458 427C458 490 407 542 344 542S229 490 229 427c0-63 51-115 115-115S458 364 458 427z m-62 0C396 398 373 375 344 375S292 398 292 427c0 29 23 52 52 52s52-23 52-52z"></path></g>
|
|
1511
|
+
<g id="play"><path d="M689 528l-298 175c-13 8-34 8-48 0-6-4-10-9-10-14V311C333 300 348 292 367 292c9 0 17 2 24 5l298 175c26 15 26 40 0 56z"></path></g>
|
|
1512
|
+
<g id="plus"><path d="M461 461H261c-22 0-39 18-39 39 0 22 18 39 39 39h200v200c0 22 18 39 39 39 22 0 39-18 39-39v-200h200c22 0 39-18 39-39 0-22-18-39-39-39h-200V261c0-22-18-39-39-39-22 0-39 18-39 39v200z"></path></g>
|
|
1513
|
+
<g id="redo"><path d="M290 614C312 523 393 458 491 458c55 0 106 22 144 57l-88 88c-3 3-5 7-5 11 0 8 6 15 15 15l193-5c17 0 31-15 31-32l5-192c0-4-1-8-4-11-6-6-16-6-22 0l-66 67C641 406 570 375 491 375c-136 0-248 90-281 215-1 2-1 5-1 8-8 44 45 68 73 32 4-5 7-11 8-16z"></path></g>
|
|
1514
|
+
<g id="reload"><path d="M500 233V137c0-9 7-16 15-16 4 0 8 2 10 4l133 140c12 12 12 32 0 45l-133 140c-6 6-15 6-21 0C502 447 500 443 500 438V308c-117 0-212 95-212 213 0 117 95 212 212 212 117 0 212-95 212-212 0-21 17-38 38-38s38 17 37 38c0 159-129 288-287 287-159 0-288-129-288-287 0-159 129-288 288-288z"></path></g>
|
|
1515
|
+
<g id="search"><path d="M662 603l131 131c16 16 16 42 0 59-16 16-43 16-59 0l-131-131C562 691 512 708 458 708c-138 0-250-112-250-250 0-138 112-250 250-250 138 0 250 112 250 250 0 54-17 104-46 145zM458 646c104 0 188-84 188-188S562 271 458 271 271 355 271 458s84 188 187 188z"></path></g>
|
|
1516
|
+
<g id="undo"><path d="M710 614C688 523 607 458 509 458c-55 0-106 22-144 57l88 88c3 3 5 7 5 11 0 8-6 15-15 15l-193-5c-17 0-31-15-31-32L214 400c0-4 1-8 4-11 6-6 16-6 22 0l66 67C359 406 430 375 509 375c136 0 248 90 281 215 1 2 1 5 1 8 8 44-45 68-73 32-4-5-7-11-8-16z"></path></g>
|
|
1517
|
+
<g id="unordered-list"><path d="M146 325c-42 0-67-26-67-63 0-37 25-63 67-63 42 0 67 26 67 63 0 37-25 63-67 63z m0 250c-42 0-67-26-67-63 0-37 25-63 67-63 42 0 67 26 67 63 0 37-25 63-67 63z m0 250c-42 0-67-26-67-63 0-37 25-63 67-63 42 0 67 26 67 63 0 37-25 63-67 63zM333 258c0-18 15-33 34-33h516c18 0 33 15 34 33 0 18-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z"></path></g>
|
|
1518
|
+
<g id="upload"><path d="M454 271V604c0 21-17 38-37 38s-38-17-38-38V271L254 382c-15 14-39 12-53-3-14-15-12-39 3-53L391 160c14-13 36-13 51-1 0 0 0 0 0 1l187 166c15 14 17 37 3 53-14 15-37 17-53 3L454 271zM675 704c0-21 17-38 37-37 21 0 38 17 38 37v92c0 21-17 38-38 37H121c-21 0-38-17-38-37v-92c0-21 17-38 38-37s38 17 37 37v54h517v-54z"></path></g>
|
|
1519
|
+
<g id="user"><path d="M500 500c-69 0-125-56-125-125s56-125 125-125 125 56 125 125-56 125-125 125z m-292 292c0-115 131-208 292-209s292 93 292 209H208z"></path></g>
|
|
1520
|
+
</defs>
|
|
1521
|
+
</svg>
|
|
1522
|
+
</iron-iconset-svg>`;
|
|
1523
|
+
|
|
1524
|
+
document.head.appendChild($_documentContainer.content);
|
|
1525
|
+
|
|
1526
|
+
|
|
1527
|
+
/***/ }),
|
|
1528
|
+
|
|
1529
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/accessibility.js":
|
|
1530
|
+
/*!****************************************************************************!*\
|
|
1531
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/accessibility.js ***!
|
|
1532
|
+
\****************************************************************************/
|
|
1533
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
1534
|
+
|
|
1535
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1536
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1537
|
+
/* harmony export */ "accessibility": () => (/* binding */ accessibility)
|
|
1538
|
+
/* harmony export */ });
|
|
1539
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
1540
|
+
/**
|
|
1541
|
+
* @license
|
|
1542
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1543
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1544
|
+
*/
|
|
1545
|
+
|
|
1546
|
+
|
|
1547
|
+
const accessibility = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
1548
|
+
/* === Screen readers === */
|
|
1549
|
+
.sr-only {
|
|
1550
|
+
border-width: 0;
|
|
1551
|
+
clip: rect(0, 0, 0, 0);
|
|
1552
|
+
height: 1px;
|
|
1553
|
+
margin: -1px;
|
|
1554
|
+
overflow: hidden;
|
|
1555
|
+
padding: 0;
|
|
1556
|
+
position: absolute;
|
|
1557
|
+
white-space: nowrap;
|
|
1558
|
+
width: 1px;
|
|
1559
|
+
}
|
|
1560
|
+
`;
|
|
1561
|
+
|
|
1562
|
+
|
|
1563
|
+
/***/ }),
|
|
1564
|
+
|
|
1565
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/background.js":
|
|
1566
|
+
/*!*************************************************************************!*\
|
|
1567
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/background.js ***!
|
|
1568
|
+
\*************************************************************************/
|
|
1569
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
1570
|
+
|
|
1571
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1572
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1573
|
+
/* harmony export */ "background": () => (/* binding */ background)
|
|
1574
|
+
/* harmony export */ });
|
|
1575
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
1576
|
+
/**
|
|
1577
|
+
* @license
|
|
1578
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1579
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1580
|
+
*/
|
|
1581
|
+
|
|
1582
|
+
|
|
1583
|
+
const background = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
1584
|
+
/* === Background color === */
|
|
1585
|
+
.bg-base {
|
|
1586
|
+
background-color: var(--lumo-base-color);
|
|
1587
|
+
}
|
|
1588
|
+
|
|
1589
|
+
.bg-transparent {
|
|
1590
|
+
background-color: transparent;
|
|
1591
|
+
}
|
|
1592
|
+
|
|
1593
|
+
.bg-contrast-5 {
|
|
1594
|
+
background-color: var(--lumo-contrast-5pct);
|
|
1595
|
+
}
|
|
1596
|
+
.bg-contrast-10 {
|
|
1597
|
+
background-color: var(--lumo-contrast-10pct);
|
|
1598
|
+
}
|
|
1599
|
+
.bg-contrast-20 {
|
|
1600
|
+
background-color: var(--lumo-contrast-20pct);
|
|
1601
|
+
}
|
|
1602
|
+
.bg-contrast-30 {
|
|
1603
|
+
background-color: var(--lumo-contrast-30pct);
|
|
1604
|
+
}
|
|
1605
|
+
.bg-contrast-40 {
|
|
1606
|
+
background-color: var(--lumo-contrast-40pct);
|
|
1607
|
+
}
|
|
1608
|
+
.bg-contrast-50 {
|
|
1609
|
+
background-color: var(--lumo-contrast-50pct);
|
|
1610
|
+
}
|
|
1611
|
+
.bg-contrast-60 {
|
|
1612
|
+
background-color: var(--lumo-contrast-60pct);
|
|
1613
|
+
}
|
|
1614
|
+
.bg-contrast-70 {
|
|
1615
|
+
background-color: var(--lumo-contrast-70pct);
|
|
1616
|
+
}
|
|
1617
|
+
.bg-contrast-80 {
|
|
1618
|
+
background-color: var(--lumo-contrast-80pct);
|
|
1619
|
+
}
|
|
1620
|
+
.bg-contrast-90 {
|
|
1621
|
+
background-color: var(--lumo-contrast-90pct);
|
|
1622
|
+
}
|
|
1623
|
+
.bg-contrast {
|
|
1624
|
+
background-color: var(--lumo-contrast);
|
|
1625
|
+
}
|
|
1626
|
+
|
|
1627
|
+
.bg-primary {
|
|
1628
|
+
background-color: var(--lumo-primary-color);
|
|
1629
|
+
}
|
|
1630
|
+
.bg-primary-50 {
|
|
1631
|
+
background-color: var(--lumo-primary-color-50pct);
|
|
1632
|
+
}
|
|
1633
|
+
.bg-primary-10 {
|
|
1634
|
+
background-color: var(--lumo-primary-color-10pct);
|
|
1635
|
+
}
|
|
1636
|
+
|
|
1637
|
+
.bg-error {
|
|
1638
|
+
background-color: var(--lumo-error-color);
|
|
1639
|
+
}
|
|
1640
|
+
.bg-error-50 {
|
|
1641
|
+
background-color: var(--lumo-error-color-50pct);
|
|
1642
|
+
}
|
|
1643
|
+
.bg-error-10 {
|
|
1644
|
+
background-color: var(--lumo-error-color-10pct);
|
|
1645
|
+
}
|
|
1646
|
+
|
|
1647
|
+
.bg-success {
|
|
1648
|
+
background-color: var(--lumo-success-color);
|
|
1649
|
+
}
|
|
1650
|
+
.bg-success-50 {
|
|
1651
|
+
background-color: var(--lumo-success-color-50pct);
|
|
1652
|
+
}
|
|
1653
|
+
.bg-success-10 {
|
|
1654
|
+
background-color: var(--lumo-success-color-10pct);
|
|
1655
|
+
}
|
|
1656
|
+
`;
|
|
1657
|
+
|
|
1658
|
+
|
|
1659
|
+
/***/ }),
|
|
1660
|
+
|
|
1661
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/border.js":
|
|
1662
|
+
/*!*********************************************************************!*\
|
|
1663
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/border.js ***!
|
|
1664
|
+
\*********************************************************************/
|
|
1665
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
1666
|
+
|
|
1667
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1668
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1669
|
+
/* harmony export */ "border": () => (/* binding */ border)
|
|
1670
|
+
/* harmony export */ });
|
|
1671
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
1672
|
+
/**
|
|
1673
|
+
* @license
|
|
1674
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1675
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1676
|
+
*/
|
|
1677
|
+
|
|
1678
|
+
|
|
1679
|
+
const border = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
1680
|
+
/* === Border === */
|
|
1681
|
+
.border-0 {
|
|
1682
|
+
border: none;
|
|
1683
|
+
}
|
|
1684
|
+
.border {
|
|
1685
|
+
border: 1px solid;
|
|
1686
|
+
}
|
|
1687
|
+
.border-b {
|
|
1688
|
+
border-bottom: 1px solid;
|
|
1689
|
+
}
|
|
1690
|
+
.border-l {
|
|
1691
|
+
border-left: 1px solid;
|
|
1692
|
+
}
|
|
1693
|
+
.border-r {
|
|
1694
|
+
border-right: 1px solid;
|
|
1695
|
+
}
|
|
1696
|
+
.border-t {
|
|
1697
|
+
border-top: 1px solid;
|
|
1698
|
+
}
|
|
1699
|
+
|
|
1700
|
+
/* === Border color === */
|
|
1701
|
+
.border-contrast-5 {
|
|
1702
|
+
border-color: var(--lumo-contrast-5pct);
|
|
1703
|
+
}
|
|
1704
|
+
.border-contrast-10 {
|
|
1705
|
+
border-color: var(--lumo-contrast-10pct);
|
|
1706
|
+
}
|
|
1707
|
+
.border-contrast-20 {
|
|
1708
|
+
border-color: var(--lumo-contrast-20pct);
|
|
1709
|
+
}
|
|
1710
|
+
.border-contrast-30 {
|
|
1711
|
+
border-color: var(--lumo-contrast-30pct);
|
|
1712
|
+
}
|
|
1713
|
+
.border-contrast-40 {
|
|
1714
|
+
border-color: var(--lumo-contrast-40pct);
|
|
1715
|
+
}
|
|
1716
|
+
.border-contrast-50 {
|
|
1717
|
+
border-color: var(--lumo-contrast-50pct);
|
|
1718
|
+
}
|
|
1719
|
+
.border-contrast-60 {
|
|
1720
|
+
border-color: var(--lumo-contrast-60pct);
|
|
1721
|
+
}
|
|
1722
|
+
.border-contrast-70 {
|
|
1723
|
+
border-color: var(--lumo-contrast-70pct);
|
|
1724
|
+
}
|
|
1725
|
+
.border-contrast-80 {
|
|
1726
|
+
border-color: var(--lumo-contrast-80pct);
|
|
1727
|
+
}
|
|
1728
|
+
.border-contrast-90 {
|
|
1729
|
+
border-color: var(--lumo-contrast-90pct);
|
|
1730
|
+
}
|
|
1731
|
+
.border-contrast {
|
|
1732
|
+
border-color: var(--lumo-contrast);
|
|
1733
|
+
}
|
|
1734
|
+
|
|
1735
|
+
.border-primary {
|
|
1736
|
+
border-color: var(--lumo-primary-color);
|
|
1737
|
+
}
|
|
1738
|
+
.border-primary-50 {
|
|
1739
|
+
border-color: var(--lumo-primary-color-50pct);
|
|
1740
|
+
}
|
|
1741
|
+
.border-primary-10 {
|
|
1742
|
+
border-color: var(--lumo-primary-color-10pct);
|
|
1743
|
+
}
|
|
1744
|
+
|
|
1745
|
+
.border-error {
|
|
1746
|
+
border-color: var(--lumo-error-color);
|
|
1747
|
+
}
|
|
1748
|
+
.border-error-50 {
|
|
1749
|
+
border-color: var(--lumo-error-color-50pct);
|
|
1750
|
+
}
|
|
1751
|
+
.border-error-10 {
|
|
1752
|
+
border-color: var(--lumo-error-color-10pct);
|
|
1753
|
+
}
|
|
1754
|
+
|
|
1755
|
+
.border-success {
|
|
1756
|
+
border-color: var(--lumo-success-color);
|
|
1757
|
+
}
|
|
1758
|
+
.border-success-50 {
|
|
1759
|
+
border-color: var(--lumo-success-color-50pct);
|
|
1760
|
+
}
|
|
1761
|
+
.border-success-10 {
|
|
1762
|
+
border-color: var(--lumo-success-color-10pct);
|
|
1763
|
+
}
|
|
1764
|
+
|
|
1765
|
+
/* === Border radius === */
|
|
1766
|
+
.rounded-none {
|
|
1767
|
+
border-radius: 0;
|
|
1768
|
+
}
|
|
1769
|
+
.rounded-s {
|
|
1770
|
+
border-radius: var(--lumo-border-radius-s);
|
|
1771
|
+
}
|
|
1772
|
+
.rounded-m {
|
|
1773
|
+
border-radius: var(--lumo-border-radius-m);
|
|
1774
|
+
}
|
|
1775
|
+
.rounded-l {
|
|
1776
|
+
border-radius: var(--lumo-border-radius-l);
|
|
1777
|
+
}
|
|
1778
|
+
`;
|
|
1779
|
+
|
|
1780
|
+
|
|
1781
|
+
/***/ }),
|
|
1782
|
+
|
|
1783
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/flexbox-grid.js":
|
|
1784
|
+
/*!***************************************************************************!*\
|
|
1785
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/flexbox-grid.js ***!
|
|
1786
|
+
\***************************************************************************/
|
|
1787
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
1788
|
+
|
|
1789
|
+
__webpack_require__.r(__webpack_exports__);
|
|
1790
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
1791
|
+
/* harmony export */ "flexboxAndGrid": () => (/* binding */ flexboxAndGrid)
|
|
1792
|
+
/* harmony export */ });
|
|
1793
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
1794
|
+
/**
|
|
1795
|
+
* @license
|
|
1796
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
1797
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
1798
|
+
*/
|
|
1799
|
+
|
|
1800
|
+
|
|
1801
|
+
const flexboxAndGrid = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
1802
|
+
/* === Align content === */
|
|
1803
|
+
.content-center {
|
|
1804
|
+
align-content: center;
|
|
1805
|
+
}
|
|
1806
|
+
.content-end {
|
|
1807
|
+
align-content: flex-end;
|
|
1808
|
+
}
|
|
1809
|
+
.content-start {
|
|
1810
|
+
align-content: flex-start;
|
|
1811
|
+
}
|
|
1812
|
+
.content-around {
|
|
1813
|
+
align-content: space-around;
|
|
1814
|
+
}
|
|
1815
|
+
.content-between {
|
|
1816
|
+
align-content: space-between;
|
|
1817
|
+
}
|
|
1818
|
+
.content-evenly {
|
|
1819
|
+
align-content: space-evenly;
|
|
1820
|
+
}
|
|
1821
|
+
.content-stretch {
|
|
1822
|
+
align-content: stretch;
|
|
1823
|
+
}
|
|
1824
|
+
|
|
1825
|
+
/* === Align items === */
|
|
1826
|
+
.items-baseline {
|
|
1827
|
+
align-items: baseline;
|
|
1828
|
+
}
|
|
1829
|
+
.items-center {
|
|
1830
|
+
align-items: center;
|
|
1831
|
+
}
|
|
1832
|
+
.items-end {
|
|
1833
|
+
align-items: flex-end;
|
|
1834
|
+
}
|
|
1835
|
+
.items-start {
|
|
1836
|
+
align-items: flex-start;
|
|
1837
|
+
}
|
|
1838
|
+
.items-stretch {
|
|
1839
|
+
align-items: stretch;
|
|
1840
|
+
}
|
|
1841
|
+
|
|
1842
|
+
/* === Align self === */
|
|
1843
|
+
.self-auto {
|
|
1844
|
+
align-self: auto;
|
|
1845
|
+
}
|
|
1846
|
+
.self-baseline {
|
|
1847
|
+
align-self: baseline;
|
|
1848
|
+
}
|
|
1849
|
+
.self-center {
|
|
1850
|
+
align-self: center;
|
|
1851
|
+
}
|
|
1852
|
+
.self-end {
|
|
1853
|
+
align-self: flex-end;
|
|
1854
|
+
}
|
|
1855
|
+
.self-start {
|
|
1856
|
+
align-self: flex-start;
|
|
1857
|
+
}
|
|
1858
|
+
.self-stretch {
|
|
1859
|
+
align-self: stretch;
|
|
1860
|
+
}
|
|
1861
|
+
|
|
1862
|
+
/* === Flex === */
|
|
1863
|
+
.flex-auto {
|
|
1864
|
+
flex: auto;
|
|
1865
|
+
}
|
|
1866
|
+
.flex-none {
|
|
1867
|
+
flex: none;
|
|
1868
|
+
}
|
|
1869
|
+
|
|
1870
|
+
/* === Flex direction === */
|
|
1871
|
+
.flex-col {
|
|
1872
|
+
flex-direction: column;
|
|
1873
|
+
}
|
|
1874
|
+
.flex-col-reverse {
|
|
1875
|
+
flex-direction: column-reverse;
|
|
1876
|
+
}
|
|
1877
|
+
.flex-row {
|
|
1878
|
+
flex-direction: row;
|
|
1879
|
+
}
|
|
1880
|
+
.flex-row-reverse {
|
|
1881
|
+
flex-direction: row-reverse;
|
|
1882
|
+
}
|
|
1883
|
+
|
|
1884
|
+
/* === Flex grow === */
|
|
1885
|
+
.flex-grow-0 {
|
|
1886
|
+
flex-grow: 0;
|
|
1887
|
+
}
|
|
1888
|
+
.flex-grow {
|
|
1889
|
+
flex-grow: 1;
|
|
1890
|
+
}
|
|
1891
|
+
|
|
1892
|
+
/* === Flex shrink === */
|
|
1893
|
+
.flex-shrink-0 {
|
|
1894
|
+
flex-shrink: 0;
|
|
1895
|
+
}
|
|
1896
|
+
.flex-shrink {
|
|
1897
|
+
flex-shrink: 1;
|
|
1898
|
+
}
|
|
1899
|
+
|
|
1900
|
+
/* === Flex wrap === */
|
|
1901
|
+
.flex-nowrap {
|
|
1902
|
+
flex-wrap: nowrap;
|
|
1903
|
+
}
|
|
1904
|
+
.flex-wrap {
|
|
1905
|
+
flex-wrap: wrap;
|
|
1906
|
+
}
|
|
1907
|
+
.flex-wrap-reverse {
|
|
1908
|
+
flex-wrap: wrap-reverse;
|
|
1909
|
+
}
|
|
1910
|
+
|
|
1911
|
+
/* === Gap === */
|
|
1912
|
+
.gap-xs {
|
|
1913
|
+
gap: var(--lumo-space-xs);
|
|
1914
|
+
}
|
|
1915
|
+
.gap-s {
|
|
1916
|
+
gap: var(--lumo-space-s);
|
|
1917
|
+
}
|
|
1918
|
+
.gap-m {
|
|
1919
|
+
gap: var(--lumo-space-m);
|
|
1920
|
+
}
|
|
1921
|
+
.gap-l {
|
|
1922
|
+
gap: var(--lumo-space-l);
|
|
1923
|
+
}
|
|
1924
|
+
.gap-xl {
|
|
1925
|
+
gap: var(--lumo-space-xl);
|
|
1926
|
+
}
|
|
1927
|
+
|
|
1928
|
+
/* === Gap (column) === */
|
|
1929
|
+
.gap-x-xs {
|
|
1930
|
+
column-gap: var(--lumo-space-xs);
|
|
1931
|
+
}
|
|
1932
|
+
.gap-x-s {
|
|
1933
|
+
column-gap: var(--lumo-space-s);
|
|
1934
|
+
}
|
|
1935
|
+
.gap-x-m {
|
|
1936
|
+
column-gap: var(--lumo-space-m);
|
|
1937
|
+
}
|
|
1938
|
+
.gap-x-l {
|
|
1939
|
+
column-gap: var(--lumo-space-l);
|
|
1940
|
+
}
|
|
1941
|
+
.gap-x-xl {
|
|
1942
|
+
column-gap: var(--lumo-space-xl);
|
|
1943
|
+
}
|
|
1944
|
+
|
|
1945
|
+
/* === Gap (row) === */
|
|
1946
|
+
.gap-y-xs {
|
|
1947
|
+
row-gap: var(--lumo-space-xs);
|
|
1948
|
+
}
|
|
1949
|
+
.gap-y-s {
|
|
1950
|
+
row-gap: var(--lumo-space-s);
|
|
1951
|
+
}
|
|
1952
|
+
.gap-y-m {
|
|
1953
|
+
row-gap: var(--lumo-space-m);
|
|
1954
|
+
}
|
|
1955
|
+
.gap-y-l {
|
|
1956
|
+
row-gap: var(--lumo-space-l);
|
|
1957
|
+
}
|
|
1958
|
+
.gap-y-xl {
|
|
1959
|
+
row-gap: var(--lumo-space-xl);
|
|
1960
|
+
}
|
|
1961
|
+
|
|
1962
|
+
/* === Grid auto flow === */
|
|
1963
|
+
.grid-flow-col {
|
|
1964
|
+
grid-auto-flow: column;
|
|
1965
|
+
}
|
|
1966
|
+
.grid-flow-row {
|
|
1967
|
+
grid-auto-flow: row;
|
|
1968
|
+
}
|
|
1969
|
+
|
|
1970
|
+
/* === Grid columns === */
|
|
1971
|
+
.grid-cols-1 {
|
|
1972
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1973
|
+
}
|
|
1974
|
+
.grid-cols-2 {
|
|
1975
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
1976
|
+
}
|
|
1977
|
+
.grid-cols-3 {
|
|
1978
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
1979
|
+
}
|
|
1980
|
+
.grid-cols-4 {
|
|
1981
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
1982
|
+
}
|
|
1983
|
+
.grid-cols-5 {
|
|
1984
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
1985
|
+
}
|
|
1986
|
+
.grid-cols-6 {
|
|
1987
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
1988
|
+
}
|
|
1989
|
+
.grid-cols-7 {
|
|
1990
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
1991
|
+
}
|
|
1992
|
+
.grid-cols-8 {
|
|
1993
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
1994
|
+
}
|
|
1995
|
+
.grid-cols-9 {
|
|
1996
|
+
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
1997
|
+
}
|
|
1998
|
+
.grid-cols-10 {
|
|
1999
|
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
2000
|
+
}
|
|
2001
|
+
.grid-cols-11 {
|
|
2002
|
+
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
2003
|
+
}
|
|
2004
|
+
.grid-cols-12 {
|
|
2005
|
+
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
2006
|
+
}
|
|
2007
|
+
|
|
2008
|
+
/* === Grid rows === */
|
|
2009
|
+
.grid-rows-1 {
|
|
2010
|
+
grid-template-rows: repeat(1, minmax(0, 1fr));
|
|
2011
|
+
}
|
|
2012
|
+
.grid-rows-2 {
|
|
2013
|
+
grid-template-rows: repeat(2, minmax(0, 1fr));
|
|
2014
|
+
}
|
|
2015
|
+
.grid-rows-3 {
|
|
2016
|
+
grid-template-rows: repeat(3, minmax(0, 1fr));
|
|
2017
|
+
}
|
|
2018
|
+
.grid-rows-4 {
|
|
2019
|
+
grid-template-rows: repeat(4, minmax(0, 1fr));
|
|
2020
|
+
}
|
|
2021
|
+
.grid-rows-5 {
|
|
2022
|
+
grid-template-rows: repeat(5, minmax(0, 1fr));
|
|
2023
|
+
}
|
|
2024
|
+
.grid-rows-6 {
|
|
2025
|
+
grid-template-rows: repeat(6, minmax(0, 1fr));
|
|
2026
|
+
}
|
|
2027
|
+
|
|
2028
|
+
/* === Justify content === */
|
|
2029
|
+
.justify-center {
|
|
2030
|
+
justify-content: center;
|
|
2031
|
+
}
|
|
2032
|
+
.justify-end {
|
|
2033
|
+
justify-content: flex-end;
|
|
2034
|
+
}
|
|
2035
|
+
.justify-start {
|
|
2036
|
+
justify-content: flex-start;
|
|
2037
|
+
}
|
|
2038
|
+
.justify-around {
|
|
2039
|
+
justify-content: space-around;
|
|
2040
|
+
}
|
|
2041
|
+
.justify-between {
|
|
2042
|
+
justify-content: space-between;
|
|
2043
|
+
}
|
|
2044
|
+
.justify-evenly {
|
|
2045
|
+
justify-content: space-evenly;
|
|
2046
|
+
}
|
|
2047
|
+
|
|
2048
|
+
/* === Span (column) === */
|
|
2049
|
+
.col-span-1 {
|
|
2050
|
+
grid-column: span 1 / span 1;
|
|
2051
|
+
}
|
|
2052
|
+
.col-span-2 {
|
|
2053
|
+
grid-column: span 2 / span 2;
|
|
2054
|
+
}
|
|
2055
|
+
.col-span-3 {
|
|
2056
|
+
grid-column: span 3 / span 3;
|
|
2057
|
+
}
|
|
2058
|
+
.col-span-4 {
|
|
2059
|
+
grid-column: span 4 / span 4;
|
|
2060
|
+
}
|
|
2061
|
+
.col-span-5 {
|
|
2062
|
+
grid-column: span 5 / span 5;
|
|
2063
|
+
}
|
|
2064
|
+
.col-span-6 {
|
|
2065
|
+
grid-column: span 6 / span 6;
|
|
2066
|
+
}
|
|
2067
|
+
.col-span-7 {
|
|
2068
|
+
grid-column: span 7 / span 7;
|
|
2069
|
+
}
|
|
2070
|
+
.col-span-8 {
|
|
2071
|
+
grid-column: span 8 / span 8;
|
|
2072
|
+
}
|
|
2073
|
+
.col-span-9 {
|
|
2074
|
+
grid-column: span 9 / span 9;
|
|
2075
|
+
}
|
|
2076
|
+
.col-span-10 {
|
|
2077
|
+
grid-column: span 10 / span 10;
|
|
2078
|
+
}
|
|
2079
|
+
.col-span-11 {
|
|
2080
|
+
grid-column: span 11 / span 11;
|
|
2081
|
+
}
|
|
2082
|
+
.col-span-12 {
|
|
2083
|
+
grid-column: span 12 / span 12;
|
|
2084
|
+
}
|
|
2085
|
+
|
|
2086
|
+
/* === Span (row) === */
|
|
2087
|
+
.row-span-1 {
|
|
2088
|
+
grid-row: span 1 / span 1;
|
|
2089
|
+
}
|
|
2090
|
+
.row-span-2 {
|
|
2091
|
+
grid-row: span 2 / span 2;
|
|
2092
|
+
}
|
|
2093
|
+
.row-span-3 {
|
|
2094
|
+
grid-row: span 3 / span 3;
|
|
2095
|
+
}
|
|
2096
|
+
.row-span-4 {
|
|
2097
|
+
grid-row: span 4 / span 4;
|
|
2098
|
+
}
|
|
2099
|
+
.row-span-5 {
|
|
2100
|
+
grid-row: span 5 / span 5;
|
|
2101
|
+
}
|
|
2102
|
+
.row-span-6 {
|
|
2103
|
+
grid-row: span 6 / span 6;
|
|
2104
|
+
}
|
|
2105
|
+
|
|
2106
|
+
/* === Responsive design === */
|
|
2107
|
+
@media (min-width: 640px) {
|
|
2108
|
+
.sm\\:flex-col {
|
|
2109
|
+
flex-direction: column;
|
|
2110
|
+
}
|
|
2111
|
+
.sm\\:flex-row {
|
|
2112
|
+
flex-direction: row;
|
|
2113
|
+
}
|
|
2114
|
+
.sm\\:grid-cols-1 {
|
|
2115
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2116
|
+
}
|
|
2117
|
+
.sm\\:grid-cols-2 {
|
|
2118
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2119
|
+
}
|
|
2120
|
+
.sm\\:grid-cols-3 {
|
|
2121
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
2122
|
+
}
|
|
2123
|
+
.sm\\:grid-cols-4 {
|
|
2124
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
2125
|
+
}
|
|
2126
|
+
.sm\\:grid-cols-5 {
|
|
2127
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
2128
|
+
}
|
|
2129
|
+
.sm\\:grid-cols-6 {
|
|
2130
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
2131
|
+
}
|
|
2132
|
+
.sm\\:grid-cols-7 {
|
|
2133
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
2134
|
+
}
|
|
2135
|
+
.sm\\:grid-cols-8 {
|
|
2136
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
2137
|
+
}
|
|
2138
|
+
.sm\\:grid-cols-9 {
|
|
2139
|
+
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
2140
|
+
}
|
|
2141
|
+
.sm\\:grid-cols-10 {
|
|
2142
|
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
2143
|
+
}
|
|
2144
|
+
.sm\\:grid-cols-11 {
|
|
2145
|
+
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
2146
|
+
}
|
|
2147
|
+
.sm\\:grid-cols-12 {
|
|
2148
|
+
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
2149
|
+
}
|
|
2150
|
+
}
|
|
2151
|
+
|
|
2152
|
+
@media (min-width: 768px) {
|
|
2153
|
+
.md\\:flex-col {
|
|
2154
|
+
flex-direction: column;
|
|
2155
|
+
}
|
|
2156
|
+
.md\\:flex-row {
|
|
2157
|
+
flex-direction: row;
|
|
2158
|
+
}
|
|
2159
|
+
.md\\:grid-cols-1 {
|
|
2160
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2161
|
+
}
|
|
2162
|
+
.md\\:grid-cols-2 {
|
|
2163
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2164
|
+
}
|
|
2165
|
+
.md\\:grid-cols-3 {
|
|
2166
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
2167
|
+
}
|
|
2168
|
+
.md\\:grid-cols-4 {
|
|
2169
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
2170
|
+
}
|
|
2171
|
+
.md\\:grid-cols-5 {
|
|
2172
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
2173
|
+
}
|
|
2174
|
+
.md\\:grid-cols-6 {
|
|
2175
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
2176
|
+
}
|
|
2177
|
+
.md\\:grid-cols-7 {
|
|
2178
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
2179
|
+
}
|
|
2180
|
+
.md\\:grid-cols-8 {
|
|
2181
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
2182
|
+
}
|
|
2183
|
+
.md\\:grid-cols-9 {
|
|
2184
|
+
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
2185
|
+
}
|
|
2186
|
+
.md\\:grid-cols-10 {
|
|
2187
|
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
2188
|
+
}
|
|
2189
|
+
.md\\:grid-cols-11 {
|
|
2190
|
+
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
2191
|
+
}
|
|
2192
|
+
.md\\:grid-cols-12 {
|
|
2193
|
+
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
2194
|
+
}
|
|
2195
|
+
}
|
|
2196
|
+
@media (min-width: 1024px) {
|
|
2197
|
+
.lg\\:flex-col {
|
|
2198
|
+
flex-direction: column;
|
|
2199
|
+
}
|
|
2200
|
+
.lg\\:flex-row {
|
|
2201
|
+
flex-direction: row;
|
|
2202
|
+
}
|
|
2203
|
+
.lg\\:grid-cols-1 {
|
|
2204
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2205
|
+
}
|
|
2206
|
+
.lg\\:grid-cols-2 {
|
|
2207
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2208
|
+
}
|
|
2209
|
+
.lg\\:grid-cols-3 {
|
|
2210
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
2211
|
+
}
|
|
2212
|
+
.lg\\:grid-cols-4 {
|
|
2213
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
2214
|
+
}
|
|
2215
|
+
.lg\\:grid-cols-5 {
|
|
2216
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
2217
|
+
}
|
|
2218
|
+
.lg\\:grid-cols-6 {
|
|
2219
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
2220
|
+
}
|
|
2221
|
+
.lg\\:grid-cols-7 {
|
|
2222
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
2223
|
+
}
|
|
2224
|
+
.lg\\:grid-cols-8 {
|
|
2225
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
2226
|
+
}
|
|
2227
|
+
.lg\\:grid-cols-9 {
|
|
2228
|
+
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
2229
|
+
}
|
|
2230
|
+
.lg\\:grid-cols-10 {
|
|
2231
|
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
2232
|
+
}
|
|
2233
|
+
.lg\\:grid-cols-11 {
|
|
2234
|
+
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
2235
|
+
}
|
|
2236
|
+
.lg\\:grid-cols-12 {
|
|
2237
|
+
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
2238
|
+
}
|
|
2239
|
+
}
|
|
2240
|
+
@media (min-width: 1280px) {
|
|
2241
|
+
.xl\\:flex-col {
|
|
2242
|
+
flex-direction: column;
|
|
2243
|
+
}
|
|
2244
|
+
.xl\\:flex-row {
|
|
2245
|
+
flex-direction: row;
|
|
2246
|
+
}
|
|
2247
|
+
.xl\\:grid-cols-1 {
|
|
2248
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2249
|
+
}
|
|
2250
|
+
.xl\\:grid-cols-2 {
|
|
2251
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2252
|
+
}
|
|
2253
|
+
.xl\\:grid-cols-3 {
|
|
2254
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
2255
|
+
}
|
|
2256
|
+
.xl\\:grid-cols-4 {
|
|
2257
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
2258
|
+
}
|
|
2259
|
+
.xl\\:grid-cols-5 {
|
|
2260
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
2261
|
+
}
|
|
2262
|
+
.xl\\:grid-cols-6 {
|
|
2263
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
2264
|
+
}
|
|
2265
|
+
.xl\\:grid-cols-7 {
|
|
2266
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
2267
|
+
}
|
|
2268
|
+
.xl\\:grid-cols-8 {
|
|
2269
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
2270
|
+
}
|
|
2271
|
+
.xl\\:grid-cols-9 {
|
|
2272
|
+
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
2273
|
+
}
|
|
2274
|
+
.xl\\:grid-cols-10 {
|
|
2275
|
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
2276
|
+
}
|
|
2277
|
+
.xl\\:grid-cols-11 {
|
|
2278
|
+
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
2279
|
+
}
|
|
2280
|
+
.xl\\:grid-cols-12 {
|
|
2281
|
+
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
2282
|
+
}
|
|
2283
|
+
}
|
|
2284
|
+
@media (min-width: 1536px) {
|
|
2285
|
+
.\\32xl\\:flex-col {
|
|
2286
|
+
flex-direction: column;
|
|
2287
|
+
}
|
|
2288
|
+
.\\32xl\\:flex-row {
|
|
2289
|
+
flex-direction: row;
|
|
2290
|
+
}
|
|
2291
|
+
.\\32xl\\:grid-cols-1 {
|
|
2292
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
2293
|
+
}
|
|
2294
|
+
.\\32xl\\:grid-cols-2 {
|
|
2295
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
2296
|
+
}
|
|
2297
|
+
.\\32xl\\:grid-cols-3 {
|
|
2298
|
+
grid-template-columns: repeat(3, minmax(0, 1fr));
|
|
2299
|
+
}
|
|
2300
|
+
.\\32xl\\:grid-cols-4 {
|
|
2301
|
+
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
2302
|
+
}
|
|
2303
|
+
.\\32xl\\:grid-cols-5 {
|
|
2304
|
+
grid-template-columns: repeat(5, minmax(0, 1fr));
|
|
2305
|
+
}
|
|
2306
|
+
.\\32xl\\:grid-cols-6 {
|
|
2307
|
+
grid-template-columns: repeat(6, minmax(0, 1fr));
|
|
2308
|
+
}
|
|
2309
|
+
.\\32xl\\:grid-cols-7 {
|
|
2310
|
+
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
2311
|
+
}
|
|
2312
|
+
.\\32xl\\:grid-cols-8 {
|
|
2313
|
+
grid-template-columns: repeat(8, minmax(0, 1fr));
|
|
2314
|
+
}
|
|
2315
|
+
.\\32xl\\:grid-cols-9 {
|
|
2316
|
+
grid-template-columns: repeat(9, minmax(0, 1fr));
|
|
2317
|
+
}
|
|
2318
|
+
.\\32xl\\:grid-cols-10 {
|
|
2319
|
+
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
2320
|
+
}
|
|
2321
|
+
.\\32xl\\:grid-cols-11 {
|
|
2322
|
+
grid-template-columns: repeat(11, minmax(0, 1fr));
|
|
2323
|
+
}
|
|
2324
|
+
.\\32xl\\:grid-cols-12 {
|
|
2325
|
+
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
2326
|
+
}
|
|
2327
|
+
}
|
|
2328
|
+
`;
|
|
2329
|
+
|
|
2330
|
+
|
|
2331
|
+
/***/ }),
|
|
2332
|
+
|
|
2333
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/layout.js":
|
|
2334
|
+
/*!*********************************************************************!*\
|
|
2335
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/layout.js ***!
|
|
2336
|
+
\*********************************************************************/
|
|
2337
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
2338
|
+
|
|
2339
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2340
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2341
|
+
/* harmony export */ "layout": () => (/* binding */ layout)
|
|
2342
|
+
/* harmony export */ });
|
|
2343
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
2344
|
+
/**
|
|
2345
|
+
* @license
|
|
2346
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
2347
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2348
|
+
*/
|
|
2349
|
+
|
|
2350
|
+
|
|
2351
|
+
const layout = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
2352
|
+
/* === Box sizing === */
|
|
2353
|
+
.box-border {
|
|
2354
|
+
box-sizing: border-box;
|
|
2355
|
+
}
|
|
2356
|
+
.box-content {
|
|
2357
|
+
box-sizing: content-box;
|
|
2358
|
+
}
|
|
2359
|
+
|
|
2360
|
+
/* === Display === */
|
|
2361
|
+
.block {
|
|
2362
|
+
display: block;
|
|
2363
|
+
}
|
|
2364
|
+
.flex {
|
|
2365
|
+
display: flex;
|
|
2366
|
+
}
|
|
2367
|
+
.hidden {
|
|
2368
|
+
display: none;
|
|
2369
|
+
}
|
|
2370
|
+
.inline {
|
|
2371
|
+
display: inline;
|
|
2372
|
+
}
|
|
2373
|
+
.inline-block {
|
|
2374
|
+
display: inline-block;
|
|
2375
|
+
}
|
|
2376
|
+
.inline-flex {
|
|
2377
|
+
display: inline-flex;
|
|
2378
|
+
}
|
|
2379
|
+
.inline-grid {
|
|
2380
|
+
display: inline-grid;
|
|
2381
|
+
}
|
|
2382
|
+
.grid {
|
|
2383
|
+
display: grid;
|
|
2384
|
+
}
|
|
2385
|
+
|
|
2386
|
+
/* === Overflow === */
|
|
2387
|
+
.overflow-auto {
|
|
2388
|
+
overflow: auto;
|
|
2389
|
+
}
|
|
2390
|
+
.overflow-hidden {
|
|
2391
|
+
overflow: hidden;
|
|
2392
|
+
}
|
|
2393
|
+
.overflow-scroll {
|
|
2394
|
+
overflow: scroll;
|
|
2395
|
+
}
|
|
2396
|
+
|
|
2397
|
+
/* === Position === */
|
|
2398
|
+
.absolute {
|
|
2399
|
+
position: absolute;
|
|
2400
|
+
}
|
|
2401
|
+
.fixed {
|
|
2402
|
+
position: fixed;
|
|
2403
|
+
}
|
|
2404
|
+
.static {
|
|
2405
|
+
position: static;
|
|
2406
|
+
}
|
|
2407
|
+
.sticky {
|
|
2408
|
+
position: sticky;
|
|
2409
|
+
}
|
|
2410
|
+
.relative {
|
|
2411
|
+
position: relative;
|
|
2412
|
+
}
|
|
2413
|
+
|
|
2414
|
+
/* === Responsive design === */
|
|
2415
|
+
@media (min-width: 640px) {
|
|
2416
|
+
.sm\\:flex {
|
|
2417
|
+
display: flex;
|
|
2418
|
+
}
|
|
2419
|
+
.sm\\:hidden {
|
|
2420
|
+
display: none;
|
|
2421
|
+
}
|
|
2422
|
+
}
|
|
2423
|
+
@media (min-width: 768px) {
|
|
2424
|
+
.md\\:flex {
|
|
2425
|
+
display: flex;
|
|
2426
|
+
}
|
|
2427
|
+
.md\\:hidden {
|
|
2428
|
+
display: none;
|
|
2429
|
+
}
|
|
2430
|
+
}
|
|
2431
|
+
@media (min-width: 1024px) {
|
|
2432
|
+
.lg\\:flex {
|
|
2433
|
+
display: flex;
|
|
2434
|
+
}
|
|
2435
|
+
.lg\\:hidden {
|
|
2436
|
+
display: none;
|
|
2437
|
+
}
|
|
2438
|
+
}
|
|
2439
|
+
@media (min-width: 1280px) {
|
|
2440
|
+
.xl\\:flex {
|
|
2441
|
+
display: flex;
|
|
2442
|
+
}
|
|
2443
|
+
.xl\\:hidden {
|
|
2444
|
+
display: none;
|
|
2445
|
+
}
|
|
2446
|
+
}
|
|
2447
|
+
@media (min-width: 1536px) {
|
|
2448
|
+
.\\32xl\\:flex {
|
|
2449
|
+
display: flex;
|
|
2450
|
+
}
|
|
2451
|
+
.\\32xl\\:hidden {
|
|
2452
|
+
display: none;
|
|
2453
|
+
}
|
|
2454
|
+
}
|
|
2455
|
+
`;
|
|
2456
|
+
|
|
2457
|
+
|
|
2458
|
+
/***/ }),
|
|
2459
|
+
|
|
2460
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/shadows.js":
|
|
2461
|
+
/*!**********************************************************************!*\
|
|
2462
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/shadows.js ***!
|
|
2463
|
+
\**********************************************************************/
|
|
2464
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
2465
|
+
|
|
2466
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2467
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2468
|
+
/* harmony export */ "shadows": () => (/* binding */ shadows)
|
|
2469
|
+
/* harmony export */ });
|
|
2470
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
2471
|
+
/**
|
|
2472
|
+
* @license
|
|
2473
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
2474
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2475
|
+
*/
|
|
2476
|
+
|
|
2477
|
+
|
|
2478
|
+
const shadows = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
2479
|
+
/* === Box shadows === */
|
|
2480
|
+
.shadow-xs {
|
|
2481
|
+
box-shadow: var(--lumo-box-shadow-xs);
|
|
2482
|
+
}
|
|
2483
|
+
.shadow-s {
|
|
2484
|
+
box-shadow: var(--lumo-box-shadow-s);
|
|
2485
|
+
}
|
|
2486
|
+
.shadow-m {
|
|
2487
|
+
box-shadow: var(--lumo-box-shadow-m);
|
|
2488
|
+
}
|
|
2489
|
+
.shadow-l {
|
|
2490
|
+
box-shadow: var(--lumo-box-shadow-l);
|
|
2491
|
+
}
|
|
2492
|
+
.shadow-xl {
|
|
2493
|
+
box-shadow: var(--lumo-box-shadow-xl);
|
|
2494
|
+
}
|
|
2495
|
+
`;
|
|
2496
|
+
|
|
2497
|
+
|
|
2498
|
+
/***/ }),
|
|
2499
|
+
|
|
2500
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/sizing.js":
|
|
2501
|
+
/*!*********************************************************************!*\
|
|
2502
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/sizing.js ***!
|
|
2503
|
+
\*********************************************************************/
|
|
2504
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
2505
|
+
|
|
2506
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2507
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2508
|
+
/* harmony export */ "sizing": () => (/* binding */ sizing)
|
|
2509
|
+
/* harmony export */ });
|
|
2510
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
2511
|
+
/**
|
|
2512
|
+
* @license
|
|
2513
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
2514
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2515
|
+
*/
|
|
2516
|
+
|
|
2517
|
+
|
|
2518
|
+
const sizing = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
2519
|
+
/* === Height === */
|
|
2520
|
+
.h-0 {
|
|
2521
|
+
height: 0;
|
|
2522
|
+
}
|
|
2523
|
+
.h-xs {
|
|
2524
|
+
height: var(--lumo-size-xs);
|
|
2525
|
+
}
|
|
2526
|
+
.h-s {
|
|
2527
|
+
height: var(--lumo-size-s);
|
|
2528
|
+
}
|
|
2529
|
+
.h-m {
|
|
2530
|
+
height: var(--lumo-size-m);
|
|
2531
|
+
}
|
|
2532
|
+
.h-l {
|
|
2533
|
+
height: var(--lumo-size-l);
|
|
2534
|
+
}
|
|
2535
|
+
.h-xl {
|
|
2536
|
+
height: var(--lumo-size-xl);
|
|
2537
|
+
}
|
|
2538
|
+
.h-auto {
|
|
2539
|
+
height: auto;
|
|
2540
|
+
}
|
|
2541
|
+
.h-full {
|
|
2542
|
+
height: 100%;
|
|
2543
|
+
}
|
|
2544
|
+
.h-screen {
|
|
2545
|
+
height: 100vh;
|
|
2546
|
+
}
|
|
2547
|
+
|
|
2548
|
+
/* === Height (max) === */
|
|
2549
|
+
.max-h-full {
|
|
2550
|
+
max-height: 100%;
|
|
2551
|
+
}
|
|
2552
|
+
.max-h-screen {
|
|
2553
|
+
max-height: 100vh;
|
|
2554
|
+
}
|
|
2555
|
+
|
|
2556
|
+
/* === Height (min) === */
|
|
2557
|
+
.min-h-0 {
|
|
2558
|
+
min-height: 0;
|
|
2559
|
+
}
|
|
2560
|
+
.min-h-full {
|
|
2561
|
+
min-height: 100%;
|
|
2562
|
+
}
|
|
2563
|
+
.min-h-screen {
|
|
2564
|
+
min-height: 100vh;
|
|
2565
|
+
}
|
|
2566
|
+
|
|
2567
|
+
/* === Icon sizing === */
|
|
2568
|
+
.icon-s {
|
|
2569
|
+
height: var(--lumo-icon-size-s);
|
|
2570
|
+
width: var(--lumo-icon-size-s);
|
|
2571
|
+
}
|
|
2572
|
+
.icon-m {
|
|
2573
|
+
height: var(--lumo-icon-size-m);
|
|
2574
|
+
width: var(--lumo-icon-size-m);
|
|
2575
|
+
}
|
|
2576
|
+
.icon-l {
|
|
2577
|
+
height: var(--lumo-icon-size-l);
|
|
2578
|
+
width: var(--lumo-icon-size-l);
|
|
2579
|
+
}
|
|
2580
|
+
|
|
2581
|
+
/* === Width === */
|
|
2582
|
+
.w-xs {
|
|
2583
|
+
width: var(--lumo-size-xs);
|
|
2584
|
+
}
|
|
2585
|
+
.w-s {
|
|
2586
|
+
width: var(--lumo-size-s);
|
|
2587
|
+
}
|
|
2588
|
+
.w-m {
|
|
2589
|
+
width: var(--lumo-size-m);
|
|
2590
|
+
}
|
|
2591
|
+
.w-l {
|
|
2592
|
+
width: var(--lumo-size-l);
|
|
2593
|
+
}
|
|
2594
|
+
.w-xl {
|
|
2595
|
+
width: var(--lumo-size-xl);
|
|
2596
|
+
}
|
|
2597
|
+
.w-auto {
|
|
2598
|
+
width: auto;
|
|
2599
|
+
}
|
|
2600
|
+
.w-full {
|
|
2601
|
+
width: 100%;
|
|
2602
|
+
}
|
|
2603
|
+
|
|
2604
|
+
/* === Width (max) === */
|
|
2605
|
+
.max-w-full {
|
|
2606
|
+
max-width: 100%;
|
|
2607
|
+
}
|
|
2608
|
+
.max-w-screen-sm {
|
|
2609
|
+
max-width: 640px;
|
|
2610
|
+
}
|
|
2611
|
+
.max-w-screen-md {
|
|
2612
|
+
max-width: 768px;
|
|
2613
|
+
}
|
|
2614
|
+
.max-w-screen-lg {
|
|
2615
|
+
max-width: 1024px;
|
|
2616
|
+
}
|
|
2617
|
+
.max-w-screen-xl {
|
|
2618
|
+
max-width: 1280px;
|
|
2619
|
+
}
|
|
2620
|
+
.max-w-screen-2xl {
|
|
2621
|
+
max-width: 1536px;
|
|
2622
|
+
}
|
|
2623
|
+
|
|
2624
|
+
/* === Width (min) === */
|
|
2625
|
+
.min-w-0 {
|
|
2626
|
+
min-width: 0;
|
|
2627
|
+
}
|
|
2628
|
+
.min-w-full {
|
|
2629
|
+
min-width: 100%;
|
|
2630
|
+
}
|
|
2631
|
+
`;
|
|
2632
|
+
|
|
2633
|
+
|
|
2634
|
+
/***/ }),
|
|
2635
|
+
|
|
2636
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/spacing.js":
|
|
2637
|
+
/*!**********************************************************************!*\
|
|
2638
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/spacing.js ***!
|
|
2639
|
+
\**********************************************************************/
|
|
2640
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
2641
|
+
|
|
2642
|
+
__webpack_require__.r(__webpack_exports__);
|
|
2643
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
2644
|
+
/* harmony export */ "spacing": () => (/* binding */ spacing)
|
|
2645
|
+
/* harmony export */ });
|
|
2646
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
2647
|
+
/**
|
|
2648
|
+
* @license
|
|
2649
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
2650
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
2651
|
+
*/
|
|
2652
|
+
|
|
2653
|
+
|
|
2654
|
+
const spacing = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
2655
|
+
/* === Margin === */
|
|
2656
|
+
.m-auto {
|
|
2657
|
+
margin: auto;
|
|
2658
|
+
}
|
|
2659
|
+
.m-0 {
|
|
2660
|
+
margin: 0;
|
|
2661
|
+
}
|
|
2662
|
+
.m-xs {
|
|
2663
|
+
margin: var(--lumo-space-xs);
|
|
2664
|
+
}
|
|
2665
|
+
.m-s {
|
|
2666
|
+
margin: var(--lumo-space-s);
|
|
2667
|
+
}
|
|
2668
|
+
.m-m {
|
|
2669
|
+
margin: var(--lumo-space-m);
|
|
2670
|
+
}
|
|
2671
|
+
.m-l {
|
|
2672
|
+
margin: var(--lumo-space-l);
|
|
2673
|
+
}
|
|
2674
|
+
.m-xl {
|
|
2675
|
+
margin: var(--lumo-space-xl);
|
|
2676
|
+
}
|
|
2677
|
+
|
|
2678
|
+
/* === Margin (bottom) === */
|
|
2679
|
+
.mb-auto {
|
|
2680
|
+
margin-bottom: auto;
|
|
2681
|
+
}
|
|
2682
|
+
.mb-0 {
|
|
2683
|
+
margin-bottom: 0;
|
|
2684
|
+
}
|
|
2685
|
+
.mb-xs {
|
|
2686
|
+
margin-bottom: var(--lumo-space-xs);
|
|
2687
|
+
}
|
|
2688
|
+
.mb-s {
|
|
2689
|
+
margin-bottom: var(--lumo-space-s);
|
|
2690
|
+
}
|
|
2691
|
+
.mb-m {
|
|
2692
|
+
margin-bottom: var(--lumo-space-m);
|
|
2693
|
+
}
|
|
2694
|
+
.mb-l {
|
|
2695
|
+
margin-bottom: var(--lumo-space-l);
|
|
2696
|
+
}
|
|
2697
|
+
.mb-xl {
|
|
2698
|
+
margin-bottom: var(--lumo-space-xl);
|
|
2699
|
+
}
|
|
2700
|
+
|
|
2701
|
+
/* === Margin (end) === */
|
|
2702
|
+
.me-auto {
|
|
2703
|
+
margin-inline-end: auto;
|
|
2704
|
+
}
|
|
2705
|
+
.me-0 {
|
|
2706
|
+
margin-inline-end: 0;
|
|
2707
|
+
}
|
|
2708
|
+
.me-xs {
|
|
2709
|
+
margin-inline-end: var(--lumo-space-xs);
|
|
2710
|
+
}
|
|
2711
|
+
.me-s {
|
|
2712
|
+
margin-inline-end: var(--lumo-space-s);
|
|
2713
|
+
}
|
|
2714
|
+
.me-m {
|
|
2715
|
+
margin-inline-end: var(--lumo-space-m);
|
|
2716
|
+
}
|
|
2717
|
+
.me-l {
|
|
2718
|
+
margin-inline-end: var(--lumo-space-l);
|
|
2719
|
+
}
|
|
2720
|
+
.me-xl {
|
|
2721
|
+
margin-inline-end: var(--lumo-space-xl);
|
|
2722
|
+
}
|
|
2723
|
+
|
|
2724
|
+
/* === Margin (horizontal) === */
|
|
2725
|
+
.mx-auto {
|
|
2726
|
+
margin-left: auto;
|
|
2727
|
+
margin-right: auto;
|
|
2728
|
+
}
|
|
2729
|
+
.mx-0 {
|
|
2730
|
+
margin-left: 0;
|
|
2731
|
+
margin-right: 0;
|
|
2732
|
+
}
|
|
2733
|
+
.mx-xs {
|
|
2734
|
+
margin-left: var(--lumo-space-xs);
|
|
2735
|
+
margin-right: var(--lumo-space-xs);
|
|
2736
|
+
}
|
|
2737
|
+
.mx-s {
|
|
2738
|
+
margin-left: var(--lumo-space-s);
|
|
2739
|
+
margin-right: var(--lumo-space-s);
|
|
2740
|
+
}
|
|
2741
|
+
.mx-m {
|
|
2742
|
+
margin-left: var(--lumo-space-m);
|
|
2743
|
+
margin-right: var(--lumo-space-m);
|
|
2744
|
+
}
|
|
2745
|
+
.mx-l {
|
|
2746
|
+
margin-left: var(--lumo-space-l);
|
|
2747
|
+
margin-right: var(--lumo-space-l);
|
|
2748
|
+
}
|
|
2749
|
+
.mx-xl {
|
|
2750
|
+
margin-left: var(--lumo-space-xl);
|
|
2751
|
+
margin-right: var(--lumo-space-xl);
|
|
2752
|
+
}
|
|
2753
|
+
|
|
2754
|
+
/* === Margin (left) === */
|
|
2755
|
+
.ml-auto {
|
|
2756
|
+
margin-left: auto;
|
|
2757
|
+
}
|
|
2758
|
+
.ml-0 {
|
|
2759
|
+
margin-left: 0;
|
|
2760
|
+
}
|
|
2761
|
+
.ml-xs {
|
|
2762
|
+
margin-left: var(--lumo-space-xs);
|
|
2763
|
+
}
|
|
2764
|
+
.ml-s {
|
|
2765
|
+
margin-left: var(--lumo-space-s);
|
|
2766
|
+
}
|
|
2767
|
+
.ml-m {
|
|
2768
|
+
margin-left: var(--lumo-space-m);
|
|
2769
|
+
}
|
|
2770
|
+
.ml-l {
|
|
2771
|
+
margin-left: var(--lumo-space-l);
|
|
2772
|
+
}
|
|
2773
|
+
.ml-xl {
|
|
2774
|
+
margin-left: var(--lumo-space-xl);
|
|
2775
|
+
}
|
|
2776
|
+
|
|
2777
|
+
/* === Margin (right) === */
|
|
2778
|
+
.mr-auto {
|
|
2779
|
+
margin-right: auto;
|
|
2780
|
+
}
|
|
2781
|
+
.mr-0 {
|
|
2782
|
+
margin-right: 0;
|
|
2783
|
+
}
|
|
2784
|
+
.mr-xs {
|
|
2785
|
+
margin-right: var(--lumo-space-xs);
|
|
2786
|
+
}
|
|
2787
|
+
.mr-s {
|
|
2788
|
+
margin-right: var(--lumo-space-s);
|
|
2789
|
+
}
|
|
2790
|
+
.mr-m {
|
|
2791
|
+
margin-right: var(--lumo-space-m);
|
|
2792
|
+
}
|
|
2793
|
+
.mr-l {
|
|
2794
|
+
margin-right: var(--lumo-space-l);
|
|
2795
|
+
}
|
|
2796
|
+
.mr-xl {
|
|
2797
|
+
margin-right: var(--lumo-space-xl);
|
|
2798
|
+
}
|
|
2799
|
+
|
|
2800
|
+
/* === Margin (start) === */
|
|
2801
|
+
.ms-auto {
|
|
2802
|
+
margin-inline-start: auto;
|
|
2803
|
+
}
|
|
2804
|
+
.ms-0 {
|
|
2805
|
+
margin-inline-start: 0;
|
|
2806
|
+
}
|
|
2807
|
+
.ms-xs {
|
|
2808
|
+
margin-inline-start: var(--lumo-space-xs);
|
|
2809
|
+
}
|
|
2810
|
+
.ms-s {
|
|
2811
|
+
margin-inline-start: var(--lumo-space-s);
|
|
2812
|
+
}
|
|
2813
|
+
.ms-m {
|
|
2814
|
+
margin-inline-start: var(--lumo-space-m);
|
|
2815
|
+
}
|
|
2816
|
+
.ms-l {
|
|
2817
|
+
margin-inline-start: var(--lumo-space-l);
|
|
2818
|
+
}
|
|
2819
|
+
.ms-xl {
|
|
2820
|
+
margin-inline-start: var(--lumo-space-xl);
|
|
2821
|
+
}
|
|
2822
|
+
|
|
2823
|
+
/* === Margin (top) === */
|
|
2824
|
+
.mt-auto {
|
|
2825
|
+
margin-top: auto;
|
|
2826
|
+
}
|
|
2827
|
+
.mt-0 {
|
|
2828
|
+
margin-top: 0;
|
|
2829
|
+
}
|
|
2830
|
+
.mt-xs {
|
|
2831
|
+
margin-top: var(--lumo-space-xs);
|
|
2832
|
+
}
|
|
2833
|
+
.mt-s {
|
|
2834
|
+
margin-top: var(--lumo-space-s);
|
|
2835
|
+
}
|
|
2836
|
+
.mt-m {
|
|
2837
|
+
margin-top: var(--lumo-space-m);
|
|
2838
|
+
}
|
|
2839
|
+
.mt-l {
|
|
2840
|
+
margin-top: var(--lumo-space-l);
|
|
2841
|
+
}
|
|
2842
|
+
.mt-xl {
|
|
2843
|
+
margin-top: var(--lumo-space-xl);
|
|
2844
|
+
}
|
|
2845
|
+
|
|
2846
|
+
/* === Margin (vertical) === */
|
|
2847
|
+
.my-auto {
|
|
2848
|
+
margin-bottom: auto;
|
|
2849
|
+
margin-top: auto;
|
|
2850
|
+
}
|
|
2851
|
+
.my-0 {
|
|
2852
|
+
margin-bottom: 0;
|
|
2853
|
+
margin-top: 0;
|
|
2854
|
+
}
|
|
2855
|
+
.my-xs {
|
|
2856
|
+
margin-bottom: var(--lumo-space-xs);
|
|
2857
|
+
margin-top: var(--lumo-space-xs);
|
|
2858
|
+
}
|
|
2859
|
+
.my-s {
|
|
2860
|
+
margin-bottom: var(--lumo-space-s);
|
|
2861
|
+
margin-top: var(--lumo-space-s);
|
|
2862
|
+
}
|
|
2863
|
+
.my-m {
|
|
2864
|
+
margin-bottom: var(--lumo-space-m);
|
|
2865
|
+
margin-top: var(--lumo-space-m);
|
|
2866
|
+
}
|
|
2867
|
+
.my-l {
|
|
2868
|
+
margin-bottom: var(--lumo-space-l);
|
|
2869
|
+
margin-top: var(--lumo-space-l);
|
|
2870
|
+
}
|
|
2871
|
+
.my-xl {
|
|
2872
|
+
margin-bottom: var(--lumo-space-xl);
|
|
2873
|
+
margin-top: var(--lumo-space-xl);
|
|
2874
|
+
}
|
|
2875
|
+
|
|
2876
|
+
/* === Padding === */
|
|
2877
|
+
.p-0 {
|
|
2878
|
+
padding: 0;
|
|
2879
|
+
}
|
|
2880
|
+
.p-xs {
|
|
2881
|
+
padding: var(--lumo-space-xs);
|
|
2882
|
+
}
|
|
2883
|
+
.p-s {
|
|
2884
|
+
padding: var(--lumo-space-s);
|
|
2885
|
+
}
|
|
2886
|
+
.p-m {
|
|
2887
|
+
padding: var(--lumo-space-m);
|
|
2888
|
+
}
|
|
2889
|
+
.p-l {
|
|
2890
|
+
padding: var(--lumo-space-l);
|
|
2891
|
+
}
|
|
2892
|
+
.p-xl {
|
|
2893
|
+
padding: var(--lumo-space-xl);
|
|
2894
|
+
}
|
|
2895
|
+
|
|
2896
|
+
/* === Padding (bottom) === */
|
|
2897
|
+
.pb-0 {
|
|
2898
|
+
padding-bottom: 0;
|
|
2899
|
+
}
|
|
2900
|
+
.pb-xs {
|
|
2901
|
+
padding-bottom: var(--lumo-space-xs);
|
|
2902
|
+
}
|
|
2903
|
+
.pb-s {
|
|
2904
|
+
padding-bottom: var(--lumo-space-s);
|
|
2905
|
+
}
|
|
2906
|
+
.pb-m {
|
|
2907
|
+
padding-bottom: var(--lumo-space-m);
|
|
2908
|
+
}
|
|
2909
|
+
.pb-l {
|
|
2910
|
+
padding-bottom: var(--lumo-space-l);
|
|
2911
|
+
}
|
|
2912
|
+
.pb-xl {
|
|
2913
|
+
padding-bottom: var(--lumo-space-xl);
|
|
2914
|
+
}
|
|
2915
|
+
|
|
2916
|
+
/* === Padding (end) === */
|
|
2917
|
+
.pe-0 {
|
|
2918
|
+
padding-inline-end: 0;
|
|
2919
|
+
}
|
|
2920
|
+
.pe-xs {
|
|
2921
|
+
padding-inline-end: var(--lumo-space-xs);
|
|
2922
|
+
}
|
|
2923
|
+
.pe-s {
|
|
2924
|
+
padding-inline-end: var(--lumo-space-s);
|
|
2925
|
+
}
|
|
2926
|
+
.pe-m {
|
|
2927
|
+
padding-inline-end: var(--lumo-space-m);
|
|
2928
|
+
}
|
|
2929
|
+
.pe-l {
|
|
2930
|
+
padding-inline-end: var(--lumo-space-l);
|
|
2931
|
+
}
|
|
2932
|
+
.pe-xl {
|
|
2933
|
+
padding-inline-end: var(--lumo-space-xl);
|
|
2934
|
+
}
|
|
2935
|
+
|
|
2936
|
+
/* === Padding (horizontal) === */
|
|
2937
|
+
.px-0 {
|
|
2938
|
+
padding-left: 0;
|
|
2939
|
+
padding-right: 0;
|
|
2940
|
+
}
|
|
2941
|
+
.px-xs {
|
|
2942
|
+
padding-left: var(--lumo-space-xs);
|
|
2943
|
+
padding-right: var(--lumo-space-xs);
|
|
2944
|
+
}
|
|
2945
|
+
.px-s {
|
|
2946
|
+
padding-left: var(--lumo-space-s);
|
|
2947
|
+
padding-right: var(--lumo-space-s);
|
|
2948
|
+
}
|
|
2949
|
+
.px-m {
|
|
2950
|
+
padding-left: var(--lumo-space-m);
|
|
2951
|
+
padding-right: var(--lumo-space-m);
|
|
2952
|
+
}
|
|
2953
|
+
.px-l {
|
|
2954
|
+
padding-left: var(--lumo-space-l);
|
|
2955
|
+
padding-right: var(--lumo-space-l);
|
|
2956
|
+
}
|
|
2957
|
+
.px-xl {
|
|
2958
|
+
padding-left: var(--lumo-space-xl);
|
|
2959
|
+
padding-right: var(--lumo-space-xl);
|
|
2960
|
+
}
|
|
2961
|
+
|
|
2962
|
+
/* === Padding (left) === */
|
|
2963
|
+
.pl-0 {
|
|
2964
|
+
padding-left: 0;
|
|
2965
|
+
}
|
|
2966
|
+
.pl-xs {
|
|
2967
|
+
padding-left: var(--lumo-space-xs);
|
|
2968
|
+
}
|
|
2969
|
+
.pl-s {
|
|
2970
|
+
padding-left: var(--lumo-space-s);
|
|
2971
|
+
}
|
|
2972
|
+
.pl-m {
|
|
2973
|
+
padding-left: var(--lumo-space-m);
|
|
2974
|
+
}
|
|
2975
|
+
.pl-l {
|
|
2976
|
+
padding-left: var(--lumo-space-l);
|
|
2977
|
+
}
|
|
2978
|
+
.pl-xl {
|
|
2979
|
+
padding-left: var(--lumo-space-xl);
|
|
2980
|
+
}
|
|
2981
|
+
|
|
2982
|
+
/* === Padding (right) === */
|
|
2983
|
+
.pr-0 {
|
|
2984
|
+
padding-right: 0;
|
|
2985
|
+
}
|
|
2986
|
+
.pr-xs {
|
|
2987
|
+
padding-right: var(--lumo-space-xs);
|
|
2988
|
+
}
|
|
2989
|
+
.pr-s {
|
|
2990
|
+
padding-right: var(--lumo-space-s);
|
|
2991
|
+
}
|
|
2992
|
+
.pr-m {
|
|
2993
|
+
padding-right: var(--lumo-space-m);
|
|
2994
|
+
}
|
|
2995
|
+
.pr-l {
|
|
2996
|
+
padding-right: var(--lumo-space-l);
|
|
2997
|
+
}
|
|
2998
|
+
.pr-xl {
|
|
2999
|
+
padding-right: var(--lumo-space-xl);
|
|
3000
|
+
}
|
|
3001
|
+
|
|
3002
|
+
/* === Padding (start) === */
|
|
3003
|
+
.ps-0 {
|
|
3004
|
+
padding-inline-start: 0;
|
|
3005
|
+
}
|
|
3006
|
+
.ps-xs {
|
|
3007
|
+
padding-inline-start: var(--lumo-space-xs);
|
|
3008
|
+
}
|
|
3009
|
+
.ps-s {
|
|
3010
|
+
padding-inline-start: var(--lumo-space-s);
|
|
3011
|
+
}
|
|
3012
|
+
.ps-m {
|
|
3013
|
+
padding-inline-start: var(--lumo-space-m);
|
|
3014
|
+
}
|
|
3015
|
+
.ps-l {
|
|
3016
|
+
padding-inline-start: var(--lumo-space-l);
|
|
3017
|
+
}
|
|
3018
|
+
.ps-xl {
|
|
3019
|
+
padding-inline-start: var(--lumo-space-xl);
|
|
3020
|
+
}
|
|
3021
|
+
|
|
3022
|
+
/* === Padding (top) === */
|
|
3023
|
+
.pt-0 {
|
|
3024
|
+
padding-top: 0;
|
|
3025
|
+
}
|
|
3026
|
+
.pt-xs {
|
|
3027
|
+
padding-top: var(--lumo-space-xs);
|
|
3028
|
+
}
|
|
3029
|
+
.pt-s {
|
|
3030
|
+
padding-top: var(--lumo-space-s);
|
|
3031
|
+
}
|
|
3032
|
+
.pt-m {
|
|
3033
|
+
padding-top: var(--lumo-space-m);
|
|
3034
|
+
}
|
|
3035
|
+
.pt-l {
|
|
3036
|
+
padding-top: var(--lumo-space-l);
|
|
3037
|
+
}
|
|
3038
|
+
.pt-xl {
|
|
3039
|
+
padding-top: var(--lumo-space-xl);
|
|
3040
|
+
}
|
|
3041
|
+
|
|
3042
|
+
/* === Padding (vertical) === */
|
|
3043
|
+
.py-0 {
|
|
3044
|
+
padding-bottom: 0;
|
|
3045
|
+
padding-top: 0;
|
|
3046
|
+
}
|
|
3047
|
+
.py-xs {
|
|
3048
|
+
padding-bottom: var(--lumo-space-xs);
|
|
3049
|
+
padding-top: var(--lumo-space-xs);
|
|
3050
|
+
}
|
|
3051
|
+
.py-s {
|
|
3052
|
+
padding-bottom: var(--lumo-space-s);
|
|
3053
|
+
padding-top: var(--lumo-space-s);
|
|
3054
|
+
}
|
|
3055
|
+
.py-m {
|
|
3056
|
+
padding-bottom: var(--lumo-space-m);
|
|
3057
|
+
padding-top: var(--lumo-space-m);
|
|
3058
|
+
}
|
|
3059
|
+
.py-l {
|
|
3060
|
+
padding-bottom: var(--lumo-space-l);
|
|
3061
|
+
padding-top: var(--lumo-space-l);
|
|
3062
|
+
}
|
|
3063
|
+
.py-xl {
|
|
3064
|
+
padding-bottom: var(--lumo-space-xl);
|
|
3065
|
+
padding-top: var(--lumo-space-xl);
|
|
3066
|
+
}
|
|
3067
|
+
`;
|
|
3068
|
+
|
|
3069
|
+
|
|
3070
|
+
/***/ }),
|
|
3071
|
+
|
|
3072
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/typography.js":
|
|
3073
|
+
/*!*************************************************************************!*\
|
|
3074
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utilities/typography.js ***!
|
|
3075
|
+
\*************************************************************************/
|
|
3076
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
3077
|
+
|
|
3078
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3079
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3080
|
+
/* harmony export */ "typography": () => (/* binding */ typography)
|
|
3081
|
+
/* harmony export */ });
|
|
3082
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
3083
|
+
/**
|
|
3084
|
+
* @license
|
|
3085
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
3086
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3087
|
+
*/
|
|
3088
|
+
|
|
3089
|
+
|
|
3090
|
+
const typography = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
3091
|
+
/* === Font size === */
|
|
3092
|
+
.text-2xs {
|
|
3093
|
+
font-size: var(--lumo-font-size-xxs);
|
|
3094
|
+
}
|
|
3095
|
+
.text-xs {
|
|
3096
|
+
font-size: var(--lumo-font-size-xs);
|
|
3097
|
+
}
|
|
3098
|
+
.text-s {
|
|
3099
|
+
font-size: var(--lumo-font-size-s);
|
|
3100
|
+
}
|
|
3101
|
+
.text-m {
|
|
3102
|
+
font-size: var(--lumo-font-size-m);
|
|
3103
|
+
}
|
|
3104
|
+
.text-l {
|
|
3105
|
+
font-size: var(--lumo-font-size-l);
|
|
3106
|
+
}
|
|
3107
|
+
.text-xl {
|
|
3108
|
+
font-size: var(--lumo-font-size-xl);
|
|
3109
|
+
}
|
|
3110
|
+
.text-2xl {
|
|
3111
|
+
font-size: var(--lumo-font-size-xxl);
|
|
3112
|
+
}
|
|
3113
|
+
.text-3xl {
|
|
3114
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
3115
|
+
}
|
|
3116
|
+
|
|
3117
|
+
/* === Font weight === */
|
|
3118
|
+
.font-thin {
|
|
3119
|
+
font-weight: 100;
|
|
3120
|
+
}
|
|
3121
|
+
.font-extralight {
|
|
3122
|
+
font-weight: 200;
|
|
3123
|
+
}
|
|
3124
|
+
.font-light {
|
|
3125
|
+
font-weight: 300;
|
|
3126
|
+
}
|
|
3127
|
+
.font-normal {
|
|
3128
|
+
font-weight: 400;
|
|
3129
|
+
}
|
|
3130
|
+
.font-medium {
|
|
3131
|
+
font-weight: 500;
|
|
3132
|
+
}
|
|
3133
|
+
.font-semibold {
|
|
3134
|
+
font-weight: 600;
|
|
3135
|
+
}
|
|
3136
|
+
.font-bold {
|
|
3137
|
+
font-weight: 700;
|
|
3138
|
+
}
|
|
3139
|
+
.font-extrabold {
|
|
3140
|
+
font-weight: 800;
|
|
3141
|
+
}
|
|
3142
|
+
.font-black {
|
|
3143
|
+
font-weight: 900;
|
|
3144
|
+
}
|
|
3145
|
+
|
|
3146
|
+
/* === Line height === */
|
|
3147
|
+
.leading-none {
|
|
3148
|
+
line-height: 1;
|
|
3149
|
+
}
|
|
3150
|
+
.leading-xs {
|
|
3151
|
+
line-height: var(--lumo-line-height-xs);
|
|
3152
|
+
}
|
|
3153
|
+
.leading-s {
|
|
3154
|
+
line-height: var(--lumo-line-height-s);
|
|
3155
|
+
}
|
|
3156
|
+
.leading-m {
|
|
3157
|
+
line-height: var(--lumo-line-height-m);
|
|
3158
|
+
}
|
|
3159
|
+
|
|
3160
|
+
/* === List style type === */
|
|
3161
|
+
.list-none {
|
|
3162
|
+
list-style-type: none;
|
|
3163
|
+
}
|
|
3164
|
+
|
|
3165
|
+
/* === Text alignment === */
|
|
3166
|
+
.text-left {
|
|
3167
|
+
text-align: left;
|
|
3168
|
+
}
|
|
3169
|
+
.text-center {
|
|
3170
|
+
text-align: center;
|
|
3171
|
+
}
|
|
3172
|
+
.text-right {
|
|
3173
|
+
text-align: right;
|
|
3174
|
+
}
|
|
3175
|
+
.text-justify {
|
|
3176
|
+
text-align: justify;
|
|
3177
|
+
}
|
|
3178
|
+
|
|
3179
|
+
/* === Text color === */
|
|
3180
|
+
.text-header {
|
|
3181
|
+
color: var(--lumo-header-text-color);
|
|
3182
|
+
}
|
|
3183
|
+
.text-body {
|
|
3184
|
+
color: var(--lumo-body-text-color);
|
|
3185
|
+
}
|
|
3186
|
+
.text-secondary {
|
|
3187
|
+
color: var(--lumo-secondary-text-color);
|
|
3188
|
+
}
|
|
3189
|
+
.text-tertiary {
|
|
3190
|
+
color: var(--lumo-tertiary-text-color);
|
|
3191
|
+
}
|
|
3192
|
+
.text-disabled {
|
|
3193
|
+
color: var(--lumo-disabled-text-color);
|
|
3194
|
+
}
|
|
3195
|
+
.text-primary {
|
|
3196
|
+
color: var(--lumo-primary-text-color);
|
|
3197
|
+
}
|
|
3198
|
+
.text-primary-contrast {
|
|
3199
|
+
color: var(--lumo-primary-contrast-color);
|
|
3200
|
+
}
|
|
3201
|
+
.text-error {
|
|
3202
|
+
color: var(--lumo-error-text-color);
|
|
3203
|
+
}
|
|
3204
|
+
.text-error-contrast {
|
|
3205
|
+
color: var(--lumo-error-contrast-color);
|
|
3206
|
+
}
|
|
3207
|
+
.text-success {
|
|
3208
|
+
color: var(--lumo-success-text-color);
|
|
3209
|
+
}
|
|
3210
|
+
.text-success-contrast {
|
|
3211
|
+
color: var(--lumo-success-contrast-color);
|
|
3212
|
+
}
|
|
3213
|
+
|
|
3214
|
+
/* === Text overflow === */
|
|
3215
|
+
.overflow-clip {
|
|
3216
|
+
text-overflow: clip;
|
|
3217
|
+
}
|
|
3218
|
+
.overflow-ellipsis {
|
|
3219
|
+
text-overflow: ellipsis;
|
|
3220
|
+
}
|
|
3221
|
+
|
|
3222
|
+
/* === Text transform === */
|
|
3223
|
+
.capitalize {
|
|
3224
|
+
text-transform: capitalize;
|
|
3225
|
+
}
|
|
3226
|
+
.lowercase {
|
|
3227
|
+
text-transform: lowercase;
|
|
3228
|
+
}
|
|
3229
|
+
.uppercase {
|
|
3230
|
+
text-transform: uppercase;
|
|
3231
|
+
}
|
|
3232
|
+
|
|
3233
|
+
/* === Whitespace === */
|
|
3234
|
+
.whitespace-normal {
|
|
3235
|
+
white-space: normal;
|
|
3236
|
+
}
|
|
3237
|
+
.whitespace-nowrap {
|
|
3238
|
+
white-space: nowrap;
|
|
3239
|
+
}
|
|
3240
|
+
.whitespace-pre {
|
|
3241
|
+
white-space: pre;
|
|
3242
|
+
}
|
|
3243
|
+
.whitespace-pre-line {
|
|
3244
|
+
white-space: pre-line;
|
|
3245
|
+
}
|
|
3246
|
+
.whitespace-pre-wrap {
|
|
3247
|
+
white-space: pre-wrap;
|
|
3248
|
+
}
|
|
3249
|
+
|
|
3250
|
+
/* === Responsive design === */
|
|
3251
|
+
@media (min-width: 640px) {
|
|
3252
|
+
.sm\\:text-2xs {
|
|
3253
|
+
font-size: var(--lumo-font-size-xxs);
|
|
3254
|
+
}
|
|
3255
|
+
.sm\\:text-xs {
|
|
3256
|
+
font-size: var(--lumo-font-size-xs);
|
|
3257
|
+
}
|
|
3258
|
+
.sm\\:text-s {
|
|
3259
|
+
font-size: var(--lumo-font-size-s);
|
|
3260
|
+
}
|
|
3261
|
+
.sm\\:text-m {
|
|
3262
|
+
font-size: var(--lumo-font-size-m);
|
|
3263
|
+
}
|
|
3264
|
+
.sm\\:text-l {
|
|
3265
|
+
font-size: var(--lumo-font-size-l);
|
|
3266
|
+
}
|
|
3267
|
+
.sm\\:text-xl {
|
|
3268
|
+
font-size: var(--lumo-font-size-xl);
|
|
3269
|
+
}
|
|
3270
|
+
.sm\\:text-2xl {
|
|
3271
|
+
font-size: var(--lumo-font-size-xxl);
|
|
3272
|
+
}
|
|
3273
|
+
.sm\\:text-3xl {
|
|
3274
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
3275
|
+
}
|
|
3276
|
+
}
|
|
3277
|
+
@media (min-width: 768px) {
|
|
3278
|
+
.md\\:text-2xs {
|
|
3279
|
+
font-size: var(--lumo-font-size-xxs);
|
|
3280
|
+
}
|
|
3281
|
+
.md\\:text-xs {
|
|
3282
|
+
font-size: var(--lumo-font-size-xs);
|
|
3283
|
+
}
|
|
3284
|
+
.md\\:text-s {
|
|
3285
|
+
font-size: var(--lumo-font-size-s);
|
|
3286
|
+
}
|
|
3287
|
+
.md\\:text-m {
|
|
3288
|
+
font-size: var(--lumo-font-size-m);
|
|
3289
|
+
}
|
|
3290
|
+
.md\\:text-l {
|
|
3291
|
+
font-size: var(--lumo-font-size-l);
|
|
3292
|
+
}
|
|
3293
|
+
.md\\:text-xl {
|
|
3294
|
+
font-size: var(--lumo-font-size-xl);
|
|
3295
|
+
}
|
|
3296
|
+
.md\\:text-2xl {
|
|
3297
|
+
font-size: var(--lumo-font-size-xxl);
|
|
3298
|
+
}
|
|
3299
|
+
.md\\:text-3xl {
|
|
3300
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
3301
|
+
}
|
|
3302
|
+
}
|
|
3303
|
+
@media (min-width: 1024px) {
|
|
3304
|
+
.lg\\:text-2xs {
|
|
3305
|
+
font-size: var(--lumo-font-size-xxs);
|
|
3306
|
+
}
|
|
3307
|
+
.lg\\:text-xs {
|
|
3308
|
+
font-size: var(--lumo-font-size-xs);
|
|
3309
|
+
}
|
|
3310
|
+
.lg\\:text-s {
|
|
3311
|
+
font-size: var(--lumo-font-size-s);
|
|
3312
|
+
}
|
|
3313
|
+
.lg\\:text-m {
|
|
3314
|
+
font-size: var(--lumo-font-size-m);
|
|
3315
|
+
}
|
|
3316
|
+
.lg\\:text-l {
|
|
3317
|
+
font-size: var(--lumo-font-size-l);
|
|
3318
|
+
}
|
|
3319
|
+
.lg\\:text-xl {
|
|
3320
|
+
font-size: var(--lumo-font-size-xl);
|
|
3321
|
+
}
|
|
3322
|
+
.lg\\:text-2xl {
|
|
3323
|
+
font-size: var(--lumo-font-size-xxl);
|
|
3324
|
+
}
|
|
3325
|
+
.lg\\:text-3xl {
|
|
3326
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
3327
|
+
}
|
|
3328
|
+
}
|
|
3329
|
+
@media (min-width: 1280px) {
|
|
3330
|
+
.xl\\:text-2xs {
|
|
3331
|
+
font-size: var(--lumo-font-size-xxs);
|
|
3332
|
+
}
|
|
3333
|
+
.xl\\:text-xs {
|
|
3334
|
+
font-size: var(--lumo-font-size-xs);
|
|
3335
|
+
}
|
|
3336
|
+
.xl\\:text-s {
|
|
3337
|
+
font-size: var(--lumo-font-size-s);
|
|
3338
|
+
}
|
|
3339
|
+
.xl\\:text-m {
|
|
3340
|
+
font-size: var(--lumo-font-size-m);
|
|
3341
|
+
}
|
|
3342
|
+
.xl\\:text-l {
|
|
3343
|
+
font-size: var(--lumo-font-size-l);
|
|
3344
|
+
}
|
|
3345
|
+
.xl\\:text-xl {
|
|
3346
|
+
font-size: var(--lumo-font-size-xl);
|
|
3347
|
+
}
|
|
3348
|
+
.xl\\:text-2xl {
|
|
3349
|
+
font-size: var(--lumo-font-size-xxl);
|
|
3350
|
+
}
|
|
3351
|
+
.xl\\:text-3xl {
|
|
3352
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
3353
|
+
}
|
|
3354
|
+
}
|
|
3355
|
+
@media (min-width: 1536px) {
|
|
3356
|
+
.\\32xl\\:text-2xs {
|
|
3357
|
+
font-size: var(--lumo-font-size-xxs);
|
|
3358
|
+
}
|
|
3359
|
+
.\\32xl\\:text-xs {
|
|
3360
|
+
font-size: var(--lumo-font-size-xs);
|
|
3361
|
+
}
|
|
3362
|
+
.\\32xl\\:text-s {
|
|
3363
|
+
font-size: var(--lumo-font-size-s);
|
|
3364
|
+
}
|
|
3365
|
+
.\\32xl\\:text-m {
|
|
3366
|
+
font-size: var(--lumo-font-size-m);
|
|
3367
|
+
}
|
|
3368
|
+
.\\32xl\\:text-l {
|
|
3369
|
+
font-size: var(--lumo-font-size-l);
|
|
3370
|
+
}
|
|
3371
|
+
.\\32xl\\:text-xl {
|
|
3372
|
+
font-size: var(--lumo-font-size-xl);
|
|
3373
|
+
}
|
|
3374
|
+
.\\32xl\\:text-2xl {
|
|
3375
|
+
font-size: var(--lumo-font-size-xxl);
|
|
3376
|
+
}
|
|
3377
|
+
.\\32xl\\:text-3xl {
|
|
3378
|
+
font-size: var(--lumo-font-size-xxxl);
|
|
3379
|
+
}
|
|
3380
|
+
}
|
|
3381
|
+
`;
|
|
3382
|
+
|
|
3383
|
+
|
|
3384
|
+
/***/ }),
|
|
3385
|
+
|
|
3386
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/utility.js":
|
|
3387
|
+
/*!************************************************************!*\
|
|
3388
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/utility.js ***!
|
|
3389
|
+
\************************************************************/
|
|
3390
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
3391
|
+
|
|
3392
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3393
|
+
/* harmony export */ __webpack_require__.d(__webpack_exports__, {
|
|
3394
|
+
/* harmony export */ "utility": () => (/* binding */ utility)
|
|
3395
|
+
/* harmony export */ });
|
|
3396
|
+
/* harmony import */ var _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/vaadin-themable-mixin/register-styles */ "./node_modules/@vaadin/vaadin-themable-mixin/register-styles.js");
|
|
3397
|
+
/* harmony import */ var _utilities_accessibility_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utilities/accessibility.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/accessibility.js");
|
|
3398
|
+
/* harmony import */ var _utilities_background_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./utilities/background.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/background.js");
|
|
3399
|
+
/* harmony import */ var _utilities_border_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./utilities/border.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/border.js");
|
|
3400
|
+
/* harmony import */ var _utilities_flexbox_grid_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./utilities/flexbox-grid.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/flexbox-grid.js");
|
|
3401
|
+
/* harmony import */ var _utilities_layout_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./utilities/layout.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/layout.js");
|
|
3402
|
+
/* harmony import */ var _utilities_shadows_js__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./utilities/shadows.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/shadows.js");
|
|
3403
|
+
/* harmony import */ var _utilities_sizing_js__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./utilities/sizing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/sizing.js");
|
|
3404
|
+
/* harmony import */ var _utilities_spacing_js__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./utilities/spacing.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/spacing.js");
|
|
3405
|
+
/* harmony import */ var _utilities_typography_js__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./utilities/typography.js */ "./node_modules/@vaadin/vaadin-lumo-styles/utilities/typography.js");
|
|
3406
|
+
/**
|
|
3407
|
+
* @license
|
|
3408
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
3409
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3410
|
+
*/
|
|
3411
|
+
|
|
3412
|
+
|
|
3413
|
+
|
|
3414
|
+
|
|
3415
|
+
|
|
3416
|
+
|
|
3417
|
+
|
|
3418
|
+
|
|
3419
|
+
|
|
3420
|
+
|
|
3421
|
+
|
|
3422
|
+
/* prettier-ignore */
|
|
3423
|
+
const utility = _vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.css`
|
|
3424
|
+
${_utilities_accessibility_js__WEBPACK_IMPORTED_MODULE_1__.accessibility}
|
|
3425
|
+
${_utilities_background_js__WEBPACK_IMPORTED_MODULE_2__.background}
|
|
3426
|
+
${_utilities_border_js__WEBPACK_IMPORTED_MODULE_3__.border}
|
|
3427
|
+
${_utilities_shadows_js__WEBPACK_IMPORTED_MODULE_6__.shadows}
|
|
3428
|
+
${_utilities_flexbox_grid_js__WEBPACK_IMPORTED_MODULE_4__.flexboxAndGrid}
|
|
3429
|
+
${_utilities_layout_js__WEBPACK_IMPORTED_MODULE_5__.layout}
|
|
3430
|
+
${_utilities_sizing_js__WEBPACK_IMPORTED_MODULE_7__.sizing}
|
|
3431
|
+
${_utilities_spacing_js__WEBPACK_IMPORTED_MODULE_8__.spacing}
|
|
3432
|
+
${_utilities_typography_js__WEBPACK_IMPORTED_MODULE_9__.typography}
|
|
3433
|
+
`;
|
|
3434
|
+
|
|
3435
|
+
(0,_vaadin_vaadin_themable_mixin_register_styles__WEBPACK_IMPORTED_MODULE_0__.registerStyles)('', utility, { moduleId: 'lumo-utility' });
|
|
3436
|
+
|
|
3437
|
+
|
|
3438
|
+
/***/ }),
|
|
3439
|
+
|
|
3440
|
+
/***/ "./node_modules/@vaadin/vaadin-lumo-styles/vaadin-iconset.js":
|
|
3441
|
+
/*!*******************************************************************!*\
|
|
3442
|
+
!*** ./node_modules/@vaadin/vaadin-lumo-styles/vaadin-iconset.js ***!
|
|
3443
|
+
\*******************************************************************/
|
|
3444
|
+
/***/ ((__unused_webpack___webpack_module__, __webpack_exports__, __webpack_require__) => {
|
|
3445
|
+
|
|
3446
|
+
__webpack_require__.r(__webpack_exports__);
|
|
3447
|
+
/* harmony import */ var _vaadin_icon_vaadin_iconset_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! @vaadin/icon/vaadin-iconset.js */ "./node_modules/@vaadin/icon/vaadin-iconset.js");
|
|
3448
|
+
/* harmony import */ var _version_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./version.js */ "./node_modules/@vaadin/vaadin-lumo-styles/version.js");
|
|
3449
|
+
/**
|
|
3450
|
+
* @license
|
|
3451
|
+
* Copyright (c) 2017 - 2022 Vaadin Ltd.
|
|
3452
|
+
* This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
|
|
3453
|
+
*/
|
|
3454
|
+
|
|
3455
|
+
|
|
3456
|
+
|
|
3457
|
+
const $_documentContainer = document.createElement('template');
|
|
3458
|
+
|
|
3459
|
+
$_documentContainer.innerHTML = `<vaadin-iconset name="lumo" size="1000">
|
|
3460
|
+
<svg xmlns="http://www.w3.org/2000/svg">
|
|
3461
|
+
<defs>
|
|
3462
|
+
<g id="lumo:align-center"><path d="M167 217c0-18 17-33 38-34H795c21 0 38 15 38 34 0 18-17 33-38 33H205C184 250 167 235 167 217z m83 191c0-18 13-33 29-33H721c16 0 29 15 29 33 0 18-13 33-29 34H279C263 442 250 427 250 408zM250 792c0-18 13-33 29-34H721c16 0 29 15 29 34s-13 33-29 33H279C263 825 250 810 250 792z m-83-192c0-18 17-33 38-33H795c21 0 38 15 38 33s-17 33-38 33H205C184 633 167 618 167 600z" fill-rule="evenodd" clip-rule="evenodd"></path></g>
|
|
3463
|
+
<g id="lumo:align-left"><path d="M167 217c0-18 17-33 38-34H795c21 0 38 15 38 34 0 18-17 33-38 33H205C184 250 167 235 167 217z m0 191c0-18 13-33 28-33H638c16 0 29 15 29 33 0 18-13 33-29 34H195C179 442 167 427 167 408zM167 792c0-18 13-33 28-34H638c16 0 29 15 29 34s-13 33-29 33H195C179 825 167 810 167 792z m0-192c0-18 17-33 38-33H795c21 0 38 15 38 33s-17 33-38 33H205C184 633 167 618 167 600z" fill-rule="evenodd" clip-rule="evenodd"></path></g>
|
|
3464
|
+
<g id="lumo:align-right"><path d="M167 217c0-18 17-33 38-34H795c21 0 38 15 38 34 0 18-17 33-38 33H205C184 250 167 235 167 217z m166 191c0-18 13-33 29-33H805c16 0 29 15 28 33 0 18-13 33-28 34H362C346 442 333 427 333 408zM333 792c0-18 13-33 29-34H805c16 0 29 15 28 34s-13 33-28 33H362C346 825 333 810 333 792z m-166-192c0-18 17-33 38-33H795c21 0 38 15 38 33s-17 33-38 33H205C184 633 167 618 167 600z" fill-rule="evenodd" clip-rule="evenodd"></path></g>
|
|
3465
|
+
<g id="lumo:angle-down"><path d="M283 391c-18-16-46-15-63 4-16 18-15 46 3 63l244 224c17 15 43 15 60 0l250-229c18-16 20-45 3-63-16-18-45-20-63-4l-220 203-214-198z"></path></g>
|
|
3466
|
+
<g id="lumo:angle-left"><path d="M601 710c16 18 15 46-3 63-18 16-46 15-63-4l-224-244c-15-17-15-43 0-59l229-250c16-18 45-20 63-4 18 16 20 45 3 63l-203 220 198 215z"></path></g>
|
|
3467
|
+
<g id="lumo:angle-right"><path d="M399 275c-16-18-15-46 3-63 18-16 46-15 63 4l224 244c15 17 15 43 0 59l-229 250c-16 18-45 20-63 4-18-16-20-45-3-63l203-220-198-215z"></path></g>
|
|
3468
|
+
<g id="lumo:angle-up"><path d="M283 635c-18 16-46 15-63-3-16-18-15-46 3-63l244-224c17-15 43-15 60 0l250 229c18 16 20 45 3 63-16 18-45 20-63 3l-220-202L283 635z"></path></g>
|
|
3469
|
+
<g id="lumo:arrow-down"><path d="M538 646l125-112c15-14 39-12 53 4 14 15 12 39-4 53l-187 166c0 0 0 0 0 0-14 13-36 12-50 0l-187-166c-15-14-17-37-4-53 14-15 37-17 53-4L462 646V312c0-21 17-38 38-37s38 17 37 37v334z"></path></g>
|
|
3470
|
+
<g id="lumo:arrow-left"><path d="M375 538l111 125c14 15 12 39-3 53-15 14-39 12-53-4l-166-187c0 0 0 0 0 0-13-14-12-36 0-50l166-187c14-15 37-17 53-4 15 14 17 37 3 53L375 463h333c21 0 38 17 38 37 0 21-17 38-38 38h-333z"></path></g>
|
|
3471
|
+
<g id="lumo:arrow-right"><path d="M625 538h-333c-21 0-38-17-38-38 0-21 17-38 38-37h333l-111-126c-14-15-12-39 3-53 15-14 39-12 53 4l166 187c13 14 13 36 0 50 0 0 0 0 0 0l-166 187c-14 15-37 17-53 4-15-14-17-37-3-53l111-125z"></path></g>
|
|
3472
|
+
<g id="lumo:arrow-up"><path d="M538 354V688c0 21-17 38-38 37s-38-17-38-38V354l-125 112c-15 14-39 12-53-4-14-15-12-39 4-53l187-166c14-13 36-13 50 0 0 0 0 0 0 0l187 166c15 14 17 37 4 53-14 15-37 17-53 4L538 354z"></path></g>
|
|
3473
|
+
<g id="lumo:bar-chart"><path d="M175 500h108c28 0 50 22 50 50v233c0 28-22 50-50 50H175c-28 0-50-22-50-50v-233c0-28 22-50 50-50z m33 67c-9 0-17 7-16 16v167c0 9 7 17 16 17h42c9 0 17-7 17-17v-167c0-9-7-17-17-16H208zM446 167h108c28 0 50 22 50 50v566c0 28-22 50-50 50h-108c-28 0-50-22-50-50V217c0-28 22-50 50-50z m33 66c-9 0-17 7-17 17v500c0 9 7 17 17 17h42c9 0 17-7 16-17V250c0-9-7-17-16-17h-42zM717 333h108c28 0 50 22 50 50v400c0 28-22 50-50 50h-108c-28 0-50-22-50-50V383c0-28 22-50 50-50z m33 67c-9 0-17 7-17 17v333c0 9 7 17 17 17h42c9 0 17-7 16-17v-333c0-9-7-17-16-17h-42z"></path></g>
|
|
3474
|
+
<g id="lumo:bell"><path d="M367 675H292v-258C292 325 366 250 459 250H458V208c0-23 18-42 42-41 23 0 42 18 42 41v42h-1C634 250 708 325 708 417V675h-75v-258c0-51-41-92-91-92h-84C408 325 367 366 367 417V675z m-159 37c0-21 17-38 38-37h508c21 0 37 17 38 37 0 21-17 38-38 38H246C225 750 208 733 208 713z m230 71h125v32c0 17-14 31-32 31h-62c-17 0-32-14-31-31v-32z"></path></g>
|
|
3475
|
+
<g id="lumo:calendar"><path d="M375 208h250v-20C625 176 634 167 646 167h41C699 167 708 176 708 188V208h74c23 0 41 19 41 42v42C823 315 804 333 782 333H218C196 333 177 315 177 292V250C177 227 196 208 218 208H292v-20C292 176 301 167 313 167h41C366 167 375 176 375 188V208zM229 375h42C283 375 292 384 292 396v41C292 449 282 458 271 458h-42C217 458 208 449 208 437v-41C208 384 218 375 229 375z m125 0h42C408 375 417 384 417 396v41C417 449 407 458 396 458h-42C342 458 333 449 333 437v-41C333 384 343 375 354 375z m125 0h42C533 375 542 384 542 396v41C542 449 532 458 521 458h-42C467 458 458 449 458 437v-41C458 384 468 375 479 375z m-250 125h42C283 500 292 509 292 521v41C292 574 282 583 271 583h-42C217 583 208 574 208 562v-41C208 509 218 500 229 500z m125 0h42C408 500 417 509 417 521v41C417 574 407 583 396 583h-42C342 583 333 574 333 562v-41C333 509 343 500 354 500z m125 0h42c12 0 21 9 21 21v41C542 574 532 583 521 583h-42C467 583 458 574 458 562v-41C458 509 468 500 479 500z m-250 125h42C283 625 292 634 292 646v41C292 699 282 708 271 708h-42C217 708 208 699 208 687v-41C208 634 218 625 229 625z m125 0h42C408 625 417 634 417 646v41C417 699 407 708 396 708h-42C342 708 333 699 333 687v-41C333 634 343 625 354 625z m125 0h42c12 0 21 9 21 21v41C542 699 532 708 521 708h-42C467 708 458 699 458 687v-41C458 634 468 625 479 625z m125-250h42C658 375 667 384 667 396v41C667 449 657 458 646 458h-42C592 458 583 449 583 437v-41C583 384 593 375 604 375z m0 125h42c12 0 21 9 21 21v41C667 574 657 583 646 583h-42C592 583 583 574 583 562v-41C583 509 593 500 604 500z m0 125h42c12 0 21 9 21 21v41C667 699 657 708 646 708h-42C592 708 583 699 583 687v-41C583 634 593 625 604 625z m125 0h42c12 0 21 9 21 21v41C792 699 782 708 771 708h-42C717 708 708 699 708 687v-41C708 634 718 625 729 625z m-500 125h42C283 750 292 759 292 771v41C292 824 282 833 271 833h-42C217 833 208 824 208 812v-41C208 759 218 750 229 750z m125 0h42C408 750 417 759 417 771v41C417 824 407 833 396 833h-42C342 833 333 824 333 812v-41C333 759 343 750 354 750z m125 0h42c12 0 21 9 21 21v41C542 824 532 833 521 833h-42C467 833 458 824 458 812v-41C458 759 468 750 479 750z m125 0h42c12 0 21 9 21 21v41C667 824 657 833 646 833h-42C592 833 583 824 583 812v-41C583 759 593 750 604 750z m125 0h42c12 0 21 9 21 21v41C792 824 782 833 771 833h-42C717 833 708 824 708 812v-41C708 759 718 750 729 750z m0-250h42c12 0 21 9 21 21v41C792 574 782 583 771 583h-42C717 583 708 574 708 562v-41C708 509 718 500 729 500z m0-125h42C783 375 792 384 792 396v41C792 449 782 458 771 458h-42C717 458 708 449 708 437v-41C708 384 718 375 729 375z"></path></g>
|
|
3476
|
+
<g id="lumo:checkmark"><path d="M318 493c-15-15-38-15-53 0-15 15-15 38 0 53l136 136c15 15 38 15 53 0l323-322c15-15 15-38 0-53-15-15-38-15-54 0l-295 296-110-110z"></path></g>
|
|
3477
|
+
<g id="lumo:chevron-down"><path d="M533 654l210-199c9-9 9-23 0-32C739 419 733 417 726 417H274C261 417 250 427 250 439c0 6 2 12 7 16l210 199c18 17 48 17 66 0z"></path></g>
|
|
3478
|
+
<g id="lumo:chevron-left"><path d="M346 533l199 210c9 9 23 9 32 0 4-4 7-10 6-17V274C583 261 573 250 561 250c-6 0-12 2-16 7l-199 210c-17 18-17 48 0 66z"></path></g>
|
|
3479
|
+
<g id="lumo:chevron-right"><path d="M654 533L455 743c-9 9-23 9-32 0C419 739 417 733 417 726V274C417 261 427 250 439 250c6 0 12 2 16 7l199 210c17 18 17 48 0 66z"></path></g>
|
|
3480
|
+
<g id="lumo:chevron-up"><path d="M533 346l210 199c9 9 9 23 0 32-4 4-10 7-17 6H274C261 583 250 573 250 561c0-6 2-12 7-16l210-199c18-17 48-17 66 0z"></path></g>
|
|
3481
|
+
<g id="lumo:clock"><path d="M538 489l85 85c15 15 15 38 0 53-15 15-38 15-53 0l-93-93a38 38 0 0 1-2-2C467 525 462 515 462 504V308c0-21 17-38 38-37 21 0 38 17 37 37v181zM500 833c-184 0-333-149-333-333s149-333 333-333 333 149 333 333-149 333-333 333z m0-68c146 0 265-118 265-265 0-146-118-265-265-265-146 0-265 118-265 265 0 146 118 265 265 265z"></path></g>
|
|
3482
|
+
<g id="lumo:cog"><path d="M833 458l-81-18c-8-25-17-50-29-75L767 292 708 233l-72 49c-21-12-46-25-75-30L542 167h-84l-19 79c-25 8-50 17-71 30L296 233 233 296l47 69c-12 21-21 46-29 71L167 458v84l84 25c8 25 17 50 29 75L233 708 292 767l76-44c21 12 46 25 75 29L458 833h84l19-81c25-8 50-17 75-29L708 767l59-59-44-66c12-21 25-46 29-75L833 542v-84z m-333 217c-96 0-175-79-175-175 0-96 79-175 175-175 96 0 175 79 175 175 0 96-79 175-175 175z"></path></g>
|
|
3483
|
+
<g id="lumo:cross"><path d="M445 500l-142-141c-15-15-15-40 0-56 15-15 40-15 56 0L500 445l141-142c15-15 40-15 56 0 15 15 15 40 0 56L555 500l142 141c15 15 15 40 0 56-15 15-40 15-56 0L500 555l-141 142c-15 15-40 15-56 0-15-15-15-40 0-56L445 500z"></path></g>
|
|
3484
|
+
<g id="lumo:download"><path d="M538 521l125-112c15-14 39-12 53 4 14 15 12 39-4 53l-187 166a38 38 0 0 1 0 0c-14 13-36 12-50 0l-187-166c-15-14-17-37-4-53 14-15 37-17 53-4L462 521V188c0-21 17-38 38-38s38 17 37 38v333zM758 704c0-21 17-38 38-37 21 0 38 17 37 37v92c0 21-17 38-37 37H204c-21 0-38-17-37-37v-92c0-21 17-38 37-37s38 17 38 37v54h516v-54z"></path></g>
|
|
3485
|
+
<g id="lumo:dropdown"><path d="M317 393c-15-14-39-13-53 3-14 15-13 39 3 53l206 189c14 13 36 13 50 0l210-193c15-14 17-38 3-53-14-15-38-17-53-3l-185 171L317 393z"></path></g>
|
|
3486
|
+
<g id="lumo:edit"><path d="M673 281l62 56-205 233c-9 10-38 24-85 39a8 8 0 0 1-5 0c-4-1-7-6-6-10l0 0c14-47 25-76 35-86l204-232z m37-42l52-59c15-17 41-18 58-2 17 16 18 42 3 59L772 295l-62-56zM626 208l-67 75h-226C305 283 283 306 283 333v334C283 695 306 717 333 717h334c28 0 50-22 50-50v-185L792 398v269C792 736 736 792 667 792H333C264 792 208 736 208 667V333C208 264 264 208 333 208h293z"></path></g>
|
|
3487
|
+
<g id="lumo:error"><path d="M500 833c-184 0-333-149-333-333s149-333 333-333 333 149 333 333-149 333-333 333z m0-68c146 0 265-118 265-265 0-146-118-265-265-265-146 0-265 118-265 265 0 146 118 265 265 265zM479 292h42c12 0 21 9 20 20l-11 217c0 8-6 13-13 13h-34c-7 0-13-6-13-13l-11-217C459 301 468 292 479 292zM483 608h34c12 0 21 9 20 21v33c0 12-9 21-20 21h-34c-12 0-21-9-21-21v-33c0-12 9-21 21-21z"></path></g>
|
|
3488
|
+
<g id="lumo:eye"><path d="M500 750c-187 0-417-163-417-250s230-250 417-250 417 163 417 250-230 250-417 250z m-336-231c20 22 47 46 78 69C322 644 411 678 500 678s178-34 258-90c31-22 59-46 78-69 6-7 12-14 16-19-4-6-9-12-16-19-20-22-47-46-78-69C678 356 589 322 500 322s-178 34-258 90c-31 22-59 46-78 69-6 7-12 14-16 19 4 6 9 12 16 19zM500 646c-81 0-146-65-146-146s65-146 146-146 146 65 146 146-65 146-146 146z m0-75c39 0 71-32 71-71 0-39-32-71-71-71-39 0-71 32-71 71 0 39 32 71 71 71z"></path></g>
|
|
3489
|
+
<g id="lumo:eye-disabled"><path d="M396 735l60-60c15 2 30 3 44 3 89 0 178-34 258-90 31-22 59-46 78-69 6-7 12-14 16-19-4-6-9-12-16-19-20-22-47-46-78-69-8-5-15-11-23-15l50-51C862 397 917 458 917 500c0 87-230 250-417 250-34 0-69-5-104-15zM215 654C138 603 83 542 83 500c0-87 230-250 417-250 34 0 69 5 104 15l-59 60c-15-2-30-3-45-3-89 0-178 34-258 90-31 22-59 46-78 69-6 7-12 14-16 19 4 6 9 12 16 19 20 22 47 46 78 69 8 5 16 11 24 16L215 654z m271-9l159-159c0 5 1 9 1 14 0 81-65 146-146 146-5 0-9 0-14-1z m-131-131C354 510 354 505 354 500c0-81 65-146 146-146 5 0 10 0 14 1l-159 159z m-167 257L780 179c12-12 32-12 44 0 12 12 12 32 0 44L232 815c-12 12-32 12-44 0s-12-32 0-44z"></path></g>
|
|
3490
|
+
<g id="lumo:menu"><path d="M167 292c0-23 19-42 41-42h584C815 250 833 268 833 292c0 23-19 42-41 41H208C185 333 167 315 167 292z m0 208c0-23 19-42 41-42h584C815 458 833 477 833 500c0 23-19 42-41 42H208C185 542 167 523 167 500z m0 208c0-23 19-42 41-41h584C815 667 833 685 833 708c0 23-19 42-41 42H208C185 750 167 732 167 708z"></path></g>
|
|
3491
|
+
<g id="lumo:minus"><path d="M261 461c-22 0-39 18-39 39 0 22 18 39 39 39h478c22 0 39-18 39-39 0-22-18-39-39-39H261z"></path></g>
|
|
3492
|
+
<g id="lumo:ordered-list"><path d="M138 333V198H136l-43 28v-38l45-31h45V333H138z m-61 128c0-35 27-59 68-59 39 0 66 21 66 53 0 20-11 37-43 64l-29 27v2h74V583H80v-30l55-52c26-24 32-33 33-43 0-13-10-22-24-22-15 0-26 10-26 25v1h-41v-1zM123 759v-31h21c15 0 25-8 25-21 0-13-10-21-25-21-15 0-26 9-26 23h-41c1-34 27-56 68-57 39 0 66 20 66 49 0 20-14 36-33 39v3c24 3 40 19 39 41 0 32-30 54-73 54-41 0-69-22-70-57h43c1 13 11 22 28 22 16 0 27-9 27-22 0-14-10-22-28-22h-21zM333 258c0-18 15-33 34-33h516c18 0 33 15 34 33 0 18-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z"></path></g>
|
|
3493
|
+
<g id="lumo:phone"><path d="M296 208l42-37c17-15 44-13 58 4a42 42 0 0 1 5 7L459 282c12 20 5 45-15 57l-7 4c-17 10-25 30-19 48l20 66a420 420 0 0 0 93 157l41 45c13 14 35 17 51 8l7-5c20-12 45-5 57 16L745 777c12 20 5 45-15 57a42 42 0 0 1-8 4l-52 17c-61 21-129 4-174-43l-50-52c-81-85-141-189-175-302l-24-78c-19-62 0-129 49-172z"></path></g>
|
|
3494
|
+
<g id="lumo:photo"><path d="M208 167h584c69 0 125 56 125 125v416c0 69-56 125-125 125H208c-69 0-125-56-125-125V292c0-69 56-125 125-125z m584 75H208c-28 0-50 22-50 50v416c0 28 22 50 50 50h584c28 0 50-22 50-50V292c0-28-22-50-50-50zM239 740l167-167c12-12 31-14 45-6l73 43 172-201c13-15 34-18 50-7l95 67v92l-111-78-169 199c-12 14-32 17-47 8l-76-43-111 111H229c2-7 5-13 10-18zM458 427C458 490 407 542 344 542S229 490 229 427c0-63 51-115 115-115S458 364 458 427z m-62 0C396 398 373 375 344 375S292 398 292 427c0 29 23 52 52 52s52-23 52-52z"></path></g>
|
|
3495
|
+
<g id="lumo:play"><path d="M689 528l-298 175c-13 8-34 8-48 0-6-4-10-9-10-14V311C333 300 348 292 367 292c9 0 17 2 24 5l298 175c26 15 26 40 0 56z"></path></g>
|
|
3496
|
+
<g id="lumo:plus"><path d="M461 461H261c-22 0-39 18-39 39 0 22 18 39 39 39h200v200c0 22 18 39 39 39 22 0 39-18 39-39v-200h200c22 0 39-18 39-39 0-22-18-39-39-39h-200V261c0-22-18-39-39-39-22 0-39 18-39 39v200z"></path></g>
|
|
3497
|
+
<g id="lumo:redo"><path d="M290 614C312 523 393 458 491 458c55 0 106 22 144 57l-88 88c-3 3-5 7-5 11 0 8 6 15 15 15l193-5c17 0 31-15 31-32l5-192c0-4-1-8-4-11-6-6-16-6-22 0l-66 67C641 406 570 375 491 375c-136 0-248 90-281 215-1 2-1 5-1 8-8 44 45 68 73 32 4-5 7-11 8-16z"></path></g>
|
|
3498
|
+
<g id="lumo:reload"><path d="M500 233V137c0-9 7-16 15-16 4 0 8 2 10 4l133 140c12 12 12 32 0 45l-133 140c-6 6-15 6-21 0C502 447 500 443 500 438V308c-117 0-212 95-212 213 0 117 95 212 212 212 117 0 212-95 212-212 0-21 17-38 38-38s38 17 37 38c0 159-129 288-287 287-159 0-288-129-288-287 0-159 129-288 288-288z"></path></g>
|
|
3499
|
+
<g id="lumo:search"><path d="M662 603l131 131c16 16 16 42 0 59-16 16-43 16-59 0l-131-131C562 691 512 708 458 708c-138 0-250-112-250-250 0-138 112-250 250-250 138 0 250 112 250 250 0 54-17 104-46 145zM458 646c104 0 188-84 188-188S562 271 458 271 271 355 271 458s84 188 187 188z"></path></g>
|
|
3500
|
+
<g id="lumo:undo"><path d="M710 614C688 523 607 458 509 458c-55 0-106 22-144 57l88 88c3 3 5 7 5 11 0 8-6 15-15 15l-193-5c-17 0-31-15-31-32L214 400c0-4 1-8 4-11 6-6 16-6 22 0l66 67C359 406 430 375 509 375c136 0 248 90 281 215 1 2 1 5 1 8 8 44-45 68-73 32-4-5-7-11-8-16z"></path></g>
|
|
3501
|
+
<g id="lumo:unordered-list"><path d="M146 325c-42 0-67-26-67-63 0-37 25-63 67-63 42 0 67 26 67 63 0 37-25 63-67 63z m0 250c-42 0-67-26-67-63 0-37 25-63 67-63 42 0 67 26 67 63 0 37-25 63-67 63z m0 250c-42 0-67-26-67-63 0-37 25-63 67-63 42 0 67 26 67 63 0 37-25 63-67 63zM333 258c0-18 15-33 34-33h516c18 0 33 15 34 33 0 18-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z m0 250c0-18 15-33 34-33h516c18 0 33 15 34 33s-15 33-34 34H367c-18 0-33-15-34-34z"></path></g>
|
|
3502
|
+
<g id="lumo:upload"><path d="M454 271V604c0 21-17 38-37 38s-38-17-38-38V271L254 382c-15 14-39 12-53-3-14-15-12-39 3-53L391 160c14-13 36-13 51-1 0 0 0 0 0 1l187 166c15 14 17 37 3 53-14 15-37 17-53 3L454 271zM675 704c0-21 17-38 37-37 21 0 38 17 38 37v92c0 21-17 38-38 37H121c-21 0-38-17-38-37v-92c0-21 17-38 38-37s38 17 37 37v54h517v-54z"></path></g>
|
|
3503
|
+
<g id="lumo:user"><path d="M500 500c-69 0-125-56-125-125s56-125 125-125 125 56 125 125-56 125-125 125z m-292 292c0-115 131-208 292-209s292 93 292 209H208z"></path></g>
|
|
3504
|
+
</defs>
|
|
3505
|
+
</svg>
|
|
3506
|
+
</vaadin-iconset>`;
|
|
3507
|
+
|
|
3508
|
+
document.head.appendChild($_documentContainer.content);
|
|
3509
|
+
|
|
3510
|
+
|
|
3511
|
+
/***/ })
|
|
3512
|
+
|
|
3513
|
+
}])
|
|
3514
|
+
//# sourceMappingURL=vendors-node_modules_vaadin_vaadin-lumo-styles_all-imports_js.js.map
|