@covalent/components 6.0.4 → 6.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-ribbon/action-ribbon-base.d.ts.map +1 -0
- package/{src/action-ribbon → action-ribbon}/action-ribbon.d.ts +1 -0
- package/action-ribbon/action-ribbon.d.ts.map +1 -0
- package/action-ribbon.js +18 -0
- package/action-ribbon.mjs +13 -11
- package/alert/alert-base.d.ts.map +1 -0
- package/{src/alert → alert}/alert.d.ts +1 -0
- package/alert/alert.d.ts.map +1 -0
- package/alert.js +21 -0
- package/alert.mjs +14 -12
- package/{src/app-shell → app-shell}/app-shell.d.ts +1 -0
- package/app-shell/app-shell.d.ts.map +1 -0
- package/app-shell.js +41 -0
- package/app-shell.mjs +19 -17
- package/aria-property.mjs +2 -38
- package/base-element.mjs +2 -25
- package/{src/button → button}/button.d.ts +3 -2
- package/button/button.d.ts.map +1 -0
- package/button.js +44 -0
- package/button.mjs +11 -9
- package/card/card-base.d.ts.map +1 -0
- package/{src/card → card}/card.d.ts +3 -2
- package/card/card.d.ts.map +1 -0
- package/card.js +19 -0
- package/card.mjs +3 -1
- package/check-list-item.js +27 -0
- package/check-list-item.mjs +17 -15
- package/{src/checkbox → checkbox}/checkbox.d.ts +3 -2
- package/checkbox/checkbox.d.ts.map +1 -0
- package/checkbox.js +2 -0
- package/checkbox.mjs +15 -13
- package/chips/chip-base.d.ts.map +1 -0
- package/chips/chip-set-base.d.ts.map +1 -0
- package/{src/chips → chips}/chip-set.d.ts +1 -0
- package/chips/chip-set.d.ts.map +1 -0
- package/{src/chips → chips}/chip.d.ts +1 -0
- package/chips/chip.d.ts.map +1 -0
- package/chips/foundation.d.ts.map +1 -0
- package/circular-progress/circular-progress.d.ts +11 -0
- package/circular-progress/circular-progress.d.ts.map +1 -0
- package/circular-progress.js +65 -0
- package/circular-progress.mjs +11 -9
- package/class-map.mjs +3 -56
- package/{src/code-snippet → code-snippet}/code-snippet.d.ts +3 -2
- package/code-snippet/code-snippet.d.ts.map +1 -0
- package/code-snippet.js +13 -0
- package/code-snippet.mjs +36 -34
- package/{src/dialog → dialog}/dialog.d.ts +3 -2
- package/dialog/dialog.d.ts.map +1 -0
- package/dialog.js +1 -0
- package/dialog.mjs +15 -608
- package/dialog2.mjs +750 -0
- package/directive-helpers.mjs +2 -8
- package/{src/drawer → drawer}/drawer.d.ts +3 -2
- package/drawer/drawer.d.ts.map +1 -0
- package/drawer.js +6 -0
- package/drawer.mjs +11 -9
- package/{src/empty-state → empty-state}/empty-state.d.ts +3 -2
- package/empty-state/empty-state.d.ts.map +1 -0
- package/empty-state.js +27 -0
- package/empty-state.mjs +17 -15
- package/event-options.mjs +2 -11
- package/form-element.mjs +2 -47
- package/{src/formfield → formfield}/formfield.d.ts +3 -2
- package/formfield/formfield.d.ts.map +1 -0
- package/foundation.mjs +3 -112
- package/foundation2.mjs +2 -40
- package/{src/icon → icon}/icon.d.ts +1 -0
- package/icon/icon.d.ts.map +1 -0
- package/{src/icon-button → icon-button}/icon-button.d.ts +3 -2
- package/icon-button/icon-button.d.ts.map +1 -0
- package/icon-button.js +32 -0
- package/icon-button.mjs +23 -21
- package/icon-check-toggle.js +15 -0
- package/icon-check-toggle.mjs +5 -5
- package/{src/icon-checkbox → icon-checkbox}/icon-check-toggle.d.ts +3 -2
- package/icon-checkbox/icon-check-toggle.d.ts.map +1 -0
- package/{src/icon-radio → icon-radio}/icon-radio-toggle.d.ts +3 -2
- package/icon-radio/icon-radio-toggle.d.ts.map +1 -0
- package/icon-radio-toggle.js +14 -0
- package/icon-radio-toggle.mjs +19 -19
- package/icon.js +5 -0
- package/icon.mjs +11 -9
- package/if-defined.mjs +2 -7
- package/index.d.ts +46 -0
- package/index.d.ts.map +1 -0
- package/index.js +1 -0
- package/index.mjs +126 -0
- package/inert.esm.mjs +3 -615
- package/linear-progress/linear-progress.d.ts +11 -0
- package/linear-progress/linear-progress.d.ts.map +1 -0
- package/linear-progress.js +36 -0
- package/linear-progress.mjs +21 -19
- package/list/check-list-item.d.ts +11 -0
- package/list/check-list-item.d.ts.map +1 -0
- package/{src/list → list}/list-expansion.d.ts +5 -4
- package/list/list-expansion.d.ts.map +1 -0
- package/{src/list → list}/list-item.d.ts +3 -2
- package/list/list-item.d.ts.map +1 -0
- package/{src/list → list}/list.d.ts +3 -2
- package/list/list.d.ts.map +1 -0
- package/{src/list → list}/nav-list-item.d.ts +3 -2
- package/list/nav-list-item.d.ts.map +1 -0
- package/list/radio-list-item.d.ts +11 -0
- package/list/radio-list-item.d.ts.map +1 -0
- package/list-expansion.js +9 -0
- package/list-expansion.mjs +20 -18
- package/list-item.js +1 -0
- package/list-item.mjs +8 -48
- package/list-item2.mjs +43 -0
- package/list.js +1 -0
- package/list.mjs +2 -27
- package/list2.mjs +25 -0
- package/{src/menu → menu}/menu.d.ts +3 -2
- package/menu/menu.d.ts.map +1 -0
- package/menu.js +5 -0
- package/menu.mjs +11 -9
- package/mwc-checkbox-base.mjs +11 -168
- package/mwc-checkbox.css.mjs +2 -7
- package/mwc-drawer-base.mjs +12 -242
- package/mwc-icon.mjs +3 -20
- package/mwc-line-ripple-directive.mjs +16 -452
- package/mwc-list-base.mjs +26 -755
- package/mwc-list-item-base.mjs +9 -183
- package/mwc-list-item.css.mjs +3 -11
- package/mwc-menu-base.mjs +21 -976
- package/mwc-radio-base.mjs +11 -438
- package/mwc-radio.css.mjs +2 -7
- package/mwc-slider.css.mjs +23 -794
- package/mwc-tab-base.mjs +25 -503
- package/mwc-top-app-bar-base.mjs +12 -282
- package/nav-list-item.js +10 -0
- package/nav-list-item.mjs +26 -24
- package/observer.mjs +2 -29
- package/package.json +226 -6
- package/property.mjs +2 -17
- package/query-assigned-elements.mjs +9 -591
- package/query-assigned-nodes.mjs +2 -14
- package/query.mjs +2 -22
- package/{src/radio → radio}/radio.d.ts +3 -2
- package/radio/radio.d.ts.map +1 -0
- package/radio-list-item.js +27 -0
- package/radio-list-item.mjs +17 -15
- package/radio.js +2 -0
- package/radio.mjs +12 -10
- package/ripple-handlers.mjs +12 -666
- package/{src/select → select}/select.d.ts +3 -2
- package/select/select.d.ts.map +1 -0
- package/select.js +272 -0
- package/select.mjs +124 -122
- package/{src/side-sheet → side-sheet}/side-sheet.d.ts +2 -2
- package/side-sheet/side-sheet.d.ts.map +1 -0
- package/side-sheet.js +4 -0
- package/side-sheet.mjs +3 -3
- package/slider/slider-range.d.ts +11 -0
- package/slider/slider-range.d.ts.map +1 -0
- package/{src/slider → slider}/slider.d.ts +3 -2
- package/slider/slider.d.ts.map +1 -0
- package/slider-range.js +64 -0
- package/slider-range.mjs +23 -21
- package/slider.js +14 -0
- package/slider.mjs +16 -14
- package/{src/snackbar → snackbar}/snackbar.d.ts +3 -2
- package/snackbar/snackbar.d.ts.map +1 -0
- package/snackbar.js +93 -0
- package/snackbar.mjs +12 -10
- package/state.mjs +2 -9
- package/status-header/status-header-base.d.ts.map +1 -0
- package/{src/status-header → status-header}/status-header-item.d.ts +1 -0
- package/status-header/status-header-item.d.ts.map +1 -0
- package/{src/status-header → status-header}/status-header.d.ts +1 -0
- package/status-header/status-header.d.ts.map +1 -0
- package/status-header-item.js +4 -0
- package/status-header-item.mjs +17 -15
- package/status-header.js +24 -0
- package/status-header.mjs +17 -15
- package/style-map.mjs +2 -37
- package/style.css +1 -1
- package/{src/switch → switch}/switch.d.ts +3 -2
- package/switch/switch.d.ts.map +1 -0
- package/switch.js +174 -0
- package/switch.mjs +10 -8
- package/{src/tab → tab}/tab-bar.d.ts +3 -2
- package/tab/tab-bar.d.ts.map +1 -0
- package/{src/tab → tab}/tab.d.ts +3 -2
- package/tab/tab.d.ts.map +1 -0
- package/tab-bar.js +278 -0
- package/tab-bar.mjs +23 -21
- package/tab.js +6 -0
- package/tab.mjs +11 -9
- package/{src/text-lockup → text-lockup}/text-lockup.d.ts +1 -0
- package/text-lockup/text-lockup.d.ts.map +1 -0
- package/text-lockup.js +7 -0
- package/text-lockup.mjs +11 -9
- package/{src/textarea → textarea}/textarea.d.ts +3 -2
- package/textarea/textarea.d.ts.map +1 -0
- package/textarea.js +40 -0
- package/textarea.mjs +14 -12
- package/{src/textfield → textfield}/textfield.d.ts +3 -2
- package/textfield/textfield.d.ts.map +1 -0
- package/textfield.js +7 -0
- package/textfield.mjs +132 -39
- package/textfield2.mjs +1 -1
- package/{src/toolbar → toolbar}/toolbar.d.ts +3 -2
- package/toolbar/toolbar.d.ts.map +1 -0
- package/toolbar.js +4 -0
- package/toolbar.mjs +11 -9
- package/{src/tooltip → tooltip}/tooltip.d.ts +3 -2
- package/tooltip/tooltip.d.ts.map +1 -0
- package/tooltip.js +126 -0
- package/tooltip.mjs +66 -64
- package/top-app-bar/top-app-bar-fixed.d.ts +11 -0
- package/top-app-bar/top-app-bar-fixed.d.ts.map +1 -0
- package/{src/top-app-bar → top-app-bar}/top-app-bar.d.ts +3 -2
- package/top-app-bar/top-app-bar.d.ts.map +1 -0
- package/top-app-bar-fixed.js +28 -0
- package/top-app-bar-fixed.mjs +16 -14
- package/top-app-bar.js +3 -0
- package/top-app-bar.mjs +6 -28
- package/{src/tree-list → tree-list}/tree-list-item.d.ts +1 -0
- package/tree-list/tree-list-item.d.ts.map +1 -0
- package/{src/tree-list → tree-list}/tree-list.d.ts +1 -0
- package/tree-list/tree-list.d.ts.map +1 -0
- package/tree-list-item.js +26 -0
- package/tree-list-item.mjs +7 -5
- package/tree-list.js +10 -0
- package/tree-list.mjs +13 -12
- package/tslib.es6.mjs +1 -82
- package/{src/typography → typography}/typography.d.ts +1 -0
- package/typography/typography.d.ts.map +1 -0
- package/typography.js +4 -0
- package/typography.mjs +16 -14
- package/utils.mjs +2 -49
- package/covalent.mjs +0 -44
- package/covalent.umd.js +0 -3501
- package/src/action-ribbon/action-ribbon-base.d.ts.map +0 -1
- package/src/action-ribbon/action-ribbon.d.ts.map +0 -1
- package/src/alert/alert-base.d.ts.map +0 -1
- package/src/alert/alert.d.ts.map +0 -1
- package/src/app-shell/app-shell.d.ts.map +0 -1
- package/src/button/button.d.ts.map +0 -1
- package/src/card/card-base.d.ts.map +0 -1
- package/src/card/card.d.ts.map +0 -1
- package/src/checkbox/checkbox.d.ts.map +0 -1
- package/src/chips/chip-base.d.ts.map +0 -1
- package/src/chips/chip-set-base.d.ts.map +0 -1
- package/src/chips/chip-set.d.ts.map +0 -1
- package/src/chips/chip.d.ts.map +0 -1
- package/src/chips/foundation.d.ts.map +0 -1
- package/src/circular-progress/circular-progress.d.ts +0 -10
- package/src/circular-progress/circular-progress.d.ts.map +0 -1
- package/src/code-snippet/code-snippet.d.ts.map +0 -1
- package/src/dialog/dialog.d.ts.map +0 -1
- package/src/drawer/drawer.d.ts.map +0 -1
- package/src/empty-state/empty-state.d.ts.map +0 -1
- package/src/formfield/formfield.d.ts.map +0 -1
- package/src/icon/icon.d.ts.map +0 -1
- package/src/icon-button/icon-button.d.ts.map +0 -1
- package/src/icon-checkbox/icon-check-toggle.d.ts.map +0 -1
- package/src/icon-radio/icon-radio-toggle.d.ts.map +0 -1
- package/src/index.d.ts +0 -3
- package/src/index.d.ts.map +0 -1
- package/src/linear-progress/linear-progress.d.ts +0 -10
- package/src/linear-progress/linear-progress.d.ts.map +0 -1
- package/src/list/check-list-item.d.ts +0 -10
- package/src/list/check-list-item.d.ts.map +0 -1
- package/src/list/list-expansion.d.ts.map +0 -1
- package/src/list/list-item.d.ts.map +0 -1
- package/src/list/list.d.ts.map +0 -1
- package/src/list/nav-list-item.d.ts.map +0 -1
- package/src/list/radio-list-item.d.ts +0 -10
- package/src/list/radio-list-item.d.ts.map +0 -1
- package/src/menu/menu.d.ts.map +0 -1
- package/src/radio/radio.d.ts.map +0 -1
- package/src/select/select.d.ts.map +0 -1
- package/src/side-sheet/side-sheet.d.ts.map +0 -1
- package/src/slider/slider-range.d.ts +0 -10
- package/src/slider/slider-range.d.ts.map +0 -1
- package/src/slider/slider.d.ts.map +0 -1
- package/src/snackbar/snackbar.d.ts.map +0 -1
- package/src/status-header/status-header-base.d.ts.map +0 -1
- package/src/status-header/status-header-item.d.ts.map +0 -1
- package/src/status-header/status-header.d.ts.map +0 -1
- package/src/switch/switch.d.ts.map +0 -1
- package/src/tab/tab-bar.d.ts.map +0 -1
- package/src/tab/tab.d.ts.map +0 -1
- package/src/text-lockup/text-lockup.d.ts.map +0 -1
- package/src/textarea/textarea.d.ts.map +0 -1
- package/src/textfield/textfield.d.ts.map +0 -1
- package/src/toolbar/toolbar.d.ts.map +0 -1
- package/src/tooltip/tooltip.d.ts.map +0 -1
- package/src/top-app-bar/top-app-bar-fixed.d.ts +0 -10
- package/src/top-app-bar/top-app-bar-fixed.d.ts.map +0 -1
- package/src/top-app-bar/top-app-bar.d.ts.map +0 -1
- package/src/tree-list/tree-list-item.d.ts.map +0 -1
- package/src/tree-list/tree-list.d.ts.map +0 -1
- package/src/typography/typography.d.ts.map +0 -1
- /package/{src/action-ribbon → action-ribbon}/action-ribbon-base.d.ts +0 -0
- /package/{src/alert → alert}/alert-base.d.ts +0 -0
- /package/{src/card → card}/card-base.d.ts +0 -0
- /package/{src/chips → chips}/chip-base.d.ts +0 -0
- /package/{src/chips → chips}/chip-set-base.d.ts +0 -0
- /package/{src/chips → chips}/foundation.d.ts +0 -0
- /package/{src/status-header → status-header}/status-header-base.d.ts +0 -0
package/icon-button.mjs
CHANGED
@@ -1,8 +1,8 @@
|
|
1
|
-
import { s as h, y as
|
2
|
-
import {
|
3
|
-
import {
|
1
|
+
import { s as h, y as p, i as u, r as f, e as g } from "./query-assigned-elements.mjs";
|
2
|
+
import { _ as n } from "./tslib.es6.mjs";
|
3
|
+
import { e as _, R as x } from "./ripple-handlers.mjs";
|
4
4
|
import { a as m } from "./aria-property.mjs";
|
5
|
-
import { e as
|
5
|
+
import { e as d } from "./property.mjs";
|
6
6
|
import { t as v } from "./state.mjs";
|
7
7
|
import { e as b } from "./event-options.mjs";
|
8
8
|
import { i as y } from "./query.mjs";
|
@@ -18,11 +18,11 @@ import "./style-map.mjs";
|
|
18
18
|
*/
|
19
19
|
class t extends h {
|
20
20
|
constructor() {
|
21
|
-
super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new
|
21
|
+
super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new x(() => (this.shouldRenderRipple = !0, this.ripple));
|
22
22
|
}
|
23
23
|
/** @soyTemplate */
|
24
24
|
renderRipple() {
|
25
|
-
return this.shouldRenderRipple ?
|
25
|
+
return this.shouldRenderRipple ? p`
|
26
26
|
<mwc-ripple
|
27
27
|
.disabled="${this.disabled}"
|
28
28
|
unbounded>
|
@@ -38,7 +38,7 @@ class t extends h {
|
|
38
38
|
}
|
39
39
|
/** @soyTemplate */
|
40
40
|
render() {
|
41
|
-
return
|
41
|
+
return p`<button
|
42
42
|
class="mdc-icon-button mdc-icon-button--display-flex"
|
43
43
|
aria-label="${this.ariaLabel || this.icon}"
|
44
44
|
aria-haspopup="${w(this.ariaHasPopup)}"
|
@@ -52,7 +52,7 @@ class t extends h {
|
|
52
52
|
@touchend="${this.handleRippleDeactivate}"
|
53
53
|
@touchcancel="${this.handleRippleDeactivate}"
|
54
54
|
>${this.renderRipple()}
|
55
|
-
${this.icon ?
|
55
|
+
${this.icon ? p`<i class="material-icons">${this.icon}</i>` : ""}
|
56
56
|
<span
|
57
57
|
><slot></slot
|
58
58
|
></span>
|
@@ -84,24 +84,24 @@ class t extends h {
|
|
84
84
|
}
|
85
85
|
}
|
86
86
|
n([
|
87
|
-
|
87
|
+
d({ type: Boolean, reflect: !0 })
|
88
88
|
], t.prototype, "disabled", void 0);
|
89
89
|
n([
|
90
|
-
|
90
|
+
d({ type: String })
|
91
91
|
], t.prototype, "icon", void 0);
|
92
92
|
n([
|
93
93
|
m,
|
94
|
-
|
94
|
+
d({ type: String, attribute: "aria-label" })
|
95
95
|
], t.prototype, "ariaLabel", void 0);
|
96
96
|
n([
|
97
97
|
m,
|
98
|
-
|
98
|
+
d({ type: String, attribute: "aria-haspopup" })
|
99
99
|
], t.prototype, "ariaHasPopup", void 0);
|
100
100
|
n([
|
101
101
|
y("button")
|
102
102
|
], t.prototype, "buttonElement", void 0);
|
103
103
|
n([
|
104
|
-
|
104
|
+
_("mwc-ripple")
|
105
105
|
], t.prototype, "ripple", void 0);
|
106
106
|
n([
|
107
107
|
v()
|
@@ -119,17 +119,19 @@ n([
|
|
119
119
|
*/
|
120
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)}
|
121
121
|
`;
|
122
|
-
var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (
|
123
|
-
for (var e = c > 1 ? void 0 : c ? z(o, i) : o,
|
124
|
-
(
|
122
|
+
var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (s, o, i, c) => {
|
123
|
+
for (var e = c > 1 ? void 0 : c ? z(o, i) : o, l = s.length - 1, a; l >= 0; l--)
|
124
|
+
(a = s[l]) && (e = (c ? a(o, i, e) : a(e)) || e);
|
125
125
|
return c && e && k(o, i, e), e;
|
126
126
|
};
|
127
|
-
let
|
127
|
+
let r = class extends t {
|
128
128
|
};
|
129
|
-
|
130
|
-
|
129
|
+
r.styles = [R, u`${f($)}`];
|
130
|
+
r = H([
|
131
131
|
g("cv-icon-button")
|
132
|
-
],
|
132
|
+
], r);
|
133
|
+
const U = r;
|
133
134
|
export {
|
134
|
-
|
135
|
+
r as CovalentIconButton,
|
136
|
+
U as default
|
135
137
|
};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements.mjs"),l=require("./property.mjs"),p=require("./class-map.mjs"),s=require("./style-map.mjs"),h=require("./mwc-checkbox-base.mjs"),g=require("./mwc-checkbox.css.mjs");require("./tslib.es6.mjs");require("./ripple-handlers.mjs");require("./base-element.mjs");require("./utils.mjs");require("./state.mjs");require("./query.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./event-options.mjs");require("./if-defined.mjs");const m=`: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)}
|
2
|
+
`;var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(a,r,t,o)=>{for(var e=o>1?void 0:o?u(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&&f(r,t,e),e};exports.CovalentIconCheckToggle=class extends h.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.y`
|
3
|
+
<div class="${p.o(r)} container" style="${s.i(o)}" @click="${this._handleClick}">
|
4
|
+
<input type="checkbox" class="mdc-checkbox__native-control"></input>
|
5
|
+
<div class="mdc-toggle__background">
|
6
|
+
<svg class="mdc-toggle__checkmark ${p.o(t)}" viewBox="0 0 24 24">
|
7
|
+
<path class="mdc-toggle__checkmark-path ${p.o(t)}" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
|
8
|
+
</svg>
|
9
|
+
</div>
|
10
|
+
<slot name="icon"></slot>
|
11
|
+
${this.iconOnly?"":i.y`<div><slot name="text"></slot></div>`}
|
12
|
+
</div>
|
13
|
+
`}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[i.i`
|
14
|
+
${i.r(m)}
|
15
|
+
`,g.styles];c([l.e()],exports.CovalentIconCheckToggle.prototype,"width",2);c([l.e()],exports.CovalentIconCheckToggle.prototype,"height",2);c([l.e({type:Boolean})],exports.CovalentIconCheckToggle.prototype,"iconOnly",2);exports.CovalentIconCheckToggle=c([i.e("cv-checkbox-icon")],exports.CovalentIconCheckToggle);const v=exports.CovalentIconCheckToggle;exports.default=v;
|
package/icon-check-toggle.mjs
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
import {
|
1
|
+
import { i as m, r as h, y as l, e as f } from "./query-assigned-elements.mjs";
|
2
2
|
import { e as s } from "./property.mjs";
|
3
3
|
import { o as d } from "./class-map.mjs";
|
4
4
|
import { i as g } from "./style-map.mjs";
|
@@ -36,9 +36,7 @@ let t = class extends y {
|
|
36
36
|
"--height": `${this.height}px`
|
37
37
|
};
|
38
38
|
return l`
|
39
|
-
<div class="${d(i)} container" style="${g(
|
40
|
-
o
|
41
|
-
)}" @click="${this._handleClick}">
|
39
|
+
<div class="${d(i)} container" style="${g(o)}" @click="${this._handleClick}">
|
42
40
|
<input type="checkbox" class="mdc-checkbox__native-control"></input>
|
43
41
|
<div class="mdc-toggle__background">
|
44
42
|
<svg class="mdc-toggle__checkmark ${d(
|
@@ -76,6 +74,8 @@ c([
|
|
76
74
|
t = c([
|
77
75
|
f("cv-checkbox-icon")
|
78
76
|
], t);
|
77
|
+
const A = t;
|
79
78
|
export {
|
80
|
-
t as
|
79
|
+
t as CovalentIconCheckToggle,
|
80
|
+
A as default
|
81
81
|
};
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import { CheckboxBase } from '@material/mwc-checkbox/mwc-checkbox-base';
|
2
2
|
declare global {
|
3
3
|
interface HTMLElementTagNameMap {
|
4
|
-
'cv-icon-check-item':
|
4
|
+
'cv-icon-check-item': CovalentIconCheckToggle;
|
5
5
|
}
|
6
6
|
}
|
7
|
-
export declare class
|
7
|
+
export declare class CovalentIconCheckToggle extends CheckboxBase {
|
8
8
|
static styles: import("lit").CSSResult[];
|
9
9
|
width: number | string;
|
10
10
|
height: number | string;
|
@@ -12,4 +12,5 @@ export declare class CovalentIconCheckToggleBase extends CheckboxBase {
|
|
12
12
|
render(): import("lit-html").TemplateResult<1>;
|
13
13
|
private _handleClick;
|
14
14
|
}
|
15
|
+
export default CovalentIconCheckToggle;
|
15
16
|
//# sourceMappingURL=icon-check-toggle.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"icon-check-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-checkbox/icon-check-toggle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAIxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF;AAED,qBACa,uBAAwB,SAAQ,YAAY;IACvD,OAAgB,MAAM,4BAKpB;IAEU,KAAK,EAAE,MAAM,GAAG,MAAM,CAAS;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAS;IACf,QAAQ,UAAS;IACrC,MAAM;IA6Bf,OAAO,CAAC,YAAY;CAGrB;AAED,eAAe,uBAAuB,CAAA"}
|
@@ -1,14 +1,15 @@
|
|
1
1
|
import { RadioBase } from '@material/mwc-radio/mwc-radio-base';
|
2
2
|
declare global {
|
3
3
|
interface HTMLElementTagNameMap {
|
4
|
-
'cv-icon-radio-item':
|
4
|
+
'cv-icon-radio-item': CovalentIconRadioToggle;
|
5
5
|
}
|
6
6
|
}
|
7
|
-
export declare class
|
7
|
+
export declare class CovalentIconRadioToggle extends RadioBase {
|
8
8
|
static styles: import("lit").CSSResult[];
|
9
9
|
width: number | string;
|
10
10
|
height: number | string;
|
11
11
|
iconOnly: boolean;
|
12
12
|
render(): import("lit-html").TemplateResult<1>;
|
13
13
|
}
|
14
|
+
export default CovalentIconRadioToggle;
|
14
15
|
//# sourceMappingURL=icon-radio-toggle.d.ts.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"icon-radio-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-radio/icon-radio-toggle.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAO/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF;AAED,qBACa,uBAAwB,SAAQ,SAAS;IACpD,OAAgB,MAAM,4BAKpB;IAEU,KAAK,EAAE,MAAM,GAAG,MAAM,CAAS;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAS;IACf,QAAQ,UAAS;IACrC,MAAM;CAsBhB;AAED,eAAe,uBAAuB,CAAC"}
|
@@ -0,0 +1,14 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./query-assigned-elements.mjs"),l=require("./mwc-radio-base.mjs"),s=require("./mwc-radio.css.mjs"),p=require("./property.mjs"),m=require("./class-map.mjs"),g=require("./style-map.mjs");require("./tslib.es6.mjs");require("./ripple-handlers.mjs");require("./base-element.mjs");require("./utils.mjs");require("./state.mjs");require("./query.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./observer.mjs");require("./event-options.mjs");require("./if-defined.mjs");const h=`:host .mdc-radio__background{position:absolute;top:8px;right:8px}: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}.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)}.mdc-radio__outer-circle{border-color:var(--mdc-theme-text-icon-on-background)}.mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__inner-circle{border-color:var(--mdc-theme-secondary, #018786)}
|
2
|
+
`;var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(c,r,o,i)=>{for(var e=i>1?void 0:i?u(r,o):r,n=c.length-1,d;n>=0;n--)(d=c[n])&&(e=(i?d(r,o,e):d(e))||e);return i&&e&&f(r,o,e),e};exports.CovalentIconRadioToggle=class extends l.RadioBase{constructor(){super(...arguments),this.width="200",this.height="160",this.iconOnly=!1}render(){const r={checked:this.checked},o={"--width":this.width=="fill"?"100%":`${this.width}px`,"--height":`${this.height}px`};return t.y`
|
3
|
+
<div class="${m.o(r)} container" style="${g.i(o)}" @click="${()=>{this.checked=!0}}">
|
4
|
+
<input type="radio" class="mdc-radio__native-control"></input>
|
5
|
+
<div class="mdc-radio__background">
|
6
|
+
<div class="mdc-radio__outer-circle"></div>
|
7
|
+
<div class="mdc-radio__inner-circle"></div>
|
8
|
+
</div>
|
9
|
+
<slot name="icon"></slot>
|
10
|
+
${this.iconOnly?"":t.y`<div><slot name="text"></slot></div>`}
|
11
|
+
</div>
|
12
|
+
`}};exports.CovalentIconRadioToggle.styles=[t.i`
|
13
|
+
${t.r(h)}
|
14
|
+
`,s.styles];a([p.e()],exports.CovalentIconRadioToggle.prototype,"width",2);a([p.e()],exports.CovalentIconRadioToggle.prototype,"height",2);a([p.e({type:Boolean})],exports.CovalentIconRadioToggle.prototype,"iconOnly",2);exports.CovalentIconRadioToggle=a([t.e("cv-radio-icon")],exports.CovalentIconRadioToggle);const v=exports.CovalentIconRadioToggle;exports.default=v;
|
package/icon-radio-toggle.mjs
CHANGED
@@ -1,5 +1,5 @@
|
|
1
|
-
import {
|
2
|
-
import { R as
|
1
|
+
import { i as m, r as s, y as l, e as f } from "./query-assigned-elements.mjs";
|
2
|
+
import { R as h } from "./mwc-radio-base.mjs";
|
3
3
|
import { s as g } from "./mwc-radio.css.mjs";
|
4
4
|
import { e as p } from "./property.mjs";
|
5
5
|
import { o as v } from "./class-map.mjs";
|
@@ -17,26 +17,24 @@ import "./event-options.mjs";
|
|
17
17
|
import "./if-defined.mjs";
|
18
18
|
const u = `:host .mdc-radio__background{position:absolute;top:8px;right:8px}: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}.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)}.mdc-radio__outer-circle{border-color:var(--mdc-theme-text-icon-on-background)}.mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__inner-circle{border-color:var(--mdc-theme-secondary, #018786)}
|
19
19
|
`;
|
20
|
-
var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (o,
|
21
|
-
for (var r = i > 1 ? void 0 : i ? x(
|
22
|
-
(d = o[n]) && (r = (i ? d(
|
23
|
-
return i && r && b(
|
20
|
+
var b = Object.defineProperty, x = Object.getOwnPropertyDescriptor, a = (o, t, c, i) => {
|
21
|
+
for (var r = i > 1 ? void 0 : i ? x(t, c) : t, n = o.length - 1, d; n >= 0; n--)
|
22
|
+
(d = o[n]) && (r = (i ? d(t, c, r) : d(r)) || r);
|
23
|
+
return i && r && b(t, c, r), r;
|
24
24
|
};
|
25
|
-
let
|
25
|
+
let e = class extends h {
|
26
26
|
constructor() {
|
27
27
|
super(...arguments), this.width = "200", this.height = "160", this.iconOnly = !1;
|
28
28
|
}
|
29
29
|
render() {
|
30
30
|
const o = {
|
31
31
|
checked: this.checked
|
32
|
-
},
|
32
|
+
}, t = {
|
33
33
|
"--width": this.width == "fill" ? "100%" : `${this.width}px`,
|
34
34
|
"--height": `${this.height}px`
|
35
35
|
};
|
36
36
|
return l`
|
37
|
-
<div class="${v(o)} container" style="${y(
|
38
|
-
e
|
39
|
-
)}" @click="${() => {
|
37
|
+
<div class="${v(o)} container" style="${y(t)}" @click="${() => {
|
40
38
|
this.checked = !0;
|
41
39
|
}}">
|
42
40
|
<input type="radio" class="mdc-radio__native-control"></input>
|
@@ -50,7 +48,7 @@ let t = class extends f {
|
|
50
48
|
`;
|
51
49
|
}
|
52
50
|
};
|
53
|
-
|
51
|
+
e.styles = [
|
54
52
|
m`
|
55
53
|
${s(u)}
|
56
54
|
`,
|
@@ -58,16 +56,18 @@ t.styles = [
|
|
58
56
|
];
|
59
57
|
a([
|
60
58
|
p()
|
61
|
-
],
|
59
|
+
], e.prototype, "width", 2);
|
62
60
|
a([
|
63
61
|
p()
|
64
|
-
],
|
62
|
+
], e.prototype, "height", 2);
|
65
63
|
a([
|
66
64
|
p({ type: Boolean })
|
67
|
-
],
|
68
|
-
|
69
|
-
|
70
|
-
],
|
65
|
+
], e.prototype, "iconOnly", 2);
|
66
|
+
e = a([
|
67
|
+
f("cv-radio-icon")
|
68
|
+
], e);
|
69
|
+
const F = e;
|
71
70
|
export {
|
72
|
-
|
71
|
+
e as CovalentIconRadioToggle,
|
72
|
+
F as default
|
73
73
|
};
|
package/icon.js
ADDED
@@ -0,0 +1,5 @@
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./mwc-icon.mjs"),l=require("./query-assigned-elements.mjs");require("./tslib.es6.mjs");/**
|
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;
|
package/icon.mjs
CHANGED
@@ -7,17 +7,19 @@ import "./tslib.es6.mjs";
|
|
7
7
|
* SPDX-LIcense-Identifier: Apache-2.0
|
8
8
|
*/
|
9
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,
|
11
|
-
for (var t =
|
12
|
-
(
|
13
|
-
return
|
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;
|
14
14
|
};
|
15
|
-
let
|
15
|
+
let n = class extends l {
|
16
16
|
};
|
17
|
-
|
18
|
-
|
17
|
+
n.styles = [m];
|
18
|
+
n = g([
|
19
19
|
f("cv-icon")
|
20
|
-
],
|
20
|
+
], n);
|
21
|
+
const y = n;
|
21
22
|
export {
|
22
|
-
|
23
|
+
n as CovalentIcon,
|
24
|
+
y as default
|
23
25
|
};
|
package/if-defined.mjs
CHANGED
@@ -1,10 +1,5 @@
|
|
1
|
-
|
2
|
-
/**
|
1
|
+
"use strict";const s=require("./query-assigned-elements.mjs");/**
|
3
2
|
* @license
|
4
3
|
* Copyright 2018 Google LLC
|
5
4
|
* SPDX-License-Identifier: BSD-3-Clause
|
6
|
-
*/
|
7
|
-
const l = (o) => o ?? r;
|
8
|
-
export {
|
9
|
-
l
|
10
|
-
};
|
5
|
+
*/const t=e=>e??s.b;exports.l=t;
|
package/index.d.ts
ADDED
@@ -0,0 +1,46 @@
|
|
1
|
+
export * from './action-ribbon/action-ribbon';
|
2
|
+
export * from './alert/alert';
|
3
|
+
export * from './app-shell/app-shell';
|
4
|
+
export * from './button/button';
|
5
|
+
export * from './checkbox/checkbox';
|
6
|
+
export * from './card/card';
|
7
|
+
export * from './circular-progress/circular-progress';
|
8
|
+
export * from './code-snippet/code-snippet';
|
9
|
+
export * from './dialog/dialog';
|
10
|
+
export * from './drawer/drawer';
|
11
|
+
export * from './empty-state/empty-state';
|
12
|
+
export * from './icon/icon';
|
13
|
+
export * from './icon-button/icon-button';
|
14
|
+
export * from './icon-checkbox/icon-check-toggle';
|
15
|
+
export * from './icon-radio/icon-radio-toggle';
|
16
|
+
export * from './linear-progress/linear-progress';
|
17
|
+
export * from './list/check-list-item';
|
18
|
+
export * from './list/list';
|
19
|
+
export * from './list/list-expansion';
|
20
|
+
export * from './list/list-item';
|
21
|
+
export * from './list/nav-list-item';
|
22
|
+
export * from './list/radio-list-item';
|
23
|
+
export * from './menu/menu';
|
24
|
+
export * from './radio/radio';
|
25
|
+
export * from './select/select';
|
26
|
+
export * from './side-sheet/side-sheet';
|
27
|
+
export * from './slider/slider';
|
28
|
+
export * from './slider/slider-range';
|
29
|
+
export * from './snackbar/snackbar';
|
30
|
+
export * from './status-header/status-header';
|
31
|
+
export * from './status-header/status-header-item';
|
32
|
+
export * from './switch/switch';
|
33
|
+
export * from './tab/tab';
|
34
|
+
export * from './tab/tab-bar';
|
35
|
+
export * from './textarea/textarea';
|
36
|
+
export * from './textfield/textfield';
|
37
|
+
export * from './text-lockup/text-lockup';
|
38
|
+
export * from './toolbar/toolbar';
|
39
|
+
export * from './tooltip/tooltip';
|
40
|
+
export * from './top-app-bar/top-app-bar';
|
41
|
+
export * from './top-app-bar/top-app-bar-fixed';
|
42
|
+
export * from './tree-list/tree-list';
|
43
|
+
export * from './tree-list/tree-list-item';
|
44
|
+
export * from './typography/typography';
|
45
|
+
import '../theme/theme.scss';
|
46
|
+
//# sourceMappingURL=index.d.ts.map
|
package/index.d.ts.map
ADDED
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AAExC,OAAO,qBAAqB,CAAC"}
|
package/index.js
ADDED
@@ -0,0 +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("./button.js"),o=require("./checkbox.js"),a=require("./card.js"),i=require("./circular-progress.js"),u=require("./code-snippet.js"),l=require("./dialog.mjs"),c=require("./drawer.js"),b=require("./empty-state.js"),C=require("./icon.js"),s=require("./icon-button.js"),p=require("./icon-check-toggle.js"),v=require("./icon-radio-toggle.js"),d=require("./linear-progress.js"),q=require("./check-list-item.js"),g=require("./list.mjs"),m=require("./list-expansion.js"),y=require("./list-item.mjs"),P=require("./nav-list-item.js"),f=require("./radio-list-item.js"),j=require("./menu.js"),O=require("./radio.js"),T=require("./select.js"),S=require("./side-sheet.js"),I=require("./slider.js"),L=require("./slider-range.js"),h=require("./snackbar.js"),x=require("./status-header.js"),k=require("./status-header-item.js"),R=require("./switch.js"),A=require("./tab.js"),B=require("./tab-bar.js"),w=require("./textarea.js"),H=require("./textfield.js"),E=require("./text-lockup.js"),F=require("./toolbar.js"),D=require("./tooltip.js"),M=require("./top-app-bar.js"),N=require("./top-app-bar-fixed.js"),_=require("./tree-list.js"),z=require("./tree-list-item.js"),G=require("./typography.js");require("./query-assigned-elements.mjs");require("./utils.mjs");require("./observer.mjs");require("./foundation.mjs");require("./tslib.es6.mjs");require("./foundation2.mjs");require("./class-map.mjs");require("./property.mjs");require("./query.mjs");require("./mwc-drawer-base.mjs");require("./inert.esm.mjs");require("./base-element.mjs");require("./mwc-icon.mjs");require("./ripple-handlers.mjs");require("./state.mjs");require("./style-map.mjs");require("./aria-property.mjs");require("./event-options.mjs");require("./if-defined.mjs");require("./mwc-checkbox-base.mjs");require("./form-element.mjs");require("./mwc-checkbox.css.mjs");require("./query-assigned-nodes.mjs");require("./mwc-radio-base.mjs");require("./mwc-radio.css.mjs");require("./mwc-list-item-base.mjs");require("./mwc-list-item.css.mjs");require("./mwc-list-base.mjs");require("./mwc-menu-base.mjs");require("./mwc-line-ripple-directive.mjs");require("./mwc-slider.css.mjs");require("./directive-helpers.mjs");require("./mwc-tab-base.mjs");require("./textfield.mjs");require("./mwc-top-app-bar-base.mjs");require("./top-app-bar.mjs");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,"CovalentButton",{enumerable:!0,get:()=>n.CovalentButton});Object.defineProperty(exports,"CovalentCheckbox",{enumerable:!0,get:()=>o.CovalentCheckbox});Object.defineProperty(exports,"CovalentCard",{enumerable:!0,get:()=>a.CovalentCard});Object.defineProperty(exports,"CovalentCircularProgress",{enumerable:!0,get:()=>i.CovalentCircularProgress});Object.defineProperty(exports,"CovalentCodeSnippet",{enumerable:!0,get:()=>u.CovalentCodeSnippet});Object.defineProperty(exports,"CovalentDialog",{enumerable:!0,get:()=>l.CovalentDialog});Object.defineProperty(exports,"CovalentDrawer",{enumerable:!0,get:()=>c.CovalentDrawer});Object.defineProperty(exports,"CovalentEmptyState",{enumerable:!0,get:()=>b.CovalentEmptyState});Object.defineProperty(exports,"CovalentIcon",{enumerable:!0,get:()=>C.CovalentIcon});Object.defineProperty(exports,"CovalentIconButton",{enumerable:!0,get:()=>s.CovalentIconButton});Object.defineProperty(exports,"CovalentIconCheckToggle",{enumerable:!0,get:()=>p.CovalentIconCheckToggle});Object.defineProperty(exports,"CovalentIconRadioToggle",{enumerable:!0,get:()=>v.CovalentIconRadioToggle});Object.defineProperty(exports,"CovalentLinearProgress",{enumerable:!0,get:()=>d.CovalentLinearProgress});Object.defineProperty(exports,"CovalentCheckListItem",{enumerable:!0,get:()=>q.CovalentCheckListItem});Object.defineProperty(exports,"CovalentList",{enumerable:!0,get:()=>g.CovalentList});Object.defineProperty(exports,"CovalentExpansionList",{enumerable:!0,get:()=>m.CovalentExpansionList});Object.defineProperty(exports,"CovalentListItem",{enumerable:!0,get:()=>y.CovalentListItem});Object.defineProperty(exports,"CovalentNavRailListItem",{enumerable:!0,get:()=>P.CovalentNavRailListItem});Object.defineProperty(exports,"CovalentRadioListItem",{enumerable:!0,get:()=>f.CovalentRadioListItem});Object.defineProperty(exports,"CovalentMenu",{enumerable:!0,get:()=>j.CovalentMenu});Object.defineProperty(exports,"CovalentRadio",{enumerable:!0,get:()=>O.CovalentRadio});Object.defineProperty(exports,"CovalentSelect",{enumerable:!0,get:()=>T.CovalentSelect});Object.defineProperty(exports,"CovalentSideSheet",{enumerable:!0,get:()=>S.CovalentSideSheet});Object.defineProperty(exports,"CovalentSlider",{enumerable:!0,get:()=>I.CovalentSlider});Object.defineProperty(exports,"CovalentSliderRange",{enumerable:!0,get:()=>L.CovalentSliderRange});Object.defineProperty(exports,"CovalentSnackbar",{enumerable:!0,get:()=>h.CovalentSnackbar});Object.defineProperty(exports,"CovalentStatusHeader",{enumerable:!0,get:()=>x.CovalentStatusHeader});Object.defineProperty(exports,"CovalentStatusHeaderItem",{enumerable:!0,get:()=>k.CovalentStatusHeaderItem});Object.defineProperty(exports,"CovalentSwitch",{enumerable:!0,get:()=>R.CovalentSwitch});Object.defineProperty(exports,"CovalentTab",{enumerable:!0,get:()=>A.CovalentTab});Object.defineProperty(exports,"CovalentTabBar",{enumerable:!0,get:()=>B.CovalentTabBar});Object.defineProperty(exports,"CovalentTextArea",{enumerable:!0,get:()=>w.CovalentTextArea});Object.defineProperty(exports,"CovalentTextField",{enumerable:!0,get:()=>H.CovalentTextField});Object.defineProperty(exports,"CovalentTextLockup",{enumerable:!0,get:()=>E.CovalentTextLockup});Object.defineProperty(exports,"CovalentToolbar",{enumerable:!0,get:()=>F.CovalentToolbar});Object.defineProperty(exports,"CovalentTooltip",{enumerable:!0,get:()=>D.CovalentTooltip});Object.defineProperty(exports,"CovalentTopAppBar",{enumerable:!0,get:()=>M.CovalentTopAppBar});Object.defineProperty(exports,"CovalentTopAppBarFixed",{enumerable:!0,get:()=>N.CovalentTopAppBarFixed});Object.defineProperty(exports,"CovalentTreeList",{enumerable:!0,get:()=>_.CovalentTreeList});Object.defineProperty(exports,"CovalentTreeListItem",{enumerable:!0,get:()=>z.CovalentTreeListItem});Object.defineProperty(exports,"CovalentTypography",{enumerable:!0,get:()=>G.CovalentTypography});
|
package/index.mjs
ADDED
@@ -0,0 +1,126 @@
|
|
1
|
+
import { CovalentActionRibbon as j } from "./action-ribbon.mjs";
|
2
|
+
import { CovalentAlert as z } from "./alert.mjs";
|
3
|
+
import { CovalentAppShell as J } from "./app-shell.mjs";
|
4
|
+
import { CovalentButton as O } from "./button.mjs";
|
5
|
+
import { CovalentCheckbox as U } from "./checkbox.mjs";
|
6
|
+
import { CovalentCard as W } from "./card.mjs";
|
7
|
+
import { CovalentCircularProgress as Y } from "./circular-progress.mjs";
|
8
|
+
import { CovalentCodeSnippet as _ } from "./code-snippet.mjs";
|
9
|
+
import { C as oo } from "./dialog2.mjs";
|
10
|
+
import { CovalentDrawer as ro } from "./drawer.mjs";
|
11
|
+
import { CovalentEmptyState as po } from "./empty-state.mjs";
|
12
|
+
import { CovalentIcon as ao } from "./icon.mjs";
|
13
|
+
import { CovalentIconButton as no } from "./icon-button.mjs";
|
14
|
+
import { CovalentIconCheckToggle as Co } from "./icon-check-toggle.mjs";
|
15
|
+
import { CovalentIconRadioToggle as vo } from "./icon-radio-toggle.mjs";
|
16
|
+
import { CovalentLinearProgress as so } from "./linear-progress.mjs";
|
17
|
+
import { CovalentCheckListItem as To } from "./check-list-item.mjs";
|
18
|
+
import { C as Io } from "./list2.mjs";
|
19
|
+
import { CovalentExpansionList as go } from "./list-expansion.mjs";
|
20
|
+
import { C as bo } from "./list-item2.mjs";
|
21
|
+
import { CovalentNavRailListItem as Ao } from "./nav-list-item.mjs";
|
22
|
+
import { CovalentRadioListItem as ko } from "./radio-list-item.mjs";
|
23
|
+
import { CovalentMenu as yo } from "./menu.mjs";
|
24
|
+
import { CovalentRadio as Do } from "./radio.mjs";
|
25
|
+
import { CovalentSelect as Fo } from "./select.mjs";
|
26
|
+
import { CovalentSideSheet as Po } from "./side-sheet.mjs";
|
27
|
+
import { CovalentSlider as No } from "./slider.mjs";
|
28
|
+
import { CovalentSliderRange as qo } from "./slider-range.mjs";
|
29
|
+
import { CovalentSnackbar as Go } from "./snackbar.mjs";
|
30
|
+
import { CovalentStatusHeader as Ko } from "./status-header.mjs";
|
31
|
+
import { CovalentStatusHeaderItem as Qo } from "./status-header-item.mjs";
|
32
|
+
import { CovalentSwitch as Vo } from "./switch.mjs";
|
33
|
+
import { CovalentTab as Xo } from "./tab.mjs";
|
34
|
+
import { CovalentTabBar as Zo } from "./tab-bar.mjs";
|
35
|
+
import { CovalentTextArea as $o } from "./textarea.mjs";
|
36
|
+
import { CovalentTextField as tt } from "./textfield.mjs";
|
37
|
+
import { CovalentTextLockup as et } from "./text-lockup.mjs";
|
38
|
+
import { CovalentToolbar as mt } from "./toolbar.mjs";
|
39
|
+
import { CovalentTooltip as it } from "./tooltip.mjs";
|
40
|
+
import { CovalentTopAppBar as lt } from "./top-app-bar.mjs";
|
41
|
+
import { CovalentTopAppBarFixed as xt } from "./top-app-bar-fixed.mjs";
|
42
|
+
import { CovalentTreeList as ft } from "./tree-list.mjs";
|
43
|
+
import { CovalentTreeListItem as ct } from "./tree-list-item.mjs";
|
44
|
+
import { CovalentTypography as dt } from "./typography.mjs";
|
45
|
+
import "./query-assigned-elements.mjs";
|
46
|
+
import "./utils.mjs";
|
47
|
+
import "./observer.mjs";
|
48
|
+
import "./foundation.mjs";
|
49
|
+
import "./tslib.es6.mjs";
|
50
|
+
import "./foundation2.mjs";
|
51
|
+
import "./class-map.mjs";
|
52
|
+
import "./property.mjs";
|
53
|
+
import "./query.mjs";
|
54
|
+
import "./mwc-drawer-base.mjs";
|
55
|
+
import "./inert.esm.mjs";
|
56
|
+
import "./base-element.mjs";
|
57
|
+
import "./mwc-icon.mjs";
|
58
|
+
import "./ripple-handlers.mjs";
|
59
|
+
import "./state.mjs";
|
60
|
+
import "./style-map.mjs";
|
61
|
+
import "./aria-property.mjs";
|
62
|
+
import "./event-options.mjs";
|
63
|
+
import "./if-defined.mjs";
|
64
|
+
import "./mwc-checkbox-base.mjs";
|
65
|
+
import "./form-element.mjs";
|
66
|
+
import "./mwc-checkbox.css.mjs";
|
67
|
+
import "./query-assigned-nodes.mjs";
|
68
|
+
import "./mwc-radio-base.mjs";
|
69
|
+
import "./mwc-radio.css.mjs";
|
70
|
+
import "./mwc-list-item-base.mjs";
|
71
|
+
import "./mwc-list-item.css.mjs";
|
72
|
+
import "./mwc-list-base.mjs";
|
73
|
+
import "./mwc-menu-base.mjs";
|
74
|
+
import "./mwc-line-ripple-directive.mjs";
|
75
|
+
import "./mwc-slider.css.mjs";
|
76
|
+
import "./directive-helpers.mjs";
|
77
|
+
import "./mwc-tab-base.mjs";
|
78
|
+
import "./textfield2.mjs";
|
79
|
+
import "./mwc-top-app-bar-base.mjs";
|
80
|
+
import "./top-app-bar2.mjs";
|
81
|
+
export {
|
82
|
+
j as CovalentActionRibbon,
|
83
|
+
z as CovalentAlert,
|
84
|
+
J as CovalentAppShell,
|
85
|
+
O as CovalentButton,
|
86
|
+
W as CovalentCard,
|
87
|
+
To as CovalentCheckListItem,
|
88
|
+
U as CovalentCheckbox,
|
89
|
+
Y as CovalentCircularProgress,
|
90
|
+
_ as CovalentCodeSnippet,
|
91
|
+
oo as CovalentDialog,
|
92
|
+
ro as CovalentDrawer,
|
93
|
+
po as CovalentEmptyState,
|
94
|
+
go as CovalentExpansionList,
|
95
|
+
ao as CovalentIcon,
|
96
|
+
no as CovalentIconButton,
|
97
|
+
Co as CovalentIconCheckToggle,
|
98
|
+
vo as CovalentIconRadioToggle,
|
99
|
+
so as CovalentLinearProgress,
|
100
|
+
Io as CovalentList,
|
101
|
+
bo as CovalentListItem,
|
102
|
+
yo as CovalentMenu,
|
103
|
+
Ao as CovalentNavRailListItem,
|
104
|
+
Do as CovalentRadio,
|
105
|
+
ko as CovalentRadioListItem,
|
106
|
+
Fo as CovalentSelect,
|
107
|
+
Po as CovalentSideSheet,
|
108
|
+
No as CovalentSlider,
|
109
|
+
qo as CovalentSliderRange,
|
110
|
+
Go as CovalentSnackbar,
|
111
|
+
Ko as CovalentStatusHeader,
|
112
|
+
Qo as CovalentStatusHeaderItem,
|
113
|
+
Vo as CovalentSwitch,
|
114
|
+
Xo as CovalentTab,
|
115
|
+
Zo as CovalentTabBar,
|
116
|
+
$o as CovalentTextArea,
|
117
|
+
tt as CovalentTextField,
|
118
|
+
et as CovalentTextLockup,
|
119
|
+
mt as CovalentToolbar,
|
120
|
+
it as CovalentTooltip,
|
121
|
+
lt as CovalentTopAppBar,
|
122
|
+
xt as CovalentTopAppBarFixed,
|
123
|
+
ft as CovalentTreeList,
|
124
|
+
ct as CovalentTreeListItem,
|
125
|
+
dt as CovalentTypography
|
126
|
+
};
|