@covalent/components 6.2.1 → 6.2.3
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.js +6 -6
- package/action-ribbon.mjs +35 -30
- package/alert.js +6 -6
- package/alert.mjs +19 -14
- package/app-shell.js +8 -8
- package/app-shell.mjs +12 -6
- package/aria-property-fa2717fe.mjs +41 -0
- package/base-element-c3dc926e.mjs +28 -0
- package/base-element-d5abe37a.js +5 -0
- package/button.js +9 -9
- package/button.mjs +25 -16
- package/card.js +8 -8
- package/card.mjs +17 -15
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +26 -17
- package/checkbox.js +2 -2
- package/checkbox.mjs +29 -20
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +14 -10
- package/class-map-08c84aeb.mjs +62 -0
- package/class-map-50b8edb4.js +9 -0
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +10 -7
- package/{dialog2.mjs → dialog-85c21333.mjs} +56 -50
- package/dialog-8ee07177.js +162 -0
- package/dialog.js +1 -1
- package/dialog.mjs +14 -162
- package/directive-helpers-725a181d.mjs +11 -0
- package/directive-helpers-fce8cf91.js +5 -0
- package/drawer.js +3 -3
- package/drawer.mjs +15 -9
- package/empty-state.js +5 -5
- package/empty-state.mjs +6 -4
- package/event-options-3937d997.mjs +14 -0
- package/event-options-7bc382d8.js +5 -0
- package/form-element-6dbd7afa.mjs +50 -0
- package/{form-element.mjs → form-element-d4e7bcdb.js} +2 -2
- package/foundation-2334d146.mjs +60 -0
- package/{foundation.mjs → foundation-3f55a9dc.js} +3 -3
- package/foundation-c580100a.mjs +152 -0
- package/icon-button.js +8 -8
- package/icon-button.mjs +25 -16
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +20 -11
- package/icon-radio-toggle.js +5 -5
- package/icon-radio-toggle.mjs +34 -25
- package/icon.js +2 -2
- package/icon.mjs +9 -8
- package/if-defined-639ed018.mjs +10 -0
- package/if-defined-cb12d481.js +5 -0
- package/index.js +1 -1
- package/index.mjs +124 -114
- package/inert.esm-359d4581.mjs +640 -0
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +23 -17
- package/{list2.mjs → list-d616957b.mjs} +7 -6
- package/list-defdaa3b.js +5 -0
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +43 -34
- package/list-item-3fa66f09.js +9 -0
- package/list-item-d5c05e10.mjs +44 -0
- package/list-item.js +1 -1
- package/list-item.mjs +18 -9
- package/list.js +1 -1
- package/list.mjs +20 -5
- package/menu.js +2 -2
- package/menu.mjs +29 -20
- package/mwc-checkbox-base-10e977f2.mjs +198 -0
- package/{mwc-checkbox-base.mjs → mwc-checkbox-base-435c1f1d.js} +6 -6
- package/mwc-checkbox.css-956e3d6c.js +5 -0
- package/mwc-checkbox.css-b7abc7fd.mjs +10 -0
- package/mwc-drawer-base-b2b772c3.mjs +335 -0
- package/{mwc-drawer-base.mjs → mwc-drawer-base-f44fcf34.js} +11 -11
- package/mwc-icon-b96fb867.js +9 -0
- package/mwc-icon-c7013880.mjs +26 -0
- package/{mwc-line-ripple-directive.mjs → mwc-line-ripple-directive-a97ce725.js} +16 -16
- package/mwc-line-ripple-directive-c3e1f04a.mjs +653 -0
- package/mwc-list-base-7d5f7278.js +111 -0
- package/mwc-list-base-c0f8af1c.mjs +840 -0
- package/mwc-list-item-base-803b9771.js +28 -0
- package/mwc-list-item-base-acef0223.mjs +202 -0
- package/mwc-list-item.css-401e2407.js +9 -0
- package/mwc-list-item.css-b5481d96.mjs +17 -0
- package/mwc-menu-base-8970b43d.mjs +1145 -0
- package/{mwc-menu-base.mjs → mwc-menu-base-ac49fe54.js} +20 -20
- package/{mwc-radio-base.mjs → mwc-radio-base-442d495a.js} +11 -11
- package/mwc-radio-base-c29e6f42.mjs +528 -0
- package/mwc-radio.css-388ad26d.js +5 -0
- package/mwc-radio.css-4694aa9c.mjs +10 -0
- package/mwc-slider.css-336f809b.mjs +956 -0
- package/{mwc-slider.css.mjs → mwc-slider.css-48f02f1e.js} +20 -20
- package/{mwc-tab-base.mjs → mwc-tab-base-1a19b299.js} +22 -22
- package/mwc-tab-base-7fb3d339.mjs +694 -0
- package/{mwc-top-app-bar-base.mjs → mwc-top-app-bar-base-14e0a018.js} +10 -10
- package/mwc-top-app-bar-base-79c87e69.mjs +380 -0
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +36 -28
- package/{observer.mjs → observer-a096ab43.js} +1 -1
- package/observer-be7b92e2.mjs +32 -0
- package/package.json +1 -1
- package/property-074570d1.js +5 -0
- package/property-ca27685b.mjs +20 -0
- package/query-1e7846ea.mjs +25 -0
- package/query-2ba749b7.js +5 -0
- package/query-assigned-elements-07e38f46.js +33 -0
- package/query-assigned-elements-514e5265.mjs +615 -0
- package/query-assigned-nodes-9ec0fa5f.js +5 -0
- package/query-assigned-nodes-bea12e0c.mjs +17 -0
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +33 -24
- package/radio.js +2 -2
- package/radio.mjs +28 -19
- package/ripple-handlers-2176f137.js +107 -0
- package/ripple-handlers-227497d3.mjs +761 -0
- package/select.js +28 -28
- package/select.mjs +31 -21
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +14 -8
- package/slider-range.js +7 -7
- package/slider-range.mjs +72 -64
- package/slider.js +3 -3
- package/slider.mjs +29 -21
- package/snackbar.js +15 -15
- package/snackbar.mjs +27 -21
- package/state-6f7e570d.mjs +12 -0
- package/state-949232e6.js +5 -0
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +14 -13
- package/status-header.js +6 -6
- package/status-header.mjs +9 -7
- package/style-map-2cb0fb63.mjs +40 -0
- package/style-map-3056a771.js +5 -0
- package/switch.js +18 -18
- package/switch.mjs +31 -22
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +23 -14
- package/tab.js +3 -3
- package/tab.mjs +15 -6
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +8 -6
- package/textarea.js +14 -14
- package/textarea.mjs +28 -20
- package/{textfield2.mjs → textfield-276b0ded.mjs} +28 -21
- package/textfield-507c6a06.js +133 -0
- package/textfield.js +3 -3
- package/textfield.mjs +41 -132
- package/toolbar.js +3 -3
- package/toolbar.mjs +10 -4
- package/tooltip.js +12 -12
- package/tooltip.mjs +13 -9
- package/top-app-bar-34e85527.js +6 -0
- package/{top-app-bar2.mjs → top-app-bar-a236c3bc.mjs} +1 -1
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +29 -23
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +30 -6
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +5 -3
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/tslib.es6-6b53b818.js +1 -0
- package/tslib.es6-b5e819a6.mjs +82 -0
- package/typography.js +4 -4
- package/typography.mjs +12 -11
- package/utils-a8190a39.js +5 -0
- package/utils-dc65fdc9.mjs +52 -0
- package/directive-helpers.mjs +0 -5
- package/if-defined.mjs +0 -5
- package/list-item2.mjs +0 -43
- package/mwc-checkbox.css.mjs +0 -5
- package/mwc-icon.mjs +0 -9
- package/mwc-list-base.mjs +0 -111
- package/mwc-list-item-base.mjs +0 -28
- package/mwc-list-item.css.mjs +0 -9
- package/mwc-radio.css.mjs +0 -5
- package/mwc-ripple.mjs +0 -175
- package/ripple-handlers.mjs +0 -5
- /package/{aria-property.mjs → aria-property-849c8816.js} +0 -0
- /package/{foundation2.mjs → foundation-e830bd94.js} +0 -0
- /package/{inert.esm.mjs → inert.esm-2cee6f2e.js} +0 -0
@@ -0,0 +1,198 @@
|
|
1
|
+
import { _ as t } from "./tslib.es6-b5e819a6.mjs";
|
2
|
+
import { e as u, R as k } from "./ripple-handlers-227497d3.mjs";
|
3
|
+
import { a as r } from "./aria-property-fa2717fe.mjs";
|
4
|
+
import { F as b } from "./form-element-6dbd7afa.mjs";
|
5
|
+
import { y as l } from "./query-assigned-elements-514e5265.mjs";
|
6
|
+
import { e as d } from "./property-ca27685b.mjs";
|
7
|
+
import { t as c } from "./state-6f7e570d.mjs";
|
8
|
+
import { e as v } from "./event-options-3937d997.mjs";
|
9
|
+
import { i as h } from "./query-1e7846ea.mjs";
|
10
|
+
import { o as f } from "./class-map-08c84aeb.mjs";
|
11
|
+
import { l as n } from "./if-defined-639ed018.mjs";
|
12
|
+
/**
|
13
|
+
* @license
|
14
|
+
* Copyright 2019 Google LLC
|
15
|
+
* SPDX-License-Identifier: Apache-2.0
|
16
|
+
*/
|
17
|
+
class i extends b {
|
18
|
+
constructor() {
|
19
|
+
super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.name = "", this.value = "on", this.reducedTouchTarget = !1, this.animationClass = "", this.shouldRenderRipple = !1, this.focused = !1, this.mdcFoundationClass = void 0, this.mdcFoundation = void 0, this.rippleElement = null, this.rippleHandlers = new k(() => (this.shouldRenderRipple = !0, this.ripple.then((e) => this.rippleElement = e), this.ripple));
|
20
|
+
}
|
21
|
+
createAdapter() {
|
22
|
+
return {};
|
23
|
+
}
|
24
|
+
update(e) {
|
25
|
+
const a = e.get("indeterminate"), s = e.get("checked"), o = e.get("disabled");
|
26
|
+
if (a !== void 0 || s !== void 0 || o !== void 0) {
|
27
|
+
const p = this.calculateAnimationStateName(!!s, !!a, !!o), m = this.calculateAnimationStateName(this.checked, this.indeterminate, this.disabled);
|
28
|
+
this.animationClass = `${p}-${m}`;
|
29
|
+
}
|
30
|
+
super.update(e);
|
31
|
+
}
|
32
|
+
calculateAnimationStateName(e, a, s) {
|
33
|
+
return s ? "disabled" : a ? "indeterminate" : e ? "checked" : "unchecked";
|
34
|
+
}
|
35
|
+
// TODO(dfreedm): Make this use selected as a param after Polymer/internal#739
|
36
|
+
/** @soyTemplate */
|
37
|
+
renderRipple() {
|
38
|
+
return this.shouldRenderRipple ? this.renderRippleTemplate() : "";
|
39
|
+
}
|
40
|
+
/** @soyTemplate */
|
41
|
+
renderRippleTemplate() {
|
42
|
+
return l`<mwc-ripple
|
43
|
+
.disabled="${this.disabled}"
|
44
|
+
unbounded></mwc-ripple>`;
|
45
|
+
}
|
46
|
+
/**
|
47
|
+
* @soyTemplate
|
48
|
+
* @soyAttributes checkboxAttributes: input
|
49
|
+
* @soyClasses checkboxClasses: .mdc-checkbox
|
50
|
+
*/
|
51
|
+
render() {
|
52
|
+
const e = this.indeterminate || this.checked, a = {
|
53
|
+
"mdc-checkbox--disabled": this.disabled,
|
54
|
+
"mdc-checkbox--selected": e,
|
55
|
+
"mdc-checkbox--touch": !this.reducedTouchTarget,
|
56
|
+
"mdc-ripple-upgraded--background-focused": this.focused,
|
57
|
+
// transition animiation classes
|
58
|
+
"mdc-checkbox--anim-checked-indeterminate": this.animationClass == "checked-indeterminate",
|
59
|
+
"mdc-checkbox--anim-checked-unchecked": this.animationClass == "checked-unchecked",
|
60
|
+
"mdc-checkbox--anim-indeterminate-checked": this.animationClass == "indeterminate-checked",
|
61
|
+
"mdc-checkbox--anim-indeterminate-unchecked": this.animationClass == "indeterminate-unchecked",
|
62
|
+
"mdc-checkbox--anim-unchecked-checked": this.animationClass == "unchecked-checked",
|
63
|
+
"mdc-checkbox--anim-unchecked-indeterminate": this.animationClass == "unchecked-indeterminate"
|
64
|
+
}, s = this.indeterminate ? "mixed" : void 0;
|
65
|
+
return l`
|
66
|
+
<div class="mdc-checkbox mdc-checkbox--upgraded ${f(a)}">
|
67
|
+
<input type="checkbox"
|
68
|
+
class="mdc-checkbox__native-control"
|
69
|
+
name="${n(this.name)}"
|
70
|
+
aria-checked="${n(s)}"
|
71
|
+
aria-label="${n(this.ariaLabel)}"
|
72
|
+
aria-labelledby="${n(this.ariaLabelledBy)}"
|
73
|
+
aria-describedby="${n(this.ariaDescribedBy)}"
|
74
|
+
data-indeterminate="${this.indeterminate ? "true" : "false"}"
|
75
|
+
?disabled="${this.disabled}"
|
76
|
+
.indeterminate="${this.indeterminate}"
|
77
|
+
.checked="${this.checked}"
|
78
|
+
.value="${this.value}"
|
79
|
+
@change="${this.handleChange}"
|
80
|
+
@focus="${this.handleFocus}"
|
81
|
+
@blur="${this.handleBlur}"
|
82
|
+
@mousedown="${this.handleRippleMouseDown}"
|
83
|
+
@mouseenter="${this.handleRippleMouseEnter}"
|
84
|
+
@mouseleave="${this.handleRippleMouseLeave}"
|
85
|
+
@touchstart="${this.handleRippleTouchStart}"
|
86
|
+
@touchend="${this.handleRippleDeactivate}"
|
87
|
+
@touchcancel="${this.handleRippleDeactivate}">
|
88
|
+
<div class="mdc-checkbox__background"
|
89
|
+
@animationend="${this.resetAnimationClass}">
|
90
|
+
<svg class="mdc-checkbox__checkmark"
|
91
|
+
viewBox="0 0 24 24">
|
92
|
+
<path class="mdc-checkbox__checkmark-path"
|
93
|
+
fill="none"
|
94
|
+
d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
|
95
|
+
</svg>
|
96
|
+
<div class="mdc-checkbox__mixedmark"></div>
|
97
|
+
</div>
|
98
|
+
${this.renderRipple()}
|
99
|
+
</div>`;
|
100
|
+
}
|
101
|
+
setFormData(e) {
|
102
|
+
this.name && this.checked && e.append(this.name, this.value);
|
103
|
+
}
|
104
|
+
handleFocus() {
|
105
|
+
this.focused = !0, this.handleRippleFocus();
|
106
|
+
}
|
107
|
+
handleBlur() {
|
108
|
+
this.focused = !1, this.handleRippleBlur();
|
109
|
+
}
|
110
|
+
handleRippleMouseDown(e) {
|
111
|
+
const a = () => {
|
112
|
+
window.removeEventListener("mouseup", a), this.handleRippleDeactivate();
|
113
|
+
};
|
114
|
+
window.addEventListener("mouseup", a), this.rippleHandlers.startPress(e);
|
115
|
+
}
|
116
|
+
handleRippleTouchStart(e) {
|
117
|
+
this.rippleHandlers.startPress(e);
|
118
|
+
}
|
119
|
+
handleRippleDeactivate() {
|
120
|
+
this.rippleHandlers.endPress();
|
121
|
+
}
|
122
|
+
handleRippleMouseEnter() {
|
123
|
+
this.rippleHandlers.startHover();
|
124
|
+
}
|
125
|
+
handleRippleMouseLeave() {
|
126
|
+
this.rippleHandlers.endHover();
|
127
|
+
}
|
128
|
+
handleRippleFocus() {
|
129
|
+
this.rippleHandlers.startFocus();
|
130
|
+
}
|
131
|
+
handleRippleBlur() {
|
132
|
+
this.rippleHandlers.endFocus();
|
133
|
+
}
|
134
|
+
handleChange() {
|
135
|
+
this.checked = this.formElement.checked, this.indeterminate = this.formElement.indeterminate;
|
136
|
+
}
|
137
|
+
resetAnimationClass() {
|
138
|
+
this.animationClass = "";
|
139
|
+
}
|
140
|
+
get isRippleActive() {
|
141
|
+
var e;
|
142
|
+
return ((e = this.rippleElement) === null || e === void 0 ? void 0 : e.isActive) || !1;
|
143
|
+
}
|
144
|
+
}
|
145
|
+
t([
|
146
|
+
h(".mdc-checkbox")
|
147
|
+
], i.prototype, "mdcRoot", void 0);
|
148
|
+
t([
|
149
|
+
h("input")
|
150
|
+
], i.prototype, "formElement", void 0);
|
151
|
+
t([
|
152
|
+
d({ type: Boolean, reflect: !0 })
|
153
|
+
], i.prototype, "checked", void 0);
|
154
|
+
t([
|
155
|
+
d({ type: Boolean })
|
156
|
+
], i.prototype, "indeterminate", void 0);
|
157
|
+
t([
|
158
|
+
d({ type: Boolean, reflect: !0 })
|
159
|
+
], i.prototype, "disabled", void 0);
|
160
|
+
t([
|
161
|
+
d({ type: String, reflect: !0 })
|
162
|
+
], i.prototype, "name", void 0);
|
163
|
+
t([
|
164
|
+
d({ type: String })
|
165
|
+
], i.prototype, "value", void 0);
|
166
|
+
t([
|
167
|
+
r,
|
168
|
+
d({ type: String, attribute: "aria-label" })
|
169
|
+
], i.prototype, "ariaLabel", void 0);
|
170
|
+
t([
|
171
|
+
r,
|
172
|
+
d({ type: String, attribute: "aria-labelledby" })
|
173
|
+
], i.prototype, "ariaLabelledBy", void 0);
|
174
|
+
t([
|
175
|
+
r,
|
176
|
+
d({ type: String, attribute: "aria-describedby" })
|
177
|
+
], i.prototype, "ariaDescribedBy", void 0);
|
178
|
+
t([
|
179
|
+
d({ type: Boolean })
|
180
|
+
], i.prototype, "reducedTouchTarget", void 0);
|
181
|
+
t([
|
182
|
+
c()
|
183
|
+
], i.prototype, "animationClass", void 0);
|
184
|
+
t([
|
185
|
+
c()
|
186
|
+
], i.prototype, "shouldRenderRipple", void 0);
|
187
|
+
t([
|
188
|
+
c()
|
189
|
+
], i.prototype, "focused", void 0);
|
190
|
+
t([
|
191
|
+
u("mwc-ripple")
|
192
|
+
], i.prototype, "ripple", void 0);
|
193
|
+
t([
|
194
|
+
v({ passive: !0 })
|
195
|
+
], i.prototype, "handleRippleTouchStart", null);
|
196
|
+
export {
|
197
|
+
i as C
|
198
|
+
};
|
@@ -1,15 +1,15 @@
|
|
1
|
-
"use strict";const
|
1
|
+
"use strict";const i=require("./tslib.es6-6b53b818.js"),h=require("./ripple-handlers-2176f137.js"),r=require("./aria-property-849c8816.js"),k=require("./form-element-d4e7bcdb.js"),l=require("./query-assigned-elements-07e38f46.js"),d=require("./property-074570d1.js"),c=require("./state-949232e6.js"),b=require("./event-options-7bc382d8.js"),p=require("./query-2ba749b7.js"),v=require("./class-map-50b8edb4.js"),n=require("./if-defined-cb12d481.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2019 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
5
|
-
*/class
|
5
|
+
*/class t extends k.FormElement{constructor(){super(...arguments),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.name="",this.value="on",this.reducedTouchTarget=!1,this.animationClass="",this.shouldRenderRipple=!1,this.focused=!1,this.mdcFoundationClass=void 0,this.mdcFoundation=void 0,this.rippleElement=null,this.rippleHandlers=new h.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple.then(e=>this.rippleElement=e),this.ripple))}createAdapter(){return{}}update(e){const a=e.get("indeterminate"),s=e.get("checked"),o=e.get("disabled");if(a!==void 0||s!==void 0||o!==void 0){const u=this.calculateAnimationStateName(!!s,!!a,!!o),m=this.calculateAnimationStateName(this.checked,this.indeterminate,this.disabled);this.animationClass=`${u}-${m}`}super.update(e)}calculateAnimationStateName(e,a,s){return s?"disabled":a?"indeterminate":e?"checked":"unchecked"}renderRipple(){return this.shouldRenderRipple?this.renderRippleTemplate():""}renderRippleTemplate(){return l.y`<mwc-ripple
|
6
6
|
.disabled="${this.disabled}"
|
7
|
-
unbounded></mwc-ripple>`}render(){const
|
8
|
-
<div class="mdc-checkbox mdc-checkbox--upgraded ${
|
7
|
+
unbounded></mwc-ripple>`}render(){const e=this.indeterminate||this.checked,a={"mdc-checkbox--disabled":this.disabled,"mdc-checkbox--selected":e,"mdc-checkbox--touch":!this.reducedTouchTarget,"mdc-ripple-upgraded--background-focused":this.focused,"mdc-checkbox--anim-checked-indeterminate":this.animationClass=="checked-indeterminate","mdc-checkbox--anim-checked-unchecked":this.animationClass=="checked-unchecked","mdc-checkbox--anim-indeterminate-checked":this.animationClass=="indeterminate-checked","mdc-checkbox--anim-indeterminate-unchecked":this.animationClass=="indeterminate-unchecked","mdc-checkbox--anim-unchecked-checked":this.animationClass=="unchecked-checked","mdc-checkbox--anim-unchecked-indeterminate":this.animationClass=="unchecked-indeterminate"},s=this.indeterminate?"mixed":void 0;return l.y`
|
8
|
+
<div class="mdc-checkbox mdc-checkbox--upgraded ${v.o(a)}">
|
9
9
|
<input type="checkbox"
|
10
10
|
class="mdc-checkbox__native-control"
|
11
11
|
name="${n.l(this.name)}"
|
12
|
-
aria-checked="${n.l(
|
12
|
+
aria-checked="${n.l(s)}"
|
13
13
|
aria-label="${n.l(this.ariaLabel)}"
|
14
14
|
aria-labelledby="${n.l(this.ariaLabelledBy)}"
|
15
15
|
aria-describedby="${n.l(this.ariaDescribedBy)}"
|
@@ -38,4 +38,4 @@
|
|
38
38
|
<div class="mdc-checkbox__mixedmark"></div>
|
39
39
|
</div>
|
40
40
|
${this.renderRipple()}
|
41
|
-
</div>`}setFormData(
|
41
|
+
</div>`}setFormData(e){this.name&&this.checked&&e.append(this.name,this.value)}handleFocus(){this.focused=!0,this.handleRippleFocus()}handleBlur(){this.focused=!1,this.handleRippleBlur()}handleRippleMouseDown(e){const a=()=>{window.removeEventListener("mouseup",a),this.handleRippleDeactivate()};window.addEventListener("mouseup",a),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}handleChange(){this.checked=this.formElement.checked,this.indeterminate=this.formElement.indeterminate}resetAnimationClass(){this.animationClass=""}get isRippleActive(){var e;return((e=this.rippleElement)===null||e===void 0?void 0:e.isActive)||!1}}i.__decorate([p.i(".mdc-checkbox")],t.prototype,"mdcRoot",void 0);i.__decorate([p.i("input")],t.prototype,"formElement",void 0);i.__decorate([d.e({type:Boolean,reflect:!0})],t.prototype,"checked",void 0);i.__decorate([d.e({type:Boolean})],t.prototype,"indeterminate",void 0);i.__decorate([d.e({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0);i.__decorate([d.e({type:String,reflect:!0})],t.prototype,"name",void 0);i.__decorate([d.e({type:String})],t.prototype,"value",void 0);i.__decorate([r.ariaProperty,d.e({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);i.__decorate([r.ariaProperty,d.e({type:String,attribute:"aria-labelledby"})],t.prototype,"ariaLabelledBy",void 0);i.__decorate([r.ariaProperty,d.e({type:String,attribute:"aria-describedby"})],t.prototype,"ariaDescribedBy",void 0);i.__decorate([d.e({type:Boolean})],t.prototype,"reducedTouchTarget",void 0);i.__decorate([c.t()],t.prototype,"animationClass",void 0);i.__decorate([c.t()],t.prototype,"shouldRenderRipple",void 0);i.__decorate([c.t()],t.prototype,"focused",void 0);i.__decorate([h.e("mwc-ripple")],t.prototype,"ripple",void 0);i.__decorate([b.e({passive:!0})],t.prototype,"handleRippleTouchStart",null);exports.CheckboxBase=t;
|
@@ -0,0 +1,5 @@
|
|
1
|
+
"use strict";const c=require("./query-assigned-elements-07e38f46.js");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2021 Google LLC
|
4
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
+
*/const e=c.i`.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{transform:scaleX(0)}68.2%{animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:scaleX(1)}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(45deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{animation-timing-function:mdc-animation-deceleration-curve-timing-function;transform:rotate(-45deg);opacity:0}to{transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{animation-timing-function:linear;transform:scaleX(1);opacity:1}32.8%,100%{transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{animation-duration:180ms;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}:host{outline:none;display:inline-flex;-webkit-tap-highlight-color:transparent}:host([checked]),:host([indeterminate]){--mdc-ripple-color:var(--mdc-theme-secondary, #018786)}.mdc-checkbox .mdc-checkbox__background::before{content:none}`;exports.styles=e;
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import { i as c } from "./query-assigned-elements-514e5265.mjs";
|
2
|
+
/**
|
3
|
+
* @license
|
4
|
+
* Copyright 2021 Google LLC
|
5
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
6
|
+
*/
|
7
|
+
const o = c`.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{transform:scaleX(0)}68.2%{animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:scaleX(1)}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(45deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{animation-timing-function:mdc-animation-deceleration-curve-timing-function;transform:rotate(-45deg);opacity:0}to{transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{animation-timing-function:linear;transform:scaleX(1);opacity:1}32.8%,100%{transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{animation-duration:180ms;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}:host{outline:none;display:inline-flex;-webkit-tap-highlight-color:transparent}:host([checked]),:host([indeterminate]){--mdc-ripple-color:var(--mdc-theme-secondary, #018786)}.mdc-checkbox .mdc-checkbox__background::before{content:none}`;
|
8
|
+
export {
|
9
|
+
o as s
|
10
|
+
};
|
@@ -0,0 +1,335 @@
|
|
1
|
+
import { a as h, b as p, _ as r } from "./tslib.es6-b5e819a6.mjs";
|
2
|
+
import "./inert.esm-359d4581.mjs";
|
3
|
+
import { B as F } from "./base-element-c3dc926e.mjs";
|
4
|
+
import { o as b } from "./observer-be7b92e2.mjs";
|
5
|
+
import { y as c } from "./query-assigned-elements-514e5265.mjs";
|
6
|
+
import { e as l } from "./property-ca27685b.mjs";
|
7
|
+
import { i as C } from "./query-1e7846ea.mjs";
|
8
|
+
import { o as g } from "./class-map-08c84aeb.mjs";
|
9
|
+
import { a as N } from "./utils-dc65fdc9.mjs";
|
10
|
+
/**
|
11
|
+
* @license
|
12
|
+
* Copyright 2016 Google Inc.
|
13
|
+
*
|
14
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
15
|
+
* of this software and associated documentation files (the "Software"), to deal
|
16
|
+
* in the Software without restriction, including without limitation the rights
|
17
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
18
|
+
* copies of the Software, and to permit persons to whom the Software is
|
19
|
+
* furnished to do so, subject to the following conditions:
|
20
|
+
*
|
21
|
+
* The above copyright notice and this permission notice shall be included in
|
22
|
+
* all copies or substantial portions of the Software.
|
23
|
+
*
|
24
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
25
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
26
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
27
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
28
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
29
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
30
|
+
* THE SOFTWARE.
|
31
|
+
*/
|
32
|
+
var i = {
|
33
|
+
ANIMATE: "mdc-drawer--animate",
|
34
|
+
CLOSING: "mdc-drawer--closing",
|
35
|
+
DISMISSIBLE: "mdc-drawer--dismissible",
|
36
|
+
MODAL: "mdc-drawer--modal",
|
37
|
+
OPEN: "mdc-drawer--open",
|
38
|
+
OPENING: "mdc-drawer--opening",
|
39
|
+
ROOT: "mdc-drawer"
|
40
|
+
}, u = {
|
41
|
+
APP_CONTENT_SELECTOR: ".mdc-drawer-app-content",
|
42
|
+
CLOSE_EVENT: "MDCDrawer:closed",
|
43
|
+
OPEN_EVENT: "MDCDrawer:opened",
|
44
|
+
SCRIM_SELECTOR: ".mdc-drawer-scrim",
|
45
|
+
LIST_SELECTOR: ".mdc-list,.mdc-deprecated-list",
|
46
|
+
LIST_ITEM_ACTIVATED_SELECTOR: ".mdc-list-item--activated,.mdc-deprecated-list-item--activated"
|
47
|
+
};
|
48
|
+
/**
|
49
|
+
* @license
|
50
|
+
* Copyright 2016 Google Inc.
|
51
|
+
*
|
52
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
53
|
+
* of this software and associated documentation files (the "Software"), to deal
|
54
|
+
* in the Software without restriction, including without limitation the rights
|
55
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
56
|
+
* copies of the Software, and to permit persons to whom the Software is
|
57
|
+
* furnished to do so, subject to the following conditions:
|
58
|
+
*
|
59
|
+
* The above copyright notice and this permission notice shall be included in
|
60
|
+
* all copies or substantial portions of the Software.
|
61
|
+
*
|
62
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
63
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
64
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
65
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
66
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
67
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
68
|
+
* THE SOFTWARE.
|
69
|
+
*/
|
70
|
+
var w = (
|
71
|
+
/** @class */
|
72
|
+
function() {
|
73
|
+
function n(e) {
|
74
|
+
e === void 0 && (e = {}), this.adapter = e;
|
75
|
+
}
|
76
|
+
return Object.defineProperty(n, "cssClasses", {
|
77
|
+
get: function() {
|
78
|
+
return {};
|
79
|
+
},
|
80
|
+
enumerable: !1,
|
81
|
+
configurable: !0
|
82
|
+
}), Object.defineProperty(n, "strings", {
|
83
|
+
get: function() {
|
84
|
+
return {};
|
85
|
+
},
|
86
|
+
enumerable: !1,
|
87
|
+
configurable: !0
|
88
|
+
}), Object.defineProperty(n, "numbers", {
|
89
|
+
get: function() {
|
90
|
+
return {};
|
91
|
+
},
|
92
|
+
enumerable: !1,
|
93
|
+
configurable: !0
|
94
|
+
}), Object.defineProperty(n, "defaultAdapter", {
|
95
|
+
get: function() {
|
96
|
+
return {};
|
97
|
+
},
|
98
|
+
enumerable: !1,
|
99
|
+
configurable: !0
|
100
|
+
}), n.prototype.init = function() {
|
101
|
+
}, n.prototype.destroy = function() {
|
102
|
+
}, n;
|
103
|
+
}()
|
104
|
+
);
|
105
|
+
/**
|
106
|
+
* @license
|
107
|
+
* Copyright 2018 Google Inc.
|
108
|
+
*
|
109
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
110
|
+
* of this software and associated documentation files (the "Software"), to deal
|
111
|
+
* in the Software without restriction, including without limitation the rights
|
112
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
113
|
+
* copies of the Software, and to permit persons to whom the Software is
|
114
|
+
* furnished to do so, subject to the following conditions:
|
115
|
+
*
|
116
|
+
* The above copyright notice and this permission notice shall be included in
|
117
|
+
* all copies or substantial portions of the Software.
|
118
|
+
*
|
119
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
120
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
121
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
122
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
123
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
124
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
125
|
+
* THE SOFTWARE.
|
126
|
+
*/
|
127
|
+
var v = (
|
128
|
+
/** @class */
|
129
|
+
function(n) {
|
130
|
+
h(e, n);
|
131
|
+
function e(t) {
|
132
|
+
var s = n.call(this, p(p({}, e.defaultAdapter), t)) || this;
|
133
|
+
return s.animationFrame = 0, s.animationTimer = 0, s;
|
134
|
+
}
|
135
|
+
return Object.defineProperty(e, "strings", {
|
136
|
+
get: function() {
|
137
|
+
return u;
|
138
|
+
},
|
139
|
+
enumerable: !1,
|
140
|
+
configurable: !0
|
141
|
+
}), Object.defineProperty(e, "cssClasses", {
|
142
|
+
get: function() {
|
143
|
+
return i;
|
144
|
+
},
|
145
|
+
enumerable: !1,
|
146
|
+
configurable: !0
|
147
|
+
}), Object.defineProperty(e, "defaultAdapter", {
|
148
|
+
get: function() {
|
149
|
+
return {
|
150
|
+
addClass: function() {
|
151
|
+
},
|
152
|
+
removeClass: function() {
|
153
|
+
},
|
154
|
+
hasClass: function() {
|
155
|
+
return !1;
|
156
|
+
},
|
157
|
+
elementHasClass: function() {
|
158
|
+
return !1;
|
159
|
+
},
|
160
|
+
notifyClose: function() {
|
161
|
+
},
|
162
|
+
notifyOpen: function() {
|
163
|
+
},
|
164
|
+
saveFocus: function() {
|
165
|
+
},
|
166
|
+
restoreFocus: function() {
|
167
|
+
},
|
168
|
+
focusActiveNavigationItem: function() {
|
169
|
+
},
|
170
|
+
trapFocus: function() {
|
171
|
+
},
|
172
|
+
releaseFocus: function() {
|
173
|
+
}
|
174
|
+
};
|
175
|
+
},
|
176
|
+
enumerable: !1,
|
177
|
+
configurable: !0
|
178
|
+
}), e.prototype.destroy = function() {
|
179
|
+
this.animationFrame && cancelAnimationFrame(this.animationFrame), this.animationTimer && clearTimeout(this.animationTimer);
|
180
|
+
}, e.prototype.open = function() {
|
181
|
+
var t = this;
|
182
|
+
this.isOpen() || this.isOpening() || this.isClosing() || (this.adapter.addClass(i.OPEN), this.adapter.addClass(i.ANIMATE), this.runNextAnimationFrame(function() {
|
183
|
+
t.adapter.addClass(i.OPENING);
|
184
|
+
}), this.adapter.saveFocus());
|
185
|
+
}, e.prototype.close = function() {
|
186
|
+
!this.isOpen() || this.isOpening() || this.isClosing() || this.adapter.addClass(i.CLOSING);
|
187
|
+
}, e.prototype.isOpen = function() {
|
188
|
+
return this.adapter.hasClass(i.OPEN);
|
189
|
+
}, e.prototype.isOpening = function() {
|
190
|
+
return this.adapter.hasClass(i.OPENING) || this.adapter.hasClass(i.ANIMATE);
|
191
|
+
}, e.prototype.isClosing = function() {
|
192
|
+
return this.adapter.hasClass(i.CLOSING);
|
193
|
+
}, e.prototype.handleKeydown = function(t) {
|
194
|
+
var s = t.keyCode, a = t.key, d = a === "Escape" || s === 27;
|
195
|
+
d && this.close();
|
196
|
+
}, e.prototype.handleTransitionEnd = function(t) {
|
197
|
+
var s = i.OPENING, a = i.CLOSING, d = i.OPEN, y = i.ANIMATE, E = i.ROOT, O = this.isElement(t.target) && this.adapter.elementHasClass(t.target, E);
|
198
|
+
O && (this.isClosing() ? (this.adapter.removeClass(d), this.closed(), this.adapter.restoreFocus(), this.adapter.notifyClose()) : (this.adapter.focusActiveNavigationItem(), this.opened(), this.adapter.notifyOpen()), this.adapter.removeClass(y), this.adapter.removeClass(s), this.adapter.removeClass(a));
|
199
|
+
}, e.prototype.opened = function() {
|
200
|
+
}, e.prototype.closed = function() {
|
201
|
+
}, e.prototype.runNextAnimationFrame = function(t) {
|
202
|
+
var s = this;
|
203
|
+
cancelAnimationFrame(this.animationFrame), this.animationFrame = requestAnimationFrame(function() {
|
204
|
+
s.animationFrame = 0, clearTimeout(s.animationTimer), s.animationTimer = setTimeout(t, 0);
|
205
|
+
});
|
206
|
+
}, e.prototype.isElement = function(t) {
|
207
|
+
return Boolean(t.classList);
|
208
|
+
}, e;
|
209
|
+
}(w)
|
210
|
+
);
|
211
|
+
const T = v;
|
212
|
+
/**
|
213
|
+
* @license
|
214
|
+
* Copyright 2018 Google Inc.
|
215
|
+
*
|
216
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
217
|
+
* of this software and associated documentation files (the "Software"), to deal
|
218
|
+
* in the Software without restriction, including without limitation the rights
|
219
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
220
|
+
* copies of the Software, and to permit persons to whom the Software is
|
221
|
+
* furnished to do so, subject to the following conditions:
|
222
|
+
*
|
223
|
+
* The above copyright notice and this permission notice shall be included in
|
224
|
+
* all copies or substantial portions of the Software.
|
225
|
+
*
|
226
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
227
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
228
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
229
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
230
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
231
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
232
|
+
* THE SOFTWARE.
|
233
|
+
*/
|
234
|
+
var _ = (
|
235
|
+
/** @class */
|
236
|
+
function(n) {
|
237
|
+
h(e, n);
|
238
|
+
function e() {
|
239
|
+
return n !== null && n.apply(this, arguments) || this;
|
240
|
+
}
|
241
|
+
return e.prototype.handleScrimClick = function() {
|
242
|
+
this.close();
|
243
|
+
}, e.prototype.opened = function() {
|
244
|
+
this.adapter.trapFocus();
|
245
|
+
}, e.prototype.closed = function() {
|
246
|
+
this.adapter.releaseFocus();
|
247
|
+
}, e;
|
248
|
+
}(v)
|
249
|
+
);
|
250
|
+
const m = _;
|
251
|
+
/**
|
252
|
+
* @license
|
253
|
+
* Copyright 2018 Google LLC
|
254
|
+
* SPDX-License-Identifier: Apache-2.0
|
255
|
+
*/
|
256
|
+
const f = document.$blockingElements;
|
257
|
+
class o extends F {
|
258
|
+
constructor() {
|
259
|
+
super(...arguments), this._previousFocus = null, this.open = !1, this.hasHeader = !1, this.type = "";
|
260
|
+
}
|
261
|
+
get mdcFoundationClass() {
|
262
|
+
return this.type === "modal" ? m : T;
|
263
|
+
}
|
264
|
+
createAdapter() {
|
265
|
+
return Object.assign(Object.assign({}, N(this.mdcRoot)), { elementHasClass: (e, t) => e.classList.contains(t), saveFocus: () => {
|
266
|
+
this._previousFocus = this.getRootNode().activeElement;
|
267
|
+
}, restoreFocus: () => {
|
268
|
+
this._previousFocus && this._previousFocus.focus && this._previousFocus.focus();
|
269
|
+
}, notifyClose: () => {
|
270
|
+
this.open = !1, this.dispatchEvent(new Event(u.CLOSE_EVENT, { bubbles: !0, cancelable: !0 }));
|
271
|
+
}, notifyOpen: () => {
|
272
|
+
this.open = !0, this.dispatchEvent(new Event(u.OPEN_EVENT, { bubbles: !0, cancelable: !0 }));
|
273
|
+
}, focusActiveNavigationItem: () => {
|
274
|
+
}, trapFocus: () => {
|
275
|
+
f.push(this), this.appContent.inert = !0;
|
276
|
+
}, releaseFocus: () => {
|
277
|
+
f.remove(this), this.appContent.inert = !1;
|
278
|
+
} });
|
279
|
+
}
|
280
|
+
_handleScrimClick() {
|
281
|
+
this.mdcFoundation instanceof m && this.mdcFoundation.handleScrimClick();
|
282
|
+
}
|
283
|
+
render() {
|
284
|
+
const e = this.type === "dismissible" || this.type === "modal", t = this.type === "modal", s = this.hasHeader ? c`
|
285
|
+
<div class="mdc-drawer__header">
|
286
|
+
<h3 class="mdc-drawer__title"><slot name="title"></slot></h3>
|
287
|
+
<h6 class="mdc-drawer__subtitle"><slot name="subtitle"></slot></h6>
|
288
|
+
<slot name="header"></slot>
|
289
|
+
</div>
|
290
|
+
` : "";
|
291
|
+
return c`
|
292
|
+
<aside class="mdc-drawer ${g({
|
293
|
+
"mdc-drawer--dismissible": e,
|
294
|
+
"mdc-drawer--modal": t
|
295
|
+
})}">
|
296
|
+
${s}
|
297
|
+
<div class="mdc-drawer__content"><slot></slot></div>
|
298
|
+
</aside>
|
299
|
+
${t ? c`<div class="mdc-drawer-scrim"
|
300
|
+
@click="${this._handleScrimClick}"></div>` : ""}
|
301
|
+
<div class="mdc-drawer-app-content">
|
302
|
+
<slot name="appContent"></slot>
|
303
|
+
</div>
|
304
|
+
`;
|
305
|
+
}
|
306
|
+
// note, we avoid calling `super.firstUpdated()` to control when
|
307
|
+
// `createFoundation()` is called.
|
308
|
+
firstUpdated() {
|
309
|
+
this.mdcRoot.addEventListener("keydown", (e) => this.mdcFoundation.handleKeydown(e)), this.mdcRoot.addEventListener("transitionend", (e) => this.mdcFoundation.handleTransitionEnd(e));
|
310
|
+
}
|
311
|
+
updated(e) {
|
312
|
+
e.has("type") && this.createFoundation();
|
313
|
+
}
|
314
|
+
}
|
315
|
+
r([
|
316
|
+
C(".mdc-drawer")
|
317
|
+
], o.prototype, "mdcRoot", void 0);
|
318
|
+
r([
|
319
|
+
C(".mdc-drawer-app-content")
|
320
|
+
], o.prototype, "appContent", void 0);
|
321
|
+
r([
|
322
|
+
b(function(n) {
|
323
|
+
this.type !== "" && (n ? this.mdcFoundation.open() : this.mdcFoundation.close());
|
324
|
+
}),
|
325
|
+
l({ type: Boolean, reflect: !0 })
|
326
|
+
], o.prototype, "open", void 0);
|
327
|
+
r([
|
328
|
+
l({ type: Boolean })
|
329
|
+
], o.prototype, "hasHeader", void 0);
|
330
|
+
r([
|
331
|
+
l({ reflect: !0 })
|
332
|
+
], o.prototype, "type", void 0);
|
333
|
+
export {
|
334
|
+
o as D
|
335
|
+
};
|