@covalent/components 8.1.0 → 8.2.0
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/_commonjsHelpers-ZPn_iTGj.mjs +28 -0
- package/_commonjsHelpers-fFrWAeZI.js +1 -0
- package/action-ribbon.js +2 -3
- package/action-ribbon.mjs +9 -10
- package/alert.js +2 -3
- package/alert.mjs +9 -10
- package/app-shell/app-shell.d.ts +6 -1
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +3 -4
- package/app-shell.mjs +65 -51
- package/{base-element-67ae173f.mjs → base-element--jaKdI-8.mjs} +2 -2
- package/{base-element-58a3f9ea.js → base-element-atp_8bvP.js} +1 -1
- package/button.js +2 -3
- package/button.mjs +15 -16
- package/card.js +2 -3
- package/card.mjs +4 -5
- package/check-list-item.js +10 -12
- package/check-list-item.mjs +65 -65
- package/checkbox.js +1 -2
- package/checkbox.mjs +23 -25
- package/chip-M5Vb5Kd6.js +492 -0
- package/chip-m2mKzWQT.mjs +3115 -0
- package/chip-set.js +75 -0
- package/chip-set.mjs +531 -0
- package/chip.js +1 -0
- package/chip.mjs +12 -0
- package/circular-progress.js +1 -1
- package/circular-progress.mjs +7 -7
- package/{class-map-4b94b017.mjs → class-map-YPXv0Hj4.mjs} +1 -1
- package/{class-map-b5efe8da.js → class-map-wtcW44Of.js} +1 -1
- package/code-snippet.js +12 -1
- package/code-snippet.mjs +12251 -7
- package/{dialog-82b03745.js → dialog-SpbwRuWY.js} +6 -7
- package/{dialog-3ca1b701.mjs → dialog-tIMorfuj.mjs} +60 -62
- package/dialog.js +1 -1
- package/dialog.mjs +10 -10
- package/{directive-helpers-0ce1f995.js → directive-helpers--rJ2jf3N.js} +1 -1
- package/{directive-helpers-e3ea6592.mjs → directive-helpers-9566lOOl.mjs} +1 -1
- package/drawer.js +2 -3
- package/drawer.mjs +11 -12
- package/empty-state.js +1 -2
- package/empty-state.mjs +5 -6
- package/{event-options-78d6cf94.mjs → event-options-0xzSdemG.mjs} +1 -1
- package/{event-options-3f5eb195.js → event-options-2TJPtsKy.js} +1 -1
- package/expansion-panel-item.js +24 -0
- package/expansion-panel-item.mjs +106 -0
- package/expansion-panel.js +7 -0
- package/expansion-panel.mjs +59 -0
- package/{form-element-c553d6f5.js → form-element-5s8gft-A.js} +1 -1
- package/{form-element-ffcf59ff.mjs → form-element-gM33WEq3.mjs} +4 -4
- package/formfield.js +79 -0
- package/formfield.mjs +275 -0
- package/{foundation-786bf879.js → foundation-1Vzfdey_.js} +1 -1
- package/{foundation-39dc72d2.mjs → foundation-3Wg80pI7.mjs} +1 -1
- package/icon-button.js +2 -3
- package/icon-button.mjs +14 -15
- package/icon-check-toggle.js +4 -5
- package/icon-check-toggle.mjs +22 -24
- package/icon-radio-toggle.js +4 -5
- package/icon-radio-toggle.mjs +25 -27
- package/icon.js +1 -5
- package/icon.mjs +15 -21
- package/{if-defined-c367f208.mjs → if-defined-BH_l2PVl.mjs} +1 -1
- package/{if-defined-f1c45245.js → if-defined-lAIUwAsA.js} +1 -1
- package/index.js +1 -568
- package/index.mjs +124 -3741
- package/{inert.esm-359d4581.mjs → inert.esm-vhZXthJr.mjs} +1 -1
- package/linear-progress.js +2 -3
- package/linear-progress.mjs +12 -13
- package/list/check-list-item.d.ts.map +1 -1
- package/list/radio-list-item.d.ts.map +1 -1
- package/list-item-F2e6aWaj.mjs +11 -0
- package/list-item-Ze98reWt.js +5 -0
- package/list-item.js +7 -1
- package/list-item.mjs +37 -16
- package/list.js +3 -8
- package/list.mjs +31 -37
- package/menu.js +1 -5
- package/menu.mjs +28 -34
- package/{mwc-checkbox.css-b3434429.js → mwc-checkbox.css-JOD-Qh-9.js} +42 -2
- package/{mwc-checkbox.css-8f4f1a9b.mjs → mwc-checkbox.css-c44nPIEs.mjs} +198 -3
- package/{mwc-drawer-base-135de8a5.mjs → mwc-drawer-base-8e_1aSuf.mjs} +24 -26
- package/{mwc-drawer-base-798b11f8.js → mwc-drawer-base-Fv3JVYPS.js} +5 -5
- package/{mwc-icon-bf656cf5.mjs → mwc-icon-eaW72Ei7.mjs} +6 -5
- package/{mwc-icon-f87639bc.js → mwc-icon-r2y4-AXI.js} +2 -2
- package/{mwc-line-ripple-directive-b24a914e.mjs → mwc-line-ripple-directive-Q_HMRGPE.mjs} +6 -6
- package/{mwc-line-ripple-directive-a6b39a3c.js → mwc-line-ripple-directive-iRoAkPnW.js} +1 -1
- package/{mwc-list-item.css-b0009fc7.mjs → mwc-list-item.css-d-SHhq7Q.mjs} +199 -7
- package/{mwc-list-item.css-25adc0c4.js → mwc-list-item.css-yJ5bjNGc.js} +28 -5
- package/mwc-list.css-DjU8XB1m.js +111 -0
- package/{mwc-list-base-76e37212.mjs → mwc-list.css-_OVL_dbR.mjs} +213 -212
- package/{mwc-menu-base-c4bc88ea.mjs → mwc-menu.css-cKtc1ZD4.mjs} +74 -75
- package/mwc-menu.css-qavo4jer.js +190 -0
- package/{mwc-radio-base-a374fbd9.mjs → mwc-radio.css-_lt-Vcvl.mjs} +123 -117
- package/mwc-radio.css-h_Wv0Eag.js +105 -0
- package/{mwc-slider.css-c7107d94.js → mwc-slider.css-lCfMVbO5.js} +1 -1
- package/{mwc-slider.css-8b6f275c.mjs → mwc-slider.css-md7hPAE7.mjs} +11 -11
- package/{mwc-tab-base-be0c887f.mjs → mwc-tab.css-lT5vTf5I.mjs} +127 -123
- package/{mwc-tab-base-f28722aa.js → mwc-tab.css-q4Jsbyp5.js} +26 -22
- package/{mwc-top-app-bar-base-aec60f27.js → mwc-top-app-bar-base-8qOIX1me.js} +3 -3
- package/{mwc-top-app-bar-base-55da3fe4.mjs → mwc-top-app-bar-base-nm6mdCR3.mjs} +12 -13
- package/nav-list-item.js +6 -7
- package/nav-list-item.mjs +38 -39
- package/package.json +16 -1
- package/{query-d843aa92.mjs → query-1WmuF6Bq.mjs} +1 -1
- package/{query-assigned-nodes-99eae71d.js → query-assigned-nodes-1p7z6CEm.js} +1 -1
- package/{query-assigned-nodes-df691e78.mjs → query-assigned-nodes-6yHI5ePh.mjs} +1 -1
- package/{query-680f1868.js → query-duvhtfSs.js} +1 -1
- package/radio-list-item.js +10 -12
- package/radio-list-item.mjs +62 -62
- package/radio.js +1 -2
- package/radio.mjs +23 -25
- package/{ripple-handlers-f37f21cf.mjs → ripple-handlers-BwaZu9Ps.mjs} +16 -17
- package/{ripple-handlers-5d5b21db.js → ripple-handlers-HeGhXgD2.js} +8 -8
- package/select.js +10 -15
- package/select.mjs +139 -147
- package/side-sheet.js +1 -2
- package/side-sheet.mjs +11 -12
- package/slider-range.js +1 -1
- package/slider-range.mjs +14 -14
- package/slider.js +1 -1
- package/slider.mjs +16 -16
- package/snackbar.js +10 -11
- package/snackbar.mjs +34 -36
- package/{state-0974a8e5.js → state-LqPxt99W.js} +1 -1
- package/{state-b5e865db.mjs → state-inNZe6rL.mjs} +1 -1
- package/status-header-item.js +1 -2
- package/status-header-item.mjs +3 -4
- package/status-header.js +2 -3
- package/status-header.mjs +4 -5
- package/{style-map-88d2563f.js → style-map-66_3wrLx.js} +1 -1
- package/{style-map-bc3ed3e0.mjs → style-map-8yp6DGeh.mjs} +2 -2
- package/style.css +1 -1
- package/switch.js +2 -3
- package/switch.mjs +15 -16
- package/tab-bar.js +18 -22
- package/tab-bar.mjs +195 -203
- package/tab.js +1 -6
- package/tab.mjs +26 -32
- package/text-lockup.js +1 -2
- package/text-lockup.mjs +8 -9
- package/textarea.js +15 -19
- package/textarea.mjs +59 -65
- package/textfield/textfield.d.ts +1 -0
- package/textfield/textfield.d.ts.map +1 -1
- package/textfield-7aU1kEO6.mjs +936 -0
- package/textfield-jvevIGSw.js +136 -0
- package/textfield.js +3 -7
- package/textfield.mjs +33 -36
- package/toolbar.js +1 -2
- package/toolbar.mjs +9 -10
- package/tooltip.js +2 -3
- package/tooltip.mjs +9 -10
- package/top-app-bar-fixed.js +6 -6
- package/top-app-bar-fixed.mjs +27 -28
- package/{top-app-bar-f83386e0.mjs → top-app-bar-h0V-USh_.mjs} +2 -3
- package/{top-app-bar-a531c1b4.js → top-app-bar-qcW2ucE3.js} +2 -3
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +9 -9
- package/tree-list-item.js +1 -2
- package/tree-list-item.mjs +6 -7
- package/tree-list.js +1 -2
- package/tree-list.mjs +2 -3
- package/{tslib.es6-f3e988cd.mjs → tslib.es6-S8SvF2K1.mjs} +5 -5
- package/typography.js +1 -2
- package/typography.mjs +3 -4
- package/code-snippet-2137b11c.js +0 -13
- package/code-snippet-ccca324f.mjs +0 -12278
- package/list-item-04b6ffa1.js +0 -8
- package/list-item-1c4f9e23.mjs +0 -32
- package/mwc-checkbox-base-3d8c9549.js +0 -41
- package/mwc-checkbox-base-f10fd709.mjs +0 -198
- package/mwc-list-base-400b00e2.js +0 -111
- package/mwc-list-item-base-297d86b0.js +0 -28
- package/mwc-list-item-base-fe4398c3.mjs +0 -202
- package/mwc-menu-base-c75ca473.js +0 -190
- package/mwc-radio-base-913e02e2.js +0 -101
- package/mwc-radio.css-4e140252.js +0 -5
- package/mwc-radio.css-7454bb11.mjs +0 -10
- package/textfield-62e16cc2.js +0 -133
- package/textfield-63d1859a.mjs +0 -932
- /package/{aria-property-849c8816.js → aria-property-52VAcg_f.js} +0 -0
- /package/{aria-property-fa2717fe.mjs → aria-property-wYjPNXcK.mjs} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm-TSRtlTFV.js} +0 -0
- /package/{observer-a096ab43.js → observer-LlGBroG9.js} +0 -0
- /package/{observer-be7b92e2.mjs → observer-cKAgu-MI.mjs} +0 -0
- /package/{property-9b6ea53b.mjs → property-K7hFBmOi.mjs} +0 -0
- /package/{property-57f6f6fe.js → property-iZpLBvy-.js} +0 -0
- /package/{query-assigned-elements-f623705d.js → query-assigned-elements-j_5ZiL65.js} +0 -0
- /package/{query-assigned-elements-4a39219d.mjs → query-assigned-elements-yFWOzcsT.mjs} +0 -0
- /package/{tslib.es6-98719205.js → tslib.es6-5xG0QhxF.js} +0 -0
- /package/{utils-a8190a39.js → utils-W3ENJhq-.js} +0 -0
- /package/{utils-2932417c.mjs → utils-xAXEDL0Y.mjs} +0 -0
@@ -1,31 +1,31 @@
|
|
1
|
-
import { _ as
|
2
|
-
import { e as g, R as
|
3
|
-
import { a as
|
4
|
-
import { F as
|
5
|
-
import { o as
|
6
|
-
import { x as u } from "./query-assigned-elements-
|
7
|
-
import { n as
|
8
|
-
import { t as
|
9
|
-
import { e as
|
10
|
-
import { i as
|
11
|
-
import { o as
|
12
|
-
import { l as
|
13
|
-
import { a as
|
1
|
+
import { _ as f, a as l, b as i } from "./tslib.es6-S8SvF2K1.mjs";
|
2
|
+
import { e as g, R as v } from "./ripple-handlers-BwaZu9Ps.mjs";
|
3
|
+
import { a as b } from "./aria-property-wYjPNXcK.mjs";
|
4
|
+
import { F as k } from "./form-element-gM33WEq3.mjs";
|
5
|
+
import { o as h } from "./observer-cKAgu-MI.mjs";
|
6
|
+
import { x as u, i as y } from "./query-assigned-elements-yFWOzcsT.mjs";
|
7
|
+
import { n as c } from "./property-K7hFBmOi.mjs";
|
8
|
+
import { t as n } from "./state-inNZe6rL.mjs";
|
9
|
+
import { e as x } from "./event-options-0xzSdemG.mjs";
|
10
|
+
import { i as _ } from "./query-1WmuF6Bq.mjs";
|
11
|
+
import { o as w } from "./class-map-YPXv0Hj4.mjs";
|
12
|
+
import { l as m } from "./if-defined-BH_l2PVl.mjs";
|
13
|
+
import { a as R } from "./utils-xAXEDL0Y.mjs";
|
14
14
|
/**
|
15
15
|
* @license
|
16
16
|
* Copyright 2020 Google LLC
|
17
17
|
* SPDX-License-Identifier: Apache-2.0
|
18
18
|
*/
|
19
19
|
const p = Symbol("selection controller");
|
20
|
-
class
|
20
|
+
class C {
|
21
21
|
constructor() {
|
22
22
|
this.selected = null, this.ordered = null, this.set = /* @__PURE__ */ new Set();
|
23
23
|
}
|
24
24
|
}
|
25
|
-
class
|
25
|
+
class s {
|
26
26
|
constructor(e) {
|
27
|
-
this.sets = {}, this.focusedSet = null, this.mouseIsDown = !1, this.updating = !1, e.addEventListener("keydown", (
|
28
|
-
this.keyDownHandler(
|
27
|
+
this.sets = {}, this.focusedSet = null, this.mouseIsDown = !1, this.updating = !1, e.addEventListener("keydown", (r) => {
|
28
|
+
this.keyDownHandler(r);
|
29
29
|
}), e.addEventListener("mousedown", () => {
|
30
30
|
this.mousedownHandler();
|
31
31
|
}), e.addEventListener("mouseup", () => {
|
@@ -43,13 +43,13 @@ class d {
|
|
43
43
|
* `window.document`.
|
44
44
|
*/
|
45
45
|
static getController(e) {
|
46
|
-
const
|
47
|
-
let
|
48
|
-
return
|
46
|
+
const o = !("global" in e) || "global" in e && e.global ? document : e.getRootNode();
|
47
|
+
let a = o[p];
|
48
|
+
return a === void 0 && (a = new s(o), o[p] = a), a;
|
49
49
|
}
|
50
50
|
keyDownHandler(e) {
|
51
|
-
const
|
52
|
-
"checked" in
|
51
|
+
const r = e.target;
|
52
|
+
"checked" in r && this.has(r) && (e.key == "ArrowRight" || e.key == "ArrowDown" ? this.selectNext(r) : (e.key == "ArrowLeft" || e.key == "ArrowUp") && this.selectPrevious(r));
|
53
53
|
}
|
54
54
|
mousedownHandler() {
|
55
55
|
this.mouseIsDown = !0;
|
@@ -73,8 +73,8 @@ class d {
|
|
73
73
|
* @param element element relative from which preceding element is fetched
|
74
74
|
*/
|
75
75
|
selectPrevious(e) {
|
76
|
-
const
|
77
|
-
return this.select(
|
76
|
+
const r = this.getOrdered(e), o = r.indexOf(e), a = r[o - 1] || r[r.length - 1];
|
77
|
+
return this.select(a), a;
|
78
78
|
}
|
79
79
|
/**
|
80
80
|
* Selects and returns the controlled element next to the given element in
|
@@ -84,8 +84,8 @@ class d {
|
|
84
84
|
* @param element element relative from which following element is fetched
|
85
85
|
*/
|
86
86
|
selectNext(e) {
|
87
|
-
const
|
88
|
-
return this.select(
|
87
|
+
const r = this.getOrdered(e), o = r.indexOf(e), a = r[o + 1] || r[0];
|
88
|
+
return this.select(a), a;
|
89
89
|
}
|
90
90
|
select(e) {
|
91
91
|
e.click();
|
@@ -102,16 +102,16 @@ class d {
|
|
102
102
|
focus(e) {
|
103
103
|
if (this.mouseIsDown)
|
104
104
|
return;
|
105
|
-
const
|
106
|
-
this.focusedSet =
|
105
|
+
const r = this.getSet(e.name), o = this.focusedSet;
|
106
|
+
this.focusedSet = r, o != r && r.selected && r.selected != e && r.selected.focus();
|
107
107
|
}
|
108
108
|
/**
|
109
109
|
* @return Returns true if atleast one radio is selected in the radio group.
|
110
110
|
*/
|
111
111
|
isAnySelected(e) {
|
112
|
-
const
|
113
|
-
for (const
|
114
|
-
if (
|
112
|
+
const r = this.getSet(e.name);
|
113
|
+
for (const o of r.set)
|
114
|
+
if (o.checked)
|
115
115
|
return !0;
|
116
116
|
return !1;
|
117
117
|
}
|
@@ -124,8 +124,8 @@ class d {
|
|
124
124
|
* ordered.
|
125
125
|
*/
|
126
126
|
getOrdered(e) {
|
127
|
-
const
|
128
|
-
return
|
127
|
+
const r = this.getSet(e.name);
|
128
|
+
return r.ordered || (r.ordered = Array.from(r.set), r.ordered.sort((o, a) => o.compareDocumentPosition(a) == Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0)), r.ordered;
|
129
129
|
}
|
130
130
|
/**
|
131
131
|
* Gets the selection set of the given name and creates one if it does not yet
|
@@ -134,7 +134,7 @@ class d {
|
|
134
134
|
* @param name Name of set
|
135
135
|
*/
|
136
136
|
getSet(e) {
|
137
|
-
return this.sets[e] || (this.sets[e] = new
|
137
|
+
return this.sets[e] || (this.sets[e] = new C()), this.sets[e];
|
138
138
|
}
|
139
139
|
/**
|
140
140
|
* Register the element in the selection controller.
|
@@ -142,8 +142,8 @@ class d {
|
|
142
142
|
* @param element Element to register. Registers in set of `element.name`.
|
143
143
|
*/
|
144
144
|
register(e) {
|
145
|
-
const
|
146
|
-
|
145
|
+
const r = e.name || e.getAttribute("name") || "", o = this.getSet(r);
|
146
|
+
o.set.add(e), o.ordered = null;
|
147
147
|
}
|
148
148
|
/**
|
149
149
|
* Unregister the element from selection controller.
|
@@ -151,8 +151,8 @@ class d {
|
|
151
151
|
* @param element Element to register. Registers in set of `element.name`.
|
152
152
|
*/
|
153
153
|
unregister(e) {
|
154
|
-
const
|
155
|
-
|
154
|
+
const r = this.getSet(e.name);
|
155
|
+
r.set.delete(e), r.ordered = null, r.selected == e && (r.selected = null);
|
156
156
|
}
|
157
157
|
/**
|
158
158
|
* Unselects other elements in element's set if element is checked. Noop
|
@@ -164,17 +164,17 @@ class d {
|
|
164
164
|
if (this.updating)
|
165
165
|
return;
|
166
166
|
this.updating = !0;
|
167
|
-
const
|
167
|
+
const r = this.getSet(e.name);
|
168
168
|
if (e.checked) {
|
169
|
-
for (const
|
170
|
-
|
171
|
-
|
169
|
+
for (const o of r.set)
|
170
|
+
o != e && (o.checked = !1);
|
171
|
+
r.selected = e;
|
172
172
|
}
|
173
173
|
if (this.isAnySelected(e))
|
174
|
-
for (const
|
175
|
-
if (
|
174
|
+
for (const o of r.set) {
|
175
|
+
if (o.formElementTabIndex === void 0)
|
176
176
|
break;
|
177
|
-
|
177
|
+
o.formElementTabIndex = o.checked ? 0 : -1;
|
178
178
|
}
|
179
179
|
this.updating = !1;
|
180
180
|
}
|
@@ -201,39 +201,39 @@ class d {
|
|
201
201
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
202
202
|
* THE SOFTWARE.
|
203
203
|
*/
|
204
|
-
var
|
204
|
+
var E = (
|
205
205
|
/** @class */
|
206
206
|
function() {
|
207
|
-
function
|
207
|
+
function d(e) {
|
208
208
|
e === void 0 && (e = {}), this.adapter = e;
|
209
209
|
}
|
210
|
-
return Object.defineProperty(
|
210
|
+
return Object.defineProperty(d, "cssClasses", {
|
211
211
|
get: function() {
|
212
212
|
return {};
|
213
213
|
},
|
214
214
|
enumerable: !1,
|
215
215
|
configurable: !0
|
216
|
-
}), Object.defineProperty(
|
216
|
+
}), Object.defineProperty(d, "strings", {
|
217
217
|
get: function() {
|
218
218
|
return {};
|
219
219
|
},
|
220
220
|
enumerable: !1,
|
221
221
|
configurable: !0
|
222
|
-
}), Object.defineProperty(
|
222
|
+
}), Object.defineProperty(d, "numbers", {
|
223
223
|
get: function() {
|
224
224
|
return {};
|
225
225
|
},
|
226
226
|
enumerable: !1,
|
227
227
|
configurable: !0
|
228
|
-
}), Object.defineProperty(
|
228
|
+
}), Object.defineProperty(d, "defaultAdapter", {
|
229
229
|
get: function() {
|
230
230
|
return {};
|
231
231
|
},
|
232
232
|
enumerable: !1,
|
233
233
|
configurable: !0
|
234
|
-
}),
|
235
|
-
},
|
236
|
-
},
|
234
|
+
}), d.prototype.init = function() {
|
235
|
+
}, d.prototype.destroy = function() {
|
236
|
+
}, d;
|
237
237
|
}()
|
238
238
|
);
|
239
239
|
/**
|
@@ -260,7 +260,7 @@ var D = (
|
|
260
260
|
*/
|
261
261
|
var S = {
|
262
262
|
NATIVE_CONTROL_SELECTOR: ".mdc-radio__native-control"
|
263
|
-
},
|
263
|
+
}, D = {
|
264
264
|
DISABLED: "mdc-radio--disabled",
|
265
265
|
ROOT: "mdc-radio"
|
266
266
|
};
|
@@ -286,16 +286,16 @@ var S = {
|
|
286
286
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
287
287
|
* THE SOFTWARE.
|
288
288
|
*/
|
289
|
-
var
|
289
|
+
var T = (
|
290
290
|
/** @class */
|
291
|
-
function(
|
292
|
-
|
293
|
-
function e(
|
294
|
-
return
|
291
|
+
function(d) {
|
292
|
+
f(e, d);
|
293
|
+
function e(r) {
|
294
|
+
return d.call(this, l(l({}, e.defaultAdapter), r)) || this;
|
295
295
|
}
|
296
296
|
return Object.defineProperty(e, "cssClasses", {
|
297
297
|
get: function() {
|
298
|
-
return
|
298
|
+
return D;
|
299
299
|
},
|
300
300
|
enumerable: !1,
|
301
301
|
configurable: !0
|
@@ -318,21 +318,20 @@ var $ = (
|
|
318
318
|
},
|
319
319
|
enumerable: !1,
|
320
320
|
configurable: !0
|
321
|
-
}), e.prototype.setDisabled = function(
|
322
|
-
var
|
323
|
-
this.adapter.setNativeControlDisabled(
|
321
|
+
}), e.prototype.setDisabled = function(r) {
|
322
|
+
var o = e.cssClasses.DISABLED;
|
323
|
+
this.adapter.setNativeControlDisabled(r), r ? this.adapter.addClass(o) : this.adapter.removeClass(o);
|
324
324
|
}, e;
|
325
|
-
}(
|
325
|
+
}(E)
|
326
326
|
);
|
327
|
-
const O = $;
|
328
327
|
/**
|
329
328
|
* @license
|
330
329
|
* Copyright 2018 Google LLC
|
331
330
|
* SPDX-License-Identifier: Apache-2.0
|
332
331
|
*/
|
333
|
-
class
|
332
|
+
class t extends k {
|
334
333
|
constructor() {
|
335
|
-
super(...arguments), this._checked = !1, this.useStateLayerCustomProperties = !1, this.global = !1, this.disabled = !1, this.value = "on", this.name = "", this.reducedTouchTarget = !1, this.mdcFoundationClass =
|
334
|
+
super(...arguments), this._checked = !1, this.useStateLayerCustomProperties = !1, this.global = !1, this.disabled = !1, this.value = "on", this.name = "", this.reducedTouchTarget = !1, this.mdcFoundationClass = T, this.formElementTabIndex = 0, this.focused = !1, this.shouldRenderRipple = !1, this.rippleElement = null, this.rippleHandlers = new v(() => (this.shouldRenderRipple = !0, this.ripple.then((e) => {
|
336
335
|
this.rippleElement = e;
|
337
336
|
}), this.ripple));
|
338
337
|
}
|
@@ -359,9 +358,9 @@ class o extends R {
|
|
359
358
|
* and we couldn't tell that radio1 was the most recently checked.
|
360
359
|
*/
|
361
360
|
set checked(e) {
|
362
|
-
var
|
363
|
-
const
|
364
|
-
e !==
|
361
|
+
var r, o;
|
362
|
+
const a = this._checked;
|
363
|
+
e !== a && (this._checked = e, this.formElement && (this.formElement.checked = e), (r = this._selectionController) === null || r === void 0 || r.update(this), e === !1 && ((o = this.formElement) === null || o === void 0 || o.blur()), this.requestUpdate("checked", a), this.dispatchEvent(new Event("checked", { bubbles: !0, composed: !0 })));
|
365
364
|
}
|
366
365
|
_handleUpdatedValue(e) {
|
367
366
|
this.formElement.value = e;
|
@@ -377,7 +376,7 @@ class o extends R {
|
|
377
376
|
return ((e = this.rippleElement) === null || e === void 0 ? void 0 : e.isActive) || !1;
|
378
377
|
}
|
379
378
|
connectedCallback() {
|
380
|
-
super.connectedCallback(), this._selectionController =
|
379
|
+
super.connectedCallback(), this._selectionController = s.getController(this), this._selectionController.register(this), this._selectionController.update(this);
|
381
380
|
}
|
382
381
|
disconnectedCallback() {
|
383
382
|
this._selectionController.unregister(this), this._selectionController = void 0;
|
@@ -386,7 +385,7 @@ class o extends R {
|
|
386
385
|
this.formElement.focus();
|
387
386
|
}
|
388
387
|
createAdapter() {
|
389
|
-
return Object.assign(Object.assign({},
|
388
|
+
return Object.assign(Object.assign({}, R(this.mdcRoot)), { setNativeControlDisabled: (e) => {
|
390
389
|
this.formElement.disabled = e;
|
391
390
|
} });
|
392
391
|
}
|
@@ -414,14 +413,14 @@ class o extends R {
|
|
414
413
|
"mdc-radio--disabled": this.disabled
|
415
414
|
};
|
416
415
|
return u`
|
417
|
-
<div class="mdc-radio ${
|
416
|
+
<div class="mdc-radio ${w(e)}">
|
418
417
|
<input
|
419
418
|
tabindex="${this.formElementTabIndex}"
|
420
419
|
class="mdc-radio__native-control"
|
421
420
|
type="radio"
|
422
421
|
name="${this.name}"
|
423
|
-
aria-label="${
|
424
|
-
aria-labelledby="${
|
422
|
+
aria-label="${m(this.ariaLabel)}"
|
423
|
+
aria-labelledby="${m(this.ariaLabelledBy)}"
|
425
424
|
.checked="${this.checked}"
|
426
425
|
.value="${this.value}"
|
427
426
|
?disabled="${this.disabled}"
|
@@ -443,10 +442,10 @@ class o extends R {
|
|
443
442
|
</div>`;
|
444
443
|
}
|
445
444
|
handleRippleMouseDown(e) {
|
446
|
-
const
|
447
|
-
window.removeEventListener("mouseup",
|
445
|
+
const r = () => {
|
446
|
+
window.removeEventListener("mouseup", r), this.handleRippleDeactivate();
|
448
447
|
};
|
449
|
-
window.addEventListener("mouseup",
|
448
|
+
window.addEventListener("mouseup", r), this.rippleHandlers.startPress(e);
|
450
449
|
}
|
451
450
|
handleRippleTouchStart(e) {
|
452
451
|
this.rippleHandlers.startPress(e);
|
@@ -468,61 +467,68 @@ class o extends R {
|
|
468
467
|
}
|
469
468
|
}
|
470
469
|
i([
|
471
|
-
|
472
|
-
],
|
470
|
+
_(".mdc-radio")
|
471
|
+
], t.prototype, "mdcRoot", void 0);
|
473
472
|
i([
|
474
|
-
|
475
|
-
],
|
473
|
+
_("input")
|
474
|
+
], t.prototype, "formElement", void 0);
|
476
475
|
i([
|
477
|
-
|
478
|
-
],
|
476
|
+
n()
|
477
|
+
], t.prototype, "useStateLayerCustomProperties", void 0);
|
479
478
|
i([
|
480
|
-
|
481
|
-
],
|
479
|
+
c({ type: Boolean })
|
480
|
+
], t.prototype, "global", void 0);
|
482
481
|
i([
|
483
|
-
|
484
|
-
],
|
482
|
+
c({ type: Boolean, reflect: !0 })
|
483
|
+
], t.prototype, "checked", null);
|
485
484
|
i([
|
486
|
-
|
487
|
-
|
488
|
-
this.mdcFoundation.setDisabled(
|
485
|
+
c({ type: Boolean }),
|
486
|
+
h(function(d) {
|
487
|
+
this.mdcFoundation.setDisabled(d);
|
489
488
|
})
|
490
|
-
],
|
489
|
+
], t.prototype, "disabled", void 0);
|
491
490
|
i([
|
492
|
-
|
493
|
-
|
494
|
-
this._handleUpdatedValue(
|
491
|
+
c({ type: String }),
|
492
|
+
h(function(d) {
|
493
|
+
this._handleUpdatedValue(d);
|
495
494
|
})
|
496
|
-
],
|
495
|
+
], t.prototype, "value", void 0);
|
497
496
|
i([
|
498
|
-
|
499
|
-
],
|
497
|
+
c({ type: String })
|
498
|
+
], t.prototype, "name", void 0);
|
500
499
|
i([
|
501
|
-
|
502
|
-
],
|
500
|
+
c({ type: Boolean })
|
501
|
+
], t.prototype, "reducedTouchTarget", void 0);
|
503
502
|
i([
|
504
|
-
|
505
|
-
],
|
503
|
+
c({ type: Number })
|
504
|
+
], t.prototype, "formElementTabIndex", void 0);
|
506
505
|
i([
|
507
|
-
|
508
|
-
],
|
506
|
+
n()
|
507
|
+
], t.prototype, "focused", void 0);
|
509
508
|
i([
|
510
|
-
|
511
|
-
],
|
509
|
+
n()
|
510
|
+
], t.prototype, "shouldRenderRipple", void 0);
|
512
511
|
i([
|
513
512
|
g("mwc-ripple")
|
514
|
-
],
|
513
|
+
], t.prototype, "ripple", void 0);
|
515
514
|
i([
|
516
|
-
|
517
|
-
|
518
|
-
],
|
515
|
+
b,
|
516
|
+
c({ attribute: "aria-label" })
|
517
|
+
], t.prototype, "ariaLabel", void 0);
|
519
518
|
i([
|
520
|
-
|
521
|
-
|
522
|
-
],
|
519
|
+
b,
|
520
|
+
c({ attribute: "aria-labelledby" })
|
521
|
+
], t.prototype, "ariaLabelledBy", void 0);
|
523
522
|
i([
|
524
|
-
|
525
|
-
],
|
523
|
+
x({ passive: !0 })
|
524
|
+
], t.prototype, "handleRippleTouchStart", null);
|
525
|
+
/**
|
526
|
+
* @license
|
527
|
+
* Copyright 2021 Google LLC
|
528
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
529
|
+
*/
|
530
|
+
const U = y`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40px - 20px) / 2)}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:calc((40px - 48px) / 2);right:calc((40px - 48px) / 2);left:calc((40px - 48px) / 2);width:48px;height:48px}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__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-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{border-color:CanvasText}}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__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-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{border-color:CanvasText}}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(0.5);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}:host{display:inline-block;outline:none}.mdc-radio{vertical-align:bottom}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-unchecked-color, rgba(0, 0, 0, 0.54))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}`;
|
526
531
|
export {
|
527
|
-
|
532
|
+
t as R,
|
533
|
+
U as s
|
528
534
|
};
|
@@ -0,0 +1,105 @@
|
|
1
|
+
"use strict";const d=require("./tslib.es6-5xG0QhxF.js"),p=require("./ripple-handlers-HeGhXgD2.js"),_=require("./aria-property-52VAcg_f.js"),f=require("./form-element-5s8gft-A.js"),b=require("./observer-LlGBroG9.js"),n=require("./query-assigned-elements-j_5ZiL65.js"),a=require("./property-iZpLBvy-.js"),s=require("./state-LqPxt99W.js"),g=require("./event-options-2TJPtsKy.js"),h=require("./query-duvhtfSs.js"),v=require("./class-map-wtcW44Of.js"),u=require("./if-defined-lAIUwAsA.js"),k=require("./utils-W3ENJhq-.js");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2020 Google LLC
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
5
|
+
*/const m=Symbol("selection controller");class y{constructor(){this.selected=null,this.ordered=null,this.set=new Set}}class l{constructor(e){this.sets={},this.focusedSet=null,this.mouseIsDown=!1,this.updating=!1,e.addEventListener("keydown",r=>{this.keyDownHandler(r)}),e.addEventListener("mousedown",()=>{this.mousedownHandler()}),e.addEventListener("mouseup",()=>{this.mouseupHandler()})}static getController(e){const o=!("global"in e)||"global"in e&&e.global?document:e.getRootNode();let c=o[m];return c===void 0&&(c=new l(o),o[m]=c),c}keyDownHandler(e){const r=e.target;"checked"in r&&this.has(r)&&(e.key=="ArrowRight"||e.key=="ArrowDown"?this.selectNext(r):(e.key=="ArrowLeft"||e.key=="ArrowUp")&&this.selectPrevious(r))}mousedownHandler(){this.mouseIsDown=!0}mouseupHandler(){this.mouseIsDown=!1}has(e){return this.getSet(e.name).set.has(e)}selectPrevious(e){const r=this.getOrdered(e),o=r.indexOf(e),c=r[o-1]||r[r.length-1];return this.select(c),c}selectNext(e){const r=this.getOrdered(e),o=r.indexOf(e),c=r[o+1]||r[0];return this.select(c),c}select(e){e.click()}focus(e){if(this.mouseIsDown)return;const r=this.getSet(e.name),o=this.focusedSet;this.focusedSet=r,o!=r&&r.selected&&r.selected!=e&&r.selected.focus()}isAnySelected(e){const r=this.getSet(e.name);for(const o of r.set)if(o.checked)return!0;return!1}getOrdered(e){const r=this.getSet(e.name);return r.ordered||(r.ordered=Array.from(r.set),r.ordered.sort((o,c)=>o.compareDocumentPosition(c)==Node.DOCUMENT_POSITION_PRECEDING?1:0)),r.ordered}getSet(e){return this.sets[e]||(this.sets[e]=new y),this.sets[e]}register(e){const r=e.name||e.getAttribute("name")||"",o=this.getSet(r);o.set.add(e),o.ordered=null}unregister(e){const r=this.getSet(e.name);r.set.delete(e),r.ordered=null,r.selected==e&&(r.selected=null)}update(e){if(this.updating)return;this.updating=!0;const r=this.getSet(e.name);if(e.checked){for(const o of r.set)o!=e&&(o.checked=!1);r.selected=e}if(this.isAnySelected(e))for(const o of r.set){if(o.formElementTabIndex===void 0)break;o.formElementTabIndex=o.checked?0:-1}this.updating=!1}}/**
|
6
|
+
* @license
|
7
|
+
* Copyright 2016 Google Inc.
|
8
|
+
*
|
9
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
10
|
+
* of this software and associated documentation files (the "Software"), to deal
|
11
|
+
* in the Software without restriction, including without limitation the rights
|
12
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
13
|
+
* copies of the Software, and to permit persons to whom the Software is
|
14
|
+
* furnished to do so, subject to the following conditions:
|
15
|
+
*
|
16
|
+
* The above copyright notice and this permission notice shall be included in
|
17
|
+
* all copies or substantial portions of the Software.
|
18
|
+
*
|
19
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
20
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
21
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
22
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
23
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
24
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
25
|
+
* THE SOFTWARE.
|
26
|
+
*/var x=function(){function i(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(i,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(i,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(i,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(i,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),i.prototype.init=function(){},i.prototype.destroy=function(){},i}();/**
|
27
|
+
* @license
|
28
|
+
* Copyright 2016 Google Inc.
|
29
|
+
*
|
30
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
31
|
+
* of this software and associated documentation files (the "Software"), to deal
|
32
|
+
* in the Software without restriction, including without limitation the rights
|
33
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
34
|
+
* copies of the Software, and to permit persons to whom the Software is
|
35
|
+
* furnished to do so, subject to the following conditions:
|
36
|
+
*
|
37
|
+
* The above copyright notice and this permission notice shall be included in
|
38
|
+
* all copies or substantial portions of the Software.
|
39
|
+
*
|
40
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
41
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
42
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
43
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
44
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
45
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
46
|
+
* THE SOFTWARE.
|
47
|
+
*/var w={NATIVE_CONTROL_SELECTOR:".mdc-radio__native-control"},R={DISABLED:"mdc-radio--disabled",ROOT:"mdc-radio"};/**
|
48
|
+
* @license
|
49
|
+
* Copyright 2016 Google Inc.
|
50
|
+
*
|
51
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
52
|
+
* of this software and associated documentation files (the "Software"), to deal
|
53
|
+
* in the Software without restriction, including without limitation the rights
|
54
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
55
|
+
* copies of the Software, and to permit persons to whom the Software is
|
56
|
+
* furnished to do so, subject to the following conditions:
|
57
|
+
*
|
58
|
+
* The above copyright notice and this permission notice shall be included in
|
59
|
+
* all copies or substantial portions of the Software.
|
60
|
+
*
|
61
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
62
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
63
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
64
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
65
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
66
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
67
|
+
* THE SOFTWARE.
|
68
|
+
*/var E=function(i){d.__extends(e,i);function e(r){return i.call(this,d.__assign(d.__assign({},e.defaultAdapter),r))||this}return Object.defineProperty(e,"cssClasses",{get:function(){return R},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return w},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},setNativeControlDisabled:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setDisabled=function(r){var o=e.cssClasses.DISABLED;this.adapter.setNativeControlDisabled(r),r?this.adapter.addClass(o):this.adapter.removeClass(o)},e}(x);/**
|
69
|
+
* @license
|
70
|
+
* Copyright 2018 Google LLC
|
71
|
+
* SPDX-License-Identifier: Apache-2.0
|
72
|
+
*/class t extends f.FormElement{constructor(){super(...arguments),this._checked=!1,this.useStateLayerCustomProperties=!1,this.global=!1,this.disabled=!1,this.value="on",this.name="",this.reducedTouchTarget=!1,this.mdcFoundationClass=E,this.formElementTabIndex=0,this.focused=!1,this.shouldRenderRipple=!1,this.rippleElement=null,this.rippleHandlers=new p.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple.then(e=>{this.rippleElement=e}),this.ripple))}get checked(){return this._checked}set checked(e){var r,o;const c=this._checked;e!==c&&(this._checked=e,this.formElement&&(this.formElement.checked=e),(r=this._selectionController)===null||r===void 0||r.update(this),e===!1&&((o=this.formElement)===null||o===void 0||o.blur()),this.requestUpdate("checked",c),this.dispatchEvent(new Event("checked",{bubbles:!0,composed:!0})))}_handleUpdatedValue(e){this.formElement.value=e}renderRipple(){return this.shouldRenderRipple?n.x`<mwc-ripple unbounded accent
|
73
|
+
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
|
74
|
+
.disabled="${this.disabled}"></mwc-ripple>`:""}get isRippleActive(){var e;return((e=this.rippleElement)===null||e===void 0?void 0:e.isActive)||!1}connectedCallback(){super.connectedCallback(),this._selectionController=l.getController(this),this._selectionController.register(this),this._selectionController.update(this)}disconnectedCallback(){this._selectionController.unregister(this),this._selectionController=void 0}focus(){this.formElement.focus()}createAdapter(){return Object.assign(Object.assign({},k.addHasRemoveClass(this.mdcRoot)),{setNativeControlDisabled:e=>{this.formElement.disabled=e}})}handleFocus(){this.focused=!0,this.handleRippleFocus()}handleClick(){this.formElement.focus()}handleBlur(){this.focused=!1,this.formElement.blur(),this.rippleHandlers.endFocus()}setFormData(e){this.name&&this.checked&&e.append(this.name,this.value)}render(){const e={"mdc-radio--touch":!this.reducedTouchTarget,"mdc-ripple-upgraded--background-focused":this.focused,"mdc-radio--disabled":this.disabled};return n.x`
|
75
|
+
<div class="mdc-radio ${v.o(e)}">
|
76
|
+
<input
|
77
|
+
tabindex="${this.formElementTabIndex}"
|
78
|
+
class="mdc-radio__native-control"
|
79
|
+
type="radio"
|
80
|
+
name="${this.name}"
|
81
|
+
aria-label="${u.l(this.ariaLabel)}"
|
82
|
+
aria-labelledby="${u.l(this.ariaLabelledBy)}"
|
83
|
+
.checked="${this.checked}"
|
84
|
+
.value="${this.value}"
|
85
|
+
?disabled="${this.disabled}"
|
86
|
+
@change="${this.changeHandler}"
|
87
|
+
@focus="${this.handleFocus}"
|
88
|
+
@click="${this.handleClick}"
|
89
|
+
@blur="${this.handleBlur}"
|
90
|
+
@mousedown="${this.handleRippleMouseDown}"
|
91
|
+
@mouseenter="${this.handleRippleMouseEnter}"
|
92
|
+
@mouseleave="${this.handleRippleMouseLeave}"
|
93
|
+
@touchstart="${this.handleRippleTouchStart}"
|
94
|
+
@touchend="${this.handleRippleDeactivate}"
|
95
|
+
@touchcancel="${this.handleRippleDeactivate}">
|
96
|
+
<div class="mdc-radio__background">
|
97
|
+
<div class="mdc-radio__outer-circle"></div>
|
98
|
+
<div class="mdc-radio__inner-circle"></div>
|
99
|
+
</div>
|
100
|
+
${this.renderRipple()}
|
101
|
+
</div>`}handleRippleMouseDown(e){const r=()=>{window.removeEventListener("mouseup",r),this.handleRippleDeactivate()};window.addEventListener("mouseup",r),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()}changeHandler(){this.checked=this.formElement.checked}}d.__decorate([h.i(".mdc-radio")],t.prototype,"mdcRoot",void 0);d.__decorate([h.i("input")],t.prototype,"formElement",void 0);d.__decorate([s.t()],t.prototype,"useStateLayerCustomProperties",void 0);d.__decorate([a.n({type:Boolean})],t.prototype,"global",void 0);d.__decorate([a.n({type:Boolean,reflect:!0})],t.prototype,"checked",null);d.__decorate([a.n({type:Boolean}),b.observer(function(i){this.mdcFoundation.setDisabled(i)})],t.prototype,"disabled",void 0);d.__decorate([a.n({type:String}),b.observer(function(i){this._handleUpdatedValue(i)})],t.prototype,"value",void 0);d.__decorate([a.n({type:String})],t.prototype,"name",void 0);d.__decorate([a.n({type:Boolean})],t.prototype,"reducedTouchTarget",void 0);d.__decorate([a.n({type:Number})],t.prototype,"formElementTabIndex",void 0);d.__decorate([s.t()],t.prototype,"focused",void 0);d.__decorate([s.t()],t.prototype,"shouldRenderRipple",void 0);d.__decorate([p.e("mwc-ripple")],t.prototype,"ripple",void 0);d.__decorate([_.ariaProperty,a.n({attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);d.__decorate([_.ariaProperty,a.n({attribute:"aria-labelledby"})],t.prototype,"ariaLabelledBy",void 0);d.__decorate([g.e({passive:!0})],t.prototype,"handleRippleTouchStart",null);/**
|
102
|
+
* @license
|
103
|
+
* Copyright 2021 Google LLC
|
104
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
105
|
+
*/const C=n.i`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40px - 20px) / 2)}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:calc((40px - 48px) / 2);right:calc((40px - 48px) / 2);left:calc((40px - 48px) / 2);width:48px;height:48px}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__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-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{border-color:CanvasText}}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__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-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{border-color:CanvasText}}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(0.5);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}:host{display:inline-block;outline:none}.mdc-radio{vertical-align:bottom}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-unchecked-color, rgba(0, 0, 0, 0.54))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}`;exports.RadioBase=t;exports.styles=C;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";const d=require("./tslib.es6-
|
1
|
+
"use strict";const d=require("./tslib.es6-5xG0QhxF.js"),V=require("./ripple-handlers-HeGhXgD2.js"),k=require("./aria-property-52VAcg_f.js"),L=require("./form-element-5s8gft-A.js"),m=require("./query-assigned-elements-j_5ZiL65.js"),b=require("./property-iZpLBvy-.js"),f=require("./state-LqPxt99W.js"),g=require("./query-duvhtfSs.js"),x=require("./class-map-wtcW44Of.js"),A=require("./if-defined-lAIUwAsA.js"),U=require("./style-map-66_3wrLx.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2020 Google Inc.
|
4
4
|
*
|
@@ -1,14 +1,14 @@
|
|
1
|
-
import { _ as F, a as x,
|
2
|
-
import { e as H, R as O } from "./ripple-handlers-
|
3
|
-
import { a as w } from "./aria-property-
|
4
|
-
import { F as B } from "./form-element-
|
5
|
-
import { x as _, A as g, i as $ } from "./query-assigned-elements-
|
6
|
-
import { n as f } from "./property-
|
7
|
-
import { t as b } from "./state-
|
8
|
-
import { i as y } from "./query-
|
9
|
-
import { o as P } from "./class-map-
|
10
|
-
import { l as R } from "./if-defined-
|
11
|
-
import { o as W } from "./style-map-
|
1
|
+
import { _ as F, a as x, b as o } from "./tslib.es6-S8SvF2K1.mjs";
|
2
|
+
import { e as H, R as O } from "./ripple-handlers-BwaZu9Ps.mjs";
|
3
|
+
import { a as w } from "./aria-property-wYjPNXcK.mjs";
|
4
|
+
import { F as B } from "./form-element-gM33WEq3.mjs";
|
5
|
+
import { x as _, A as g, i as $ } from "./query-assigned-elements-yFWOzcsT.mjs";
|
6
|
+
import { n as f } from "./property-K7hFBmOi.mjs";
|
7
|
+
import { t as b } from "./state-inNZe6rL.mjs";
|
8
|
+
import { i as y } from "./query-1WmuF6Bq.mjs";
|
9
|
+
import { o as P } from "./class-map-YPXv0Hj4.mjs";
|
10
|
+
import { l as R } from "./if-defined-BH_l2PVl.mjs";
|
11
|
+
import { o as W } from "./style-map-8yp6DGeh.mjs";
|
12
12
|
/**
|
13
13
|
* @license
|
14
14
|
* Copyright 2020 Google Inc.
|