@limetech/lime-elements 33.14.0-next.9 → 34.0.0-next.4
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/dist/cjs/{checkbox.template-c0b4c7c7.js → checkbox.template-d4423721.js} +1 -1
- package/dist/cjs/component-f7ef9087.js +2365 -0
- package/dist/cjs/{index-153dc912.js → index-e63a89d7.js} +73 -64
- package/dist/cjs/lime-elements.cjs.js +3 -3
- package/dist/cjs/limel-badge.cjs.entry.js +2 -2
- package/dist/cjs/limel-banner.cjs.entry.js +2 -2
- package/dist/cjs/limel-button-group.cjs.entry.js +16 -6
- package/dist/cjs/limel-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-checkbox.cjs.entry.js +3 -3
- package/dist/cjs/limel-chip-set.cjs.entry.js +2 -2
- package/dist/cjs/limel-circular-progress.cjs.entry.js +2 -2
- package/dist/cjs/limel-code-editor.cjs.entry.js +2 -2
- package/dist/cjs/limel-collapsible-section.cjs.entry.js +2 -2
- package/dist/cjs/limel-config.cjs.entry.js +5 -2
- package/dist/cjs/limel-date-picker.cjs.entry.js +2 -2
- package/dist/cjs/limel-dialog.cjs.entry.js +2 -2
- package/dist/cjs/limel-file.cjs.entry.js +2 -2
- package/dist/cjs/limel-flatpickr-adapter_2.cjs.entry.js +3 -3
- package/dist/cjs/limel-flex-container.cjs.entry.js +2 -2
- package/dist/cjs/limel-form.cjs.entry.js +2 -2
- package/dist/cjs/limel-grid.cjs.entry.js +2 -2
- package/dist/cjs/limel-header.cjs.entry.js +2 -2
- package/dist/cjs/limel-icon-button.cjs.entry.js +2 -2
- package/dist/cjs/limel-icon.cjs.entry.js +2 -2
- package/dist/cjs/limel-linear-progress.cjs.entry.js +2 -2
- package/dist/cjs/limel-list_2.cjs.entry.js +484 -0
- package/dist/cjs/limel-menu-list.cjs.entry.js +863 -0
- package/dist/cjs/limel-menu.cjs.entry.js +6 -45
- package/dist/cjs/limel-picker.cjs.entry.js +2 -2
- package/dist/cjs/limel-popover-surface.cjs.entry.js +2 -2
- package/dist/cjs/limel-popover.cjs.entry.js +2 -2
- package/dist/cjs/limel-portal.cjs.entry.js +1935 -0
- package/dist/cjs/limel-progress-flow-item.cjs.entry.js +3 -3
- package/dist/cjs/limel-progress-flow.cjs.entry.js +2 -2
- package/dist/cjs/limel-select.cjs.entry.js +2 -2
- package/dist/cjs/limel-slider.cjs.entry.js +2 -2
- package/dist/cjs/limel-snackbar.cjs.entry.js +2 -2
- package/dist/cjs/limel-spinner.cjs.entry.js +2 -2
- package/dist/cjs/limel-switch.cjs.entry.js +2 -2
- package/dist/cjs/limel-tab-bar.cjs.entry.js +2 -2
- package/dist/cjs/limel-tab-panel.cjs.entry.js +2 -2
- package/dist/cjs/limel-table.cjs.entry.js +3 -3
- package/dist/cjs/limel-tooltip-content.cjs.entry.js +7 -4
- package/dist/cjs/limel-tooltip.cjs.entry.js +3 -3
- package/dist/cjs/loader.cjs.js +3 -3
- package/dist/collection/collection-manifest.json +3 -2
- package/dist/collection/components/button-group/button-group.js +15 -5
- package/dist/collection/components/chip-set/chip-set.js +2 -2
- package/dist/collection/components/config/config.js +3 -0
- package/dist/collection/components/header/header.js +0 -1
- package/dist/collection/components/list/list-renderer.js +151 -166
- package/dist/collection/components/list/list.css +0 -10
- package/dist/collection/components/list/list.js +77 -125
- package/dist/collection/components/menu/menu.js +12 -94
- package/dist/collection/components/menu-list/menu-list-renderer-config.js +1 -0
- package/dist/collection/components/menu-list/menu-list-renderer.js +150 -0
- package/dist/collection/components/menu-list/menu-list.css +3367 -0
- package/dist/collection/components/menu-list/menu-list.js +274 -0
- package/dist/collection/components/menu-list/menu-list.types.js +1 -0
- package/dist/collection/components/menu-surface/menu-surface.js +84 -87
- package/dist/collection/components/picker/picker.js +2 -2
- package/dist/collection/components/popover/popover.js +0 -1
- package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css +1 -1
- package/dist/collection/components/table/table.css +9 -2
- package/dist/collection/components/tooltip/tooltip-content.css +25 -13
- package/dist/collection/components/tooltip/tooltip-content.js +4 -3
- package/dist/collection/components/tooltip/tooltip.css +0 -6
- package/dist/collection/components/tooltip/tooltip.js +31 -5
- package/dist/esm/{checkbox.template-434214d5.js → checkbox.template-dbdd27c8.js} +1 -1
- package/dist/esm/component-2eb4e07b.js +2357 -0
- package/dist/esm/{index-dc421a6e.js → index-2316f345.js} +73 -64
- package/dist/esm/lime-elements.js +3 -3
- package/dist/esm/limel-badge.entry.js +2 -2
- package/dist/esm/limel-banner.entry.js +2 -2
- package/dist/esm/limel-button-group.entry.js +16 -6
- package/dist/esm/limel-button.entry.js +2 -2
- package/dist/esm/limel-checkbox.entry.js +3 -3
- package/dist/esm/limel-chip-set.entry.js +2 -2
- package/dist/esm/limel-circular-progress.entry.js +2 -2
- package/dist/esm/limel-code-editor.entry.js +2 -2
- package/dist/esm/limel-collapsible-section.entry.js +2 -2
- package/dist/esm/limel-config.entry.js +5 -2
- package/dist/esm/limel-date-picker.entry.js +2 -2
- package/dist/esm/limel-dialog.entry.js +2 -2
- package/dist/esm/limel-file.entry.js +2 -2
- package/dist/esm/limel-flatpickr-adapter_2.entry.js +3 -3
- package/dist/esm/limel-flex-container.entry.js +2 -2
- package/dist/esm/limel-form.entry.js +2 -2
- package/dist/esm/limel-grid.entry.js +2 -2
- package/dist/esm/limel-header.entry.js +2 -2
- package/dist/esm/limel-icon-button.entry.js +2 -2
- package/dist/esm/limel-icon.entry.js +2 -2
- package/dist/esm/limel-linear-progress.entry.js +2 -2
- package/dist/esm/limel-list_2.entry.js +479 -0
- package/dist/esm/limel-menu-list.entry.js +859 -0
- package/dist/esm/limel-menu.entry.js +6 -45
- package/dist/esm/limel-picker.entry.js +2 -2
- package/dist/esm/limel-popover-surface.entry.js +2 -2
- package/dist/esm/limel-popover.entry.js +2 -2
- package/dist/esm/limel-portal.entry.js +1931 -0
- package/dist/esm/limel-progress-flow-item.entry.js +3 -3
- package/dist/esm/limel-progress-flow.entry.js +2 -2
- package/dist/esm/limel-select.entry.js +2 -2
- package/dist/esm/limel-slider.entry.js +2 -2
- package/dist/esm/limel-snackbar.entry.js +2 -2
- package/dist/esm/limel-spinner.entry.js +2 -2
- package/dist/esm/limel-switch.entry.js +2 -2
- package/dist/esm/limel-tab-bar.entry.js +2 -2
- package/dist/esm/limel-tab-panel.entry.js +2 -2
- package/dist/esm/limel-table.entry.js +3 -3
- package/dist/esm/limel-tooltip-content.entry.js +7 -4
- package/dist/esm/limel-tooltip.entry.js +3 -3
- package/dist/esm/loader.js +3 -3
- package/dist/lime-elements/lime-elements.esm.js +1 -1
- package/dist/lime-elements/{p-af7c5b11.entry.js → p-03c28bee.entry.js} +2 -2
- package/dist/lime-elements/p-041ae00c.entry.js +1 -0
- package/dist/lime-elements/p-143705b1.entry.js +1 -0
- package/dist/lime-elements/{p-467c87f6.entry.js → p-1d7c7d5e.entry.js} +1 -1
- package/dist/lime-elements/p-1fb5340d.entry.js +1 -0
- package/dist/lime-elements/p-227d2c5a.entry.js +1 -0
- package/dist/lime-elements/p-31299106.js +126 -0
- package/dist/lime-elements/p-31fecf5d.entry.js +1 -0
- package/dist/lime-elements/p-34c7872e.entry.js +1 -0
- package/dist/lime-elements/p-3525d50c.entry.js +37 -0
- package/dist/lime-elements/p-4932c029.entry.js +1 -0
- package/dist/lime-elements/p-4b5af81b.entry.js +1 -0
- package/dist/lime-elements/p-510bb5a4.entry.js +1 -0
- package/dist/lime-elements/{p-67c48f98.entry.js → p-587bd6ca.entry.js} +1 -1
- package/dist/lime-elements/p-64549ba6.entry.js +37 -0
- package/dist/lime-elements/p-692f31f1.entry.js +16 -0
- package/dist/lime-elements/p-7476efe0.entry.js +1 -0
- package/dist/lime-elements/p-845e645a.entry.js +1 -0
- package/dist/lime-elements/{p-c636bfcf.entry.js → p-85094bfc.entry.js} +2 -2
- package/dist/lime-elements/p-89b5a983.js +1 -0
- package/dist/lime-elements/p-8d1ab246.entry.js +1 -0
- package/dist/lime-elements/p-8d8bd2ab.entry.js +73 -0
- package/dist/lime-elements/p-90f3e17c.entry.js +37 -0
- package/dist/lime-elements/{p-fabb836f.js → p-92146da6.js} +1 -1
- package/dist/lime-elements/p-9d362dd5.entry.js +1 -0
- package/dist/lime-elements/{p-90b2c0a2.entry.js → p-a1153d2a.entry.js} +1 -1
- package/dist/lime-elements/{p-5577f962.entry.js → p-a3dadae7.entry.js} +2 -2
- package/dist/lime-elements/p-b386bfeb.entry.js +1 -0
- package/dist/lime-elements/p-b5d6abc3.entry.js +126 -0
- package/dist/lime-elements/p-bbc1bb01.entry.js +1 -0
- package/dist/lime-elements/p-be56ffab.entry.js +1 -0
- package/dist/lime-elements/p-c35874db.entry.js +1 -0
- package/dist/lime-elements/p-c8c8a946.entry.js +59 -0
- package/dist/lime-elements/p-d070f0e7.entry.js +1 -0
- package/dist/lime-elements/p-d2c74396.entry.js +1 -0
- package/dist/lime-elements/p-df55ee67.entry.js +82 -0
- package/dist/lime-elements/p-e5738ec6.entry.js +1 -0
- package/dist/lime-elements/p-e881e98d.entry.js +1 -0
- package/dist/lime-elements/{p-2476f7bb.entry.js → p-f079f1fd.entry.js} +2 -2
- package/dist/lime-elements/p-f2df64ec.entry.js +1 -0
- package/dist/lime-elements/p-f4495f59.entry.js +1 -0
- package/dist/lime-elements/p-fc30b8e3.entry.js +1 -0
- package/dist/lime-elements/{p-61ecc7f1.entry.js → p-ff0217b3.entry.js} +2 -2
- package/dist/loader/index.d.ts +0 -1
- package/dist/types/components/header/header.d.ts +0 -1
- package/dist/types/components/list/list-item.types.d.ts +2 -1
- package/dist/types/components/list/list-renderer-config.d.ts +0 -1
- package/dist/types/components/list/list-renderer.d.ts +5 -7
- package/dist/types/components/list/list.d.ts +0 -7
- package/dist/types/components/list/list.types.d.ts +1 -1
- package/dist/types/components/menu/menu.d.ts +2 -20
- package/dist/types/components/menu/menu.types.d.ts +30 -3
- package/dist/types/components/menu-list/menu-list-renderer-config.d.ts +7 -0
- package/dist/types/components/menu-list/menu-list-renderer.d.ts +48 -0
- package/dist/types/components/menu-list/menu-list.d.ts +59 -0
- package/dist/types/components/menu-list/menu-list.types.d.ts +6 -0
- package/dist/types/components/menu-surface/menu-surface.d.ts +0 -1
- package/dist/types/components/popover/popover.d.ts +0 -1
- package/dist/types/components/tooltip/tooltip-content.d.ts +1 -1
- package/dist/types/components/tooltip/tooltip.d.ts +31 -5
- package/dist/types/components.d.ts +66 -25
- package/dist/types/interface.d.ts +1 -0
- package/package.json +3 -2
- package/dist/cjs/limel-list_3.cjs.entry.js +0 -5418
- package/dist/esm/limel-list_3.entry.js +0 -5412
- package/dist/lime-elements/p-034f336b.entry.js +0 -126
- package/dist/lime-elements/p-136230d6.entry.js +0 -1
- package/dist/lime-elements/p-16c336e8.entry.js +0 -59
- package/dist/lime-elements/p-191f05bc.entry.js +0 -1
- package/dist/lime-elements/p-1a3a9bfd.entry.js +0 -1
- package/dist/lime-elements/p-231f62ba.entry.js +0 -1
- package/dist/lime-elements/p-24c128ec.entry.js +0 -37
- package/dist/lime-elements/p-30c4b32a.entry.js +0 -1
- package/dist/lime-elements/p-3a21fa33.entry.js +0 -37
- package/dist/lime-elements/p-3df01502.entry.js +0 -1
- package/dist/lime-elements/p-63e4f918.entry.js +0 -1
- package/dist/lime-elements/p-6d9f679d.entry.js +0 -1
- package/dist/lime-elements/p-6e3b6e69.entry.js +0 -1
- package/dist/lime-elements/p-79541c2b.entry.js +0 -73
- package/dist/lime-elements/p-7be3a593.entry.js +0 -1
- package/dist/lime-elements/p-7c6f6b80.entry.js +0 -1
- package/dist/lime-elements/p-7dd9c41d.entry.js +0 -16
- package/dist/lime-elements/p-9b79dfe7.js +0 -1
- package/dist/lime-elements/p-a6a7dd00.entry.js +0 -1
- package/dist/lime-elements/p-aeeca058.entry.js +0 -1
- package/dist/lime-elements/p-b0b18dfc.entry.js +0 -1
- package/dist/lime-elements/p-b88e7350.entry.js +0 -1
- package/dist/lime-elements/p-bde1749a.entry.js +0 -1
- package/dist/lime-elements/p-c45238b6.entry.js +0 -1
- package/dist/lime-elements/p-c53695a3.entry.js +0 -37
- package/dist/lime-elements/p-dc5b3f45.entry.js +0 -1
- package/dist/lime-elements/p-e078c459.entry.js +0 -177
- package/dist/lime-elements/p-e9b4bdac.entry.js +0 -1
- package/dist/lime-elements/p-eb81fc35.entry.js +0 -1
- package/dist/lime-elements/p-f94cbe50.entry.js +0 -1
- package/dist/lime-elements/p-fa880bd6.entry.js +0 -1
|
@@ -0,0 +1,859 @@
|
|
|
1
|
+
import { h, r as registerInstance, c as createEvent, g as getElement } from './index-2316f345.js';
|
|
2
|
+
import { M as MDCMenuSurfaceFoundation, c as cssClasses$1, a as MDCListFoundation, n as numbers$1, b as MDCMenuSurface, d as MDCList, s as strings$1 } from './component-2eb4e07b.js';
|
|
3
|
+
import { M as MDCFoundation, a as MDCComponent } from './component-d682c974.js';
|
|
4
|
+
import { c as closest } from './ponyfill-30263d5e.js';
|
|
5
|
+
import { M as MDCRipple } from './component-429e92ee.js';
|
|
6
|
+
import './keyboard-4b9e12e3.js';
|
|
7
|
+
import './util-71a23335.js';
|
|
8
|
+
|
|
9
|
+
/*! *****************************************************************************
|
|
10
|
+
Copyright (c) Microsoft Corporation.
|
|
11
|
+
|
|
12
|
+
Permission to use, copy, modify, and/or distribute this software for any
|
|
13
|
+
purpose with or without fee is hereby granted.
|
|
14
|
+
|
|
15
|
+
THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
|
|
16
|
+
REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
|
|
17
|
+
AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
|
|
18
|
+
INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
|
|
19
|
+
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
20
|
+
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
21
|
+
PERFORMANCE OF THIS SOFTWARE.
|
|
22
|
+
***************************************************************************** */
|
|
23
|
+
/* global Reflect, Promise */
|
|
24
|
+
|
|
25
|
+
var extendStatics = function(d, b) {
|
|
26
|
+
extendStatics = Object.setPrototypeOf ||
|
|
27
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
28
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
29
|
+
return extendStatics(d, b);
|
|
30
|
+
};
|
|
31
|
+
|
|
32
|
+
function __extends(d, b) {
|
|
33
|
+
if (typeof b !== "function" && b !== null)
|
|
34
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
35
|
+
extendStatics(d, b);
|
|
36
|
+
function __() { this.constructor = d; }
|
|
37
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
var __assign = function() {
|
|
41
|
+
__assign = Object.assign || function __assign(t) {
|
|
42
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
43
|
+
s = arguments[i];
|
|
44
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
|
|
45
|
+
}
|
|
46
|
+
return t;
|
|
47
|
+
};
|
|
48
|
+
return __assign.apply(this, arguments);
|
|
49
|
+
};
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* @license
|
|
53
|
+
* Copyright 2018 Google Inc.
|
|
54
|
+
*
|
|
55
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
56
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
57
|
+
* in the Software without restriction, including without limitation the rights
|
|
58
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
59
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
60
|
+
* furnished to do so, subject to the following conditions:
|
|
61
|
+
*
|
|
62
|
+
* The above copyright notice and this permission notice shall be included in
|
|
63
|
+
* all copies or substantial portions of the Software.
|
|
64
|
+
*
|
|
65
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
66
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
67
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
68
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
69
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
70
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
71
|
+
* THE SOFTWARE.
|
|
72
|
+
*/
|
|
73
|
+
var cssClasses = {
|
|
74
|
+
MENU_SELECTED_LIST_ITEM: 'mdc-menu-item--selected',
|
|
75
|
+
MENU_SELECTION_GROUP: 'mdc-menu__selection-group',
|
|
76
|
+
ROOT: 'mdc-menu',
|
|
77
|
+
};
|
|
78
|
+
var strings = {
|
|
79
|
+
ARIA_CHECKED_ATTR: 'aria-checked',
|
|
80
|
+
ARIA_DISABLED_ATTR: 'aria-disabled',
|
|
81
|
+
CHECKBOX_SELECTOR: 'input[type="checkbox"]',
|
|
82
|
+
LIST_SELECTOR: '.mdc-list,.mdc-deprecated-list',
|
|
83
|
+
SELECTED_EVENT: 'MDCMenu:selected',
|
|
84
|
+
};
|
|
85
|
+
var numbers = {
|
|
86
|
+
FOCUS_ROOT_INDEX: -1,
|
|
87
|
+
};
|
|
88
|
+
var DefaultFocusState;
|
|
89
|
+
(function (DefaultFocusState) {
|
|
90
|
+
DefaultFocusState[DefaultFocusState["NONE"] = 0] = "NONE";
|
|
91
|
+
DefaultFocusState[DefaultFocusState["LIST_ROOT"] = 1] = "LIST_ROOT";
|
|
92
|
+
DefaultFocusState[DefaultFocusState["FIRST_ITEM"] = 2] = "FIRST_ITEM";
|
|
93
|
+
DefaultFocusState[DefaultFocusState["LAST_ITEM"] = 3] = "LAST_ITEM";
|
|
94
|
+
})(DefaultFocusState || (DefaultFocusState = {}));
|
|
95
|
+
|
|
96
|
+
/**
|
|
97
|
+
* @license
|
|
98
|
+
* Copyright 2018 Google Inc.
|
|
99
|
+
*
|
|
100
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
101
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
102
|
+
* in the Software without restriction, including without limitation the rights
|
|
103
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
104
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
105
|
+
* furnished to do so, subject to the following conditions:
|
|
106
|
+
*
|
|
107
|
+
* The above copyright notice and this permission notice shall be included in
|
|
108
|
+
* all copies or substantial portions of the Software.
|
|
109
|
+
*
|
|
110
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
111
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
112
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
113
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
114
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
115
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
116
|
+
* THE SOFTWARE.
|
|
117
|
+
*/
|
|
118
|
+
var MDCMenuFoundation = /** @class */ (function (_super) {
|
|
119
|
+
__extends(MDCMenuFoundation, _super);
|
|
120
|
+
function MDCMenuFoundation(adapter) {
|
|
121
|
+
var _this = _super.call(this, __assign(__assign({}, MDCMenuFoundation.defaultAdapter), adapter)) || this;
|
|
122
|
+
_this.closeAnimationEndTimerId_ = 0;
|
|
123
|
+
_this.defaultFocusState_ = DefaultFocusState.LIST_ROOT;
|
|
124
|
+
return _this;
|
|
125
|
+
}
|
|
126
|
+
Object.defineProperty(MDCMenuFoundation, "cssClasses", {
|
|
127
|
+
get: function () {
|
|
128
|
+
return cssClasses;
|
|
129
|
+
},
|
|
130
|
+
enumerable: false,
|
|
131
|
+
configurable: true
|
|
132
|
+
});
|
|
133
|
+
Object.defineProperty(MDCMenuFoundation, "strings", {
|
|
134
|
+
get: function () {
|
|
135
|
+
return strings;
|
|
136
|
+
},
|
|
137
|
+
enumerable: false,
|
|
138
|
+
configurable: true
|
|
139
|
+
});
|
|
140
|
+
Object.defineProperty(MDCMenuFoundation, "numbers", {
|
|
141
|
+
get: function () {
|
|
142
|
+
return numbers;
|
|
143
|
+
},
|
|
144
|
+
enumerable: false,
|
|
145
|
+
configurable: true
|
|
146
|
+
});
|
|
147
|
+
Object.defineProperty(MDCMenuFoundation, "defaultAdapter", {
|
|
148
|
+
/**
|
|
149
|
+
* @see {@link MDCMenuAdapter} for typing information on parameters and return types.
|
|
150
|
+
*/
|
|
151
|
+
get: function () {
|
|
152
|
+
// tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
|
|
153
|
+
return {
|
|
154
|
+
addClassToElementAtIndex: function () { return undefined; },
|
|
155
|
+
removeClassFromElementAtIndex: function () { return undefined; },
|
|
156
|
+
addAttributeToElementAtIndex: function () { return undefined; },
|
|
157
|
+
removeAttributeFromElementAtIndex: function () { return undefined; },
|
|
158
|
+
elementContainsClass: function () { return false; },
|
|
159
|
+
closeSurface: function () { return undefined; },
|
|
160
|
+
getElementIndex: function () { return -1; },
|
|
161
|
+
notifySelected: function () { return undefined; },
|
|
162
|
+
getMenuItemCount: function () { return 0; },
|
|
163
|
+
focusItemAtIndex: function () { return undefined; },
|
|
164
|
+
focusListRoot: function () { return undefined; },
|
|
165
|
+
getSelectedSiblingOfItemAtIndex: function () { return -1; },
|
|
166
|
+
isSelectableItemAtIndex: function () { return false; },
|
|
167
|
+
};
|
|
168
|
+
// tslint:enable:object-literal-sort-keys
|
|
169
|
+
},
|
|
170
|
+
enumerable: false,
|
|
171
|
+
configurable: true
|
|
172
|
+
});
|
|
173
|
+
MDCMenuFoundation.prototype.destroy = function () {
|
|
174
|
+
if (this.closeAnimationEndTimerId_) {
|
|
175
|
+
clearTimeout(this.closeAnimationEndTimerId_);
|
|
176
|
+
}
|
|
177
|
+
this.adapter.closeSurface();
|
|
178
|
+
};
|
|
179
|
+
MDCMenuFoundation.prototype.handleKeydown = function (evt) {
|
|
180
|
+
var key = evt.key, keyCode = evt.keyCode;
|
|
181
|
+
var isTab = key === 'Tab' || keyCode === 9;
|
|
182
|
+
if (isTab) {
|
|
183
|
+
this.adapter.closeSurface(/** skipRestoreFocus */ true);
|
|
184
|
+
}
|
|
185
|
+
};
|
|
186
|
+
MDCMenuFoundation.prototype.handleItemAction = function (listItem) {
|
|
187
|
+
var _this = this;
|
|
188
|
+
var index = this.adapter.getElementIndex(listItem);
|
|
189
|
+
if (index < 0) {
|
|
190
|
+
return;
|
|
191
|
+
}
|
|
192
|
+
this.adapter.notifySelected({ index: index });
|
|
193
|
+
this.adapter.closeSurface();
|
|
194
|
+
// Wait for the menu to close before adding/removing classes that affect styles.
|
|
195
|
+
this.closeAnimationEndTimerId_ = setTimeout(function () {
|
|
196
|
+
// Recompute the index in case the menu contents have changed.
|
|
197
|
+
var recomputedIndex = _this.adapter.getElementIndex(listItem);
|
|
198
|
+
if (recomputedIndex >= 0 &&
|
|
199
|
+
_this.adapter.isSelectableItemAtIndex(recomputedIndex)) {
|
|
200
|
+
_this.setSelectedIndex(recomputedIndex);
|
|
201
|
+
}
|
|
202
|
+
}, MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);
|
|
203
|
+
};
|
|
204
|
+
MDCMenuFoundation.prototype.handleMenuSurfaceOpened = function () {
|
|
205
|
+
switch (this.defaultFocusState_) {
|
|
206
|
+
case DefaultFocusState.FIRST_ITEM:
|
|
207
|
+
this.adapter.focusItemAtIndex(0);
|
|
208
|
+
break;
|
|
209
|
+
case DefaultFocusState.LAST_ITEM:
|
|
210
|
+
this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount() - 1);
|
|
211
|
+
break;
|
|
212
|
+
case DefaultFocusState.NONE:
|
|
213
|
+
// Do nothing.
|
|
214
|
+
break;
|
|
215
|
+
default:
|
|
216
|
+
this.adapter.focusListRoot();
|
|
217
|
+
break;
|
|
218
|
+
}
|
|
219
|
+
};
|
|
220
|
+
/**
|
|
221
|
+
* Sets default focus state where the menu should focus every time when menu
|
|
222
|
+
* is opened. Focuses the list root (`DefaultFocusState.LIST_ROOT`) element by
|
|
223
|
+
* default.
|
|
224
|
+
*/
|
|
225
|
+
MDCMenuFoundation.prototype.setDefaultFocusState = function (focusState) {
|
|
226
|
+
this.defaultFocusState_ = focusState;
|
|
227
|
+
};
|
|
228
|
+
/**
|
|
229
|
+
* Selects the list item at `index` within the menu.
|
|
230
|
+
* @param index Index of list item within the menu.
|
|
231
|
+
*/
|
|
232
|
+
MDCMenuFoundation.prototype.setSelectedIndex = function (index) {
|
|
233
|
+
this.validatedIndex_(index);
|
|
234
|
+
if (!this.adapter.isSelectableItemAtIndex(index)) {
|
|
235
|
+
throw new Error('MDCMenuFoundation: No selection group at specified index.');
|
|
236
|
+
}
|
|
237
|
+
var prevSelectedIndex = this.adapter.getSelectedSiblingOfItemAtIndex(index);
|
|
238
|
+
if (prevSelectedIndex >= 0) {
|
|
239
|
+
this.adapter.removeAttributeFromElementAtIndex(prevSelectedIndex, strings.ARIA_CHECKED_ATTR);
|
|
240
|
+
this.adapter.removeClassFromElementAtIndex(prevSelectedIndex, cssClasses.MENU_SELECTED_LIST_ITEM);
|
|
241
|
+
}
|
|
242
|
+
this.adapter.addClassToElementAtIndex(index, cssClasses.MENU_SELECTED_LIST_ITEM);
|
|
243
|
+
this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_CHECKED_ATTR, 'true');
|
|
244
|
+
};
|
|
245
|
+
/**
|
|
246
|
+
* Sets the enabled state to isEnabled for the menu item at the given index.
|
|
247
|
+
* @param index Index of the menu item
|
|
248
|
+
* @param isEnabled The desired enabled state of the menu item.
|
|
249
|
+
*/
|
|
250
|
+
MDCMenuFoundation.prototype.setEnabled = function (index, isEnabled) {
|
|
251
|
+
this.validatedIndex_(index);
|
|
252
|
+
if (isEnabled) {
|
|
253
|
+
this.adapter.removeClassFromElementAtIndex(index, cssClasses$1.LIST_ITEM_DISABLED_CLASS);
|
|
254
|
+
this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'false');
|
|
255
|
+
}
|
|
256
|
+
else {
|
|
257
|
+
this.adapter.addClassToElementAtIndex(index, cssClasses$1.LIST_ITEM_DISABLED_CLASS);
|
|
258
|
+
this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'true');
|
|
259
|
+
}
|
|
260
|
+
};
|
|
261
|
+
MDCMenuFoundation.prototype.validatedIndex_ = function (index) {
|
|
262
|
+
var menuSize = this.adapter.getMenuItemCount();
|
|
263
|
+
var isIndexInRange = index >= 0 && index < menuSize;
|
|
264
|
+
if (!isIndexInRange) {
|
|
265
|
+
throw new Error('MDCMenuFoundation: No list item at specified index.');
|
|
266
|
+
}
|
|
267
|
+
};
|
|
268
|
+
return MDCMenuFoundation;
|
|
269
|
+
}(MDCFoundation));
|
|
270
|
+
|
|
271
|
+
/**
|
|
272
|
+
* @license
|
|
273
|
+
* Copyright 2018 Google Inc.
|
|
274
|
+
*
|
|
275
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
276
|
+
* of this software and associated documentation files (the "Software"), to deal
|
|
277
|
+
* in the Software without restriction, including without limitation the rights
|
|
278
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
|
279
|
+
* copies of the Software, and to permit persons to whom the Software is
|
|
280
|
+
* furnished to do so, subject to the following conditions:
|
|
281
|
+
*
|
|
282
|
+
* The above copyright notice and this permission notice shall be included in
|
|
283
|
+
* all copies or substantial portions of the Software.
|
|
284
|
+
*
|
|
285
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
|
286
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
|
287
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
|
288
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
|
289
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
|
290
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
|
291
|
+
* THE SOFTWARE.
|
|
292
|
+
*/
|
|
293
|
+
var MDCMenu = /** @class */ (function (_super) {
|
|
294
|
+
__extends(MDCMenu, _super);
|
|
295
|
+
function MDCMenu() {
|
|
296
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
|
297
|
+
}
|
|
298
|
+
MDCMenu.attachTo = function (root) {
|
|
299
|
+
return new MDCMenu(root);
|
|
300
|
+
};
|
|
301
|
+
MDCMenu.prototype.initialize = function (menuSurfaceFactory, listFactory) {
|
|
302
|
+
if (menuSurfaceFactory === void 0) { menuSurfaceFactory = function (el) { return new MDCMenuSurface(el); }; }
|
|
303
|
+
if (listFactory === void 0) { listFactory = function (el) { return new MDCList(el); }; }
|
|
304
|
+
this.menuSurfaceFactory_ = menuSurfaceFactory;
|
|
305
|
+
this.listFactory_ = listFactory;
|
|
306
|
+
};
|
|
307
|
+
MDCMenu.prototype.initialSyncWithDOM = function () {
|
|
308
|
+
var _this = this;
|
|
309
|
+
this.menuSurface_ = this.menuSurfaceFactory_(this.root);
|
|
310
|
+
var list = this.root.querySelector(strings.LIST_SELECTOR);
|
|
311
|
+
if (list) {
|
|
312
|
+
this.list_ = this.listFactory_(list);
|
|
313
|
+
this.list_.wrapFocus = true;
|
|
314
|
+
}
|
|
315
|
+
else {
|
|
316
|
+
this.list_ = null;
|
|
317
|
+
}
|
|
318
|
+
this.handleKeydown_ = function (evt) { return _this.foundation.handleKeydown(evt); };
|
|
319
|
+
this.handleItemAction_ = function (evt) {
|
|
320
|
+
return _this.foundation.handleItemAction(_this.items[evt.detail.index]);
|
|
321
|
+
};
|
|
322
|
+
this.handleMenuSurfaceOpened_ = function () {
|
|
323
|
+
return _this.foundation.handleMenuSurfaceOpened();
|
|
324
|
+
};
|
|
325
|
+
this.menuSurface_.listen(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, this.handleMenuSurfaceOpened_);
|
|
326
|
+
this.listen('keydown', this.handleKeydown_);
|
|
327
|
+
this.listen(MDCListFoundation.strings.ACTION_EVENT, this.handleItemAction_);
|
|
328
|
+
};
|
|
329
|
+
MDCMenu.prototype.destroy = function () {
|
|
330
|
+
if (this.list_) {
|
|
331
|
+
this.list_.destroy();
|
|
332
|
+
}
|
|
333
|
+
this.menuSurface_.destroy();
|
|
334
|
+
this.menuSurface_.unlisten(MDCMenuSurfaceFoundation.strings.OPENED_EVENT, this.handleMenuSurfaceOpened_);
|
|
335
|
+
this.unlisten('keydown', this.handleKeydown_);
|
|
336
|
+
this.unlisten(MDCListFoundation.strings.ACTION_EVENT, this.handleItemAction_);
|
|
337
|
+
_super.prototype.destroy.call(this);
|
|
338
|
+
};
|
|
339
|
+
Object.defineProperty(MDCMenu.prototype, "open", {
|
|
340
|
+
get: function () {
|
|
341
|
+
return this.menuSurface_.isOpen();
|
|
342
|
+
},
|
|
343
|
+
set: function (value) {
|
|
344
|
+
if (value) {
|
|
345
|
+
this.menuSurface_.open();
|
|
346
|
+
}
|
|
347
|
+
else {
|
|
348
|
+
this.menuSurface_.close();
|
|
349
|
+
}
|
|
350
|
+
},
|
|
351
|
+
enumerable: false,
|
|
352
|
+
configurable: true
|
|
353
|
+
});
|
|
354
|
+
Object.defineProperty(MDCMenu.prototype, "wrapFocus", {
|
|
355
|
+
get: function () {
|
|
356
|
+
return this.list_ ? this.list_.wrapFocus : false;
|
|
357
|
+
},
|
|
358
|
+
set: function (value) {
|
|
359
|
+
if (this.list_) {
|
|
360
|
+
this.list_.wrapFocus = value;
|
|
361
|
+
}
|
|
362
|
+
},
|
|
363
|
+
enumerable: false,
|
|
364
|
+
configurable: true
|
|
365
|
+
});
|
|
366
|
+
Object.defineProperty(MDCMenu.prototype, "hasTypeahead", {
|
|
367
|
+
/**
|
|
368
|
+
* Sets whether the menu has typeahead functionality.
|
|
369
|
+
* @param value Whether typeahead is enabled.
|
|
370
|
+
*/
|
|
371
|
+
set: function (value) {
|
|
372
|
+
if (this.list_) {
|
|
373
|
+
this.list_.hasTypeahead = value;
|
|
374
|
+
}
|
|
375
|
+
},
|
|
376
|
+
enumerable: false,
|
|
377
|
+
configurable: true
|
|
378
|
+
});
|
|
379
|
+
Object.defineProperty(MDCMenu.prototype, "typeaheadInProgress", {
|
|
380
|
+
/**
|
|
381
|
+
* @return Whether typeahead logic is currently matching some user prefix.
|
|
382
|
+
*/
|
|
383
|
+
get: function () {
|
|
384
|
+
return this.list_ ? this.list_.typeaheadInProgress : false;
|
|
385
|
+
},
|
|
386
|
+
enumerable: false,
|
|
387
|
+
configurable: true
|
|
388
|
+
});
|
|
389
|
+
/**
|
|
390
|
+
* Given the next desired character from the user, adds it to the typeahead
|
|
391
|
+
* buffer. Then, attempts to find the next option matching the buffer. Wraps
|
|
392
|
+
* around if at the end of options.
|
|
393
|
+
*
|
|
394
|
+
* @param nextChar The next character to add to the prefix buffer.
|
|
395
|
+
* @param startingIndex The index from which to start matching. Only relevant
|
|
396
|
+
* when starting a new match sequence. To start a new match sequence,
|
|
397
|
+
* clear the buffer using `clearTypeaheadBuffer`, or wait for the buffer
|
|
398
|
+
* to clear after a set interval defined in list foundation. Defaults to
|
|
399
|
+
* the currently focused index.
|
|
400
|
+
* @return The index of the matched item, or -1 if no match.
|
|
401
|
+
*/
|
|
402
|
+
MDCMenu.prototype.typeaheadMatchItem = function (nextChar, startingIndex) {
|
|
403
|
+
if (this.list_) {
|
|
404
|
+
return this.list_.typeaheadMatchItem(nextChar, startingIndex);
|
|
405
|
+
}
|
|
406
|
+
return -1;
|
|
407
|
+
};
|
|
408
|
+
/**
|
|
409
|
+
* Layout the underlying list element in the case of any dynamic updates
|
|
410
|
+
* to its structure.
|
|
411
|
+
*/
|
|
412
|
+
MDCMenu.prototype.layout = function () {
|
|
413
|
+
if (this.list_) {
|
|
414
|
+
this.list_.layout();
|
|
415
|
+
}
|
|
416
|
+
};
|
|
417
|
+
Object.defineProperty(MDCMenu.prototype, "items", {
|
|
418
|
+
/**
|
|
419
|
+
* Return the items within the menu. Note that this only contains the set of elements within
|
|
420
|
+
* the items container that are proper list items, and not supplemental / presentational DOM
|
|
421
|
+
* elements.
|
|
422
|
+
*/
|
|
423
|
+
get: function () {
|
|
424
|
+
return this.list_ ? this.list_.listElements : [];
|
|
425
|
+
},
|
|
426
|
+
enumerable: false,
|
|
427
|
+
configurable: true
|
|
428
|
+
});
|
|
429
|
+
Object.defineProperty(MDCMenu.prototype, "singleSelection", {
|
|
430
|
+
/**
|
|
431
|
+
* Turns on/off the underlying list's single selection mode. Used mainly
|
|
432
|
+
* by select menu.
|
|
433
|
+
*
|
|
434
|
+
* @param singleSelection Whether to enable single selection mode.
|
|
435
|
+
*/
|
|
436
|
+
set: function (singleSelection) {
|
|
437
|
+
if (this.list_) {
|
|
438
|
+
this.list_.singleSelection = singleSelection;
|
|
439
|
+
}
|
|
440
|
+
},
|
|
441
|
+
enumerable: false,
|
|
442
|
+
configurable: true
|
|
443
|
+
});
|
|
444
|
+
Object.defineProperty(MDCMenu.prototype, "selectedIndex", {
|
|
445
|
+
/**
|
|
446
|
+
* Retrieves the selected index. Only applicable to select menus.
|
|
447
|
+
* @return The selected index, which is a number for single selection and
|
|
448
|
+
* radio lists, and an array of numbers for checkbox lists.
|
|
449
|
+
*/
|
|
450
|
+
get: function () {
|
|
451
|
+
return this.list_ ? this.list_.selectedIndex : numbers$1.UNSET_INDEX;
|
|
452
|
+
},
|
|
453
|
+
/**
|
|
454
|
+
* Sets the selected index of the list. Only applicable to select menus.
|
|
455
|
+
* @param index The selected index, which is a number for single selection and
|
|
456
|
+
* radio lists, and an array of numbers for checkbox lists.
|
|
457
|
+
*/
|
|
458
|
+
set: function (index) {
|
|
459
|
+
if (this.list_) {
|
|
460
|
+
this.list_.selectedIndex = index;
|
|
461
|
+
}
|
|
462
|
+
},
|
|
463
|
+
enumerable: false,
|
|
464
|
+
configurable: true
|
|
465
|
+
});
|
|
466
|
+
Object.defineProperty(MDCMenu.prototype, "quickOpen", {
|
|
467
|
+
set: function (quickOpen) {
|
|
468
|
+
this.menuSurface_.quickOpen = quickOpen;
|
|
469
|
+
},
|
|
470
|
+
enumerable: false,
|
|
471
|
+
configurable: true
|
|
472
|
+
});
|
|
473
|
+
/**
|
|
474
|
+
* Sets default focus state where the menu should focus every time when menu
|
|
475
|
+
* is opened. Focuses the list root (`DefaultFocusState.LIST_ROOT`) element by
|
|
476
|
+
* default.
|
|
477
|
+
* @param focusState Default focus state.
|
|
478
|
+
*/
|
|
479
|
+
MDCMenu.prototype.setDefaultFocusState = function (focusState) {
|
|
480
|
+
this.foundation.setDefaultFocusState(focusState);
|
|
481
|
+
};
|
|
482
|
+
/**
|
|
483
|
+
* @param corner Default anchor corner alignment of top-left menu corner.
|
|
484
|
+
*/
|
|
485
|
+
MDCMenu.prototype.setAnchorCorner = function (corner) {
|
|
486
|
+
this.menuSurface_.setAnchorCorner(corner);
|
|
487
|
+
};
|
|
488
|
+
MDCMenu.prototype.setAnchorMargin = function (margin) {
|
|
489
|
+
this.menuSurface_.setAnchorMargin(margin);
|
|
490
|
+
};
|
|
491
|
+
/**
|
|
492
|
+
* Sets the list item as the selected row at the specified index.
|
|
493
|
+
* @param index Index of list item within menu.
|
|
494
|
+
*/
|
|
495
|
+
MDCMenu.prototype.setSelectedIndex = function (index) {
|
|
496
|
+
this.foundation.setSelectedIndex(index);
|
|
497
|
+
};
|
|
498
|
+
/**
|
|
499
|
+
* Sets the enabled state to isEnabled for the menu item at the given index.
|
|
500
|
+
* @param index Index of the menu item
|
|
501
|
+
* @param isEnabled The desired enabled state of the menu item.
|
|
502
|
+
*/
|
|
503
|
+
MDCMenu.prototype.setEnabled = function (index, isEnabled) {
|
|
504
|
+
this.foundation.setEnabled(index, isEnabled);
|
|
505
|
+
};
|
|
506
|
+
/**
|
|
507
|
+
* @return The item within the menu at the index specified.
|
|
508
|
+
*/
|
|
509
|
+
MDCMenu.prototype.getOptionByIndex = function (index) {
|
|
510
|
+
var items = this.items;
|
|
511
|
+
if (index < items.length) {
|
|
512
|
+
return this.items[index];
|
|
513
|
+
}
|
|
514
|
+
else {
|
|
515
|
+
return null;
|
|
516
|
+
}
|
|
517
|
+
};
|
|
518
|
+
/**
|
|
519
|
+
* @param index A menu item's index.
|
|
520
|
+
* @return The primary text within the menu at the index specified.
|
|
521
|
+
*/
|
|
522
|
+
MDCMenu.prototype.getPrimaryTextAtIndex = function (index) {
|
|
523
|
+
var item = this.getOptionByIndex(index);
|
|
524
|
+
if (item && this.list_) {
|
|
525
|
+
return this.list_.getPrimaryText(item) || '';
|
|
526
|
+
}
|
|
527
|
+
return '';
|
|
528
|
+
};
|
|
529
|
+
MDCMenu.prototype.setFixedPosition = function (isFixed) {
|
|
530
|
+
this.menuSurface_.setFixedPosition(isFixed);
|
|
531
|
+
};
|
|
532
|
+
MDCMenu.prototype.setIsHoisted = function (isHoisted) {
|
|
533
|
+
this.menuSurface_.setIsHoisted(isHoisted);
|
|
534
|
+
};
|
|
535
|
+
MDCMenu.prototype.setAbsolutePosition = function (x, y) {
|
|
536
|
+
this.menuSurface_.setAbsolutePosition(x, y);
|
|
537
|
+
};
|
|
538
|
+
/**
|
|
539
|
+
* Sets the element that the menu-surface is anchored to.
|
|
540
|
+
*/
|
|
541
|
+
MDCMenu.prototype.setAnchorElement = function (element) {
|
|
542
|
+
this.menuSurface_.anchorElement = element;
|
|
543
|
+
};
|
|
544
|
+
MDCMenu.prototype.getDefaultFoundation = function () {
|
|
545
|
+
var _this = this;
|
|
546
|
+
// DO NOT INLINE this variable. For backward compatibility, foundations take a Partial<MDCFooAdapter>.
|
|
547
|
+
// To ensure we don't accidentally omit any methods, we need a separate, strongly typed adapter variable.
|
|
548
|
+
// tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
|
|
549
|
+
var adapter = {
|
|
550
|
+
addClassToElementAtIndex: function (index, className) {
|
|
551
|
+
var list = _this.items;
|
|
552
|
+
list[index].classList.add(className);
|
|
553
|
+
},
|
|
554
|
+
removeClassFromElementAtIndex: function (index, className) {
|
|
555
|
+
var list = _this.items;
|
|
556
|
+
list[index].classList.remove(className);
|
|
557
|
+
},
|
|
558
|
+
addAttributeToElementAtIndex: function (index, attr, value) {
|
|
559
|
+
var list = _this.items;
|
|
560
|
+
list[index].setAttribute(attr, value);
|
|
561
|
+
},
|
|
562
|
+
removeAttributeFromElementAtIndex: function (index, attr) {
|
|
563
|
+
var list = _this.items;
|
|
564
|
+
list[index].removeAttribute(attr);
|
|
565
|
+
},
|
|
566
|
+
elementContainsClass: function (element, className) {
|
|
567
|
+
return element.classList.contains(className);
|
|
568
|
+
},
|
|
569
|
+
closeSurface: function (skipRestoreFocus) {
|
|
570
|
+
return _this.menuSurface_.close(skipRestoreFocus);
|
|
571
|
+
},
|
|
572
|
+
getElementIndex: function (element) { return _this.items.indexOf(element); },
|
|
573
|
+
notifySelected: function (evtData) {
|
|
574
|
+
return _this.emit(strings.SELECTED_EVENT, {
|
|
575
|
+
index: evtData.index,
|
|
576
|
+
item: _this.items[evtData.index],
|
|
577
|
+
});
|
|
578
|
+
},
|
|
579
|
+
getMenuItemCount: function () { return _this.items.length; },
|
|
580
|
+
focusItemAtIndex: function (index) { return _this.items[index].focus(); },
|
|
581
|
+
focusListRoot: function () {
|
|
582
|
+
return _this.root.querySelector(strings.LIST_SELECTOR)
|
|
583
|
+
.focus();
|
|
584
|
+
},
|
|
585
|
+
isSelectableItemAtIndex: function (index) {
|
|
586
|
+
return !!closest(_this.items[index], "." + cssClasses.MENU_SELECTION_GROUP);
|
|
587
|
+
},
|
|
588
|
+
getSelectedSiblingOfItemAtIndex: function (index) {
|
|
589
|
+
var selectionGroupEl = closest(_this.items[index], "." + cssClasses.MENU_SELECTION_GROUP);
|
|
590
|
+
var selectedItemEl = selectionGroupEl.querySelector("." + cssClasses.MENU_SELECTED_LIST_ITEM);
|
|
591
|
+
return selectedItemEl ? _this.items.indexOf(selectedItemEl) : -1;
|
|
592
|
+
},
|
|
593
|
+
};
|
|
594
|
+
// tslint:enable:object-literal-sort-keys
|
|
595
|
+
return new MDCMenuFoundation(adapter);
|
|
596
|
+
};
|
|
597
|
+
return MDCMenu;
|
|
598
|
+
}(MDCComponent));
|
|
599
|
+
|
|
600
|
+
class MenuListRenderer {
|
|
601
|
+
constructor() {
|
|
602
|
+
this.defaultConfig = {
|
|
603
|
+
isOpen: true,
|
|
604
|
+
badgeIcons: false,
|
|
605
|
+
};
|
|
606
|
+
/**
|
|
607
|
+
* Determine which MenuItem should have the `tab-index` attribute set,
|
|
608
|
+
* and return the index at which that MenuItem is located in `items`.
|
|
609
|
+
* Returns `undefined` if no item should have the attribute set.
|
|
610
|
+
* See https://github.com/material-components/material-components-web/tree/e66a43a75fef4f9179e24856649518e15e279a04/packages/mdc-list#accessibility
|
|
611
|
+
*
|
|
612
|
+
* @param {Array<MenuItem | ListSeparator>} items the items of the list, including any `ListSeparator`:s
|
|
613
|
+
* @returns {number} the index as per the description
|
|
614
|
+
*/
|
|
615
|
+
this.getIndexForWhichToApplyTabIndex = (items) => {
|
|
616
|
+
let result;
|
|
617
|
+
for (let i = 0, max = items.length; i < max; i += 1) {
|
|
618
|
+
if ('separator' in items[i]) ;
|
|
619
|
+
else {
|
|
620
|
+
const item = items[i];
|
|
621
|
+
if (item.selected) {
|
|
622
|
+
result = i;
|
|
623
|
+
break;
|
|
624
|
+
}
|
|
625
|
+
if (result === undefined && !item.disabled) {
|
|
626
|
+
result = i;
|
|
627
|
+
// Do NOT break, as any later item with
|
|
628
|
+
// `selected=true` should get the tab-index instead!
|
|
629
|
+
}
|
|
630
|
+
}
|
|
631
|
+
}
|
|
632
|
+
return result;
|
|
633
|
+
};
|
|
634
|
+
/**
|
|
635
|
+
* Render a single list item
|
|
636
|
+
*
|
|
637
|
+
* @param {MenuItem | ListSeparator} item the item to render
|
|
638
|
+
* @param {number} index the index the item had in the `items` array
|
|
639
|
+
* @returns {HTMLElement} the list item
|
|
640
|
+
*/
|
|
641
|
+
this.renderMenuItem = (item, index) => {
|
|
642
|
+
if ('separator' in item) {
|
|
643
|
+
return h("li", { class: "mdc-deprecated-list-divider", role: "separator" });
|
|
644
|
+
}
|
|
645
|
+
const classNames = {
|
|
646
|
+
'mdc-deprecated-list-item': true,
|
|
647
|
+
'mdc-deprecated-list-item--disabled': item.disabled,
|
|
648
|
+
'mdc-deprecated-list-item--selected': item.selected,
|
|
649
|
+
};
|
|
650
|
+
const attributes = {};
|
|
651
|
+
if (index === this.applyTabIndexToItemAtIndex) {
|
|
652
|
+
attributes.tabindex = '0';
|
|
653
|
+
}
|
|
654
|
+
return (h("li", Object.assign({ class: classNames, role: "menuitem", "aria-disabled": item.disabled ? 'true' : 'false', "aria-selected": item.selected ? 'true' : 'false', "data-index": index }, attributes),
|
|
655
|
+
item.icon ? this.renderIcon(this.config, item) : null,
|
|
656
|
+
this.renderText(item),
|
|
657
|
+
this.twoLines && this.avatarList ? this.renderDivider() : null));
|
|
658
|
+
};
|
|
659
|
+
/**
|
|
660
|
+
* Render the text of the list item
|
|
661
|
+
*
|
|
662
|
+
* @param {MenuItem} item the list item
|
|
663
|
+
* @returns {HTMLElement | string} the text for the list item
|
|
664
|
+
*/
|
|
665
|
+
this.renderText = (item) => {
|
|
666
|
+
if (this.isSimpleItem(item)) {
|
|
667
|
+
return (h("span", { class: "mdc-deprecated-list-item__text" }, item.text));
|
|
668
|
+
}
|
|
669
|
+
return (h("div", { class: "mdc-deprecated-list-item__text" },
|
|
670
|
+
h("div", { class: "mdc-deprecated-list-item__primary-command-text" },
|
|
671
|
+
h("div", { class: "mdc-deprecated-list-item__primary-text" }, item.text),
|
|
672
|
+
this.renderCommandText(item)),
|
|
673
|
+
h("div", { class: "mdc-deprecated-list-item__secondary-text" }, item.secondaryText)));
|
|
674
|
+
};
|
|
675
|
+
this.renderCommandText = (item) => {
|
|
676
|
+
if (!('commandText' in item)) {
|
|
677
|
+
return;
|
|
678
|
+
}
|
|
679
|
+
return (h("div", { class: "mdc-deprecated-list-item__command-text" }, item.commandText));
|
|
680
|
+
};
|
|
681
|
+
this.isSimpleItem = (item) => {
|
|
682
|
+
if ('commandText' in item) {
|
|
683
|
+
return false;
|
|
684
|
+
}
|
|
685
|
+
if ('secondaryText' in item) {
|
|
686
|
+
return false;
|
|
687
|
+
}
|
|
688
|
+
return true;
|
|
689
|
+
};
|
|
690
|
+
/**
|
|
691
|
+
* Render an icon for a list item
|
|
692
|
+
*
|
|
693
|
+
* @param {MenuListRendererConfig} config the config object, passed on from the `renderMenuItem` function
|
|
694
|
+
* @param {MenuItem} item the list item
|
|
695
|
+
* @returns {HTMLElement} the icon element
|
|
696
|
+
*/
|
|
697
|
+
this.renderIcon = (config, item) => {
|
|
698
|
+
const style = {};
|
|
699
|
+
if (item.iconColor) {
|
|
700
|
+
if (config.badgeIcons) {
|
|
701
|
+
style['--icon-background-color'] = item.iconColor;
|
|
702
|
+
}
|
|
703
|
+
else {
|
|
704
|
+
style.color = item.iconColor;
|
|
705
|
+
}
|
|
706
|
+
}
|
|
707
|
+
return (h("limel-icon", { badge: config.badgeIcons, class: "mdc-deprecated-list-item__graphic", name: item.icon, style: style, size: config.iconSize }));
|
|
708
|
+
};
|
|
709
|
+
this.renderDivider = () => {
|
|
710
|
+
const classes = {
|
|
711
|
+
'mdc-deprecated-list-divider': true,
|
|
712
|
+
'mdc-deprecated-list-divider--inset': true,
|
|
713
|
+
};
|
|
714
|
+
if (this.config.iconSize) {
|
|
715
|
+
classes[this.config.iconSize] = true;
|
|
716
|
+
}
|
|
717
|
+
return h("hr", { class: classes });
|
|
718
|
+
};
|
|
719
|
+
}
|
|
720
|
+
render(items, config = {}) {
|
|
721
|
+
items = items || [];
|
|
722
|
+
this.config = Object.assign(Object.assign({}, this.defaultConfig), config);
|
|
723
|
+
this.twoLines = items.some((item) => {
|
|
724
|
+
return 'secondaryText' in item && !!item.secondaryText;
|
|
725
|
+
});
|
|
726
|
+
this.commandKey = items.some((item) => {
|
|
727
|
+
return 'commandText' in item && !!item.commandText;
|
|
728
|
+
});
|
|
729
|
+
this.hasIcons = items.some((item) => {
|
|
730
|
+
return 'icon' in item && !!item.icon;
|
|
731
|
+
});
|
|
732
|
+
this.avatarList = this.config.badgeIcons && this.hasIcons;
|
|
733
|
+
this.applyTabIndexToItemAtIndex =
|
|
734
|
+
this.getIndexForWhichToApplyTabIndex(items);
|
|
735
|
+
const classNames = {
|
|
736
|
+
'mdc-deprecated-list': true,
|
|
737
|
+
'mdc-deprecated-list--two-line': this.twoLines,
|
|
738
|
+
selectable: true,
|
|
739
|
+
'mdc-deprecated-list--avatar-list': this.avatarList,
|
|
740
|
+
'list--compact': this.twoLines &&
|
|
741
|
+
this.commandKey &&
|
|
742
|
+
['small', 'x-small'].includes(this.config.iconSize),
|
|
743
|
+
};
|
|
744
|
+
return (h("ul", { class: classNames, "aria-hidden": true, role: "menu", "aria-orientation": "vertical" }, items.map(this.renderMenuItem)));
|
|
745
|
+
}
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
const menuListCss = ":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}:host{display:block}:host([hidden]){display:none}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.125rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list-item__secondary-text{color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic{background-color:transparent}.mdc-deprecated-list-item__graphic{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text{opacity:0.38}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__text,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__secondary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item--selected,.mdc-deprecated-list-item--activated{color:#26a69a;color:var(--mdc-theme-primary, #26a69a)}.mdc-deprecated-list-item--selected .mdc-deprecated-list-item__graphic,.mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#26a69a;color:var(--mdc-theme-primary, #26a69a)}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:0.812rem}.mdc-deprecated-list-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;height:48px}.mdc-deprecated-list-item:focus{outline:none}.mdc-deprecated-list-item:not(.mdc-deprecated-list-item--selected):focus::before,.mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}.mdc-deprecated-list-item.mdc-deprecated-list-item--selected::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px double transparent;border-radius:inherit;content:\"\";pointer-events:none}[dir=rtl] .mdc-deprecated-list-item,.mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-deprecated-list--icon-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:56px}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-deprecated-list--image-list .mdc-deprecated-list-item{padding-left:16px;padding-right:16px;height:72px}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item,.mdc-deprecated-list--image-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-deprecated-list--video-list .mdc-deprecated-list-item{padding-left:0px;padding-right:16px;height:72px}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item,.mdc-deprecated-list--video-list .mdc-deprecated-list-item[dir=rtl]{padding-left:16px;padding-right:0px}.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:20px;height:20px}[dir=rtl] .mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;object-fit:cover;margin-left:0;margin-right:32px;width:24px;height:24px}[dir=rtl] .mdc-deprecated-list-item__graphic,.mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:32px;margin-right:0}.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:32px;width:24px;height:24px}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:32px;margin-right:0}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px;border-radius:50%}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:40px;height:40px}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:56px;height:56px}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:100px;height:56px}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--video-list .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}.mdc-deprecated-list .mdc-deprecated-list-item__graphic{display:inline-flex}.mdc-deprecated-list-item__meta{margin-left:auto;margin-right:0}.mdc-deprecated-list-item__meta:not(.material-icons){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.6875rem;font-size:var(--mdc-typography-caption-font-size, 0.6875rem);line-height:0.875rem;line-height:var(--mdc-typography-caption-line-height, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-deprecated-list-item[dir=rtl] .mdc-deprecated-list-item__meta,[dir=rtl] .mdc-deprecated-list-item .mdc-deprecated-list-item__meta{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text[for]{pointer-events:none}.mdc-deprecated-list-item__primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::before,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-deprecated-list--video-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--image-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item__primary-text::after,.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-deprecated-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal}.mdc-deprecated-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text{font-size:inherit}.mdc-deprecated-list--dense .mdc-deprecated-list-item{height:40px}.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text{align-self:flex-start}.mdc-deprecated-list--two-line .mdc-deprecated-list-item{height:64px}.mdc-deprecated-list--two-line.mdc-deprecated-list--video-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--image-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item,.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item{height:72px}.mdc-deprecated-list--two-line.mdc-deprecated-list--icon-list .mdc-deprecated-list-item__graphic{align-self:flex-start;margin-top:16px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense .mdc-deprecated-list-item,.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item{height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:16px;width:36px;height:36px}[dir=rtl] .mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic,.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:16px;margin-right:0}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item{cursor:pointer}a.mdc-deprecated-list-item{color:inherit;text-decoration:none}.mdc-deprecated-list-divider{height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid}.mdc-deprecated-list-divider{border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list-divider--padded{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list-divider--padded,.mdc-deprecated-list-divider--padded[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list-divider--inset{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list-divider--inset,.mdc-deprecated-list-divider--inset[dir=rtl]{margin-left:0;margin-right:72px}.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded,.mdc-deprecated-list-divider--inset.mdc-deprecated-list-divider--padded[dir=rtl]{margin-left:0;margin-right:72px}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--icon-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--avatar-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading{margin-left:72px;margin-right:0;width:calc(100% - 72px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:72px}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:72px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:72px}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--thumbnail-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading{margin-left:88px;margin-right:0;width:calc(100% - 88px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:88px}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:88px;margin-right:0;width:calc(100% - 104px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:88px}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:16px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:16px;margin-right:0;width:calc(100% - 32px)}[dir=rtl] .mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--image-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:16px}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading{margin-left:116px;margin-right:0;width:calc(100% - 116px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading[dir=rtl]{margin-left:0;margin-right:116px}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-trailing{width:calc(100% - 16px)}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing{margin-left:116px;margin-right:0;width:calc(100% - 132px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing[dir=rtl]{margin-left:0;margin-right:116px}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding{margin-left:0px;margin-right:0;width:calc(100% - 0px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--padding[dir=rtl]{margin-left:0;margin-right:0px}.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding{margin-left:0px;margin-right:0;width:calc(100% - 16px)}[dir=rtl] .mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding,.mdc-deprecated-list--video-list .mdc-deprecated-list-divider--inset-leading.mdc-deprecated-list-divider--inset-trailing.mdc-deprecated-list-divider--inset-padding[dir=rtl]{margin-left:0;margin-right:0px}.mdc-deprecated-list-group .mdc-deprecated-list{padding:0}.mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.125rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);margin:calc( (3rem - 1.5rem) / 2 ) 16px}.mdc-list-item__primary-text{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:#26a69a;color:var(--mdc-theme-primary, #26a69a)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:#26a69a;color:var(--mdc-theme-primary, #26a69a)}.mdc-deprecated-list-group__subheader{color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}@media screen and (-ms-high-contrast: active){.mdc-list-divider::after{content:\"\";display:block;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:white}}.mdc-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.125rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none}.mdc-list:focus{outline:none}.mdc-list-item{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;align-items:stretch;cursor:pointer}.mdc-list-item:focus{outline:none}[dir=rtl] .mdc-list-item,.mdc-list-item[dir=rtl]{padding-left:16px;padding-right:16px}.mdc-list-item.mdc-list-item--with-one-line{height:48px}.mdc-list-item.mdc-list-item--with-two-lines{height:64px}.mdc-list-item.mdc-list-item--with-three-lines{height:88px}.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end{align-self:center;margin-top:0}.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:16px}.mdc-list-item.mdc-list-item--disabled,.mdc-list-item.mdc-list-item--non-interactive{cursor:auto}.mdc-list-item:not(.mdc-list-item--selected):focus::before,.mdc-list-item.mdc-ripple-upgraded--background-focused::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:\"\";pointer-events:none}.mdc-list-item.mdc-list-item--selected::before{position:absolute;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:3px double transparent;border-radius:inherit;content:\"\";pointer-events:none}a.mdc-list-item{color:inherit;text-decoration:none}.mdc-list-item__start{fill:currentColor;flex-shrink:0;pointer-events:none}.mdc-list-item__end{flex-shrink:0;pointer-events:none}.mdc-list-item__content{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;align-self:center;flex:1;pointer-events:none}.mdc-list-item--with-two-lines .mdc-list-item__content,.mdc-list-item--with-three-lines .mdc-list-item__content{align-self:stretch}.mdc-list-item__content[for]{pointer-events:none}.mdc-list-item__primary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.125rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-list-item--with-two-lines .mdc-list-item__primary-text,.mdc-list-item--with-three-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,.mdc-list-item--with-three-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,.mdc-list-item--with-three-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.8125rem;font-size:var(--mdc-typography-body2-font-size, 0.8125rem);line-height:1.625rem;line-height:var(--mdc-typography-body2-line-height, 1.625rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal}.mdc-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:\"\";vertical-align:0}.mdc-list-item__overline-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-list-item--with-two-lines .mdc-list-item__overline-text,.mdc-list-item--with-three-lines .mdc-list-item__overline-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-two-lines .mdc-list-item__overline-text::before,.mdc-list-item--with-three-lines .mdc-list-item__overline-text::before{display:inline-block;width:0;height:24px;content:\"\";vertical-align:0}.mdc-list-item--with-two-lines .mdc-list-item__overline-text::after,.mdc-list-item--with-three-lines .mdc-list-item__overline-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item,.mdc-list-item--with-leading-avatar.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0}.mdc-list-item--with-leading-avatar .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start,.mdc-list-item--with-leading-avatar .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px}.mdc-list-item--with-leading-avatar .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-avatar .mdc-list-item__start{border-radius:50%}.mdc-list-item--with-leading-icon .mdc-list-item__start{width:24px;height:24px}.mdc-list-item--with-leading-icon.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,.mdc-list-item--with-leading-icon.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0}.mdc-list-item--with-leading-icon .mdc-list-item__start{margin-left:16px;margin-right:32px}[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-leading-icon .mdc-list-item__start[dir=rtl]{margin-left:32px;margin-right:16px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-thumbnail.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-thumbnail.mdc-list-item,.mdc-list-item--with-leading-thumbnail.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0}.mdc-list-item--with-leading-thumbnail .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-thumbnail .mdc-list-item__start,.mdc-list-item--with-leading-thumbnail .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px}.mdc-list-item--with-leading-thumbnail .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-thumbnail.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-image.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-image.mdc-list-item,.mdc-list-item--with-leading-image.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0}.mdc-list-item--with-leading-image .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-image .mdc-list-item__start,.mdc-list-item--with-leading-image .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px}.mdc-list-item--with-leading-image .mdc-list-item__start{width:56px;height:56px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-image.mdc-list-item--with-one-line{height:72px}.mdc-list-item--with-leading-image.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-video.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-video.mdc-list-item,.mdc-list-item--with-leading-video.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0}.mdc-list-item--with-leading-video .mdc-list-item__start{margin-left:0;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-video .mdc-list-item__start,.mdc-list-item--with-leading-video .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:0}.mdc-list-item--with-leading-video .mdc-list-item__start{width:100px;height:56px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-video.mdc-list-item--with-one-line{height:72px}.mdc-list-item--with-leading-video.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-checkbox.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,.mdc-list-item--with-leading-checkbox.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0}.mdc-list-item--with-leading-checkbox .mdc-list-item__start{margin-left:8px;margin-right:24px}[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start,.mdc-list-item--with-leading-checkbox .mdc-list-item__start[dir=rtl]{margin-left:24px;margin-right:8px}.mdc-list-item--with-leading-checkbox .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-radio.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,.mdc-list-item--with-leading-radio.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0}.mdc-list-item--with-leading-radio .mdc-list-item__start{margin-left:8px;margin-right:24px}[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,.mdc-list-item--with-leading-radio .mdc-list-item__start[dir=rtl]{margin-left:24px;margin-right:8px}.mdc-list-item--with-leading-radio .mdc-list-item__start{width:40px;height:40px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:8px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-radio.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-leading-switch.mdc-list-item{padding-left:0;padding-right:auto}[dir=rtl] .mdc-list-item--with-leading-switch.mdc-list-item,.mdc-list-item--with-leading-switch.mdc-list-item[dir=rtl]{padding-left:auto;padding-right:0}.mdc-list-item--with-leading-switch .mdc-list-item__start{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-leading-switch .mdc-list-item__start,.mdc-list-item--with-leading-switch .mdc-list-item__start[dir=rtl]{margin-left:16px;margin-right:16px}.mdc-list-item--with-leading-switch .mdc-list-item__start{width:36px;height:20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__start{align-self:flex-start;margin-top:16px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text{display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:\"\";vertical-align:-20px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before{display:inline-block;width:0;height:32px;content:\"\";vertical-align:0}.mdc-list-item--with-leading-switch.mdc-list-item--with-one-line{height:56px}.mdc-list-item--with-leading-switch.mdc-list-item--with-two-lines{height:72px}.mdc-list-item--with-trailing-icon.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item,.mdc-list-item--with-trailing-icon.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto}.mdc-list-item--with-trailing-icon .mdc-list-item__end{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-icon .mdc-list-item__end,.mdc-list-item--with-trailing-icon .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:16px}.mdc-list-item--with-trailing-icon .mdc-list-item__end{width:24px;height:24px}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end{align-self:flex-start;margin-top:0}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:0}.mdc-list-item--with-trailing-meta.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item,.mdc-list-item--with-trailing-meta.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto}.mdc-list-item--with-trailing-meta .mdc-list-item__end{margin-left:28px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end,.mdc-list-item--with-trailing-meta .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:28px}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end{display:block;margin-top:0;line-height:normal}.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before{display:inline-block;width:0;height:28px;content:\"\";vertical-align:0}.mdc-list-item--with-trailing-meta .mdc-list-item__end{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.6875rem;font-size:var(--mdc-typography-caption-font-size, 0.6875rem);line-height:0.875rem;line-height:var(--mdc-typography-caption-line-height, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-list-item--with-trailing-checkbox.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item,.mdc-list-item--with-trailing-checkbox.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto}.mdc-list-item--with-trailing-checkbox .mdc-list-item__end{margin-left:24px;margin-right:8px}[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end,.mdc-list-item--with-trailing-checkbox .mdc-list-item__end[dir=rtl]{margin-left:8px;margin-right:24px}.mdc-list-item--with-trailing-checkbox .mdc-list-item__end{width:40px;height:40px}.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:8px}.mdc-list-item--with-trailing-radio.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,.mdc-list-item--with-trailing-radio.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto}.mdc-list-item--with-trailing-radio .mdc-list-item__end{margin-left:24px;margin-right:8px}[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,.mdc-list-item--with-trailing-radio .mdc-list-item__end[dir=rtl]{margin-left:8px;margin-right:24px}.mdc-list-item--with-trailing-radio .mdc-list-item__end{width:40px;height:40px}.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:8px}.mdc-list-item--with-trailing-switch.mdc-list-item{padding-left:auto;padding-right:0}[dir=rtl] .mdc-list-item--with-trailing-switch.mdc-list-item,.mdc-list-item--with-trailing-switch.mdc-list-item[dir=rtl]{padding-left:0;padding-right:auto}.mdc-list-item--with-trailing-switch .mdc-list-item__end{margin-left:16px;margin-right:16px}[dir=rtl] .mdc-list-item--with-trailing-switch .mdc-list-item__end,.mdc-list-item--with-trailing-switch .mdc-list-item__end[dir=rtl]{margin-left:16px;margin-right:16px}.mdc-list-item--with-trailing-switch .mdc-list-item__end{width:36px;height:20px}.mdc-list-item--with-trailing-switch.mdc-list-item--with-three-lines .mdc-list-item__end{align-self:flex-start;margin-top:16px}.mdc-list-group .mdc-deprecated-list{padding:0}.mdc-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);line-height:1.125rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.125rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);margin:calc( (3rem - 1.5rem) / 2 ) 16px}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mdc-list-divider{height:1px;padding:0;background-clip:content-box}.mdc-list-divider.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset{padding-left:16px;padding-right:auto}[dir=rtl] .mdc-list-divider.mdc-list-divider--with-leading-inset,.mdc-list-divider.mdc-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-text.mdc-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-icon.mdc-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-image.mdc-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-switch.mdc-list-divider--with-leading-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-radio.mdc-list-divider--with-leading-inset[dir=rtl]{padding-left:auto;padding-right:16px}.mdc-list-divider.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset{padding-left:auto;padding-right:16px}[dir=rtl] .mdc-list-divider.mdc-list-divider--with-trailing-inset,.mdc-list-divider.mdc-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-text.mdc-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-icon.mdc-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-image.mdc-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-thumbnail.mdc-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-avatar.mdc-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-checkbox.mdc-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-switch.mdc-list-divider--with-trailing-inset[dir=rtl],[dir=rtl] .mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset,.mdc-list-divider--with-leading-radio.mdc-list-divider--with-trailing-inset[dir=rtl]{padding-left:16px;padding-right:auto}.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset{padding-left:0px;padding-right:auto}[dir=rtl] .mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset,.mdc-list-divider--with-leading-video.mdc-list-divider--with-leading-inset[dir=rtl]{padding-left:auto;padding-right:0px}[dir=rtl] .mdc-list-divider,.mdc-list-divider[dir=rtl]{padding:0}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before{opacity:0.24;opacity:var(--mdc-ripple-activated-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-deprecated-list-item__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.32;opacity:var(--mdc-ripple-hover-opacity, 0.32)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.48;opacity:var(--mdc-ripple-focus-opacity, 0.48)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.48;opacity:var(--mdc-ripple-press-opacity, 0.48)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.48)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before{opacity:0.24;opacity:var(--mdc-ripple-activated-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated .mdc-list-item__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.32;opacity:var(--mdc-ripple-hover-opacity, 0.32)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.48;opacity:var(--mdc-ripple-focus-opacity, 0.48)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.48;opacity:var(--mdc-ripple-press-opacity, 0.48)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.48)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-selected-opacity, 0.16)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-deprecated-list-item__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-deprecated-list-item__ripple::before{opacity:0.24;opacity:var(--mdc-ripple-hover-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.4;opacity:var(--mdc-ripple-focus-opacity, 0.4)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-deprecated-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-deprecated-list-item__ripple::after{transition-duration:75ms;opacity:0.4;opacity:var(--mdc-ripple-press-opacity, 0.4)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.4)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-selected-opacity, 0.16)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected .mdc-list-item__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:hover .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.24;opacity:var(--mdc-ripple-hover-opacity, 0.24)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.4;opacity:var(--mdc-ripple-focus-opacity, 0.4)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.4;opacity:var(--mdc-ripple-press-opacity, 0.4)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.4)}:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-deprecated-list-item__ripple,:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-deprecated-list-item--disabled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity;--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-deprecated-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-deprecated-list-item__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-deprecated-list-item__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-deprecated-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-deprecated-list-item__ripple::before,.mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-deprecated-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-deprecated-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-deprecated-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-deprecated-list-item--disabled .mdc-deprecated-list-item__ripple,.mdc-deprecated-list-item--disabled .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}:not(.mdc-list-item--disabled).mdc-list-item{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}:not(.mdc-list-item--disabled).mdc-list-item:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before{opacity:0.24;opacity:var(--mdc-ripple-activated-opacity, 0.24)}:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated .mdc-list-item__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}:not(.mdc-list-item--disabled).mdc-list-item--activated:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.32;opacity:var(--mdc-ripple-hover-opacity, 0.32)}:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.48;opacity:var(--mdc-ripple-focus-opacity, 0.48)}:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item--activated:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.48;opacity:var(--mdc-ripple-press-opacity, 0.48)}:not(.mdc-list-item--disabled).mdc-list-item--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.48)}:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before{opacity:0.16;opacity:var(--mdc-ripple-selected-opacity, 0.16)}:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected .mdc-list-item__ripple::after{background-color:#26a69a;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #26a69a))}:not(.mdc-list-item--disabled).mdc-list-item--selected:hover .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-surface--hover .mdc-list-item__ripple::before{opacity:0.24;opacity:var(--mdc-ripple-hover-opacity, 0.24)}:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.4;opacity:var(--mdc-ripple-focus-opacity, 0.4)}:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded) .mdc-list-item__ripple::after{transition:opacity 150ms linear}:not(.mdc-list-item--disabled).mdc-list-item--selected:not(.mdc-ripple-upgraded):active .mdc-list-item__ripple::after{transition-duration:75ms;opacity:0.4;opacity:var(--mdc-ripple-press-opacity, 0.4)}:not(.mdc-list-item--disabled).mdc-list-item--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.4)}:not(.mdc-list-item--disabled).mdc-list-item .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-list-item--disabled{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-list-item--disabled .mdc-list-item__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-list-item--disabled .mdc-list-item__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-list-item--disabled.mdc-ripple-upgraded--unbounded .mdc-list-item__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-activation .mdc-list-item__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-list-item--disabled.mdc-ripple-upgraded--foreground-deactivation .mdc-list-item__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-list-item--disabled.mdc-ripple-upgraded .mdc-list-item__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-list-item--disabled .mdc-list-item__ripple::before,.mdc-list-item--disabled .mdc-list-item__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-list-item--disabled.mdc-ripple-upgraded--background-focused .mdc-list-item__ripple::before,.mdc-list-item--disabled:not(.mdc-ripple-upgraded):focus .mdc-list-item__ripple::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-list-item--disabled .mdc-list-item__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-menu{max-height:70vh}.mdc-deprecated-list{--mdc-theme-text-icon-on-background:var(\n --icon-color,\n rgb(var(--contrast-900))\n );padding:0;border-radius:0.375rem}.mdc-deprecated-list .mdc-deprecated-list-item{z-index:0}.mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--disabled{cursor:not-allowed}.mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--disabled limel-icon{opacity:0.38}.mdc-deprecated-list .mdc-deprecated-list-item:first-child{border-top-left-radius:0.375rem;border-top-right-radius:0.375rem}.mdc-deprecated-list .mdc-deprecated-list-item:last-child{border-bottom-right-radius:0.375rem;border-bottom-left-radius:0.375rem}.mdc-deprecated-list.selectable .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled){cursor:pointer}.mdc-deprecated-list .mdc-deprecated-list-item__meta{line-height:100%;margin-right:-0.5rem}.mdc-deprecated-list.mdc-deprecated-list--avatar-list{position:relative}.mdc-deprecated-list.mdc-deprecated-list--avatar-list limel-icon.mdc-deprecated-list-item__graphic{background-color:var(--icon-background-color, rgb(var(--contrast-900)));color:var(--icon-color, rgba(var(--color-white), 0.88));margin-right:0.75rem;margin-left:-0.25rem}.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider{position:absolute;bottom:0}.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset{--icon-width:2.5625rem;--icon-right-padding:1rem;--list-right-padding:1rem;margin-left:calc( var(--icon-width) + var(--icon-right-padding) );width:calc( 100% - var(--icon-width) - var(--icon-right-padding) - var(--list-right-padding) )}.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.x-small{--icon-width:1.4375rem}.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.small{--icon-width:1.875rem}.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.medium{--icon-width:2.5rem}.mdc-deprecated-list.mdc-deprecated-list--avatar-list hr.mdc-deprecated-list-divider.mdc-deprecated-list-divider--inset.large{--icon-width:2.875rem}.mdc-deprecated-list.mdc-deprecated-list--avatar-list .mdc-deprecated-list-item:last-child hr.mdc-deprecated-list-divider{display:none}.mdc-deprecated-list .mdc-deprecated-list-item[role=menuitem]{font-size:0.8125rem}.mdc-deprecated-list .mdc-deprecated-list-item[role=menuitem] .mdc-deprecated-list-item__graphic{margin-right:0.875rem}.mdc-deprecated-list.mdc-deprecated-list--two-line .mdc-deprecated-list-item__text{padding:0.5rem 0}.mdc-deprecated-list.mdc-deprecated-list--two-line .mdc-deprecated-list-item__primary-text{margin-bottom:0.25rem}.mdc-deprecated-list .mdc-deprecated-list-item__secondary-text,.mdc-deprecated-list .mdc-deprecated-list-item__primary-text,.mdc-deprecated-list .mdc-deprecated-list-item__command-text{margin:0}.mdc-deprecated-list .mdc-deprecated-list-item__secondary-text:before,.mdc-deprecated-list .mdc-deprecated-list-item__secondary-text:after,.mdc-deprecated-list .mdc-deprecated-list-item__primary-text:before,.mdc-deprecated-list .mdc-deprecated-list-item__primary-text:after,.mdc-deprecated-list .mdc-deprecated-list-item__command-text:before,.mdc-deprecated-list .mdc-deprecated-list-item__command-text:after{display:none}.mdc-deprecated-list .mdc-deprecated-list-item__command-text{color:rgb(var(--contrast-800));margin-left:0.7rem}.mdc-deprecated-list .mdc-deprecated-list-item__text{align-self:center;width:100%}.mdc-deprecated-list .mdc-deprecated-list-item__primary-command-text{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline}.mdc-deprecated-list limel-icon.mdc-deprecated-list-item__graphic{display:block}.mdc-deprecated-list:not(.mdc-deprecated-list--avatar-list) limel-icon.mdc-deprecated-list-item__graphic[size=x-small]{margin-right:0.25rem}.mdc-deprecated-list:not(.mdc-deprecated-list--avatar-list) limel-icon.mdc-deprecated-list-item__graphic[size=small]{margin-right:0.5rem}.mdc-deprecated-list:not(.mdc-deprecated-list--avatar-list) limel-icon.mdc-deprecated-list-item__graphic[size=medium]{margin-right:0.5rem}.mdc-deprecated-list:not(.mdc-deprecated-list--avatar-list) limel-icon.mdc-deprecated-list-item__graphic[size=large]{margin-right:0.75rem}.mdc-deprecated-list-item.mdc-ripple-upgraded{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);will-change:transform, opacity}.mdc-deprecated-list-item.mdc-ripple-upgraded::before,.mdc-deprecated-list-item.mdc-ripple-upgraded::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-deprecated-list-item.mdc-ripple-upgraded::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-deprecated-list-item.mdc-ripple-upgraded::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--foreground-deactivation::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-deprecated-list-item.mdc-ripple-upgraded::before,.mdc-deprecated-list-item.mdc-ripple-upgraded::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-deprecated-list-item.mdc-ripple-upgraded::before,.mdc-deprecated-list-item.mdc-ripple-upgraded::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-deprecated-list-item.mdc-ripple-upgraded:hover::before,.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded--background-focused::before,.mdc-deprecated-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-deprecated-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-deprecated-list-item.mdc-ripple-upgraded:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-deprecated-list-item.mdc-ripple-upgraded.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}@keyframes fade-out-focus-style{0%{opacity:0.12}100%{opacity:0}}:not(.mdc-deprecated-list--non-interactive)>:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item.mdc-ripple-upgraded--background-focused::before,:not(.mdc-deprecated-list--non-interactive)>:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:not(.mdc-ripple-upgraded):focus::before{animation:fade-out-focus-style 1s ease forwards}:not(.mdc-deprecated-list--non-interactive)>:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:focus-visible{box-shadow:var(--shadow-depth-8-focused);border-radius:0.375rem;z-index:1}:not(.mdc-deprecated-list--non-interactive)>:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:focus-visible:before{animation-duration:0s !important}:not(.mdc-deprecated-list--non-interactive)>:not(.mdc-deprecated-list-item--disabled).mdc-deprecated-list-item:before{transition:opacity, background-color;transition-duration:0.2s;transition-timing-function:ease}:host(.has-striped-rows) .mdc-deprecated-list{border:1px solid rgb(var(--contrast-400))}:host(.has-striped-rows) .mdc-deprecated-list-item:nth-child(even){background-color:rgb(var(--contrast-200))}:host(.has-striped-rows) .mdc-deprecated-list-item:nth-child(odd){background-color:rgb(var(--contrast-100))}:host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled){transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out}:host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled):hover{box-shadow:var(--button-shadow-hovered)}:host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled):active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}:host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled):hover{z-index:1;background-color:rgb(var(--contrast-100))}:host(.has-interactive-items) .mdc-deprecated-list-item:not(.mdc-deprecated-list-item--disabled):hover:before{background-color:rgb(var(--contrast-100))}:host{--line-height-of-secondary-text:1.2rem}.mdc-deprecated-list-item{height:auto !important;min-height:3rem}.mdc-deprecated-list-item .mdc-deprecated-list-item__secondary-text{line-height:var(--line-height-of-secondary-text);white-space:normal;display:-webkit-box;-webkit-line-clamp:var(--maxLinesSecondaryText);-webkit-box-orient:vertical}:host(.has-grid-layout){--gap:var(--list-grid-gap, 0.75rem);padding:var(--gap);}:host(.has-grid-layout) .mdc-deprecated-list{display:grid;grid-gap:var(--gap);grid-template-columns:repeat(auto-fit, minmax(min(100%, max(calc(var(--list-grid-item-max-width, 10rem) - var(--gap)), var(--list-grid-item-min-width, 7.5rem))), 1fr));max-width:var(--list-grid-max-width, 100%)}:host(.has-grid-layout) .mdc-deprecated-list-divider{grid-column:1/-1}:host(.has-grid-layout) .mdc-deprecated-list-item{border-radius:0.25rem;background-color:rgb(var(--contrast-100))}:host(.has-grid-layout) .mdc-deprecated-list--avatar-list limel-icon{margin-right:0.25rem;margin-left:-0.5rem}";
|
|
749
|
+
|
|
750
|
+
const { ACTION_EVENT } = strings$1;
|
|
751
|
+
const { SELECTED_EVENT } = strings;
|
|
752
|
+
let MenuList = class {
|
|
753
|
+
constructor(hostRef) {
|
|
754
|
+
registerInstance(this, hostRef);
|
|
755
|
+
this.change = createEvent(this, "change", 7);
|
|
756
|
+
this.select = createEvent(this, "select", 7);
|
|
757
|
+
/**
|
|
758
|
+
* Size of the icons in the list
|
|
759
|
+
*/
|
|
760
|
+
this.iconSize = 'small';
|
|
761
|
+
/**
|
|
762
|
+
* By default, lists will display 3 lines of text, and then truncate the rest.
|
|
763
|
+
* Consumers can increase or decrease this number by specifying
|
|
764
|
+
* `maxLinesSecondaryText`. If consumer enters zero or negative
|
|
765
|
+
* numbers we default to 1; and if they type decimals we round up.
|
|
766
|
+
*/
|
|
767
|
+
// eslint-disable-next-line no-magic-numbers
|
|
768
|
+
this.maxLinesSecondaryText = 3;
|
|
769
|
+
this.MenuListRenderer = new MenuListRenderer();
|
|
770
|
+
this.setup = () => {
|
|
771
|
+
this.setupMenu();
|
|
772
|
+
this.setupListeners();
|
|
773
|
+
};
|
|
774
|
+
this.setupMenu = () => {
|
|
775
|
+
const element = this.element.shadowRoot.querySelector('.mdc-menu');
|
|
776
|
+
if (!element) {
|
|
777
|
+
return;
|
|
778
|
+
}
|
|
779
|
+
this.mdcMenu = new MDCMenu(element);
|
|
780
|
+
this.mdcMenu.hasTypeahead = true;
|
|
781
|
+
this.mdcMenu.wrapFocus = true;
|
|
782
|
+
this.mdcMenu.items.forEach((item) => new MDCRipple(item));
|
|
783
|
+
};
|
|
784
|
+
this.setupListeners = () => {
|
|
785
|
+
if (!this.mdcMenu) {
|
|
786
|
+
return;
|
|
787
|
+
}
|
|
788
|
+
this.mdcMenu.unlisten(SELECTED_EVENT, this.handleMenuSelect);
|
|
789
|
+
this.mdcMenu.listen(SELECTED_EVENT, this.handleMenuSelect);
|
|
790
|
+
};
|
|
791
|
+
this.teardown = () => {
|
|
792
|
+
var _a, _b, _c, _d;
|
|
793
|
+
(_a = this.mdcList) === null || _a === void 0 ? void 0 : _a.unlisten(ACTION_EVENT, this.handleAction);
|
|
794
|
+
(_b = this.mdcList) === null || _b === void 0 ? void 0 : _b.destroy();
|
|
795
|
+
(_c = this.mdcMenu) === null || _c === void 0 ? void 0 : _c.unlisten(SELECTED_EVENT, this.handleMenuSelect);
|
|
796
|
+
(_d = this.mdcMenu) === null || _d === void 0 ? void 0 : _d.destroy();
|
|
797
|
+
};
|
|
798
|
+
this.handleAction = (event) => {
|
|
799
|
+
this.handleSingleSelect(event.detail.index);
|
|
800
|
+
};
|
|
801
|
+
this.handleMenuSelect = (event) => {
|
|
802
|
+
this.handleSingleSelect(event.detail.index);
|
|
803
|
+
};
|
|
804
|
+
this.handleSingleSelect = (index) => {
|
|
805
|
+
const MenuItems = this.items.filter(this.isMenuItem);
|
|
806
|
+
if (MenuItems[index].disabled) {
|
|
807
|
+
return;
|
|
808
|
+
}
|
|
809
|
+
const selectedItem = MenuItems.find((item) => {
|
|
810
|
+
return !!item.selected;
|
|
811
|
+
});
|
|
812
|
+
if (selectedItem) {
|
|
813
|
+
this.change.emit(Object.assign(Object.assign({}, selectedItem), { selected: false }));
|
|
814
|
+
}
|
|
815
|
+
if (MenuItems[index] !== selectedItem) {
|
|
816
|
+
this.change.emit(Object.assign(Object.assign({}, MenuItems[index]), { selected: false }));
|
|
817
|
+
}
|
|
818
|
+
};
|
|
819
|
+
this.isMenuItem = (item) => {
|
|
820
|
+
return !('separator' in item);
|
|
821
|
+
};
|
|
822
|
+
}
|
|
823
|
+
connectedCallback() {
|
|
824
|
+
this.setup();
|
|
825
|
+
}
|
|
826
|
+
disconnectedCallback() {
|
|
827
|
+
this.teardown();
|
|
828
|
+
}
|
|
829
|
+
componentDidLoad() {
|
|
830
|
+
this.setup();
|
|
831
|
+
}
|
|
832
|
+
render() {
|
|
833
|
+
this.config = {
|
|
834
|
+
badgeIcons: this.badgeIcons,
|
|
835
|
+
type: this.type,
|
|
836
|
+
iconSize: this.iconSize,
|
|
837
|
+
};
|
|
838
|
+
const html = this.MenuListRenderer.render(this.items, this.config);
|
|
839
|
+
return h("div", { class: "mdc-menu mdc-menu-surface" }, html);
|
|
840
|
+
}
|
|
841
|
+
handleType() {
|
|
842
|
+
this.setupListeners();
|
|
843
|
+
}
|
|
844
|
+
itemsChanged() {
|
|
845
|
+
if (!this.mdcList) {
|
|
846
|
+
return;
|
|
847
|
+
}
|
|
848
|
+
const MenuItems = this.items.filter(this.isMenuItem);
|
|
849
|
+
this.mdcList.selectedIndex = MenuItems.findIndex((item) => item.selected);
|
|
850
|
+
}
|
|
851
|
+
get element() { return getElement(this); }
|
|
852
|
+
static get watchers() { return {
|
|
853
|
+
"type": ["handleType"],
|
|
854
|
+
"items": ["itemsChanged"]
|
|
855
|
+
}; }
|
|
856
|
+
};
|
|
857
|
+
MenuList.style = menuListCss;
|
|
858
|
+
|
|
859
|
+
export { MenuList as limel_menu_list };
|