@covalent/components 6.0.3 → 6.0.5
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/action-ribbon/action-ribbon-base.d.ts.map +1 -0
- package/{src/action-ribbon → action-ribbon}/action-ribbon.d.ts +1 -0
- package/action-ribbon/action-ribbon.d.ts.map +1 -0
- package/action-ribbon.js +18 -0
- package/action-ribbon.mjs +13 -11
- package/alert/alert-base.d.ts.map +1 -0
- package/{src/alert → alert}/alert.d.ts +1 -0
- package/alert/alert.d.ts.map +1 -0
- package/alert.js +21 -0
- package/alert.mjs +14 -12
- package/{src/app-shell → app-shell}/app-shell.d.ts +1 -0
- package/app-shell/app-shell.d.ts.map +1 -0
- package/app-shell.js +41 -0
- package/app-shell.mjs +19 -17
- package/aria-property.mjs +2 -38
- package/base-element.mjs +2 -25
- package/{src/button → button}/button.d.ts +3 -2
- package/button/button.d.ts.map +1 -0
- package/button.js +44 -0
- package/button.mjs +11 -9
- package/card/card-base.d.ts.map +1 -0
- package/{src/card → card}/card.d.ts +3 -2
- package/card/card.d.ts.map +1 -0
- package/card.js +19 -0
- package/card.mjs +3 -1
- package/check-list-item.js +27 -0
- package/check-list-item.mjs +17 -15
- package/{src/checkbox → checkbox}/checkbox.d.ts +3 -2
- package/checkbox/checkbox.d.ts.map +1 -0
- package/checkbox.js +2 -0
- package/checkbox.mjs +15 -13
- package/chips/chip-base.d.ts.map +1 -0
- package/chips/chip-set-base.d.ts.map +1 -0
- package/{src/chips → chips}/chip-set.d.ts +1 -0
- package/chips/chip-set.d.ts.map +1 -0
- package/{src/chips → chips}/chip.d.ts +1 -0
- package/chips/chip.d.ts.map +1 -0
- package/chips/foundation.d.ts.map +1 -0
- package/circular-progress/circular-progress.d.ts +11 -0
- package/circular-progress/circular-progress.d.ts.map +1 -0
- package/circular-progress.js +65 -0
- package/circular-progress.mjs +11 -9
- package/class-map.mjs +3 -56
- package/{src/code-snippet → code-snippet}/code-snippet.d.ts +3 -2
- package/code-snippet/code-snippet.d.ts.map +1 -0
- package/code-snippet.js +13 -0
- package/code-snippet.mjs +36 -34
- package/{src/dialog → dialog}/dialog.d.ts +3 -2
- package/dialog/dialog.d.ts.map +1 -0
- package/dialog.js +1 -0
- package/dialog.mjs +15 -608
- package/dialog2.mjs +750 -0
- package/directive-helpers.mjs +2 -8
- package/{src/drawer → drawer}/drawer.d.ts +3 -2
- package/drawer/drawer.d.ts.map +1 -0
- package/drawer.js +6 -0
- package/drawer.mjs +11 -9
- package/{src/empty-state → empty-state}/empty-state.d.ts +3 -2
- package/empty-state/empty-state.d.ts.map +1 -0
- package/empty-state.js +27 -0
- package/empty-state.mjs +17 -15
- package/event-options.mjs +2 -11
- package/form-element.mjs +2 -47
- package/{src/formfield → formfield}/formfield.d.ts +3 -2
- package/formfield/formfield.d.ts.map +1 -0
- package/foundation.mjs +3 -112
- package/foundation2.mjs +2 -40
- package/{src/icon → icon}/icon.d.ts +1 -0
- package/icon/icon.d.ts.map +1 -0
- package/{src/icon-button → icon-button}/icon-button.d.ts +3 -2
- package/icon-button/icon-button.d.ts.map +1 -0
- package/icon-button.js +32 -0
- package/icon-button.mjs +23 -21
- package/icon-check-toggle.js +15 -0
- package/icon-check-toggle.mjs +5 -5
- package/{src/icon-checkbox → icon-checkbox}/icon-check-toggle.d.ts +3 -2
- package/icon-checkbox/icon-check-toggle.d.ts.map +1 -0
- package/{src/icon-radio → icon-radio}/icon-radio-toggle.d.ts +3 -2
- package/icon-radio/icon-radio-toggle.d.ts.map +1 -0
- package/icon-radio-toggle.js +14 -0
- package/icon-radio-toggle.mjs +19 -19
- package/icon.js +5 -0
- package/icon.mjs +11 -9
- package/if-defined.mjs +2 -7
- package/index.d.ts +46 -0
- package/index.d.ts.map +1 -0
- package/index.js +1 -0
- package/index.mjs +126 -0
- package/inert.esm.mjs +3 -615
- package/linear-progress/linear-progress.d.ts +11 -0
- package/linear-progress/linear-progress.d.ts.map +1 -0
- package/linear-progress.js +36 -0
- package/linear-progress.mjs +21 -19
- package/list/check-list-item.d.ts +11 -0
- package/list/check-list-item.d.ts.map +1 -0
- package/{src/list → list}/list-expansion.d.ts +5 -4
- package/list/list-expansion.d.ts.map +1 -0
- package/{src/list → list}/list-item.d.ts +3 -2
- package/list/list-item.d.ts.map +1 -0
- package/{src/list → list}/list.d.ts +3 -2
- package/list/list.d.ts.map +1 -0
- package/{src/list → list}/nav-list-item.d.ts +3 -2
- package/list/nav-list-item.d.ts.map +1 -0
- package/list/radio-list-item.d.ts +11 -0
- package/list/radio-list-item.d.ts.map +1 -0
- package/list-expansion.js +9 -0
- package/list-expansion.mjs +20 -18
- package/list-item.js +1 -0
- package/list-item.mjs +8 -48
- package/list-item2.mjs +43 -0
- package/list.js +1 -0
- package/list.mjs +2 -27
- package/list2.mjs +25 -0
- package/{src/menu → menu}/menu.d.ts +3 -2
- package/menu/menu.d.ts.map +1 -0
- package/menu.js +5 -0
- package/menu.mjs +11 -9
- package/mwc-checkbox-base.mjs +11 -168
- package/mwc-checkbox.css.mjs +2 -7
- package/mwc-drawer-base.mjs +12 -242
- package/mwc-icon.mjs +3 -20
- package/mwc-line-ripple-directive.mjs +16 -452
- package/mwc-list-base.mjs +26 -755
- package/mwc-list-item-base.mjs +9 -183
- package/mwc-list-item.css.mjs +3 -11
- package/mwc-menu-base.mjs +21 -976
- package/mwc-radio-base.mjs +11 -438
- package/mwc-radio.css.mjs +2 -7
- package/mwc-slider.css.mjs +23 -794
- package/mwc-tab-base.mjs +25 -503
- package/mwc-top-app-bar-base.mjs +12 -282
- package/nav-list-item.js +10 -0
- package/nav-list-item.mjs +26 -24
- package/observer.mjs +2 -29
- package/package.json +226 -5
- package/property.mjs +2 -17
- package/query-assigned-elements.mjs +9 -591
- package/query-assigned-nodes.mjs +2 -14
- package/query.mjs +2 -22
- package/{src/radio → radio}/radio.d.ts +3 -2
- package/radio/radio.d.ts.map +1 -0
- package/radio-list-item.js +27 -0
- package/radio-list-item.mjs +17 -15
- package/radio.js +2 -0
- package/radio.mjs +12 -10
- package/ripple-handlers.mjs +12 -666
- package/{src/select → select}/select.d.ts +3 -2
- package/select/select.d.ts.map +1 -0
- package/select.js +272 -0
- package/select.mjs +124 -122
- package/{src/side-sheet → side-sheet}/side-sheet.d.ts +2 -2
- package/side-sheet/side-sheet.d.ts.map +1 -0
- package/side-sheet.js +4 -0
- package/side-sheet.mjs +3 -3
- package/slider/slider-range.d.ts +11 -0
- package/slider/slider-range.d.ts.map +1 -0
- package/{src/slider → slider}/slider.d.ts +3 -2
- package/slider/slider.d.ts.map +1 -0
- package/slider-range.js +64 -0
- package/slider-range.mjs +23 -21
- package/slider.js +14 -0
- package/slider.mjs +16 -14
- package/{src/snackbar → snackbar}/snackbar.d.ts +3 -2
- package/snackbar/snackbar.d.ts.map +1 -0
- package/snackbar.js +93 -0
- package/snackbar.mjs +12 -10
- package/state.mjs +2 -9
- package/status-header/status-header-base.d.ts.map +1 -0
- package/{src/status-header → status-header}/status-header-item.d.ts +1 -0
- package/status-header/status-header-item.d.ts.map +1 -0
- package/{src/status-header → status-header}/status-header.d.ts +1 -0
- package/status-header/status-header.d.ts.map +1 -0
- package/status-header-item.js +4 -0
- package/status-header-item.mjs +17 -15
- package/status-header.js +24 -0
- package/status-header.mjs +17 -15
- package/style-map.mjs +2 -37
- package/style.css +1 -0
- package/{src/switch → switch}/switch.d.ts +3 -2
- package/switch/switch.d.ts.map +1 -0
- package/switch.js +174 -0
- package/switch.mjs +10 -8
- package/{src/tab → tab}/tab-bar.d.ts +3 -2
- package/tab/tab-bar.d.ts.map +1 -0
- package/{src/tab → tab}/tab.d.ts +3 -2
- package/tab/tab.d.ts.map +1 -0
- package/tab-bar.js +278 -0
- package/tab-bar.mjs +23 -21
- package/tab.js +6 -0
- package/tab.mjs +11 -9
- package/{src/text-lockup → text-lockup}/text-lockup.d.ts +1 -0
- package/text-lockup/text-lockup.d.ts.map +1 -0
- package/text-lockup.js +7 -0
- package/text-lockup.mjs +11 -9
- package/{src/textarea → textarea}/textarea.d.ts +3 -2
- package/textarea/textarea.d.ts.map +1 -0
- package/textarea.js +40 -0
- package/textarea.mjs +14 -12
- package/{src/textfield → textfield}/textfield.d.ts +3 -2
- package/textfield/textfield.d.ts.map +1 -0
- package/textfield.js +7 -0
- package/textfield.mjs +132 -39
- package/textfield2.mjs +1 -1
- package/{src/toolbar → toolbar}/toolbar.d.ts +3 -2
- package/toolbar/toolbar.d.ts.map +1 -0
- package/toolbar.js +4 -0
- package/toolbar.mjs +11 -9
- package/{src/tooltip → tooltip}/tooltip.d.ts +3 -2
- package/tooltip/tooltip.d.ts.map +1 -0
- package/tooltip.js +126 -0
- package/tooltip.mjs +66 -64
- package/top-app-bar/top-app-bar-fixed.d.ts +11 -0
- package/top-app-bar/top-app-bar-fixed.d.ts.map +1 -0
- package/{src/top-app-bar → top-app-bar}/top-app-bar.d.ts +3 -2
- package/top-app-bar/top-app-bar.d.ts.map +1 -0
- package/top-app-bar-fixed.js +28 -0
- package/top-app-bar-fixed.mjs +16 -14
- package/top-app-bar.js +3 -0
- package/top-app-bar.mjs +6 -28
- package/{src/tree-list → tree-list}/tree-list-item.d.ts +1 -0
- package/tree-list/tree-list-item.d.ts.map +1 -0
- package/{src/tree-list → tree-list}/tree-list.d.ts +1 -0
- package/tree-list/tree-list.d.ts.map +1 -0
- package/tree-list-item.js +26 -0
- package/tree-list-item.mjs +7 -5
- package/tree-list.js +10 -0
- package/tree-list.mjs +13 -12
- package/tslib.es6.mjs +1 -82
- package/{src/typography → typography}/typography.d.ts +1 -0
- package/typography/typography.d.ts.map +1 -0
- package/typography.js +4 -0
- package/typography.mjs +16 -14
- package/utils.mjs +2 -49
- package/covalent.mjs +0 -44
- package/covalent.umd.js +0 -3501
- package/src/action-ribbon/action-ribbon-base.d.ts.map +0 -1
- package/src/action-ribbon/action-ribbon.d.ts.map +0 -1
- package/src/alert/alert-base.d.ts.map +0 -1
- package/src/alert/alert.d.ts.map +0 -1
- package/src/app-shell/app-shell.d.ts.map +0 -1
- package/src/button/button.d.ts.map +0 -1
- package/src/card/card-base.d.ts.map +0 -1
- package/src/card/card.d.ts.map +0 -1
- package/src/checkbox/checkbox.d.ts.map +0 -1
- package/src/chips/chip-base.d.ts.map +0 -1
- package/src/chips/chip-set-base.d.ts.map +0 -1
- package/src/chips/chip-set.d.ts.map +0 -1
- package/src/chips/chip.d.ts.map +0 -1
- package/src/chips/foundation.d.ts.map +0 -1
- package/src/circular-progress/circular-progress.d.ts +0 -10
- package/src/circular-progress/circular-progress.d.ts.map +0 -1
- package/src/code-snippet/code-snippet.d.ts.map +0 -1
- package/src/dialog/dialog.d.ts.map +0 -1
- package/src/drawer/drawer.d.ts.map +0 -1
- package/src/empty-state/empty-state.d.ts.map +0 -1
- package/src/formfield/formfield.d.ts.map +0 -1
- package/src/icon/icon.d.ts.map +0 -1
- package/src/icon-button/icon-button.d.ts.map +0 -1
- package/src/icon-checkbox/icon-check-toggle.d.ts.map +0 -1
- package/src/icon-radio/icon-radio-toggle.d.ts.map +0 -1
- package/src/index.d.ts +0 -3
- package/src/index.d.ts.map +0 -1
- package/src/linear-progress/linear-progress.d.ts +0 -10
- package/src/linear-progress/linear-progress.d.ts.map +0 -1
- package/src/list/check-list-item.d.ts +0 -10
- package/src/list/check-list-item.d.ts.map +0 -1
- package/src/list/list-expansion.d.ts.map +0 -1
- package/src/list/list-item.d.ts.map +0 -1
- package/src/list/list.d.ts.map +0 -1
- package/src/list/nav-list-item.d.ts.map +0 -1
- package/src/list/radio-list-item.d.ts +0 -10
- package/src/list/radio-list-item.d.ts.map +0 -1
- package/src/menu/menu.d.ts.map +0 -1
- package/src/radio/radio.d.ts.map +0 -1
- package/src/select/select.d.ts.map +0 -1
- package/src/side-sheet/side-sheet.d.ts.map +0 -1
- package/src/slider/slider-range.d.ts +0 -10
- package/src/slider/slider-range.d.ts.map +0 -1
- package/src/slider/slider.d.ts.map +0 -1
- package/src/snackbar/snackbar.d.ts.map +0 -1
- package/src/status-header/status-header-base.d.ts.map +0 -1
- package/src/status-header/status-header-item.d.ts.map +0 -1
- package/src/status-header/status-header.d.ts.map +0 -1
- package/src/switch/switch.d.ts.map +0 -1
- package/src/tab/tab-bar.d.ts.map +0 -1
- package/src/tab/tab.d.ts.map +0 -1
- package/src/text-lockup/text-lockup.d.ts.map +0 -1
- package/src/textarea/textarea.d.ts.map +0 -1
- package/src/textfield/textfield.d.ts.map +0 -1
- package/src/toolbar/toolbar.d.ts.map +0 -1
- package/src/tooltip/tooltip.d.ts.map +0 -1
- package/src/top-app-bar/top-app-bar-fixed.d.ts +0 -10
- package/src/top-app-bar/top-app-bar-fixed.d.ts.map +0 -1
- package/src/top-app-bar/top-app-bar.d.ts.map +0 -1
- package/src/tree-list/tree-list-item.d.ts.map +0 -1
- package/src/tree-list/tree-list.d.ts.map +0 -1
- package/src/typography/typography.d.ts.map +0 -1
- /package/{src/action-ribbon → action-ribbon}/action-ribbon-base.d.ts +0 -0
- /package/{src/alert → alert}/alert-base.d.ts +0 -0
- /package/{src/card → card}/card-base.d.ts +0 -0
- /package/{src/chips → chips}/chip-base.d.ts +0 -0
- /package/{src/chips → chips}/chip-set-base.d.ts +0 -0
- /package/{src/chips → chips}/foundation.d.ts +0 -0
- /package/{src/status-header → status-header}/status-header-base.d.ts +0 -0
package/ripple-handlers.mjs
CHANGED
@@ -1,23 +1,8 @@
|
|
1
|
-
|
2
|
-
import { _ as x, a as y, c as v, b as p } from "./tslib.es6.mjs";
|
3
|
-
import { B } from "./base-element.mjs";
|
4
|
-
import { e as u } from "./property.mjs";
|
5
|
-
import { t as l } from "./state.mjs";
|
6
|
-
import { i as M } from "./query.mjs";
|
7
|
-
import { o as U } from "./class-map.mjs";
|
8
|
-
import { i as G } from "./style-map.mjs";
|
9
|
-
/**
|
1
|
+
"use strict";const h=require("./query-assigned-elements.mjs"),o=require("./tslib.es6.mjs"),S=require("./base-element.mjs"),u=require("./property.mjs"),l=require("./state.mjs"),H=require("./query.mjs"),D=require("./class-map.mjs"),k=require("./style-map.mjs");/**
|
10
2
|
* @license
|
11
3
|
* Copyright 2017 Google LLC
|
12
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
13
|
-
*/
|
14
|
-
function Y(o) {
|
15
|
-
return H({ descriptor: (t) => ({ async get() {
|
16
|
-
var e;
|
17
|
-
return await this.updateComplete, (e = this.renderRoot) === null || e === void 0 ? void 0 : e.querySelector(o);
|
18
|
-
}, enumerable: !0, configurable: !0 }) });
|
19
|
-
}
|
20
|
-
/**
|
5
|
+
*/function x(s){return h.o({descriptor:t=>({async get(){var e;return await this.updateComplete,(e=this.renderRoot)===null||e===void 0?void 0:e.querySelector(s)},enumerable:!0,configurable:!0})})}/**
|
21
6
|
* @license
|
22
7
|
* Copyright 2018 Google Inc.
|
23
8
|
*
|
@@ -38,12 +23,7 @@ function Y(o) {
|
|
38
23
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
39
24
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
40
25
|
* THE SOFTWARE.
|
41
|
-
*/
|
42
|
-
function L(o, t) {
|
43
|
-
var e = o.matches || o.webkitMatchesSelector || o.msMatchesSelector;
|
44
|
-
return e.call(o, t);
|
45
|
-
}
|
46
|
-
/**
|
26
|
+
*/function z(s,t){var e=s.matches||s.webkitMatchesSelector||s.msMatchesSelector;return e.call(s,t)}/**
|
47
27
|
* @license
|
48
28
|
* Copyright 2016 Google Inc.
|
49
29
|
*
|
@@ -64,43 +44,7 @@ function L(o, t) {
|
|
64
44
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
65
45
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
66
46
|
* THE SOFTWARE.
|
67
|
-
*/
|
68
|
-
var I = (
|
69
|
-
/** @class */
|
70
|
-
function() {
|
71
|
-
function o(t) {
|
72
|
-
t === void 0 && (t = {}), this.adapter = t;
|
73
|
-
}
|
74
|
-
return Object.defineProperty(o, "cssClasses", {
|
75
|
-
get: function() {
|
76
|
-
return {};
|
77
|
-
},
|
78
|
-
enumerable: !1,
|
79
|
-
configurable: !0
|
80
|
-
}), Object.defineProperty(o, "strings", {
|
81
|
-
get: function() {
|
82
|
-
return {};
|
83
|
-
},
|
84
|
-
enumerable: !1,
|
85
|
-
configurable: !0
|
86
|
-
}), Object.defineProperty(o, "numbers", {
|
87
|
-
get: function() {
|
88
|
-
return {};
|
89
|
-
},
|
90
|
-
enumerable: !1,
|
91
|
-
configurable: !0
|
92
|
-
}), Object.defineProperty(o, "defaultAdapter", {
|
93
|
-
get: function() {
|
94
|
-
return {};
|
95
|
-
},
|
96
|
-
enumerable: !1,
|
97
|
-
configurable: !0
|
98
|
-
}), o.prototype.init = function() {
|
99
|
-
}, o.prototype.destroy = function() {
|
100
|
-
}, o;
|
101
|
-
}()
|
102
|
-
);
|
103
|
-
/**
|
47
|
+
*/var _=function(){function s(t){t===void 0&&(t={}),this.adapter=t}return Object.defineProperty(s,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(s,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(s,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(s,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),s.prototype.init=function(){},s.prototype.destroy=function(){},s}();/**
|
104
48
|
* @license
|
105
49
|
* Copyright 2016 Google Inc.
|
106
50
|
*
|
@@ -121,45 +65,7 @@ var I = (
|
|
121
65
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
122
66
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
123
67
|
* THE SOFTWARE.
|
124
|
-
*/
|
125
|
-
var P = {
|
126
|
-
// Ripple is a special case where the "root" component is really a "mixin" of sorts,
|
127
|
-
// given that it's an 'upgrade' to an existing component. That being said it is the root
|
128
|
-
// CSS class that all other CSS classes derive from.
|
129
|
-
BG_FOCUSED: "mdc-ripple-upgraded--background-focused",
|
130
|
-
FG_ACTIVATION: "mdc-ripple-upgraded--foreground-activation",
|
131
|
-
FG_DEACTIVATION: "mdc-ripple-upgraded--foreground-deactivation",
|
132
|
-
ROOT: "mdc-ripple-upgraded",
|
133
|
-
UNBOUNDED: "mdc-ripple-upgraded--unbounded"
|
134
|
-
}, O = {
|
135
|
-
VAR_FG_SCALE: "--mdc-ripple-fg-scale",
|
136
|
-
VAR_FG_SIZE: "--mdc-ripple-fg-size",
|
137
|
-
VAR_FG_TRANSLATE_END: "--mdc-ripple-fg-translate-end",
|
138
|
-
VAR_FG_TRANSLATE_START: "--mdc-ripple-fg-translate-start",
|
139
|
-
VAR_LEFT: "--mdc-ripple-left",
|
140
|
-
VAR_TOP: "--mdc-ripple-top"
|
141
|
-
}, w = {
|
142
|
-
DEACTIVATION_TIMEOUT_MS: 225,
|
143
|
-
FG_DEACTIVATION_MS: 150,
|
144
|
-
INITIAL_ORIGIN_SCALE: 0.6,
|
145
|
-
PADDING: 10,
|
146
|
-
TAP_DELAY_MS: 300
|
147
|
-
// Delay between touch and simulated mouse events on touch devices
|
148
|
-
};
|
149
|
-
function X(o, t, e) {
|
150
|
-
if (!o)
|
151
|
-
return { x: 0, y: 0 };
|
152
|
-
var r = t.x, a = t.y, i = r + e.left, c = a + e.top, n, d;
|
153
|
-
if (o.type === "touchstart") {
|
154
|
-
var m = o;
|
155
|
-
n = m.changedTouches[0].pageX - i, d = m.changedTouches[0].pageY - c;
|
156
|
-
} else {
|
157
|
-
var f = o;
|
158
|
-
n = f.pageX - i, d = f.pageY - c;
|
159
|
-
}
|
160
|
-
return { x: n, y: d };
|
161
|
-
}
|
162
|
-
/**
|
68
|
+
*/var M={BG_FOCUSED:"mdc-ripple-upgraded--background-focused",FG_ACTIVATION:"mdc-ripple-upgraded--foreground-activation",FG_DEACTIVATION:"mdc-ripple-upgraded--foreground-deactivation",ROOT:"mdc-ripple-upgraded",UNBOUNDED:"mdc-ripple-upgraded--unbounded"},B={VAR_FG_SCALE:"--mdc-ripple-fg-scale",VAR_FG_SIZE:"--mdc-ripple-fg-size",VAR_FG_TRANSLATE_END:"--mdc-ripple-fg-translate-end",VAR_FG_TRANSLATE_START:"--mdc-ripple-fg-translate-start",VAR_LEFT:"--mdc-ripple-left",VAR_TOP:"--mdc-ripple-top"},C={DEACTIVATION_TIMEOUT_MS:225,FG_DEACTIVATION_MS:150,INITIAL_ORIGIN_SCALE:.6,PADDING:10,TAP_DELAY_MS:300};function U(s,t,e){if(!s)return{x:0,y:0};var r=t.x,a=t.y,i=r+e.left,c=a+e.top,d,n;if(s.type==="touchstart"){var m=s;d=m.changedTouches[0].pageX-i,n=m.changedTouches[0].pageY-c}else{var f=s;d=f.pageX-i,n=f.pageY-c}return{x:d,y:n}}/**
|
163
69
|
* @license
|
164
70
|
* Copyright 2016 Google Inc.
|
165
71
|
*
|
@@ -180,582 +86,22 @@ function X(o, t, e) {
|
|
180
86
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
181
87
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
182
88
|
* THE SOFTWARE.
|
183
|
-
*/
|
184
|
-
var R = [
|
185
|
-
"touchstart",
|
186
|
-
"pointerdown",
|
187
|
-
"mousedown",
|
188
|
-
"keydown"
|
189
|
-
], S = [
|
190
|
-
"touchend",
|
191
|
-
"pointerup",
|
192
|
-
"mouseup",
|
193
|
-
"contextmenu"
|
194
|
-
], h = [], q = (
|
195
|
-
/** @class */
|
196
|
-
function(o) {
|
197
|
-
x(t, o);
|
198
|
-
function t(e) {
|
199
|
-
var r = o.call(this, y(y({}, t.defaultAdapter), e)) || this;
|
200
|
-
return r.activationAnimationHasEnded = !1, r.activationTimer = 0, r.fgDeactivationRemovalTimer = 0, r.fgScale = "0", r.frame = { width: 0, height: 0 }, r.initialSize = 0, r.layoutFrame = 0, r.maxRadius = 0, r.unboundedCoords = { left: 0, top: 0 }, r.activationState = r.defaultActivationState(), r.activationTimerCallback = function() {
|
201
|
-
r.activationAnimationHasEnded = !0, r.runDeactivationUXLogicIfReady();
|
202
|
-
}, r.activateHandler = function(a) {
|
203
|
-
r.activateImpl(a);
|
204
|
-
}, r.deactivateHandler = function() {
|
205
|
-
r.deactivateImpl();
|
206
|
-
}, r.focusHandler = function() {
|
207
|
-
r.handleFocus();
|
208
|
-
}, r.blurHandler = function() {
|
209
|
-
r.handleBlur();
|
210
|
-
}, r.resizeHandler = function() {
|
211
|
-
r.layout();
|
212
|
-
}, r;
|
213
|
-
}
|
214
|
-
return Object.defineProperty(t, "cssClasses", {
|
215
|
-
get: function() {
|
216
|
-
return P;
|
217
|
-
},
|
218
|
-
enumerable: !1,
|
219
|
-
configurable: !0
|
220
|
-
}), Object.defineProperty(t, "strings", {
|
221
|
-
get: function() {
|
222
|
-
return O;
|
223
|
-
},
|
224
|
-
enumerable: !1,
|
225
|
-
configurable: !0
|
226
|
-
}), Object.defineProperty(t, "numbers", {
|
227
|
-
get: function() {
|
228
|
-
return w;
|
229
|
-
},
|
230
|
-
enumerable: !1,
|
231
|
-
configurable: !0
|
232
|
-
}), Object.defineProperty(t, "defaultAdapter", {
|
233
|
-
get: function() {
|
234
|
-
return {
|
235
|
-
addClass: function() {
|
236
|
-
},
|
237
|
-
browserSupportsCssVars: function() {
|
238
|
-
return !0;
|
239
|
-
},
|
240
|
-
computeBoundingRect: function() {
|
241
|
-
return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
|
242
|
-
},
|
243
|
-
containsEventTarget: function() {
|
244
|
-
return !0;
|
245
|
-
},
|
246
|
-
deregisterDocumentInteractionHandler: function() {
|
247
|
-
},
|
248
|
-
deregisterInteractionHandler: function() {
|
249
|
-
},
|
250
|
-
deregisterResizeHandler: function() {
|
251
|
-
},
|
252
|
-
getWindowPageOffset: function() {
|
253
|
-
return { x: 0, y: 0 };
|
254
|
-
},
|
255
|
-
isSurfaceActive: function() {
|
256
|
-
return !0;
|
257
|
-
},
|
258
|
-
isSurfaceDisabled: function() {
|
259
|
-
return !0;
|
260
|
-
},
|
261
|
-
isUnbounded: function() {
|
262
|
-
return !0;
|
263
|
-
},
|
264
|
-
registerDocumentInteractionHandler: function() {
|
265
|
-
},
|
266
|
-
registerInteractionHandler: function() {
|
267
|
-
},
|
268
|
-
registerResizeHandler: function() {
|
269
|
-
},
|
270
|
-
removeClass: function() {
|
271
|
-
},
|
272
|
-
updateCssVariable: function() {
|
273
|
-
}
|
274
|
-
};
|
275
|
-
},
|
276
|
-
enumerable: !1,
|
277
|
-
configurable: !0
|
278
|
-
}), t.prototype.init = function() {
|
279
|
-
var e = this, r = this.supportsPressRipple();
|
280
|
-
if (this.registerRootHandlers(r), r) {
|
281
|
-
var a = t.cssClasses, i = a.ROOT, c = a.UNBOUNDED;
|
282
|
-
requestAnimationFrame(function() {
|
283
|
-
e.adapter.addClass(i), e.adapter.isUnbounded() && (e.adapter.addClass(c), e.layoutInternal());
|
284
|
-
});
|
285
|
-
}
|
286
|
-
}, t.prototype.destroy = function() {
|
287
|
-
var e = this;
|
288
|
-
if (this.supportsPressRipple()) {
|
289
|
-
this.activationTimer && (clearTimeout(this.activationTimer), this.activationTimer = 0, this.adapter.removeClass(t.cssClasses.FG_ACTIVATION)), this.fgDeactivationRemovalTimer && (clearTimeout(this.fgDeactivationRemovalTimer), this.fgDeactivationRemovalTimer = 0, this.adapter.removeClass(t.cssClasses.FG_DEACTIVATION));
|
290
|
-
var r = t.cssClasses, a = r.ROOT, i = r.UNBOUNDED;
|
291
|
-
requestAnimationFrame(function() {
|
292
|
-
e.adapter.removeClass(a), e.adapter.removeClass(i), e.removeCssVars();
|
293
|
-
});
|
294
|
-
}
|
295
|
-
this.deregisterRootHandlers(), this.deregisterDeactivationHandlers();
|
296
|
-
}, t.prototype.activate = function(e) {
|
297
|
-
this.activateImpl(e);
|
298
|
-
}, t.prototype.deactivate = function() {
|
299
|
-
this.deactivateImpl();
|
300
|
-
}, t.prototype.layout = function() {
|
301
|
-
var e = this;
|
302
|
-
this.layoutFrame && cancelAnimationFrame(this.layoutFrame), this.layoutFrame = requestAnimationFrame(function() {
|
303
|
-
e.layoutInternal(), e.layoutFrame = 0;
|
304
|
-
});
|
305
|
-
}, t.prototype.setUnbounded = function(e) {
|
306
|
-
var r = t.cssClasses.UNBOUNDED;
|
307
|
-
e ? this.adapter.addClass(r) : this.adapter.removeClass(r);
|
308
|
-
}, t.prototype.handleFocus = function() {
|
309
|
-
var e = this;
|
310
|
-
requestAnimationFrame(function() {
|
311
|
-
return e.adapter.addClass(t.cssClasses.BG_FOCUSED);
|
312
|
-
});
|
313
|
-
}, t.prototype.handleBlur = function() {
|
314
|
-
var e = this;
|
315
|
-
requestAnimationFrame(function() {
|
316
|
-
return e.adapter.removeClass(t.cssClasses.BG_FOCUSED);
|
317
|
-
});
|
318
|
-
}, t.prototype.supportsPressRipple = function() {
|
319
|
-
return this.adapter.browserSupportsCssVars();
|
320
|
-
}, t.prototype.defaultActivationState = function() {
|
321
|
-
return {
|
322
|
-
activationEvent: void 0,
|
323
|
-
hasDeactivationUXRun: !1,
|
324
|
-
isActivated: !1,
|
325
|
-
isProgrammatic: !1,
|
326
|
-
wasActivatedByPointer: !1,
|
327
|
-
wasElementMadeActive: !1
|
328
|
-
};
|
329
|
-
}, t.prototype.registerRootHandlers = function(e) {
|
330
|
-
var r, a;
|
331
|
-
if (e) {
|
332
|
-
try {
|
333
|
-
for (var i = v(R), c = i.next(); !c.done; c = i.next()) {
|
334
|
-
var n = c.value;
|
335
|
-
this.adapter.registerInteractionHandler(n, this.activateHandler);
|
336
|
-
}
|
337
|
-
} catch (d) {
|
338
|
-
r = { error: d };
|
339
|
-
} finally {
|
340
|
-
try {
|
341
|
-
c && !c.done && (a = i.return) && a.call(i);
|
342
|
-
} finally {
|
343
|
-
if (r)
|
344
|
-
throw r.error;
|
345
|
-
}
|
346
|
-
}
|
347
|
-
this.adapter.isUnbounded() && this.adapter.registerResizeHandler(this.resizeHandler);
|
348
|
-
}
|
349
|
-
this.adapter.registerInteractionHandler("focus", this.focusHandler), this.adapter.registerInteractionHandler("blur", this.blurHandler);
|
350
|
-
}, t.prototype.registerDeactivationHandlers = function(e) {
|
351
|
-
var r, a;
|
352
|
-
if (e.type === "keydown")
|
353
|
-
this.adapter.registerInteractionHandler("keyup", this.deactivateHandler);
|
354
|
-
else
|
355
|
-
try {
|
356
|
-
for (var i = v(S), c = i.next(); !c.done; c = i.next()) {
|
357
|
-
var n = c.value;
|
358
|
-
this.adapter.registerDocumentInteractionHandler(n, this.deactivateHandler);
|
359
|
-
}
|
360
|
-
} catch (d) {
|
361
|
-
r = { error: d };
|
362
|
-
} finally {
|
363
|
-
try {
|
364
|
-
c && !c.done && (a = i.return) && a.call(i);
|
365
|
-
} finally {
|
366
|
-
if (r)
|
367
|
-
throw r.error;
|
368
|
-
}
|
369
|
-
}
|
370
|
-
}, t.prototype.deregisterRootHandlers = function() {
|
371
|
-
var e, r;
|
372
|
-
try {
|
373
|
-
for (var a = v(R), i = a.next(); !i.done; i = a.next()) {
|
374
|
-
var c = i.value;
|
375
|
-
this.adapter.deregisterInteractionHandler(c, this.activateHandler);
|
376
|
-
}
|
377
|
-
} catch (n) {
|
378
|
-
e = { error: n };
|
379
|
-
} finally {
|
380
|
-
try {
|
381
|
-
i && !i.done && (r = a.return) && r.call(a);
|
382
|
-
} finally {
|
383
|
-
if (e)
|
384
|
-
throw e.error;
|
385
|
-
}
|
386
|
-
}
|
387
|
-
this.adapter.deregisterInteractionHandler("focus", this.focusHandler), this.adapter.deregisterInteractionHandler("blur", this.blurHandler), this.adapter.isUnbounded() && this.adapter.deregisterResizeHandler(this.resizeHandler);
|
388
|
-
}, t.prototype.deregisterDeactivationHandlers = function() {
|
389
|
-
var e, r;
|
390
|
-
this.adapter.deregisterInteractionHandler("keyup", this.deactivateHandler);
|
391
|
-
try {
|
392
|
-
for (var a = v(S), i = a.next(); !i.done; i = a.next()) {
|
393
|
-
var c = i.value;
|
394
|
-
this.adapter.deregisterDocumentInteractionHandler(c, this.deactivateHandler);
|
395
|
-
}
|
396
|
-
} catch (n) {
|
397
|
-
e = { error: n };
|
398
|
-
} finally {
|
399
|
-
try {
|
400
|
-
i && !i.done && (r = a.return) && r.call(a);
|
401
|
-
} finally {
|
402
|
-
if (e)
|
403
|
-
throw e.error;
|
404
|
-
}
|
405
|
-
}
|
406
|
-
}, t.prototype.removeCssVars = function() {
|
407
|
-
var e = this, r = t.strings, a = Object.keys(r);
|
408
|
-
a.forEach(function(i) {
|
409
|
-
i.indexOf("VAR_") === 0 && e.adapter.updateCssVariable(r[i], null);
|
410
|
-
});
|
411
|
-
}, t.prototype.activateImpl = function(e) {
|
412
|
-
var r = this;
|
413
|
-
if (!this.adapter.isSurfaceDisabled()) {
|
414
|
-
var a = this.activationState;
|
415
|
-
if (!a.isActivated) {
|
416
|
-
var i = this.previousActivationEvent, c = i && e !== void 0 && i.type !== e.type;
|
417
|
-
if (!c) {
|
418
|
-
a.isActivated = !0, a.isProgrammatic = e === void 0, a.activationEvent = e, a.wasActivatedByPointer = a.isProgrammatic ? !1 : e !== void 0 && (e.type === "mousedown" || e.type === "touchstart" || e.type === "pointerdown");
|
419
|
-
var n = e !== void 0 && h.length > 0 && h.some(function(d) {
|
420
|
-
return r.adapter.containsEventTarget(d);
|
421
|
-
});
|
422
|
-
if (n) {
|
423
|
-
this.resetActivationState();
|
424
|
-
return;
|
425
|
-
}
|
426
|
-
e !== void 0 && (h.push(e.target), this.registerDeactivationHandlers(e)), a.wasElementMadeActive = this.checkElementMadeActive(e), a.wasElementMadeActive && this.animateActivation(), requestAnimationFrame(function() {
|
427
|
-
h = [], !a.wasElementMadeActive && e !== void 0 && (e.key === " " || e.keyCode === 32) && (a.wasElementMadeActive = r.checkElementMadeActive(e), a.wasElementMadeActive && r.animateActivation()), a.wasElementMadeActive || (r.activationState = r.defaultActivationState());
|
428
|
-
});
|
429
|
-
}
|
430
|
-
}
|
431
|
-
}
|
432
|
-
}, t.prototype.checkElementMadeActive = function(e) {
|
433
|
-
return e !== void 0 && e.type === "keydown" ? this.adapter.isSurfaceActive() : !0;
|
434
|
-
}, t.prototype.animateActivation = function() {
|
435
|
-
var e = this, r = t.strings, a = r.VAR_FG_TRANSLATE_START, i = r.VAR_FG_TRANSLATE_END, c = t.cssClasses, n = c.FG_DEACTIVATION, d = c.FG_ACTIVATION, m = t.numbers.DEACTIVATION_TIMEOUT_MS;
|
436
|
-
this.layoutInternal();
|
437
|
-
var f = "", b = "";
|
438
|
-
if (!this.adapter.isUnbounded()) {
|
439
|
-
var A = this.getFgTranslationCoordinates(), F = A.startPoint, C = A.endPoint;
|
440
|
-
f = F.x + "px, " + F.y + "px", b = C.x + "px, " + C.y + "px";
|
441
|
-
}
|
442
|
-
this.adapter.updateCssVariable(a, f), this.adapter.updateCssVariable(i, b), clearTimeout(this.activationTimer), clearTimeout(this.fgDeactivationRemovalTimer), this.rmBoundedActivationClasses(), this.adapter.removeClass(n), this.adapter.computeBoundingRect(), this.adapter.addClass(d), this.activationTimer = setTimeout(function() {
|
443
|
-
e.activationTimerCallback();
|
444
|
-
}, m);
|
445
|
-
}, t.prototype.getFgTranslationCoordinates = function() {
|
446
|
-
var e = this.activationState, r = e.activationEvent, a = e.wasActivatedByPointer, i;
|
447
|
-
a ? i = X(r, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : i = {
|
448
|
-
x: this.frame.width / 2,
|
449
|
-
y: this.frame.height / 2
|
450
|
-
}, i = {
|
451
|
-
x: i.x - this.initialSize / 2,
|
452
|
-
y: i.y - this.initialSize / 2
|
453
|
-
};
|
454
|
-
var c = {
|
455
|
-
x: this.frame.width / 2 - this.initialSize / 2,
|
456
|
-
y: this.frame.height / 2 - this.initialSize / 2
|
457
|
-
};
|
458
|
-
return { startPoint: i, endPoint: c };
|
459
|
-
}, t.prototype.runDeactivationUXLogicIfReady = function() {
|
460
|
-
var e = this, r = t.cssClasses.FG_DEACTIVATION, a = this.activationState, i = a.hasDeactivationUXRun, c = a.isActivated, n = i || !c;
|
461
|
-
n && this.activationAnimationHasEnded && (this.rmBoundedActivationClasses(), this.adapter.addClass(r), this.fgDeactivationRemovalTimer = setTimeout(function() {
|
462
|
-
e.adapter.removeClass(r);
|
463
|
-
}, w.FG_DEACTIVATION_MS));
|
464
|
-
}, t.prototype.rmBoundedActivationClasses = function() {
|
465
|
-
var e = t.cssClasses.FG_ACTIVATION;
|
466
|
-
this.adapter.removeClass(e), this.activationAnimationHasEnded = !1, this.adapter.computeBoundingRect();
|
467
|
-
}, t.prototype.resetActivationState = function() {
|
468
|
-
var e = this;
|
469
|
-
this.previousActivationEvent = this.activationState.activationEvent, this.activationState = this.defaultActivationState(), setTimeout(function() {
|
470
|
-
return e.previousActivationEvent = void 0;
|
471
|
-
}, t.numbers.TAP_DELAY_MS);
|
472
|
-
}, t.prototype.deactivateImpl = function() {
|
473
|
-
var e = this, r = this.activationState;
|
474
|
-
if (r.isActivated) {
|
475
|
-
var a = y({}, r);
|
476
|
-
r.isProgrammatic ? (requestAnimationFrame(function() {
|
477
|
-
e.animateDeactivation(a);
|
478
|
-
}), this.resetActivationState()) : (this.deregisterDeactivationHandlers(), requestAnimationFrame(function() {
|
479
|
-
e.activationState.hasDeactivationUXRun = !0, e.animateDeactivation(a), e.resetActivationState();
|
480
|
-
}));
|
481
|
-
}
|
482
|
-
}, t.prototype.animateDeactivation = function(e) {
|
483
|
-
var r = e.wasActivatedByPointer, a = e.wasElementMadeActive;
|
484
|
-
(r || a) && this.runDeactivationUXLogicIfReady();
|
485
|
-
}, t.prototype.layoutInternal = function() {
|
486
|
-
var e = this;
|
487
|
-
this.frame = this.adapter.computeBoundingRect();
|
488
|
-
var r = Math.max(this.frame.height, this.frame.width), a = function() {
|
489
|
-
var c = Math.sqrt(Math.pow(e.frame.width, 2) + Math.pow(e.frame.height, 2));
|
490
|
-
return c + t.numbers.PADDING;
|
491
|
-
};
|
492
|
-
this.maxRadius = this.adapter.isUnbounded() ? r : a();
|
493
|
-
var i = Math.floor(r * t.numbers.INITIAL_ORIGIN_SCALE);
|
494
|
-
this.adapter.isUnbounded() && i % 2 !== 0 ? this.initialSize = i - 1 : this.initialSize = i, this.fgScale = "" + this.maxRadius / this.initialSize, this.updateLayoutCssVars();
|
495
|
-
}, t.prototype.updateLayoutCssVars = function() {
|
496
|
-
var e = t.strings, r = e.VAR_FG_SIZE, a = e.VAR_LEFT, i = e.VAR_TOP, c = e.VAR_FG_SCALE;
|
497
|
-
this.adapter.updateCssVariable(r, this.initialSize + "px"), this.adapter.updateCssVariable(c, this.fgScale), this.adapter.isUnbounded() && (this.unboundedCoords = {
|
498
|
-
left: Math.round(this.frame.width / 2 - this.initialSize / 2),
|
499
|
-
top: Math.round(this.frame.height / 2 - this.initialSize / 2)
|
500
|
-
}, this.adapter.updateCssVariable(a, this.unboundedCoords.left + "px"), this.adapter.updateCssVariable(i, this.unboundedCoords.top + "px"));
|
501
|
-
}, t;
|
502
|
-
}(I)
|
503
|
-
);
|
504
|
-
const j = q;
|
505
|
-
/**
|
89
|
+
*/var w=["touchstart","pointerdown","mousedown","keydown"],R=["touchend","pointerup","mouseup","contextmenu"],v=[],G=function(s){o.__extends(t,s);function t(e){var r=s.call(this,o.__assign(o.__assign({},t.defaultAdapter),e))||this;return r.activationAnimationHasEnded=!1,r.activationTimer=0,r.fgDeactivationRemovalTimer=0,r.fgScale="0",r.frame={width:0,height:0},r.initialSize=0,r.layoutFrame=0,r.maxRadius=0,r.unboundedCoords={left:0,top:0},r.activationState=r.defaultActivationState(),r.activationTimerCallback=function(){r.activationAnimationHasEnded=!0,r.runDeactivationUXLogicIfReady()},r.activateHandler=function(a){r.activateImpl(a)},r.deactivateHandler=function(){r.deactivateImpl()},r.focusHandler=function(){r.handleFocus()},r.blurHandler=function(){r.handleBlur()},r.resizeHandler=function(){r.layout()},r}return Object.defineProperty(t,"cssClasses",{get:function(){return M},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return B},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return C},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},browserSupportsCssVars:function(){return!0},computeBoundingRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},containsEventTarget:function(){return!0},deregisterDocumentInteractionHandler:function(){},deregisterInteractionHandler:function(){},deregisterResizeHandler:function(){},getWindowPageOffset:function(){return{x:0,y:0}},isSurfaceActive:function(){return!0},isSurfaceDisabled:function(){return!0},isUnbounded:function(){return!0},registerDocumentInteractionHandler:function(){},registerInteractionHandler:function(){},registerResizeHandler:function(){},removeClass:function(){},updateCssVariable:function(){}}},enumerable:!1,configurable:!0}),t.prototype.init=function(){var e=this,r=this.supportsPressRipple();if(this.registerRootHandlers(r),r){var a=t.cssClasses,i=a.ROOT,c=a.UNBOUNDED;requestAnimationFrame(function(){e.adapter.addClass(i),e.adapter.isUnbounded()&&(e.adapter.addClass(c),e.layoutInternal())})}},t.prototype.destroy=function(){var e=this;if(this.supportsPressRipple()){this.activationTimer&&(clearTimeout(this.activationTimer),this.activationTimer=0,this.adapter.removeClass(t.cssClasses.FG_ACTIVATION)),this.fgDeactivationRemovalTimer&&(clearTimeout(this.fgDeactivationRemovalTimer),this.fgDeactivationRemovalTimer=0,this.adapter.removeClass(t.cssClasses.FG_DEACTIVATION));var r=t.cssClasses,a=r.ROOT,i=r.UNBOUNDED;requestAnimationFrame(function(){e.adapter.removeClass(a),e.adapter.removeClass(i),e.removeCssVars()})}this.deregisterRootHandlers(),this.deregisterDeactivationHandlers()},t.prototype.activate=function(e){this.activateImpl(e)},t.prototype.deactivate=function(){this.deactivateImpl()},t.prototype.layout=function(){var e=this;this.layoutFrame&&cancelAnimationFrame(this.layoutFrame),this.layoutFrame=requestAnimationFrame(function(){e.layoutInternal(),e.layoutFrame=0})},t.prototype.setUnbounded=function(e){var r=t.cssClasses.UNBOUNDED;e?this.adapter.addClass(r):this.adapter.removeClass(r)},t.prototype.handleFocus=function(){var e=this;requestAnimationFrame(function(){return e.adapter.addClass(t.cssClasses.BG_FOCUSED)})},t.prototype.handleBlur=function(){var e=this;requestAnimationFrame(function(){return e.adapter.removeClass(t.cssClasses.BG_FOCUSED)})},t.prototype.supportsPressRipple=function(){return this.adapter.browserSupportsCssVars()},t.prototype.defaultActivationState=function(){return{activationEvent:void 0,hasDeactivationUXRun:!1,isActivated:!1,isProgrammatic:!1,wasActivatedByPointer:!1,wasElementMadeActive:!1}},t.prototype.registerRootHandlers=function(e){var r,a;if(e){try{for(var i=o.__values(w),c=i.next();!c.done;c=i.next()){var d=c.value;this.adapter.registerInteractionHandler(d,this.activateHandler)}}catch(n){r={error:n}}finally{try{c&&!c.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}this.adapter.isUnbounded()&&this.adapter.registerResizeHandler(this.resizeHandler)}this.adapter.registerInteractionHandler("focus",this.focusHandler),this.adapter.registerInteractionHandler("blur",this.blurHandler)},t.prototype.registerDeactivationHandlers=function(e){var r,a;if(e.type==="keydown")this.adapter.registerInteractionHandler("keyup",this.deactivateHandler);else try{for(var i=o.__values(R),c=i.next();!c.done;c=i.next()){var d=c.value;this.adapter.registerDocumentInteractionHandler(d,this.deactivateHandler)}}catch(n){r={error:n}}finally{try{c&&!c.done&&(a=i.return)&&a.call(i)}finally{if(r)throw r.error}}},t.prototype.deregisterRootHandlers=function(){var e,r;try{for(var a=o.__values(w),i=a.next();!i.done;i=a.next()){var c=i.value;this.adapter.deregisterInteractionHandler(c,this.activateHandler)}}catch(d){e={error:d}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(e)throw e.error}}this.adapter.deregisterInteractionHandler("focus",this.focusHandler),this.adapter.deregisterInteractionHandler("blur",this.blurHandler),this.adapter.isUnbounded()&&this.adapter.deregisterResizeHandler(this.resizeHandler)},t.prototype.deregisterDeactivationHandlers=function(){var e,r;this.adapter.deregisterInteractionHandler("keyup",this.deactivateHandler);try{for(var a=o.__values(R),i=a.next();!i.done;i=a.next()){var c=i.value;this.adapter.deregisterDocumentInteractionHandler(c,this.deactivateHandler)}}catch(d){e={error:d}}finally{try{i&&!i.done&&(r=a.return)&&r.call(a)}finally{if(e)throw e.error}}},t.prototype.removeCssVars=function(){var e=this,r=t.strings,a=Object.keys(r);a.forEach(function(i){i.indexOf("VAR_")===0&&e.adapter.updateCssVariable(r[i],null)})},t.prototype.activateImpl=function(e){var r=this;if(!this.adapter.isSurfaceDisabled()){var a=this.activationState;if(!a.isActivated){var i=this.previousActivationEvent,c=i&&e!==void 0&&i.type!==e.type;if(!c){a.isActivated=!0,a.isProgrammatic=e===void 0,a.activationEvent=e,a.wasActivatedByPointer=a.isProgrammatic?!1:e!==void 0&&(e.type==="mousedown"||e.type==="touchstart"||e.type==="pointerdown");var d=e!==void 0&&v.length>0&&v.some(function(n){return r.adapter.containsEventTarget(n)});if(d){this.resetActivationState();return}e!==void 0&&(v.push(e.target),this.registerDeactivationHandlers(e)),a.wasElementMadeActive=this.checkElementMadeActive(e),a.wasElementMadeActive&&this.animateActivation(),requestAnimationFrame(function(){v=[],!a.wasElementMadeActive&&e!==void 0&&(e.key===" "||e.keyCode===32)&&(a.wasElementMadeActive=r.checkElementMadeActive(e),a.wasElementMadeActive&&r.animateActivation()),a.wasElementMadeActive||(r.activationState=r.defaultActivationState())})}}}},t.prototype.checkElementMadeActive=function(e){return e!==void 0&&e.type==="keydown"?this.adapter.isSurfaceActive():!0},t.prototype.animateActivation=function(){var e=this,r=t.strings,a=r.VAR_FG_TRANSLATE_START,i=r.VAR_FG_TRANSLATE_END,c=t.cssClasses,d=c.FG_DEACTIVATION,n=c.FG_ACTIVATION,m=t.numbers.DEACTIVATION_TIMEOUT_MS;this.layoutInternal();var f="",g="";if(!this.adapter.isUnbounded()){var b=this.getFgTranslationCoordinates(),A=b.startPoint,F=b.endPoint;f=A.x+"px, "+A.y+"px",g=F.x+"px, "+F.y+"px"}this.adapter.updateCssVariable(a,f),this.adapter.updateCssVariable(i,g),clearTimeout(this.activationTimer),clearTimeout(this.fgDeactivationRemovalTimer),this.rmBoundedActivationClasses(),this.adapter.removeClass(d),this.adapter.computeBoundingRect(),this.adapter.addClass(n),this.activationTimer=setTimeout(function(){e.activationTimerCallback()},m)},t.prototype.getFgTranslationCoordinates=function(){var e=this.activationState,r=e.activationEvent,a=e.wasActivatedByPointer,i;a?i=U(r,this.adapter.getWindowPageOffset(),this.adapter.computeBoundingRect()):i={x:this.frame.width/2,y:this.frame.height/2},i={x:i.x-this.initialSize/2,y:i.y-this.initialSize/2};var c={x:this.frame.width/2-this.initialSize/2,y:this.frame.height/2-this.initialSize/2};return{startPoint:i,endPoint:c}},t.prototype.runDeactivationUXLogicIfReady=function(){var e=this,r=t.cssClasses.FG_DEACTIVATION,a=this.activationState,i=a.hasDeactivationUXRun,c=a.isActivated,d=i||!c;d&&this.activationAnimationHasEnded&&(this.rmBoundedActivationClasses(),this.adapter.addClass(r),this.fgDeactivationRemovalTimer=setTimeout(function(){e.adapter.removeClass(r)},C.FG_DEACTIVATION_MS))},t.prototype.rmBoundedActivationClasses=function(){var e=t.cssClasses.FG_ACTIVATION;this.adapter.removeClass(e),this.activationAnimationHasEnded=!1,this.adapter.computeBoundingRect()},t.prototype.resetActivationState=function(){var e=this;this.previousActivationEvent=this.activationState.activationEvent,this.activationState=this.defaultActivationState(),setTimeout(function(){return e.previousActivationEvent=void 0},t.numbers.TAP_DELAY_MS)},t.prototype.deactivateImpl=function(){var e=this,r=this.activationState;if(r.isActivated){var a=o.__assign({},r);r.isProgrammatic?(requestAnimationFrame(function(){e.animateDeactivation(a)}),this.resetActivationState()):(this.deregisterDeactivationHandlers(),requestAnimationFrame(function(){e.activationState.hasDeactivationUXRun=!0,e.animateDeactivation(a),e.resetActivationState()}))}},t.prototype.animateDeactivation=function(e){var r=e.wasActivatedByPointer,a=e.wasElementMadeActive;(r||a)&&this.runDeactivationUXLogicIfReady()},t.prototype.layoutInternal=function(){var e=this;this.frame=this.adapter.computeBoundingRect();var r=Math.max(this.frame.height,this.frame.width),a=function(){var c=Math.sqrt(Math.pow(e.frame.width,2)+Math.pow(e.frame.height,2));return c+t.numbers.PADDING};this.maxRadius=this.adapter.isUnbounded()?r:a();var i=Math.floor(r*t.numbers.INITIAL_ORIGIN_SCALE);this.adapter.isUnbounded()&&i%2!==0?this.initialSize=i-1:this.initialSize=i,this.fgScale=""+this.maxRadius/this.initialSize,this.updateLayoutCssVars()},t.prototype.updateLayoutCssVars=function(){var e=t.strings,r=e.VAR_FG_SIZE,a=e.VAR_LEFT,i=e.VAR_TOP,c=e.VAR_FG_SCALE;this.adapter.updateCssVariable(r,this.initialSize+"px"),this.adapter.updateCssVariable(c,this.fgScale),this.adapter.isUnbounded()&&(this.unboundedCoords={left:Math.round(this.frame.width/2-this.initialSize/2),top:Math.round(this.frame.height/2-this.initialSize/2)},this.adapter.updateCssVariable(a,this.unboundedCoords.left+"px"),this.adapter.updateCssVariable(i,this.unboundedCoords.top+"px"))},t}(_);const L=G;/**
|
506
90
|
* @license
|
507
91
|
* Copyright 2018 Google LLC
|
508
92
|
* SPDX-License-Identifier: Apache-2.0
|
509
|
-
*/
|
510
|
-
class
|
511
|
-
|
512
|
-
super(...arguments), this.primary = !1, this.accent = !1, this.unbounded = !1, this.disabled = !1, this.activated = !1, this.selected = !1, this.internalUseStateLayerCustomProperties = !1, this.hovering = !1, this.bgFocused = !1, this.fgActivation = !1, this.fgDeactivation = !1, this.fgScale = "", this.fgSize = "", this.translateStart = "", this.translateEnd = "", this.leftPos = "", this.topPos = "", this.mdcFoundationClass = j;
|
513
|
-
}
|
514
|
-
get isActive() {
|
515
|
-
return L(this.parentElement || this, ":active");
|
516
|
-
}
|
517
|
-
createAdapter() {
|
518
|
-
return {
|
519
|
-
browserSupportsCssVars: () => !0,
|
520
|
-
isUnbounded: () => this.unbounded,
|
521
|
-
isSurfaceActive: () => this.isActive,
|
522
|
-
isSurfaceDisabled: () => this.disabled,
|
523
|
-
addClass: (t) => {
|
524
|
-
switch (t) {
|
525
|
-
case "mdc-ripple-upgraded--background-focused":
|
526
|
-
this.bgFocused = !0;
|
527
|
-
break;
|
528
|
-
case "mdc-ripple-upgraded--foreground-activation":
|
529
|
-
this.fgActivation = !0;
|
530
|
-
break;
|
531
|
-
case "mdc-ripple-upgraded--foreground-deactivation":
|
532
|
-
this.fgDeactivation = !0;
|
533
|
-
break;
|
534
|
-
}
|
535
|
-
},
|
536
|
-
removeClass: (t) => {
|
537
|
-
switch (t) {
|
538
|
-
case "mdc-ripple-upgraded--background-focused":
|
539
|
-
this.bgFocused = !1;
|
540
|
-
break;
|
541
|
-
case "mdc-ripple-upgraded--foreground-activation":
|
542
|
-
this.fgActivation = !1;
|
543
|
-
break;
|
544
|
-
case "mdc-ripple-upgraded--foreground-deactivation":
|
545
|
-
this.fgDeactivation = !1;
|
546
|
-
break;
|
547
|
-
}
|
548
|
-
},
|
549
|
-
containsEventTarget: () => !0,
|
550
|
-
registerInteractionHandler: () => {
|
551
|
-
},
|
552
|
-
deregisterInteractionHandler: () => {
|
553
|
-
},
|
554
|
-
registerDocumentInteractionHandler: () => {
|
555
|
-
},
|
556
|
-
deregisterDocumentInteractionHandler: () => {
|
557
|
-
},
|
558
|
-
registerResizeHandler: () => {
|
559
|
-
},
|
560
|
-
deregisterResizeHandler: () => {
|
561
|
-
},
|
562
|
-
updateCssVariable: (t, e) => {
|
563
|
-
switch (t) {
|
564
|
-
case "--mdc-ripple-fg-scale":
|
565
|
-
this.fgScale = e;
|
566
|
-
break;
|
567
|
-
case "--mdc-ripple-fg-size":
|
568
|
-
this.fgSize = e;
|
569
|
-
break;
|
570
|
-
case "--mdc-ripple-fg-translate-end":
|
571
|
-
this.translateEnd = e;
|
572
|
-
break;
|
573
|
-
case "--mdc-ripple-fg-translate-start":
|
574
|
-
this.translateStart = e;
|
575
|
-
break;
|
576
|
-
case "--mdc-ripple-left":
|
577
|
-
this.leftPos = e;
|
578
|
-
break;
|
579
|
-
case "--mdc-ripple-top":
|
580
|
-
this.topPos = e;
|
581
|
-
break;
|
582
|
-
}
|
583
|
-
},
|
584
|
-
computeBoundingRect: () => (this.parentElement || this).getBoundingClientRect(),
|
585
|
-
getWindowPageOffset: () => ({ x: window.pageXOffset, y: window.pageYOffset })
|
586
|
-
};
|
587
|
-
}
|
588
|
-
startPress(t) {
|
589
|
-
this.waitForFoundation(() => {
|
590
|
-
this.mdcFoundation.activate(t);
|
591
|
-
});
|
592
|
-
}
|
593
|
-
endPress() {
|
594
|
-
this.waitForFoundation(() => {
|
595
|
-
this.mdcFoundation.deactivate();
|
596
|
-
});
|
597
|
-
}
|
598
|
-
startFocus() {
|
599
|
-
this.waitForFoundation(() => {
|
600
|
-
this.mdcFoundation.handleFocus();
|
601
|
-
});
|
602
|
-
}
|
603
|
-
endFocus() {
|
604
|
-
this.waitForFoundation(() => {
|
605
|
-
this.mdcFoundation.handleBlur();
|
606
|
-
});
|
607
|
-
}
|
608
|
-
startHover() {
|
609
|
-
this.hovering = !0;
|
610
|
-
}
|
611
|
-
endHover() {
|
612
|
-
this.hovering = !1;
|
613
|
-
}
|
614
|
-
/**
|
615
|
-
* Wait for the MDCFoundation to be created by `firstUpdated`
|
616
|
-
*/
|
617
|
-
waitForFoundation(t) {
|
618
|
-
this.mdcFoundation ? t() : this.updateComplete.then(t);
|
619
|
-
}
|
620
|
-
update(t) {
|
621
|
-
t.has("disabled") && this.disabled && this.endHover(), super.update(t);
|
622
|
-
}
|
623
|
-
/** @soyTemplate */
|
624
|
-
render() {
|
625
|
-
const t = this.activated && (this.primary || !this.accent), e = this.selected && (this.primary || !this.accent), r = {
|
626
|
-
"mdc-ripple-surface--accent": this.accent,
|
627
|
-
"mdc-ripple-surface--primary--activated": t,
|
628
|
-
"mdc-ripple-surface--accent--activated": this.accent && this.activated,
|
629
|
-
"mdc-ripple-surface--primary--selected": e,
|
630
|
-
"mdc-ripple-surface--accent--selected": this.accent && this.selected,
|
631
|
-
"mdc-ripple-surface--disabled": this.disabled,
|
632
|
-
"mdc-ripple-surface--hover": this.hovering,
|
633
|
-
"mdc-ripple-surface--primary": this.primary,
|
634
|
-
"mdc-ripple-surface--selected": this.selected,
|
635
|
-
"mdc-ripple-upgraded--background-focused": this.bgFocused,
|
636
|
-
"mdc-ripple-upgraded--foreground-activation": this.fgActivation,
|
637
|
-
"mdc-ripple-upgraded--foreground-deactivation": this.fgDeactivation,
|
638
|
-
"mdc-ripple-upgraded--unbounded": this.unbounded,
|
639
|
-
"mdc-ripple-surface--internal-use-state-layer-custom-properties": this.internalUseStateLayerCustomProperties
|
640
|
-
};
|
641
|
-
return D`
|
642
|
-
<div class="mdc-ripple-surface mdc-ripple-upgraded ${U(r)}"
|
643
|
-
style="${G({
|
644
|
-
"--mdc-ripple-fg-scale": this.fgScale,
|
645
|
-
"--mdc-ripple-fg-size": this.fgSize,
|
646
|
-
"--mdc-ripple-fg-translate-end": this.translateEnd,
|
647
|
-
"--mdc-ripple-fg-translate-start": this.translateStart,
|
648
|
-
"--mdc-ripple-left": this.leftPos,
|
649
|
-
"--mdc-ripple-top": this.topPos
|
650
|
-
})}"></div>`;
|
651
|
-
}
|
652
|
-
}
|
653
|
-
p([
|
654
|
-
M(".mdc-ripple-surface")
|
655
|
-
], s.prototype, "mdcRoot", void 0);
|
656
|
-
p([
|
657
|
-
u({ type: Boolean })
|
658
|
-
], s.prototype, "primary", void 0);
|
659
|
-
p([
|
660
|
-
u({ type: Boolean })
|
661
|
-
], s.prototype, "accent", void 0);
|
662
|
-
p([
|
663
|
-
u({ type: Boolean })
|
664
|
-
], s.prototype, "unbounded", void 0);
|
665
|
-
p([
|
666
|
-
u({ type: Boolean })
|
667
|
-
], s.prototype, "disabled", void 0);
|
668
|
-
p([
|
669
|
-
u({ type: Boolean })
|
670
|
-
], s.prototype, "activated", void 0);
|
671
|
-
p([
|
672
|
-
u({ type: Boolean })
|
673
|
-
], s.prototype, "selected", void 0);
|
674
|
-
p([
|
675
|
-
u({ type: Boolean })
|
676
|
-
], s.prototype, "internalUseStateLayerCustomProperties", void 0);
|
677
|
-
p([
|
678
|
-
l()
|
679
|
-
], s.prototype, "hovering", void 0);
|
680
|
-
p([
|
681
|
-
l()
|
682
|
-
], s.prototype, "bgFocused", void 0);
|
683
|
-
p([
|
684
|
-
l()
|
685
|
-
], s.prototype, "fgActivation", void 0);
|
686
|
-
p([
|
687
|
-
l()
|
688
|
-
], s.prototype, "fgDeactivation", void 0);
|
689
|
-
p([
|
690
|
-
l()
|
691
|
-
], s.prototype, "fgScale", void 0);
|
692
|
-
p([
|
693
|
-
l()
|
694
|
-
], s.prototype, "fgSize", void 0);
|
695
|
-
p([
|
696
|
-
l()
|
697
|
-
], s.prototype, "translateStart", void 0);
|
698
|
-
p([
|
699
|
-
l()
|
700
|
-
], s.prototype, "translateEnd", void 0);
|
701
|
-
p([
|
702
|
-
l()
|
703
|
-
], s.prototype, "leftPos", void 0);
|
704
|
-
p([
|
705
|
-
l()
|
706
|
-
], s.prototype, "topPos", void 0);
|
707
|
-
/**
|
93
|
+
*/class p extends S.BaseElement{constructor(){super(...arguments),this.primary=!1,this.accent=!1,this.unbounded=!1,this.disabled=!1,this.activated=!1,this.selected=!1,this.internalUseStateLayerCustomProperties=!1,this.hovering=!1,this.bgFocused=!1,this.fgActivation=!1,this.fgDeactivation=!1,this.fgScale="",this.fgSize="",this.translateStart="",this.translateEnd="",this.leftPos="",this.topPos="",this.mdcFoundationClass=L}get isActive(){return z(this.parentElement||this,":active")}createAdapter(){return{browserSupportsCssVars:()=>!0,isUnbounded:()=>this.unbounded,isSurfaceActive:()=>this.isActive,isSurfaceDisabled:()=>this.disabled,addClass:t=>{switch(t){case"mdc-ripple-upgraded--background-focused":this.bgFocused=!0;break;case"mdc-ripple-upgraded--foreground-activation":this.fgActivation=!0;break;case"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation=!0;break}},removeClass:t=>{switch(t){case"mdc-ripple-upgraded--background-focused":this.bgFocused=!1;break;case"mdc-ripple-upgraded--foreground-activation":this.fgActivation=!1;break;case"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation=!1;break}},containsEventTarget:()=>!0,registerInteractionHandler:()=>{},deregisterInteractionHandler:()=>{},registerDocumentInteractionHandler:()=>{},deregisterDocumentInteractionHandler:()=>{},registerResizeHandler:()=>{},deregisterResizeHandler:()=>{},updateCssVariable:(t,e)=>{switch(t){case"--mdc-ripple-fg-scale":this.fgScale=e;break;case"--mdc-ripple-fg-size":this.fgSize=e;break;case"--mdc-ripple-fg-translate-end":this.translateEnd=e;break;case"--mdc-ripple-fg-translate-start":this.translateStart=e;break;case"--mdc-ripple-left":this.leftPos=e;break;case"--mdc-ripple-top":this.topPos=e;break}},computeBoundingRect:()=>(this.parentElement||this).getBoundingClientRect(),getWindowPageOffset:()=>({x:window.pageXOffset,y:window.pageYOffset})}}startPress(t){this.waitForFoundation(()=>{this.mdcFoundation.activate(t)})}endPress(){this.waitForFoundation(()=>{this.mdcFoundation.deactivate()})}startFocus(){this.waitForFoundation(()=>{this.mdcFoundation.handleFocus()})}endFocus(){this.waitForFoundation(()=>{this.mdcFoundation.handleBlur()})}startHover(){this.hovering=!0}endHover(){this.hovering=!1}waitForFoundation(t){this.mdcFoundation?t():this.updateComplete.then(t)}update(t){t.has("disabled")&&this.disabled&&this.endHover(),super.update(t)}render(){const t=this.activated&&(this.primary||!this.accent),e=this.selected&&(this.primary||!this.accent),r={"mdc-ripple-surface--accent":this.accent,"mdc-ripple-surface--primary--activated":t,"mdc-ripple-surface--accent--activated":this.accent&&this.activated,"mdc-ripple-surface--primary--selected":e,"mdc-ripple-surface--accent--selected":this.accent&&this.selected,"mdc-ripple-surface--disabled":this.disabled,"mdc-ripple-surface--hover":this.hovering,"mdc-ripple-surface--primary":this.primary,"mdc-ripple-surface--selected":this.selected,"mdc-ripple-upgraded--background-focused":this.bgFocused,"mdc-ripple-upgraded--foreground-activation":this.fgActivation,"mdc-ripple-upgraded--foreground-deactivation":this.fgDeactivation,"mdc-ripple-upgraded--unbounded":this.unbounded,"mdc-ripple-surface--internal-use-state-layer-custom-properties":this.internalUseStateLayerCustomProperties};return h.y`
|
94
|
+
<div class="mdc-ripple-surface mdc-ripple-upgraded ${D.o(r)}"
|
95
|
+
style="${k.i({"--mdc-ripple-fg-scale":this.fgScale,"--mdc-ripple-fg-size":this.fgSize,"--mdc-ripple-fg-translate-end":this.translateEnd,"--mdc-ripple-fg-translate-start":this.translateStart,"--mdc-ripple-left":this.leftPos,"--mdc-ripple-top":this.topPos})}"></div>`}}o.__decorate([H.i(".mdc-ripple-surface")],p.prototype,"mdcRoot",void 0);o.__decorate([u.e({type:Boolean})],p.prototype,"primary",void 0);o.__decorate([u.e({type:Boolean})],p.prototype,"accent",void 0);o.__decorate([u.e({type:Boolean})],p.prototype,"unbounded",void 0);o.__decorate([u.e({type:Boolean})],p.prototype,"disabled",void 0);o.__decorate([u.e({type:Boolean})],p.prototype,"activated",void 0);o.__decorate([u.e({type:Boolean})],p.prototype,"selected",void 0);o.__decorate([u.e({type:Boolean})],p.prototype,"internalUseStateLayerCustomProperties",void 0);o.__decorate([l.t()],p.prototype,"hovering",void 0);o.__decorate([l.t()],p.prototype,"bgFocused",void 0);o.__decorate([l.t()],p.prototype,"fgActivation",void 0);o.__decorate([l.t()],p.prototype,"fgDeactivation",void 0);o.__decorate([l.t()],p.prototype,"fgScale",void 0);o.__decorate([l.t()],p.prototype,"fgSize",void 0);o.__decorate([l.t()],p.prototype,"translateStart",void 0);o.__decorate([l.t()],p.prototype,"translateEnd",void 0);o.__decorate([l.t()],p.prototype,"leftPos",void 0);o.__decorate([l.t()],p.prototype,"topPos",void 0);/**
|
708
96
|
* @license
|
709
97
|
* Copyright 2021 Google LLC
|
710
98
|
* SPDX-LIcense-Identifier: Apache-2.0
|
711
|
-
*/
|
712
|
-
const $ = k`.mdc-ripple-surface{--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;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.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-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}@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}}:host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:block}:host .mdc-ripple-surface{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;will-change:unset}.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary:hover::before,.mdc-ripple-surface--primary.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--primary--activated::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}.mdc-ripple-surface--primary--activated::before,.mdc-ripple-surface--primary--activated::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary--activated:hover::before,.mdc-ripple-surface--primary--activated.mdc-ripple-surface--hover::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}.mdc-ripple-surface--primary--activated.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--primary--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--primary--selected::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-ripple-surface--primary--selected::before,.mdc-ripple-surface--primary--selected::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary--selected:hover::before,.mdc-ripple-surface--primary--selected.mdc-ripple-surface--hover::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent:hover::before,.mdc-ripple-surface--accent.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--accent--activated::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}.mdc-ripple-surface--accent--activated::before,.mdc-ripple-surface--accent--activated::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent--activated:hover::before,.mdc-ripple-surface--accent--activated.mdc-ripple-surface--hover::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}.mdc-ripple-surface--accent--activated.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--accent--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--accent--selected::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-ripple-surface--accent--selected::before,.mdc-ripple-surface--accent--selected::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent--selected:hover::before,.mdc-ripple-surface--accent--selected.mdc-ripple-surface--hover::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-ripple-surface--accent--selected.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--disabled{opacity:0}.mdc-ripple-surface--internal-use-state-layer-custom-properties::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties::after{background-color:#000;background-color:var(--mdc-ripple-hover-state-layer-color, #000)}.mdc-ripple-surface--internal-use-state-layer-custom-properties:hover::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-state-layer-opacity, 0.04)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-state-layer-opacity, 0.12)}.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-pressed-state-layer-opacity, 0.12)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-pressed-state-layer-opacity, 0.12)}`;
|
713
|
-
/**
|
99
|
+
*/const I=h.i`.mdc-ripple-surface{--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;position:relative;outline:none;overflow:hidden}.mdc-ripple-surface::before,.mdc-ripple-surface::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-ripple-surface::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-ripple-surface::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-ripple-surface.mdc-ripple-upgraded::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-ripple-surface.mdc-ripple-upgraded::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-ripple-surface.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-ripple-surface.mdc-ripple-upgraded--foreground-activation::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-ripple-surface.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-ripple-surface::before,.mdc-ripple-surface::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-ripple-surface.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded],.mdc-ripple-upgraded--unbounded{overflow:visible}.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded]::after,.mdc-ripple-upgraded--unbounded::before,.mdc-ripple-upgraded--unbounded::after{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::before,.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::before,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{top:var(--mdc-ripple-top, calc(50% - 50%));left:var(--mdc-ripple-left, calc(50% - 50%));width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface[data-mdc-ripple-is-unbounded].mdc-ripple-upgraded::after,.mdc-ripple-upgraded--unbounded.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-ripple-surface::before,.mdc-ripple-surface::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-ripple-surface:hover::before,.mdc-ripple-surface.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}@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}}:host{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;display:block}:host .mdc-ripple-surface{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;will-change:unset}.mdc-ripple-surface--primary::before,.mdc-ripple-surface--primary::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary:hover::before,.mdc-ripple-surface--primary.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface--primary.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--primary.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--primary--activated::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}.mdc-ripple-surface--primary--activated::before,.mdc-ripple-surface--primary--activated::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary--activated:hover::before,.mdc-ripple-surface--primary--activated.mdc-ripple-surface--hover::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}.mdc-ripple-surface--primary--activated.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary--activated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--primary--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--primary--selected::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-ripple-surface--primary--selected::before,.mdc-ripple-surface--primary--selected::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-ripple-surface--primary--selected:hover::before,.mdc-ripple-surface--primary--selected.mdc-ripple-surface--hover::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--primary--selected:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--primary--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent::before,.mdc-ripple-surface--accent::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent:hover::before,.mdc-ripple-surface--accent.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-ripple-surface--accent.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--accent.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-ripple-surface--accent--activated::before{opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12)}.mdc-ripple-surface--accent--activated::before,.mdc-ripple-surface--accent--activated::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent--activated:hover::before,.mdc-ripple-surface--accent--activated.mdc-ripple-surface--hover::before{opacity:0.16;opacity:var(--mdc-ripple-hover-opacity, 0.16)}.mdc-ripple-surface--accent--activated.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-focus-opacity, 0.24)}.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent--activated:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.24;opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--accent--activated.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.24)}.mdc-ripple-surface--accent--selected::before{opacity:0.08;opacity:var(--mdc-ripple-selected-opacity, 0.08)}.mdc-ripple-surface--accent--selected::before,.mdc-ripple-surface--accent--selected::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-ripple-surface--accent--selected:hover::before,.mdc-ripple-surface--accent--selected.mdc-ripple-surface--hover::before{opacity:0.12;opacity:var(--mdc-ripple-hover-opacity, 0.12)}.mdc-ripple-surface--accent--selected.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-focus-opacity, 0.2)}.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--accent--selected:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.2;opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--accent--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.2)}.mdc-ripple-surface--disabled{opacity:0}.mdc-ripple-surface--internal-use-state-layer-custom-properties::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties::after{background-color:#000;background-color:var(--mdc-ripple-hover-state-layer-color, #000)}.mdc-ripple-surface--internal-use-state-layer-custom-properties:hover::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-surface--hover::before{opacity:0.04;opacity:var(--mdc-ripple-hover-state-layer-opacity, 0.04)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-upgraded--background-focused::before,.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded):focus::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-state-layer-opacity, 0.12)}.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded)::after{transition:opacity 150ms linear}.mdc-ripple-surface--internal-use-state-layer-custom-properties:not(.mdc-ripple-upgraded):active::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-pressed-state-layer-opacity, 0.12)}.mdc-ripple-surface--internal-use-state-layer-custom-properties.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-pressed-state-layer-opacity, 0.12)}`;/**
|
714
100
|
* @license
|
715
101
|
* Copyright 2018 Google LLC
|
716
102
|
* SPDX-License-Identifier: Apache-2.0
|
717
|
-
*/
|
718
|
-
let g = class extends s {
|
719
|
-
};
|
720
|
-
g.styles = [$];
|
721
|
-
g = p([
|
722
|
-
z("mwc-ripple")
|
723
|
-
], g);
|
724
|
-
/**
|
103
|
+
*/let y=class extends p{};y.styles=[I];y=o.__decorate([h.e("mwc-ripple")],y);/**
|
725
104
|
* @license
|
726
105
|
* Copyright 2020 Google LLC
|
727
106
|
* SPDX-License-Identifier: Apache-2.0
|
728
|
-
*/
|
729
|
-
class E {
|
730
|
-
constructor(t) {
|
731
|
-
this.startPress = (e) => {
|
732
|
-
t().then((r) => {
|
733
|
-
r && r.startPress(e);
|
734
|
-
});
|
735
|
-
}, this.endPress = () => {
|
736
|
-
t().then((e) => {
|
737
|
-
e && e.endPress();
|
738
|
-
});
|
739
|
-
}, this.startFocus = () => {
|
740
|
-
t().then((e) => {
|
741
|
-
e && e.startFocus();
|
742
|
-
});
|
743
|
-
}, this.endFocus = () => {
|
744
|
-
t().then((e) => {
|
745
|
-
e && e.endFocus();
|
746
|
-
});
|
747
|
-
}, this.startHover = () => {
|
748
|
-
t().then((e) => {
|
749
|
-
e && e.startHover();
|
750
|
-
});
|
751
|
-
}, this.endHover = () => {
|
752
|
-
t().then((e) => {
|
753
|
-
e && e.endHover();
|
754
|
-
});
|
755
|
-
};
|
756
|
-
}
|
757
|
-
}
|
758
|
-
export {
|
759
|
-
E as R,
|
760
|
-
Y as e
|
761
|
-
};
|
107
|
+
*/class q{constructor(t){this.startPress=e=>{t().then(r=>{r&&r.startPress(e)})},this.endPress=()=>{t().then(e=>{e&&e.endPress()})},this.startFocus=()=>{t().then(e=>{e&&e.startFocus()})},this.endFocus=()=>{t().then(e=>{e&&e.endFocus()})},this.startHover=()=>{t().then(e=>{e&&e.startHover()})},this.endHover=()=>{t().then(e=>{e&&e.endHover()})}}}exports.RippleHandlers=q;exports.e=x;
|