@covalent/components 8.23.2 → 9.0.0-beta.2
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-2f131a27.mjs → _commonjsHelpers-DjF3Plf2.mjs} +2 -4
- package/action-ribbon.js +5 -6
- package/action-ribbon.mjs +47 -51
- package/alert.js +5 -6
- package/alert.mjs +48 -52
- package/app-shell.js +1 -2
- package/app-shell.mjs +13 -30
- package/{async-directive-99a01ec7.mjs → async-directive-Cx1B9M5C.mjs} +11 -23
- package/{async-directive-4a34f75e.js → async-directive-y3fBDDSk.js} +1 -1
- package/badge.js +1 -2
- package/badge.mjs +10 -12
- package/{base-element-acf30176.mjs → base-element-C-U4OfWx.mjs} +2 -2
- package/{base-element-58a3f9ea.js → base-element-aUDWLn36.js} +1 -1
- package/button.js +2 -3
- package/button.mjs +18 -23
- package/card.js +8 -9
- package/card.mjs +36 -38
- package/check-list-item.js +11 -15
- package/check-list-item.mjs +53 -70
- package/checkbox.js +1 -2
- package/checkbox.mjs +15 -31
- package/{chip-c65a4549.js → chip-BsDYOEFW.js} +31 -32
- package/{chip-fb0ea5c5.mjs → chip-C8L37ovG.mjs} +110 -117
- package/chip-set.js +5 -6
- package/chip-set.mjs +73 -83
- package/chip.js +1 -1
- package/chip.mjs +4 -13
- package/circular-progress.js +1 -1
- package/circular-progress.mjs +9 -10
- package/{class-map-6e504a9a.mjs → class-map-C1SJpero.mjs} +4 -6
- package/{class-map-0a4c6ca9.js → class-map-C8G1ALWK.js} +1 -1
- package/{code-editor-712d0ce9.mjs → code-editor-CxQzms2S.mjs} +13485 -13720
- package/code-editor-hT6MTCL6.js +660 -0
- package/code-editor.js +1 -1
- package/code-editor.mjs +3 -6
- package/code-snippet.js +5 -6
- package/code-snippet.mjs +235 -284
- package/{dialog-78a9fd0e.mjs → dialog-BoNH4r3n.mjs} +23 -25
- package/{dialog-83104700.js → dialog-LUOzoMeO.js} +6 -7
- package/dialog.js +1 -1
- package/dialog.mjs +4 -13
- package/directive-C7oCP5Bh.js +5 -0
- package/{directive-helpers-e3ea6592.mjs → directive-helpers-CllkNDrI.mjs} +1 -1
- package/{directive-helpers-0ce1f995.js → directive-helpers-Duf3sfLn.js} +1 -1
- package/{directive-daf4e9b6.mjs → directive-oAbCiebi.mjs} +4 -4
- package/drawer.js +2 -3
- package/drawer.mjs +7 -17
- package/empty-state.js +2 -3
- package/empty-state.mjs +12 -15
- package/{event-options-3f5eb195.js → event-options-BH8ks-kz.js} +1 -1
- package/{event-options-78d6cf94.mjs → event-options-CNykeE2u.mjs} +1 -1
- package/expansion-panel-item.js +1 -2
- package/expansion-panel-item.mjs +6 -9
- package/expansion-panel.js +1 -1
- package/expansion-panel.mjs +2 -2
- package/focused-page.js +1 -2
- package/focused-page.mjs +13 -16
- package/{form-element-abadd335.mjs → form-element-CxSqbssX.mjs} +4 -4
- package/{form-element-c553d6f5.js → form-element-DwqUbs65.js} +1 -1
- package/formfield.js +6 -7
- package/formfield.mjs +19 -23
- package/{foundation-e980aa3d.js → foundation-CySCCTUE.js} +3 -3
- package/{foundation-d533452a.mjs → foundation-qQ4jzaAu.mjs} +11 -13
- package/full-screen-dialog.js +4 -5
- package/full-screen-dialog.mjs +13 -22
- package/{html-021d0b5b.mjs → html-BFM6gjw5.mjs} +13 -18
- package/html-BMgGKfr0.js +6 -0
- package/icon-button-toggle.js +11 -16
- package/icon-button-toggle.mjs +68 -78
- package/icon-button.js +6 -11
- package/icon-button.mjs +56 -66
- package/icon-check-toggle.js +6 -7
- package/icon-check-toggle.mjs +10 -23
- package/icon-radio-toggle.js +4 -5
- package/icon-radio-toggle.mjs +13 -29
- package/icon.js +1 -5
- package/icon.mjs +13 -20
- package/{if-defined-c367f208.mjs → if-defined-BsNkRMMG.mjs} +1 -1
- package/{if-defined-f1c45245.js → if-defined-D8C6ewRn.js} +1 -1
- package/index.js +1 -1
- package/index.mjs +110 -150
- package/{inert.esm-359d4581.mjs → inert.esm-BJ7IrRxy.mjs} +3 -4
- package/{javascript-5b83986c.js → javascript-20JK5_5Y.js} +1 -1
- package/{javascript-d2604785.mjs → javascript-BVQ0GGQP.mjs} +4 -10
- package/linear-progress.js +2 -3
- package/linear-progress.mjs +12 -14
- package/list-item-BZVW1fmJ.js +5 -0
- package/list-item-DCzzLVZh.mjs +11 -0
- package/list-item.js +5 -5
- package/list-item.mjs +21 -32
- package/list.js +3 -8
- package/list.mjs +18 -38
- package/menu.js +3 -8
- package/menu.mjs +18 -39
- package/{mwc-checkbox.css-b3434429.js → mwc-checkbox.css-Cd0yCOHu.js} +42 -2
- package/{mwc-checkbox.css-8f4f1a9b.mjs → mwc-checkbox.css-MBOzkrQg.mjs} +198 -3
- package/{mwc-drawer-base-bbae43c3.js → mwc-drawer-base-D-48lqfn.js} +5 -5
- package/{mwc-drawer-base-ca75f41f.mjs → mwc-drawer-base-Dgs9327G.mjs} +24 -26
- package/{mwc-icon-5227aec3.mjs → mwc-icon-BZRds8SY.mjs} +6 -5
- package/{mwc-icon-f87639bc.js → mwc-icon-BumH81hp.js} +2 -2
- package/mwc-icon-button.css-BtgKBOl3.js +5 -0
- package/mwc-icon-button.css-DJMY7U7e.mjs +10 -0
- package/{mwc-line-ripple-directive-40145003.js → mwc-line-ripple-directive-DvPWr3ER.js} +1 -1
- package/{mwc-line-ripple-directive-aabd8778.mjs → mwc-line-ripple-directive-zhm5Zc8i.mjs} +7 -7
- package/{list-item-8b940ec8.js → mwc-list-item.css-CtRq5wSu.js} +28 -6
- package/{list-item-ef175b93.mjs → mwc-list-item.css-g34xqhLC.mjs} +199 -9
- package/mwc-list.css-CaMJWsDp.js +111 -0
- package/{mwc-list-base-402e1d8e.mjs → mwc-list.css-DFOdJyFB.mjs} +213 -213
- package/{mwc-menu-base-04586160.mjs → mwc-menu.css-BEiPghgR.mjs} +90 -92
- package/{mwc-menu-base-08f54c38.js → mwc-menu.css-pxcxlTrh.js} +22 -22
- package/mwc-radio.css-CVMtIq-L.js +105 -0
- package/{mwc-radio-base-768b4221.mjs → mwc-radio.css-XRx0vL1k.mjs} +124 -118
- package/{mwc-slider.css-cda43bd0.mjs → mwc-slider.css-2Bqk43z7.mjs} +200 -211
- package/{mwc-slider.css-c5f99704.js → mwc-slider.css-WrkrmqkL.js} +6 -6
- package/{mwc-tab-base-0814a3ef.mjs → mwc-tab.css-B9yQpkYf.mjs} +126 -122
- package/{mwc-tab-base-f2269fd1.js → mwc-tab.css-CgdXMZBB.js} +26 -22
- package/{mwc-top-app-bar-base-8a7f7312.mjs → mwc-top-app-bar-base-B0EW9eNk.mjs} +13 -15
- package/{mwc-top-app-bar-base-8c8cde51.js → mwc-top-app-bar-base-CSXRBOiX.js} +3 -3
- package/nav-list-item.js +4 -5
- package/nav-list-item.mjs +12 -23
- package/notebook-cell.js +8 -9
- package/notebook-cell.mjs +14 -29
- package/package.json +1 -1
- package/python-B8sEpp0H.js +6 -0
- package/{python-0707b744.mjs → python-BRZC-1dQ.mjs} +11 -16
- package/query-BBDQWsft.mjs +15 -0
- package/query-BxDs8ftQ.js +5 -0
- package/{query-assigned-elements-4a39219d.mjs → query-assigned-elements-DCt2xozt.mjs} +32 -57
- package/{query-assigned-nodes-df691e78.mjs → query-assigned-nodes-B9zBfkh6.mjs} +1 -1
- package/{query-assigned-nodes-99eae71d.js → query-assigned-nodes-CckKHm2z.js} +1 -1
- package/radio-list-item.js +9 -13
- package/radio-list-item.mjs +50 -66
- package/radio.js +1 -2
- package/radio.mjs +15 -32
- package/{ripple-handlers-9fb4a31a.js → ripple-handlers-CzfSBjWo.js} +8 -8
- package/{ripple-handlers-8883e893.mjs → ripple-handlers-i3WPEBiO.mjs} +20 -25
- package/select.js +15 -20
- package/select.mjs +196 -213
- package/side-sheet.js +1 -2
- package/side-sheet.mjs +18 -27
- package/slider-range.js +1 -1
- package/slider-range.mjs +15 -19
- package/slider.js +1 -1
- package/slider.mjs +18 -26
- package/snackbar.js +9 -10
- package/snackbar.mjs +30 -33
- package/{state-0974a8e5.js → state-C3HoXfoa.js} +1 -1
- package/{state-b5e865db.mjs → state-DaD9o2aK.mjs} +1 -1
- package/status-dialog/status-dialog.d.ts.map +1 -1
- package/status-dialog.js +15 -37
- package/status-dialog.mjs +47 -116
- package/status-header-item.js +1 -2
- package/status-header-item.mjs +7 -8
- package/status-header.js +4 -5
- package/status-header.mjs +22 -24
- package/{style-map-a135c6ab.js → style-map-BJBXlSqn.js} +1 -1
- package/{style-map-e7ec6d41.mjs → style-map-CCsABR5m.mjs} +4 -6
- package/style.css +1 -1
- package/switch.js +6 -7
- package/switch.mjs +20 -29
- package/tab-bar.js +18 -22
- package/tab-bar.mjs +192 -205
- package/tab.js +1 -6
- package/tab.mjs +13 -31
- package/text-lockup.js +1 -2
- package/text-lockup.mjs +14 -16
- package/textarea.js +15 -19
- package/textarea.mjs +53 -68
- package/textfield-BwmiygD8.js +136 -0
- package/textfield-C6sUZIeA.mjs +927 -0
- package/textfield.js +3 -7
- package/textfield.mjs +17 -37
- package/toolbar.js +1 -2
- package/toolbar.mjs +6 -13
- package/tooltip.js +3 -4
- package/tooltip.mjs +29 -40
- package/{top-app-bar-f83386e0.mjs → top-app-bar-4SA3DjLX.mjs} +2 -3
- package/{top-app-bar-a531c1b4.js → top-app-bar-CGjBuyiD.js} +2 -3
- package/top-app-bar-fixed.js +6 -6
- package/top-app-bar-fixed.mjs +24 -32
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +18 -25
- package/tree-list-item.js +1 -2
- package/tree-list-item.mjs +9 -13
- package/tree-list.js +1 -2
- package/tree-list.mjs +6 -7
- package/{tslib.es6-c4b0f3b1.mjs → tslib.es6-pPsSiLLK.mjs} +15 -26
- package/typescript-CqVUCaiQ.js +6 -0
- package/{typescript-399a453a.mjs → typescript-qqbekFoQ.mjs} +10 -15
- package/typography.js +1 -2
- package/typography.mjs +7 -8
- package/code-editor-b36fad77.js +0 -662
- package/directive-1186bc23.js +0 -5
- package/html-b2900c6a.js +0 -6
- package/mwc-checkbox-base-02b4eb91.mjs +0 -198
- package/mwc-checkbox-base-935d9566.js +0 -41
- package/mwc-list-base-22616d0a.js +0 -111
- package/mwc-list-item-base-06d93e6e.js +0 -28
- package/mwc-list-item-base-3c6a3bfb.mjs +0 -202
- package/mwc-radio-base-147cf999.js +0 -101
- package/mwc-radio.css-4e140252.js +0 -5
- package/mwc-radio.css-7454bb11.mjs +0 -10
- package/python-6a1f2ad7.js +0 -6
- package/query-680f1868.js +0 -5
- package/query-d843aa92.mjs +0 -25
- package/textfield-83e78e56.js +0 -133
- package/textfield-853ebae5.mjs +0 -933
- package/typescript-98fbdb3d.js +0 -6
- /package/{_commonjsHelpers-2367a3a2.js → _commonjsHelpers-6jR-N8xe.js} +0 -0
- /package/{aria-property-fa2717fe.mjs → aria-property-6O5bK0tV.mjs} +0 -0
- /package/{aria-property-849c8816.js → aria-property-Dl2ZKBbP.js} +0 -0
- /package/{css-9be95551.js → css-Bn4le2Sp.js} +0 -0
- /package/{css-5dd354ac.mjs → css-DjwjINlv.mjs} +0 -0
- /package/{foundation-2334d146.mjs → foundation-PL3XY-m_.mjs} +0 -0
- /package/{foundation-e830bd94.js → foundation-pgmPu2iJ.js} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm-CNFtJ8pb.js} +0 -0
- /package/{keyboard-983b121c.mjs → keyboard-BLpVBEDM.mjs} +0 -0
- /package/{keyboard-39125691.js → keyboard-CZlaSOb1.js} +0 -0
- /package/{markdown-eae8e3ba.js → markdown-CrnizovQ.js} +0 -0
- /package/{markdown-9b448c46.mjs → markdown-bAu8rWEZ.mjs} +0 -0
- /package/{observer-be7b92e2.mjs → observer-DQ8OfVDQ.mjs} +0 -0
- /package/{observer-a096ab43.js → observer-N9cgkDqh.js} +0 -0
- /package/{property-9b6ea53b.mjs → property-DJzm_oB9.mjs} +0 -0
- /package/{property-57f6f6fe.js → property-DYTC_2-m.js} +0 -0
- /package/{query-assigned-elements-f623705d.js → query-assigned-elements-4CafVNR8.js} +0 -0
- /package/{r-42c6f0aa.js → r-DKABafMl.js} +0 -0
- /package/{r-630f5d6b.mjs → r-rF4J5dF2.mjs} +0 -0
- /package/{sql-63ec8e76.mjs → sql-CL8qgBkR.mjs} +0 -0
- /package/{sql-faf05577.js → sql-CXm05EUD.js} +0 -0
- /package/{tslib.es6-98719205.js → tslib.es6-CHeFCc6E.js} +0 -0
- /package/{utils-dc65fdc9.mjs → utils-Dr5MegQq.mjs} +0 -0
- /package/{utils-a8190a39.js → utils-wMBJ9n_n.js} +0 -0
package/icon-button.mjs
CHANGED
@@ -1,45 +1,41 @@
|
|
1
|
-
import { s as
|
2
|
-
import { _ as
|
3
|
-
import {
|
4
|
-
import { a as
|
5
|
-
import { n as
|
6
|
-
import { t as
|
7
|
-
import { e as
|
8
|
-
import { i as
|
9
|
-
import { l as w } from "./if-defined-
|
10
|
-
import "./
|
11
|
-
import "./utils-dc65fdc9.mjs";
|
12
|
-
import "./class-map-6e504a9a.mjs";
|
13
|
-
import "./directive-daf4e9b6.mjs";
|
14
|
-
import "./style-map-e7ec6d41.mjs";
|
1
|
+
import { s as m, x as d, i as v, r as b, e as R } from "./query-assigned-elements-DCt2xozt.mjs";
|
2
|
+
import { _ as s } from "./tslib.es6-pPsSiLLK.mjs";
|
3
|
+
import { R as f, e as $ } from "./ripple-handlers-i3WPEBiO.mjs";
|
4
|
+
import { a as h } from "./aria-property-6O5bK0tV.mjs";
|
5
|
+
import { n as l } from "./property-DJzm_oB9.mjs";
|
6
|
+
import { t as y } from "./state-DaD9o2aK.mjs";
|
7
|
+
import { e as c } from "./event-options-CNykeE2u.mjs";
|
8
|
+
import { i as H } from "./query-BBDQWsft.mjs";
|
9
|
+
import { l as w } from "./if-defined-BsNkRMMG.mjs";
|
10
|
+
import { s as P } from "./mwc-icon-button.css-DJMY7U7e.mjs";
|
15
11
|
/**
|
16
12
|
* @license
|
17
13
|
* Copyright 2018 Google LLC
|
18
14
|
* SPDX-License-Identifier: Apache-2.0
|
19
15
|
*/
|
20
|
-
class t extends
|
16
|
+
class t extends m {
|
21
17
|
constructor() {
|
22
|
-
super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new
|
18
|
+
super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new f(() => (this.shouldRenderRipple = !0, this.ripple));
|
23
19
|
}
|
24
20
|
/** @soyTemplate */
|
25
21
|
renderRipple() {
|
26
|
-
return this.shouldRenderRipple ?
|
22
|
+
return this.shouldRenderRipple ? d`
|
27
23
|
<mwc-ripple
|
28
24
|
.disabled="${this.disabled}"
|
29
25
|
unbounded>
|
30
26
|
</mwc-ripple>` : "";
|
31
27
|
}
|
32
28
|
focus() {
|
33
|
-
const
|
34
|
-
|
29
|
+
const e = this.buttonElement;
|
30
|
+
e && (this.rippleHandlers.startFocus(), e.focus());
|
35
31
|
}
|
36
32
|
blur() {
|
37
|
-
const
|
38
|
-
|
33
|
+
const e = this.buttonElement;
|
34
|
+
e && (this.rippleHandlers.endFocus(), e.blur());
|
39
35
|
}
|
40
36
|
/** @soyTemplate */
|
41
37
|
render() {
|
42
|
-
return
|
38
|
+
return d`<button
|
43
39
|
class="mdc-icon-button mdc-icon-button--display-flex"
|
44
40
|
aria-label="${this.ariaLabel || this.icon}"
|
45
41
|
aria-haspopup="${w(this.ariaHasPopup)}"
|
@@ -53,20 +49,20 @@ class t extends h {
|
|
53
49
|
@touchend="${this.handleRippleDeactivate}"
|
54
50
|
@touchcancel="${this.handleRippleDeactivate}"
|
55
51
|
>${this.renderRipple()}
|
56
|
-
${this.icon ?
|
52
|
+
${this.icon ? d`<i class="material-icons">${this.icon}</i>` : ""}
|
57
53
|
<span
|
58
54
|
><slot></slot
|
59
55
|
></span>
|
60
56
|
</button>`;
|
61
57
|
}
|
62
|
-
handleRippleMouseDown(
|
58
|
+
handleRippleMouseDown(e) {
|
63
59
|
const i = () => {
|
64
60
|
window.removeEventListener("mouseup", i), this.handleRippleDeactivate();
|
65
61
|
};
|
66
|
-
window.addEventListener("mouseup", i), this.rippleHandlers.startPress(
|
62
|
+
window.addEventListener("mouseup", i), this.rippleHandlers.startPress(e);
|
67
63
|
}
|
68
|
-
handleRippleTouchStart(
|
69
|
-
this.rippleHandlers.startPress(
|
64
|
+
handleRippleTouchStart(e) {
|
65
|
+
this.rippleHandlers.startPress(e);
|
70
66
|
}
|
71
67
|
handleRippleDeactivate() {
|
72
68
|
this.rippleHandlers.endPress();
|
@@ -84,55 +80,49 @@ class t extends h {
|
|
84
80
|
this.rippleHandlers.endFocus();
|
85
81
|
}
|
86
82
|
}
|
87
|
-
|
88
|
-
|
83
|
+
s([
|
84
|
+
l({ type: Boolean, reflect: !0 })
|
89
85
|
], t.prototype, "disabled", void 0);
|
90
|
-
|
91
|
-
|
86
|
+
s([
|
87
|
+
l({ type: String })
|
92
88
|
], t.prototype, "icon", void 0);
|
93
|
-
|
94
|
-
|
95
|
-
|
89
|
+
s([
|
90
|
+
h,
|
91
|
+
l({ type: String, attribute: "aria-label" })
|
96
92
|
], t.prototype, "ariaLabel", void 0);
|
97
|
-
|
98
|
-
|
99
|
-
|
93
|
+
s([
|
94
|
+
h,
|
95
|
+
l({ type: String, attribute: "aria-haspopup" })
|
100
96
|
], t.prototype, "ariaHasPopup", void 0);
|
101
|
-
|
102
|
-
|
97
|
+
s([
|
98
|
+
H("button")
|
103
99
|
], t.prototype, "buttonElement", void 0);
|
104
|
-
|
105
|
-
|
100
|
+
s([
|
101
|
+
$("mwc-ripple")
|
106
102
|
], t.prototype, "ripple", void 0);
|
107
|
-
|
108
|
-
|
103
|
+
s([
|
104
|
+
y()
|
109
105
|
], t.prototype, "shouldRenderRipple", void 0);
|
110
|
-
|
111
|
-
|
106
|
+
s([
|
107
|
+
c({ passive: !0 })
|
112
108
|
], t.prototype, "handleRippleMouseDown", null);
|
113
|
-
|
114
|
-
|
109
|
+
s([
|
110
|
+
c({ passive: !0 })
|
115
111
|
], t.prototype, "handleRippleTouchStart", null);
|
116
|
-
|
117
|
-
|
118
|
-
|
119
|
-
|
120
|
-
|
121
|
-
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)}:host .mdc-icon-button{cursor:var(--cv-icon-button-cursor, pointer)}
|
122
|
-
`;
|
123
|
-
var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (s, o, i, c) => {
|
124
|
-
for (var e = c > 1 ? void 0 : c ? z(o, i) : o, l = s.length - 1, a; l >= 0; l--)
|
125
|
-
(a = s[l]) && (e = (c ? a(o, i, e) : a(e)) || e);
|
126
|
-
return c && e && k(o, i, e), e;
|
112
|
+
const D = ":host{color:var(--mdc-theme-text-icon-on-background)}:host .mdc-icon-button{cursor:var(--cv-icon-button-cursor, pointer)}";
|
113
|
+
var E = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, B = (n, e, i, r) => {
|
114
|
+
for (var o = r > 1 ? void 0 : r ? _(e, i) : e, a = n.length - 1, u; a >= 0; a--)
|
115
|
+
(u = n[a]) && (o = (r ? u(e, i, o) : u(o)) || o);
|
116
|
+
return r && o && E(e, i, o), o;
|
127
117
|
};
|
128
|
-
let
|
118
|
+
let p = class extends t {
|
129
119
|
};
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
],
|
134
|
-
const
|
120
|
+
p.styles = [P, v`${b(D)}`];
|
121
|
+
p = B([
|
122
|
+
R("cv-icon-button")
|
123
|
+
], p);
|
124
|
+
const j = p;
|
135
125
|
export {
|
136
|
-
|
137
|
-
|
126
|
+
p as CovalentIconButton,
|
127
|
+
j as default
|
138
128
|
};
|
package/icon-check-toggle.js
CHANGED
@@ -1,6 +1,5 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
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 c=require("./query-assigned-elements-4CafVNR8.js"),l=require("./property-DYTC_2-m.js"),p=require("./class-map-C8G1ALWK.js"),h=require("./style-map-BJBXlSqn.js"),s=require("./mwc-checkbox.css-Cd0yCOHu.js"),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,i=(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 c.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">
|
@@ -8,8 +7,8 @@
|
|
8
7
|
</svg>
|
9
8
|
</div>
|
10
9
|
<slot name="icon"></slot>
|
11
|
-
${this.iconOnly?"":
|
10
|
+
${this.iconOnly?"":c.x`<div><slot name="text"></slot></div>`}
|
12
11
|
</div>
|
13
|
-
`}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[
|
14
|
-
${
|
15
|
-
`,
|
12
|
+
`}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[c.i`
|
13
|
+
${c.r(g)}
|
14
|
+
`,s.styles];i([l.n()],exports.CovalentIconCheckToggle.prototype,"width",2);i([l.n()],exports.CovalentIconCheckToggle.prototype,"height",2);i([l.n({type:Boolean})],exports.CovalentIconCheckToggle.prototype,"iconOnly",2);exports.CovalentIconCheckToggle=i([c.e("cv-checkbox-icon")],exports.CovalentIconCheckToggle);const v=exports.CovalentIconCheckToggle;exports.default=v;
|
package/icon-check-toggle.mjs
CHANGED
@@ -1,22 +1,9 @@
|
|
1
|
-
import {
|
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 { C as y } from "./mwc-checkbox-
|
6
|
-
|
7
|
-
import "./directive-daf4e9b6.mjs";
|
8
|
-
import "./tslib.es6-c4b0f3b1.mjs";
|
9
|
-
import "./ripple-handlers-8883e893.mjs";
|
10
|
-
import "./base-element-acf30176.mjs";
|
11
|
-
import "./utils-dc65fdc9.mjs";
|
12
|
-
import "./state-b5e865db.mjs";
|
13
|
-
import "./query-d843aa92.mjs";
|
14
|
-
import "./aria-property-fa2717fe.mjs";
|
15
|
-
import "./form-element-abadd335.mjs";
|
16
|
-
import "./event-options-78d6cf94.mjs";
|
17
|
-
import "./if-defined-c367f208.mjs";
|
18
|
-
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
|
-
`;
|
1
|
+
import { x as l, i as h, r as m, e as f } from "./query-assigned-elements-DCt2xozt.mjs";
|
2
|
+
import { n as s } from "./property-DJzm_oB9.mjs";
|
3
|
+
import { o as d } from "./class-map-C1SJpero.mjs";
|
4
|
+
import { o as g } from "./style-map-CCsABR5m.mjs";
|
5
|
+
import { C as y, s as v } from "./mwc-checkbox.css-MBOzkrQg.mjs";
|
6
|
+
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)}';
|
20
7
|
var b = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (i, e, o, a) => {
|
21
8
|
for (var r = a > 1 ? void 0 : a ? k(e, o) : e, n = i.length - 1, p; n >= 0; n--)
|
22
9
|
(p = i[n]) && (r = (a ? p(e, o, r) : p(r)) || r);
|
@@ -58,8 +45,8 @@ let t = class extends y {
|
|
58
45
|
}
|
59
46
|
};
|
60
47
|
t.styles = [
|
61
|
-
|
62
|
-
${
|
48
|
+
h`
|
49
|
+
${m(u)}
|
63
50
|
`,
|
64
51
|
v
|
65
52
|
];
|
@@ -75,8 +62,8 @@ c([
|
|
75
62
|
t = c([
|
76
63
|
f("cv-checkbox-icon")
|
77
64
|
], t);
|
78
|
-
const
|
65
|
+
const C = t;
|
79
66
|
export {
|
80
67
|
t as CovalentIconCheckToggle,
|
81
|
-
|
68
|
+
C as default
|
82
69
|
};
|
package/icon-radio-toggle.js
CHANGED
@@ -1,8 +1,7 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
2
|
-
`;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,d=(a,r,i,t)=>{for(var e=t>1?void 0:t?g(r,i):r,n=a.length-1,c;n>=0;n--)(c=a[n])&&(e=(t?c(r,i,e):c(e))||e);return t&&e&&m(r,i,e),e};exports.CovalentIconRadioToggle=class extends l.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const r=o.x`<slot name="icon"></slot>`,i=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,t=this.shouldRenderRipple?o.x`<mwc-ripple
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./query-assigned-elements-4CafVNR8.js"),d=require("./mwc-radio.css-CVMtIq-L.js"),s=require("./property-DYTC_2-m.js"),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 o=r>1?void 0:r?m(t,i):t,n=a.length-1,c;n>=0;n--)(c=a[n])&&(o=(r?c(t,i,o):c(o))||o);return r&&o&&p(t,i,o),o};exports.CovalentIconRadioToggle=class extends d.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=e.x`<slot name="icon"></slot>`,i=this.iconOnly?"":e.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?e.x`<mwc-ripple
|
3
2
|
accent
|
4
3
|
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
|
5
4
|
.disabled="${this.disabled}"
|
6
|
-
></mwc-ripple>`:"";return
|
7
|
-
${
|
8
|
-
`];
|
5
|
+
></mwc-ripple>`:"";return e.x`${t}${i}${r}`}};exports.CovalentIconRadioToggle.styles=[d.styles,e.i`
|
6
|
+
${e.r(h)}
|
7
|
+
`];l([s.n({type:Boolean})],exports.CovalentIconRadioToggle.prototype,"iconOnly",2);exports.CovalentIconRadioToggle=l([e.e("cv-radio-icon")],exports.CovalentIconRadioToggle);const g=exports.CovalentIconRadioToggle;exports.default=g;
|
package/icon-radio-toggle.mjs
CHANGED
@@ -1,29 +1,13 @@
|
|
1
|
-
import {
|
2
|
-
import { R as
|
3
|
-
import {
|
4
|
-
|
5
|
-
|
6
|
-
import "./ripple-handlers-8883e893.mjs";
|
7
|
-
import "./base-element-acf30176.mjs";
|
8
|
-
import "./utils-dc65fdc9.mjs";
|
9
|
-
import "./state-b5e865db.mjs";
|
10
|
-
import "./query-d843aa92.mjs";
|
11
|
-
import "./class-map-6e504a9a.mjs";
|
12
|
-
import "./directive-daf4e9b6.mjs";
|
13
|
-
import "./style-map-e7ec6d41.mjs";
|
14
|
-
import "./aria-property-fa2717fe.mjs";
|
15
|
-
import "./form-element-abadd335.mjs";
|
16
|
-
import "./observer-be7b92e2.mjs";
|
17
|
-
import "./event-options-78d6cf94.mjs";
|
18
|
-
import "./if-defined-c367f208.mjs";
|
19
|
-
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)}
|
20
|
-
`;
|
21
|
-
var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, m = (i, t, e, a) => {
|
1
|
+
import { x as c, i as l, r as h, e as p } from "./query-assigned-elements-DCt2xozt.mjs";
|
2
|
+
import { R as m, s as y } from "./mwc-radio.css-XRx0vL1k.mjs";
|
3
|
+
import { n as g } from "./property-DJzm_oB9.mjs";
|
4
|
+
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)}";
|
5
|
+
var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (i, t, e, a) => {
|
22
6
|
for (var o = a > 1 ? void 0 : a ? u(t, e) : t, n = i.length - 1, d; n >= 0; n--)
|
23
7
|
(d = i[n]) && (o = (a ? d(t, e, o) : d(o)) || o);
|
24
8
|
return a && o && f(t, e, o), o;
|
25
9
|
};
|
26
|
-
let r = class extends
|
10
|
+
let r = class extends m {
|
27
11
|
constructor() {
|
28
12
|
super(...arguments), this.iconOnly = !1;
|
29
13
|
}
|
@@ -39,18 +23,18 @@ let r = class extends h {
|
|
39
23
|
};
|
40
24
|
r.styles = [
|
41
25
|
y,
|
42
|
-
|
43
|
-
${
|
26
|
+
l`
|
27
|
+
${h(v)}
|
44
28
|
`
|
45
29
|
];
|
46
|
-
|
30
|
+
s([
|
47
31
|
g({ type: Boolean })
|
48
32
|
], r.prototype, "iconOnly", 2);
|
49
|
-
r =
|
50
|
-
|
33
|
+
r = s([
|
34
|
+
p("cv-radio-icon")
|
51
35
|
], r);
|
52
|
-
const
|
36
|
+
const _ = r;
|
53
37
|
export {
|
54
38
|
r as CovalentIconRadioToggle,
|
55
|
-
|
39
|
+
_ as default
|
56
40
|
};
|
package/icon.js
CHANGED
@@ -1,5 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
2
|
-
* @license
|
3
|
-
* Copyright 2021 Google LLC
|
4
|
-
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
-
*/const c=l.i`:host{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"}`;var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,m=(t,n,r,o)=>{for(var e=o>1?void 0:o?v(n,r):n,i=t.length-1,s;i>=0;i--)(s=t[i])&&(e=(o?s(n,r,e):s(e))||e);return o&&e&&f(n,r,e),e};exports.CovalentIcon=class extends a.Icon{};exports.CovalentIcon.styles=[c];exports.CovalentIcon=m([l.e("cv-icon")],exports.CovalentIcon);const u=exports.CovalentIcon;exports.default=u;
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./mwc-icon-BumH81hp.js"),v=require("./query-assigned-elements-4CafVNR8.js");var a=Object.defineProperty,u=Object.getOwnPropertyDescriptor,I=(t,n,s,o)=>{for(var e=o>1?void 0:o?u(n,s):n,c=t.length-1,l;c>=0;c--)(l=t[c])&&(e=(o?l(n,s,e):l(e))||e);return o&&e&&a(n,s,e),e};exports.CovalentIcon=class extends r.Icon{};exports.CovalentIcon.styles=[r.styles];exports.CovalentIcon=I([v.e("cv-icon")],exports.CovalentIcon);const i=exports.CovalentIcon;exports.default=i;
|
package/icon.mjs
CHANGED
@@ -1,25 +1,18 @@
|
|
1
|
-
import { I as
|
2
|
-
import {
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
* SPDX-LIcense-Identifier: Apache-2.0
|
8
|
-
*/
|
9
|
-
const m = c`:host{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"}`;
|
10
|
-
var p = Object.defineProperty, v = Object.getOwnPropertyDescriptor, g = (a, o, i, e) => {
|
11
|
-
for (var t = e > 1 ? void 0 : e ? v(o, i) : o, r = a.length - 1, s; r >= 0; r--)
|
12
|
-
(s = a[r]) && (t = (e ? s(o, i, t) : s(t)) || t);
|
13
|
-
return e && t && p(o, i, t), t;
|
1
|
+
import { I as v, s as a } from "./mwc-icon-BZRds8SY.mjs";
|
2
|
+
import { e as f } from "./query-assigned-elements-DCt2xozt.mjs";
|
3
|
+
var p = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, m = (c, s, t, o) => {
|
4
|
+
for (var e = o > 1 ? void 0 : o ? _(s, t) : s, l = c.length - 1, n; l >= 0; l--)
|
5
|
+
(n = c[l]) && (e = (o ? n(s, t, e) : n(e)) || e);
|
6
|
+
return o && e && p(s, t, e), e;
|
14
7
|
};
|
15
|
-
let
|
8
|
+
let r = class extends v {
|
16
9
|
};
|
17
|
-
|
18
|
-
|
10
|
+
r.styles = [a];
|
11
|
+
r = m([
|
19
12
|
f("cv-icon")
|
20
|
-
],
|
21
|
-
const
|
13
|
+
], r);
|
14
|
+
const P = r;
|
22
15
|
export {
|
23
|
-
|
24
|
-
|
16
|
+
r as CovalentIcon,
|
17
|
+
P as default
|
25
18
|
};
|
package/index.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./badge.js"),o=require("./button.js"),a=require("./checkbox.js"),
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./action-ribbon.js"),t=require("./alert.js"),r=require("./app-shell.js"),n=require("./badge.js"),o=require("./button.js"),a=require("./checkbox.js"),l=require("./card.js"),i=require("./chip-BsDYOEFW.js"),u=require("./chip-set.js"),c=require("./circular-progress.js"),b=require("./code-editor-hT6MTCL6.js"),C=require("./code-snippet.js"),s=require("./dialog-LUOzoMeO.js"),v=require("./drawer.js"),p=require("./empty-state.js"),d=require("./expansion-panel.js"),g=require("./expansion-panel-item.js"),m=require("./focused-page.js"),P=require("./formfield.js"),y=require("./full-screen-dialog.js"),f=require("./icon.js"),j=require("./icon-button.js"),O=require("./icon-button-toggle.js"),q=require("./icon-check-toggle.js"),S=require("./icon-radio-toggle.js"),T=require("./linear-progress.js"),I=require("./check-list-item.js"),h=require("./list.js"),L=require("./list-item.js"),x=require("./nav-list-item.js"),B=require("./radio-list-item.js"),k=require("./menu.js"),R=require("./notebook-cell.js"),A=require("./radio.js"),F=require("./select.js"),D=require("./side-sheet.js"),E=require("./slider.js"),w=require("./slider-range.js"),H=require("./snackbar.js"),N=require("./status-dialog.js"),M=require("./status-header.js"),_=require("./status-header-item.js"),z=require("./switch.js"),G=require("./tab.js"),J=require("./tab-bar.js"),K=require("./textarea.js"),Q=require("./textfield.js"),U=require("./text-lockup.js"),V=require("./toolbar.js"),W=require("./tooltip.js"),X=require("./top-app-bar.js"),Y=require("./top-app-bar-fixed.js"),Z=require("./tree-list.js"),$=require("./tree-list-item.js"),ee=require("./typography.js");Object.defineProperty(exports,"CovalentActionRibbon",{enumerable:!0,get:()=>e.CovalentActionRibbon});Object.defineProperty(exports,"CovalentAlert",{enumerable:!0,get:()=>t.CovalentAlert});Object.defineProperty(exports,"CovalentAppShell",{enumerable:!0,get:()=>r.CovalentAppShell});Object.defineProperty(exports,"CovalentBadge",{enumerable:!0,get:()=>n.CovalentBadge});Object.defineProperty(exports,"CovalentButton",{enumerable:!0,get:()=>o.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>a.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>l.CovalentCard});Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>i.CovalentChip});Object.defineProperty(exports,"CovalentChipSet",{enumerable:!0,get:()=>u.CovalentChipSet});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>c.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeEditor",{enumerable:!0,get:()=>b.CovalentCodeEditor});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>C.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>s.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>v.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>p.CovalentEmptyState});Object.defineProperty(exports,"CovalentExpansionPanel",{enumerable:!0,get:()=>d.CovalentExpansionPanel});Object.defineProperty(exports,"CovalentExpansionPanelItem",{enumerable:!0,get:()=>g.CovalentExpansionPanelItem});Object.defineProperty(exports,"CovalentFocusedPage",{enumerable:!0,get:()=>m.CovalentFocusedPage});Object.defineProperty(exports,"CovalentFormfield",{enumerable:!0,get:()=>P.CovalentFormfield});Object.defineProperty(exports,"CovalentFullscreenDialog",{enumerable:!0,get:()=>y.CovalentFullscreenDialog});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>f.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>j.CovalentIconButton});Object.defineProperty(exports,"CovalentIconButtonToggle",{enumerable:!0,get:()=>O.CovalentIconButtonToggle});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>q.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>S.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>T.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>I.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>h.CovalentList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>L.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>x.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>B.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>k.CovalentMenu});Object.defineProperty(exports,"CovalentNotebookCell",{enumerable:!0,get:()=>R.CovalentNotebookCell});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>A.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>F.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>D.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>E.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>w.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>H.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusDialog",{enumerable:!0,get:()=>N.CovalentStatusDialog});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>M.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>_.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>z.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>G.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>J.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>K.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>Q.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>U.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>V.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>W.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>X.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>Y.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>Z.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>$.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>ee.CovalentTypography});
|