@covalent/components 8.1.0 → 8.2.0-beta.1
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
package/formfield.mjs
ADDED
@@ -0,0 +1,275 @@
|
|
1
|
+
import { x as u, i as m, r as h, e as y } from "./query-assigned-elements-yFWOzcsT.mjs";
|
2
|
+
import { _ as b, a as f, b as a } from "./tslib.es6-S8SvF2K1.mjs";
|
3
|
+
import { B as v } from "./base-element--jaKdI-8.mjs";
|
4
|
+
import { F as p } from "./form-element-gM33WEq3.mjs";
|
5
|
+
import { o as w } from "./observer-cKAgu-MI.mjs";
|
6
|
+
import { n as d } from "./property-K7hFBmOi.mjs";
|
7
|
+
import { i as g } from "./query-1WmuF6Bq.mjs";
|
8
|
+
import { o as x } from "./query-assigned-nodes-6yHI5ePh.mjs";
|
9
|
+
import { o as _ } from "./class-map-YPXv0Hj4.mjs";
|
10
|
+
import "./utils-xAXEDL0Y.mjs";
|
11
|
+
/**
|
12
|
+
* @license
|
13
|
+
* Copyright 2016 Google Inc.
|
14
|
+
*
|
15
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
16
|
+
* of this software and associated documentation files (the "Software"), to deal
|
17
|
+
* in the Software without restriction, including without limitation the rights
|
18
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
19
|
+
* copies of the Software, and to permit persons to whom the Software is
|
20
|
+
* furnished to do so, subject to the following conditions:
|
21
|
+
*
|
22
|
+
* The above copyright notice and this permission notice shall be included in
|
23
|
+
* all copies or substantial portions of the Software.
|
24
|
+
*
|
25
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
26
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
27
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
28
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
29
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
30
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
31
|
+
* THE SOFTWARE.
|
32
|
+
*/
|
33
|
+
var C = (
|
34
|
+
/** @class */
|
35
|
+
function() {
|
36
|
+
function r(e) {
|
37
|
+
e === void 0 && (e = {}), this.adapter = e;
|
38
|
+
}
|
39
|
+
return Object.defineProperty(r, "cssClasses", {
|
40
|
+
get: function() {
|
41
|
+
return {};
|
42
|
+
},
|
43
|
+
enumerable: !1,
|
44
|
+
configurable: !0
|
45
|
+
}), Object.defineProperty(r, "strings", {
|
46
|
+
get: function() {
|
47
|
+
return {};
|
48
|
+
},
|
49
|
+
enumerable: !1,
|
50
|
+
configurable: !0
|
51
|
+
}), Object.defineProperty(r, "numbers", {
|
52
|
+
get: function() {
|
53
|
+
return {};
|
54
|
+
},
|
55
|
+
enumerable: !1,
|
56
|
+
configurable: !0
|
57
|
+
}), Object.defineProperty(r, "defaultAdapter", {
|
58
|
+
get: function() {
|
59
|
+
return {};
|
60
|
+
},
|
61
|
+
enumerable: !1,
|
62
|
+
configurable: !0
|
63
|
+
}), r.prototype.init = function() {
|
64
|
+
}, r.prototype.destroy = function() {
|
65
|
+
}, r;
|
66
|
+
}()
|
67
|
+
);
|
68
|
+
/**
|
69
|
+
* @license
|
70
|
+
* Copyright 2017 Google Inc.
|
71
|
+
*
|
72
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
73
|
+
* of this software and associated documentation files (the "Software"), to deal
|
74
|
+
* in the Software without restriction, including without limitation the rights
|
75
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
76
|
+
* copies of the Software, and to permit persons to whom the Software is
|
77
|
+
* furnished to do so, subject to the following conditions:
|
78
|
+
*
|
79
|
+
* The above copyright notice and this permission notice shall be included in
|
80
|
+
* all copies or substantial portions of the Software.
|
81
|
+
*
|
82
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
83
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
84
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
85
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
86
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
87
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
88
|
+
* THE SOFTWARE.
|
89
|
+
*/
|
90
|
+
var F = {
|
91
|
+
ROOT: "mdc-form-field"
|
92
|
+
}, I = {
|
93
|
+
LABEL_SELECTOR: ".mdc-form-field > label"
|
94
|
+
};
|
95
|
+
/**
|
96
|
+
* @license
|
97
|
+
* Copyright 2017 Google Inc.
|
98
|
+
*
|
99
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
100
|
+
* of this software and associated documentation files (the "Software"), to deal
|
101
|
+
* in the Software without restriction, including without limitation the rights
|
102
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
103
|
+
* copies of the Software, and to permit persons to whom the Software is
|
104
|
+
* furnished to do so, subject to the following conditions:
|
105
|
+
*
|
106
|
+
* The above copyright notice and this permission notice shall be included in
|
107
|
+
* all copies or substantial portions of the Software.
|
108
|
+
*
|
109
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
110
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
111
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
112
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
113
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
114
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
115
|
+
* THE SOFTWARE.
|
116
|
+
*/
|
117
|
+
var O = (
|
118
|
+
/** @class */
|
119
|
+
function(r) {
|
120
|
+
b(e, r);
|
121
|
+
function e(t) {
|
122
|
+
var i = r.call(this, f(f({}, e.defaultAdapter), t)) || this;
|
123
|
+
return i.click = function() {
|
124
|
+
i.handleClick();
|
125
|
+
}, i;
|
126
|
+
}
|
127
|
+
return Object.defineProperty(e, "cssClasses", {
|
128
|
+
get: function() {
|
129
|
+
return F;
|
130
|
+
},
|
131
|
+
enumerable: !1,
|
132
|
+
configurable: !0
|
133
|
+
}), Object.defineProperty(e, "strings", {
|
134
|
+
get: function() {
|
135
|
+
return I;
|
136
|
+
},
|
137
|
+
enumerable: !1,
|
138
|
+
configurable: !0
|
139
|
+
}), Object.defineProperty(e, "defaultAdapter", {
|
140
|
+
get: function() {
|
141
|
+
return {
|
142
|
+
activateInputRipple: function() {
|
143
|
+
},
|
144
|
+
deactivateInputRipple: function() {
|
145
|
+
},
|
146
|
+
deregisterInteractionHandler: function() {
|
147
|
+
},
|
148
|
+
registerInteractionHandler: function() {
|
149
|
+
}
|
150
|
+
};
|
151
|
+
},
|
152
|
+
enumerable: !1,
|
153
|
+
configurable: !0
|
154
|
+
}), e.prototype.init = function() {
|
155
|
+
this.adapter.registerInteractionHandler("click", this.click);
|
156
|
+
}, e.prototype.destroy = function() {
|
157
|
+
this.adapter.deregisterInteractionHandler("click", this.click);
|
158
|
+
}, e.prototype.handleClick = function() {
|
159
|
+
var t = this;
|
160
|
+
this.adapter.activateInputRipple(), requestAnimationFrame(function() {
|
161
|
+
t.adapter.deactivateInputRipple();
|
162
|
+
});
|
163
|
+
}, e;
|
164
|
+
}(C)
|
165
|
+
);
|
166
|
+
/**
|
167
|
+
* @license
|
168
|
+
* Copyright 2018 Google LLC
|
169
|
+
* SPDX-License-Identifier: Apache-2.0
|
170
|
+
*/
|
171
|
+
class n extends v {
|
172
|
+
constructor() {
|
173
|
+
super(...arguments), this.alignEnd = !1, this.spaceBetween = !1, this.nowrap = !1, this.label = "", this.mdcFoundationClass = O;
|
174
|
+
}
|
175
|
+
createAdapter() {
|
176
|
+
return {
|
177
|
+
registerInteractionHandler: (e, t) => {
|
178
|
+
this.labelEl.addEventListener(e, t);
|
179
|
+
},
|
180
|
+
deregisterInteractionHandler: (e, t) => {
|
181
|
+
this.labelEl.removeEventListener(e, t);
|
182
|
+
},
|
183
|
+
activateInputRipple: async () => {
|
184
|
+
const e = this.input;
|
185
|
+
if (e instanceof p) {
|
186
|
+
const t = await e.ripple;
|
187
|
+
t && t.startPress();
|
188
|
+
}
|
189
|
+
},
|
190
|
+
deactivateInputRipple: async () => {
|
191
|
+
const e = this.input;
|
192
|
+
if (e instanceof p) {
|
193
|
+
const t = await e.ripple;
|
194
|
+
t && t.endPress();
|
195
|
+
}
|
196
|
+
}
|
197
|
+
};
|
198
|
+
}
|
199
|
+
get input() {
|
200
|
+
var e, t;
|
201
|
+
return (t = (e = this.slottedInputs) === null || e === void 0 ? void 0 : e[0]) !== null && t !== void 0 ? t : null;
|
202
|
+
}
|
203
|
+
render() {
|
204
|
+
const e = {
|
205
|
+
"mdc-form-field--align-end": this.alignEnd,
|
206
|
+
"mdc-form-field--space-between": this.spaceBetween,
|
207
|
+
"mdc-form-field--nowrap": this.nowrap
|
208
|
+
};
|
209
|
+
return u`
|
210
|
+
<div class="mdc-form-field ${_(e)}">
|
211
|
+
<slot></slot>
|
212
|
+
<label class="mdc-label"
|
213
|
+
@click="${this._labelClick}">${this.label}</label>
|
214
|
+
</div>`;
|
215
|
+
}
|
216
|
+
click() {
|
217
|
+
this._labelClick();
|
218
|
+
}
|
219
|
+
_labelClick() {
|
220
|
+
const e = this.input;
|
221
|
+
e && (e.focus(), e.click());
|
222
|
+
}
|
223
|
+
}
|
224
|
+
a([
|
225
|
+
d({ type: Boolean })
|
226
|
+
], n.prototype, "alignEnd", void 0);
|
227
|
+
a([
|
228
|
+
d({ type: Boolean })
|
229
|
+
], n.prototype, "spaceBetween", void 0);
|
230
|
+
a([
|
231
|
+
d({ type: Boolean })
|
232
|
+
], n.prototype, "nowrap", void 0);
|
233
|
+
a([
|
234
|
+
d({ type: String }),
|
235
|
+
w(async function(r) {
|
236
|
+
var e;
|
237
|
+
(e = this.input) === null || e === void 0 || e.setAttribute("aria-label", r);
|
238
|
+
})
|
239
|
+
], n.prototype, "label", void 0);
|
240
|
+
a([
|
241
|
+
g(".mdc-form-field")
|
242
|
+
], n.prototype, "mdcRoot", void 0);
|
243
|
+
a([
|
244
|
+
x("", !0, "*")
|
245
|
+
], n.prototype, "slottedInputs", void 0);
|
246
|
+
a([
|
247
|
+
g("label")
|
248
|
+
], n.prototype, "labelEl", void 0);
|
249
|
+
/**
|
250
|
+
* @license
|
251
|
+
* Copyright 2021 Google LLC
|
252
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
253
|
+
*/
|
254
|
+
const E = m`.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{margin-left:0;margin-right:auto;padding-left:4px;padding-right:0;order:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{margin-left:auto;margin-right:0}[dir=rtl] .mdc-form-field>label,.mdc-form-field>label[dir=rtl]{padding-left:0;padding-right:4px}.mdc-form-field--nowrap>label{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.mdc-form-field--align-end>label{margin-left:auto;margin-right:0;padding-left:0;padding-right:4px;order:-1}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end>label[dir=rtl]{padding-left:4px;padding-right:0}.mdc-form-field--space-between{justify-content:space-between}.mdc-form-field--space-between>label{margin:0}[dir=rtl] .mdc-form-field--space-between>label,.mdc-form-field--space-between>label[dir=rtl]{margin:0}:host{display:inline-flex}.mdc-form-field{width:100%}::slotted(*){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch[dir=rtl]){margin-left:10px}`, P = "::slotted(cv-switch){margin-right:10px}[dir=rtl] ::slotted(cv-switch),::slotted(cv-switch[dir=rtl]){margin-left:10px}";
|
255
|
+
var R = Object.defineProperty, k = Object.getOwnPropertyDescriptor, j = (r, e, t, i) => {
|
256
|
+
for (var o = i > 1 ? void 0 : i ? k(e, t) : e, s = r.length - 1, c; s >= 0; s--)
|
257
|
+
(c = r[s]) && (o = (i ? c(e, t, o) : c(o)) || o);
|
258
|
+
return i && o && R(e, t, o), o;
|
259
|
+
};
|
260
|
+
let l = class extends n {
|
261
|
+
};
|
262
|
+
l.styles = [
|
263
|
+
m`
|
264
|
+
${h(P)}
|
265
|
+
`,
|
266
|
+
E
|
267
|
+
];
|
268
|
+
l = j([
|
269
|
+
y("cv-formfield")
|
270
|
+
], l);
|
271
|
+
const q = l;
|
272
|
+
export {
|
273
|
+
l as CovalentFormfield,
|
274
|
+
q as default
|
275
|
+
};
|
package/icon-button.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-j_5ZiL65.js"),e=require("./tslib.es6-5xG0QhxF.js"),p=require("./ripple-handlers-HeGhXgD2.js"),u=require("./aria-property-52VAcg_f.js"),s=require("./property-iZpLBvy-.js"),m=require("./state-LqPxt99W.js"),b=require("./event-options-2TJPtsKy.js"),h=require("./query-duvhtfSs.js"),f=require("./if-defined-lAIUwAsA.js");require("./base-element-atp_8bvP.js");require("./utils-W3ENJhq-.js");require("./class-map-wtcW44Of.js");require("./style-map-66_3wrLx.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2018 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
@@ -28,5 +28,4 @@
|
|
28
28
|
* @license
|
29
29
|
* Copyright 2021 Google LLC
|
30
30
|
* SPDX-LIcense-Identifier: Apache-2.0
|
31
|
-
*/const g=n.i`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`,_
|
32
|
-
`;var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(r,t,c,d)=>{for(var i=d>1?void 0:d?x(t,c):t,l=r.length-1,a;l>=0;l--)(a=r[l])&&(i=(d?a(t,c,i):a(i))||i);return d&&i&&v(t,c,i),i};exports.CovalentIconButton=class extends o{};exports.CovalentIconButton.styles=[g,n.i`${n.r(_)}`];exports.CovalentIconButton=y([n.e("cv-icon-button")],exports.CovalentIconButton);const w=exports.CovalentIconButton;exports.default=w;
|
31
|
+
*/const g=n.i`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`,_=":host{color:var(--mdc-theme-text-icon-on-background)}";var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(r,t,c,d)=>{for(var i=d>1?void 0:d?x(t,c):t,l=r.length-1,a;l>=0;l--)(a=r[l])&&(i=(d?a(t,c,i):a(i))||i);return d&&i&&v(t,c,i),i};exports.CovalentIconButton=class extends o{};exports.CovalentIconButton.styles=[g,n.i`${n.r(_)}`];exports.CovalentIconButton=y([n.e("cv-icon-button")],exports.CovalentIconButton);const w=exports.CovalentIconButton;exports.default=w;
|
package/icon-button.mjs
CHANGED
@@ -1,16 +1,16 @@
|
|
1
|
-
import { s as h, x as p, i as u, r as f, e as g } from "./query-assigned-elements-
|
2
|
-
import {
|
3
|
-
import { e as _, R as x } from "./ripple-handlers-
|
4
|
-
import { a as m } from "./aria-property-
|
5
|
-
import { n as d } from "./property-
|
6
|
-
import { t as v } from "./state-
|
7
|
-
import { e as b } from "./event-options-
|
8
|
-
import { i as y } from "./query-
|
9
|
-
import { l as w } from "./if-defined-
|
10
|
-
import "./base-element-
|
11
|
-
import "./utils-
|
12
|
-
import "./class-map-
|
13
|
-
import "./style-map-
|
1
|
+
import { s as h, x as p, i as u, r as f, e as g } from "./query-assigned-elements-yFWOzcsT.mjs";
|
2
|
+
import { b as n } from "./tslib.es6-S8SvF2K1.mjs";
|
3
|
+
import { e as _, R as x } from "./ripple-handlers-BwaZu9Ps.mjs";
|
4
|
+
import { a as m } from "./aria-property-wYjPNXcK.mjs";
|
5
|
+
import { n as d } from "./property-K7hFBmOi.mjs";
|
6
|
+
import { t as v } from "./state-inNZe6rL.mjs";
|
7
|
+
import { e as b } from "./event-options-0xzSdemG.mjs";
|
8
|
+
import { i as y } from "./query-1WmuF6Bq.mjs";
|
9
|
+
import { l as w } from "./if-defined-BH_l2PVl.mjs";
|
10
|
+
import "./base-element--jaKdI-8.mjs";
|
11
|
+
import "./utils-xAXEDL0Y.mjs";
|
12
|
+
import "./class-map-YPXv0Hj4.mjs";
|
13
|
+
import "./style-map-8yp6DGeh.mjs";
|
14
14
|
/**
|
15
15
|
* @license
|
16
16
|
* Copyright 2018 Google LLC
|
@@ -117,8 +117,7 @@ n([
|
|
117
117
|
* Copyright 2021 Google LLC
|
118
118
|
* SPDX-LIcense-Identifier: Apache-2.0
|
119
119
|
*/
|
120
|
-
const R = u`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`, $ =
|
121
|
-
`;
|
120
|
+
const R = u`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`, $ = ":host{color:var(--mdc-theme-text-icon-on-background)}";
|
122
121
|
var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (s, o, i, c) => {
|
123
122
|
for (var e = c > 1 ? void 0 : c ? z(o, i) : o, l = s.length - 1, a; l >= 0; l--)
|
124
123
|
(a = s[l]) && (e = (c ? a(o, i, e) : a(e)) || e);
|
package/icon-check-toggle.js
CHANGED
@@ -1,6 +1,5 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-
|
2
|
-
|
3
|
-
<div class="${p.o(r)} container" style="${s.o(o)}" @click="${this._handleClick}">
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-j_5ZiL65.js"),l=require("./property-iZpLBvy-.js"),p=require("./class-map-wtcW44Of.js"),h=require("./style-map-66_3wrLx.js"),s=require("./mwc-checkbox.css-JOD-Qh-9.js");require("./tslib.es6-5xG0QhxF.js");require("./ripple-handlers-HeGhXgD2.js");require("./base-element-atp_8bvP.js");require("./utils-W3ENJhq-.js");require("./state-LqPxt99W.js");require("./query-duvhtfSs.js");require("./aria-property-52VAcg_f.js");require("./form-element-5s8gft-A.js");require("./event-options-2TJPtsKy.js");require("./if-defined-lAIUwAsA.js");const g=':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0% );left:var(--mdc-ripple-left, 0% );width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';var m=Object.defineProperty,f=Object.getOwnPropertyDescriptor,c=(a,r,t,o)=>{for(var e=o>1?void 0:o?f(r,t):r,n=a.length-1,d;n>=0;n--)(d=a[n])&&(e=(o?d(r,t,e):d(e))||e);return o&&e&&m(r,t,e),e};exports.CovalentIconCheckToggle=class extends s.CheckboxBase{constructor(){super(...arguments),this.width="200",this.height="160",this.iconOnly=!1}render(){const r={checked:this.checked,cornerFill:this.checked},t={showCheck:this.checked},o={"--width":this.width=="fill"?"100%":`${this.width}px`,"--height":`${this.height}px`};return i.x`
|
2
|
+
<div class="${p.o(r)} container" style="${h.o(o)}" @click="${this._handleClick}">
|
4
3
|
<input type="checkbox" class="mdc-checkbox__native-control"></input>
|
5
4
|
<div class="mdc-toggle__background">
|
6
5
|
<svg class="mdc-toggle__checkmark ${p.o(t)}" viewBox="0 0 24 24">
|
@@ -11,5 +10,5 @@
|
|
11
10
|
${this.iconOnly?"":i.x`<div><slot name="text"></slot></div>`}
|
12
11
|
</div>
|
13
12
|
`}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[i.i`
|
14
|
-
${i.r(
|
15
|
-
`,
|
13
|
+
${i.r(g)}
|
14
|
+
`,s.styles];c([l.n()],exports.CovalentIconCheckToggle.prototype,"width",2);c([l.n()],exports.CovalentIconCheckToggle.prototype,"height",2);c([l.n({type:Boolean})],exports.CovalentIconCheckToggle.prototype,"iconOnly",2);exports.CovalentIconCheckToggle=c([i.e("cv-checkbox-icon")],exports.CovalentIconCheckToggle);const u=exports.CovalentIconCheckToggle;exports.default=u;
|
package/icon-check-toggle.mjs
CHANGED
@@ -1,27 +1,25 @@
|
|
1
|
-
import { i as
|
2
|
-
import { n as s } from "./property-
|
3
|
-
import { o as d } from "./class-map-
|
4
|
-
import { o as g } from "./style-map-
|
5
|
-
import {
|
6
|
-
import
|
7
|
-
import "./
|
8
|
-
import "./
|
9
|
-
import "./
|
10
|
-
import "./
|
11
|
-
import "./
|
12
|
-
import "./
|
13
|
-
import "./
|
14
|
-
import "./
|
15
|
-
import "./
|
16
|
-
|
17
|
-
const u = `:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0%);left:var(--mdc-ripple-left, 0%);width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}
|
18
|
-
`;
|
1
|
+
import { i as h, r as m, x as l, e as f } from "./query-assigned-elements-yFWOzcsT.mjs";
|
2
|
+
import { n as s } from "./property-K7hFBmOi.mjs";
|
3
|
+
import { o as d } from "./class-map-YPXv0Hj4.mjs";
|
4
|
+
import { o as g } from "./style-map-8yp6DGeh.mjs";
|
5
|
+
import { s as y, C as v } from "./mwc-checkbox.css-c44nPIEs.mjs";
|
6
|
+
import "./tslib.es6-S8SvF2K1.mjs";
|
7
|
+
import "./ripple-handlers-BwaZu9Ps.mjs";
|
8
|
+
import "./base-element--jaKdI-8.mjs";
|
9
|
+
import "./utils-xAXEDL0Y.mjs";
|
10
|
+
import "./state-inNZe6rL.mjs";
|
11
|
+
import "./query-1WmuF6Bq.mjs";
|
12
|
+
import "./aria-property-wYjPNXcK.mjs";
|
13
|
+
import "./form-element-gM33WEq3.mjs";
|
14
|
+
import "./event-options-0xzSdemG.mjs";
|
15
|
+
import "./if-defined-BH_l2PVl.mjs";
|
16
|
+
const u = ':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0% );left:var(--mdc-ripple-left, 0% );width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}';
|
19
17
|
var b = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (i, e, o, a) => {
|
20
18
|
for (var r = a > 1 ? void 0 : a ? k(e, o) : e, n = i.length - 1, p; n >= 0; n--)
|
21
19
|
(p = i[n]) && (r = (a ? p(e, o, r) : p(r)) || r);
|
22
20
|
return a && r && b(e, o, r), r;
|
23
21
|
};
|
24
|
-
let t = class extends
|
22
|
+
let t = class extends v {
|
25
23
|
constructor() {
|
26
24
|
super(...arguments), this.width = "200", this.height = "160", this.iconOnly = !1;
|
27
25
|
}
|
@@ -57,10 +55,10 @@ let t = class extends y {
|
|
57
55
|
}
|
58
56
|
};
|
59
57
|
t.styles = [
|
60
|
-
|
61
|
-
${
|
58
|
+
h`
|
59
|
+
${m(u)}
|
62
60
|
`,
|
63
|
-
|
61
|
+
y
|
64
62
|
];
|
65
63
|
c([
|
66
64
|
s()
|
@@ -74,8 +72,8 @@ c([
|
|
74
72
|
t = c([
|
75
73
|
f("cv-checkbox-icon")
|
76
74
|
], t);
|
77
|
-
const
|
75
|
+
const q = t;
|
78
76
|
export {
|
79
77
|
t as CovalentIconCheckToggle,
|
80
|
-
|
78
|
+
q as default
|
81
79
|
};
|
package/icon-radio-toggle.js
CHANGED
@@ -1,8 +1,7 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-
|
2
|
-
`;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,d=(a,t,i,r)=>{for(var e=r>1?void 0:r?g(t,i):t,n=a.length-1,c;n>=0;n--)(c=a[n])&&(e=(r?c(t,i,e):c(e))||e);return r&&e&&m(t,i,e),e};exports.CovalentIconRadioToggle=class extends l.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.x`<slot name="icon"></slot>`,i=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.x`<mwc-ripple
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-j_5ZiL65.js"),d=require("./mwc-radio.css-h_Wv0Eag.js"),s=require("./property-iZpLBvy-.js");require("./tslib.es6-5xG0QhxF.js");require("./ripple-handlers-HeGhXgD2.js");require("./base-element-atp_8bvP.js");require("./utils-W3ENJhq-.js");require("./state-LqPxt99W.js");require("./query-duvhtfSs.js");require("./class-map-wtcW44Of.js");require("./style-map-66_3wrLx.js");require("./aria-property-52VAcg_f.js");require("./form-element-5s8gft-A.js");require("./observer-LlGBroG9.js");require("./event-options-2TJPtsKy.js");require("./if-defined-lAIUwAsA.js");const h=":host{--mdc-radio-unchecked-color: var(--mdc-theme-text-icon-on-background)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}";var p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,l=(a,t,i,r)=>{for(var e=r>1?void 0:r?m(t,i):t,n=a.length-1,c;n>=0;n--)(c=a[n])&&(e=(r?c(t,i,e):c(e))||e);return r&&e&&p(t,i,e),e};exports.CovalentIconRadioToggle=class extends d.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.x`<slot name="icon"></slot>`,i=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.x`<mwc-ripple
|
3
2
|
accent
|
4
3
|
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
|
5
4
|
.disabled="${this.disabled}"
|
6
|
-
></mwc-ripple>`:"";return o.x`${t}${i}${r}`}};exports.CovalentIconRadioToggle.styles=[
|
7
|
-
${o.r(
|
8
|
-
`];
|
5
|
+
></mwc-ripple>`:"";return o.x`${t}${i}${r}`}};exports.CovalentIconRadioToggle.styles=[d.styles,o.i`
|
6
|
+
${o.r(h)}
|
7
|
+
`];l([s.n({type:Boolean})],exports.CovalentIconRadioToggle.prototype,"iconOnly",2);exports.CovalentIconRadioToggle=l([o.e("cv-radio-icon")],exports.CovalentIconRadioToggle);const g=exports.CovalentIconRadioToggle;exports.default=g;
|
package/icon-radio-toggle.mjs
CHANGED
@@ -1,28 +1,26 @@
|
|
1
|
-
import { i as
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import
|
5
|
-
import "./
|
6
|
-
import "./
|
7
|
-
import "./
|
8
|
-
import "./
|
9
|
-
import "./
|
10
|
-
import "./
|
11
|
-
import "./
|
12
|
-
import "./
|
13
|
-
import "./
|
14
|
-
import "./
|
15
|
-
import "./
|
16
|
-
import "./
|
17
|
-
|
18
|
-
|
19
|
-
`;
|
20
|
-
var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, m = (i, t, e, a) => {
|
1
|
+
import { i as m, r as s, x as c, e as l } from "./query-assigned-elements-yFWOzcsT.mjs";
|
2
|
+
import { s as h, R as y } from "./mwc-radio.css-_lt-Vcvl.mjs";
|
3
|
+
import { n as g } from "./property-K7hFBmOi.mjs";
|
4
|
+
import "./tslib.es6-S8SvF2K1.mjs";
|
5
|
+
import "./ripple-handlers-BwaZu9Ps.mjs";
|
6
|
+
import "./base-element--jaKdI-8.mjs";
|
7
|
+
import "./utils-xAXEDL0Y.mjs";
|
8
|
+
import "./state-inNZe6rL.mjs";
|
9
|
+
import "./query-1WmuF6Bq.mjs";
|
10
|
+
import "./class-map-YPXv0Hj4.mjs";
|
11
|
+
import "./style-map-8yp6DGeh.mjs";
|
12
|
+
import "./aria-property-wYjPNXcK.mjs";
|
13
|
+
import "./form-element-gM33WEq3.mjs";
|
14
|
+
import "./observer-cKAgu-MI.mjs";
|
15
|
+
import "./event-options-0xzSdemG.mjs";
|
16
|
+
import "./if-defined-BH_l2PVl.mjs";
|
17
|
+
const v = ":host{--mdc-radio-unchecked-color: var(--mdc-theme-text-icon-on-background)}:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}";
|
18
|
+
var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (i, t, e, a) => {
|
21
19
|
for (var o = a > 1 ? void 0 : a ? u(t, e) : t, n = i.length - 1, d; n >= 0; n--)
|
22
20
|
(d = i[n]) && (o = (a ? d(t, e, o) : d(o)) || o);
|
23
21
|
return a && o && f(t, e, o), o;
|
24
22
|
};
|
25
|
-
let r = class extends
|
23
|
+
let r = class extends y {
|
26
24
|
constructor() {
|
27
25
|
super(...arguments), this.iconOnly = !1;
|
28
26
|
}
|
@@ -37,19 +35,19 @@ let r = class extends h {
|
|
37
35
|
}
|
38
36
|
};
|
39
37
|
r.styles = [
|
40
|
-
|
41
|
-
|
38
|
+
h,
|
39
|
+
m`
|
42
40
|
${s(v)}
|
43
41
|
`
|
44
42
|
];
|
45
|
-
|
43
|
+
p([
|
46
44
|
g({ type: Boolean })
|
47
45
|
], r.prototype, "iconOnly", 2);
|
48
|
-
r =
|
46
|
+
r = p([
|
49
47
|
l("cv-radio-icon")
|
50
48
|
], r);
|
51
|
-
const
|
49
|
+
const L = r;
|
52
50
|
export {
|
53
51
|
r as CovalentIconRadioToggle,
|
54
|
-
|
52
|
+
L as default
|
55
53
|
};
|