@covalent/components 10.3.2 → 10.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-ribbon.js +5 -5
- package/action-ribbon.mjs +33 -33
- package/alert.js +5 -5
- package/alert.mjs +54 -54
- package/app-shell.js +1 -1
- package/app-shell.mjs +7 -7
- package/async-directive-JqUnzsgG.mjs +66 -0
- package/async-directive-X7VhNdG3.js +5 -0
- package/badge.js +1 -1
- package/badge.mjs +4 -4
- package/{base-element-5ZU-p99q.js → base-element-DP9GZic2.js} +1 -1
- package/{base-element-CzNmpVoz.mjs → base-element-DUJkJh_y.mjs} +1 -1
- package/button.js +2 -2
- package/button.mjs +29 -29
- package/card.js +8 -8
- package/card.mjs +39 -39
- package/check-list-item.js +8 -8
- package/check-list-item.mjs +34 -34
- package/checkbox.js +1 -1
- package/checkbox.mjs +15 -15
- package/{chip-CitHXhY7.js → chip-CiCrVTPi.js} +40 -40
- package/{chip-5QP7xPTY.mjs → chip-kcYskdL2.mjs} +37 -37
- package/chip-set.js +5 -5
- package/chip-set.mjs +135 -135
- package/chip.js +1 -1
- package/chip.mjs +2 -2
- package/circular-progress.js +15 -15
- package/circular-progress.mjs +25 -25
- package/class-map-DPUylGZM.mjs +36 -0
- package/class-map-DTzB8z-1.js +5 -0
- package/{code-editor-XU5DhFbC.mjs → code-editor-C3uCywXF.mjs} +7930 -7977
- package/{code-editor-CryBkPGy.js → code-editor-DRE322br.js} +116 -116
- package/code-editor.js +1 -1
- package/code-editor.mjs +2 -2
- package/code-snippet.js +1 -1
- package/code-snippet.mjs +5 -5
- package/{dialog-BodJc4rc.mjs → dialog-CzHKHFcv.mjs} +185 -185
- package/{dialog-DMqDMT_N.js → dialog-DnrVj2jp.js} +9 -9
- package/dialog.js +1 -1
- package/dialog.mjs +2 -2
- package/directive-C7oCP5Bh.js +5 -0
- package/directive-helpers-C-un5pST.js +5 -0
- package/directive-helpers-DS-VuBZD.mjs +11 -0
- package/{directive-B76A7YXI.mjs → directive-oAbCiebi.mjs} +4 -4
- package/drawer.js +2 -2
- package/drawer.mjs +14 -14
- package/empty-state.js +1 -1
- package/empty-state.mjs +6 -6
- package/{event-options-D44mpm5S.mjs → event-options-C7DvXRgq.mjs} +1 -1
- package/{event-options-IG-2g8HU.js → event-options-DD382x85.js} +1 -1
- package/expansion-panel-item.js +1 -1
- package/expansion-panel-item.mjs +3 -3
- package/expansion-panel.js +1 -1
- package/expansion-panel.mjs +5 -5
- package/focused-page.js +1 -1
- package/focused-page.mjs +7 -7
- package/form-element-BOhYShN_.mjs +50 -0
- package/form-element-BSAsNxWv.js +5 -0
- package/formfield.js +7 -7
- package/formfield.mjs +45 -45
- package/{foundation-BYhAXCW_.mjs → foundation-CZtT3AWn.mjs} +15 -17
- package/{foundation-sIsx2I_x.js → foundation-CySCCTUE.js} +2 -2
- package/{foundation-D6JHa7Lg.mjs → foundation-PL3XY-m_.mjs} +4 -4
- package/{foundation-aT_gy6X8.js → foundation-pgmPu2iJ.js} +1 -1
- package/full-screen-dialog.js +2 -2
- package/full-screen-dialog.mjs +10 -10
- package/{html-DW6Y8eLM.mjs → html-B4ZQgAyG.mjs} +1 -1
- package/{html-CEiNqoVv.js → html-BmXgAsCP.js} +1 -1
- package/icon-button-toggle.js +5 -5
- package/icon-button-toggle.mjs +29 -29
- package/icon-button.js +3 -3
- package/icon-button.mjs +32 -32
- package/icon-check-toggle.js +1 -1
- package/icon-check-toggle.mjs +7 -7
- package/icon-lockup.js +5 -5
- package/icon-lockup.mjs +4 -4
- package/icon-radio-toggle.js +1 -1
- package/icon-radio-toggle.mjs +13 -13
- package/icon.js +1 -1
- package/icon.mjs +13 -13
- package/{if-defined-B7G84qob.js → if-defined-CZCqOAYs.js} +1 -1
- package/{if-defined-DN7whKwy.mjs → if-defined-DGrxuPYz.mjs} +1 -1
- package/index.js +7 -7
- package/index.mjs +121 -121
- package/{javascript-vVCDG6Rm.js → javascript-Cc9WaUTf.js} +1 -1
- package/{javascript-DzJ0FiwJ.mjs → javascript-Dyp_SycE.mjs} +1 -1
- package/linear-progress.js +7 -7
- package/linear-progress.mjs +32 -32
- package/{list-item-COi_Dg4N.js → list-item-qiQvSXie.js} +1 -1
- package/{list-item-Bh5n0QpR.mjs → list-item-quxukAxk.mjs} +1 -1
- package/list-item.js +7 -7
- package/list-item.mjs +21 -21
- package/list.js +3 -3
- package/list.mjs +16 -16
- package/menu.js +3 -3
- package/menu.mjs +15 -15
- package/{mwc-checkbox.css-CNoj0V14.mjs → mwc-checkbox.css-BrjbMwch.mjs} +28 -28
- package/{mwc-checkbox.css-BV3dyB4C.js → mwc-checkbox.css-u49MHsHT.js} +1 -1
- package/{mwc-drawer-base-C96HTnbC.mjs → mwc-drawer-base-B75WxHwf.mjs} +10 -10
- package/{mwc-drawer-base-BIn51sQu.js → mwc-drawer-base-BymazAF9.js} +3 -3
- package/{mwc-icon-Xgr698ax.js → mwc-icon-BUzuM0iB.js} +1 -1
- package/{mwc-icon-DTCUplqR.mjs → mwc-icon-U80igLyY.mjs} +2 -2
- package/{mwc-icon-button.css-DOVWWyjA.js → mwc-icon-button.css-BzElD_JI.js} +1 -1
- package/{mwc-icon-button.css-DJiDOS0_.mjs → mwc-icon-button.css-DosQIdlt.mjs} +1 -1
- package/{mwc-line-ripple-directive-TO37-41n.mjs → mwc-line-ripple-directive-AW6v6TRk.mjs} +34 -34
- package/{mwc-line-ripple-directive-r80jluoU.js → mwc-line-ripple-directive-DBy5sTfo.js} +4 -4
- package/{mwc-list-item.css-CO1JlA8e.js → mwc-list-item.css-Bib8TVz5.js} +10 -10
- package/{mwc-list-item.css-Cg9onxQ-.mjs → mwc-list-item.css-BtGzAhUF.mjs} +10 -10
- package/{mwc-list.css-C_-DVEme.mjs → mwc-list.css-BBbQixrF.mjs} +100 -100
- package/{mwc-list.css-Deg9oBaO.js → mwc-list.css-DWV8pw-x.js} +1 -1
- package/{mwc-menu.css-qpZxKN-g.mjs → mwc-menu.css-BUjxqJjM.mjs} +303 -303
- package/{mwc-menu.css-Dvr-f3_T.js → mwc-menu.css-D3EFugOg.js} +18 -18
- package/{mwc-radio.css-DjO4Rn44.js → mwc-radio.css-BWiWreTh.js} +1 -1
- package/{mwc-radio.css-BiHC1R8I.mjs → mwc-radio.css-DPbyzNg_.mjs} +8 -8
- package/{mwc-slider.css-Deh1__Ar.mjs → mwc-slider.css-CBNgYCJf.mjs} +277 -288
- package/{mwc-slider.css-DFOaS04S.js → mwc-slider.css-DytByuJk.js} +13 -13
- package/{mwc-tab.css-sq5suZKe.js → mwc-tab.css-CrjUDOft.js} +11 -11
- package/{mwc-tab.css-2UrPKkNg.mjs → mwc-tab.css-DJHVL7wZ.mjs} +31 -31
- package/{mwc-top-app-bar-base-DUdOcIjS.js → mwc-top-app-bar-base-Gxaye-WD.js} +3 -3
- package/{mwc-top-app-bar-base-BIZGhVtM.mjs → mwc-top-app-bar-base-N3OLLWe5.mjs} +21 -21
- package/nav-list-item.js +1 -1
- package/nav-list-item.mjs +14 -14
- package/notebook-cell.js +1 -1
- package/notebook-cell.mjs +23 -23
- package/package.json +1 -1
- package/{property-BRKnMYJe.js → property-DYTC_2-m.js} +1 -1
- package/{python-DnfGbG5q.js → python-DKLi-dau.js} +1 -1
- package/{python-CddQNZH2.mjs → python-WzHADE7X.mjs} +1 -1
- package/query-CDOd1Kwm.mjs +15 -0
- package/query-Dv2F3m_t.js +5 -0
- package/query-assigned-elements-8EurZY45.js +31 -0
- package/query-assigned-elements-D930kELM.mjs +591 -0
- package/query-assigned-nodes-BAfLwxmx.js +5 -0
- package/query-assigned-nodes-Dof2CSLU.mjs +17 -0
- package/radio-list-item.js +9 -9
- package/radio-list-item.mjs +28 -28
- package/radio.js +1 -1
- package/radio.mjs +15 -15
- package/{ripple-handlers-BDmOLx8c.js → ripple-handlers-C7an-EE1.js} +5 -5
- package/{ripple-handlers-BAdg-fJB.mjs → ripple-handlers-_gEIkKpx.mjs} +71 -71
- package/select.js +12 -12
- package/select.mjs +140 -141
- package/side-sheet.js +1 -1
- package/side-sheet.mjs +8 -8
- package/slider-range.js +5 -5
- package/slider-range.mjs +43 -43
- package/slider.js +2 -2
- package/slider.mjs +19 -19
- package/snackbar.js +11 -11
- package/snackbar.mjs +54 -54
- package/{state-Csv4sdJA.js → state-C3HoXfoa.js} +1 -1
- package/status-dialog.js +1 -1
- package/status-dialog.mjs +6 -6
- package/status-header-item.js +1 -1
- package/status-header-item.mjs +17 -17
- package/status-header.js +5 -5
- package/status-header.mjs +34 -34
- package/style-map-D2TR7M-D.mjs +42 -0
- package/style-map-DOMuf9Fg.js +5 -0
- package/switch.js +5 -5
- package/switch.mjs +42 -42
- package/tab-bar.js +11 -11
- package/tab-bar.mjs +98 -98
- package/tab.js +1 -1
- package/tab.mjs +13 -13
- package/text-lockup.js +1 -1
- package/text-lockup.mjs +9 -9
- package/textarea.js +6 -6
- package/textarea.mjs +29 -29
- package/{textfield-CO6CFCCn.js → textfield-BKtErr_f.js} +30 -30
- package/{textfield-WSgoABZn.mjs → textfield-CTlapGQ5.mjs} +102 -102
- package/textfield.js +3 -3
- package/textfield.mjs +17 -17
- package/toolbar.js +1 -1
- package/toolbar.mjs +5 -5
- package/tooltip.js +3 -3
- package/tooltip.mjs +55 -56
- package/{top-app-bar-BvXNELe9.mjs → top-app-bar-BVk3lmos.mjs} +1 -1
- package/{top-app-bar-Cvp1aN42.js → top-app-bar-CbU9QpTA.js} +1 -1
- package/top-app-bar-fixed.js +8 -8
- package/top-app-bar-fixed.mjs +40 -40
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +18 -18
- package/tree-list-item.js +1 -1
- package/tree-list-item.mjs +4 -4
- package/tree-list.js +4 -4
- package/tree-list.mjs +22 -22
- package/tslib.es6-CJ7TUrOc.mjs +75 -0
- package/{typescript-CdlgcZ3y.mjs → typescript-C0UD96ot.mjs} +1 -1
- package/{typescript-BRw9OFm1.js → typescript-pxLTVSy-.js} +1 -1
- package/typography.js +2 -2
- package/typography.mjs +11 -11
- package/async-directive-2AOdKBUW.mjs +0 -66
- package/async-directive-DZ3MjSIj.js +0 -5
- package/class-map-BHl5MHd7.mjs +0 -36
- package/class-map-PsUYVqvf.js +0 -5
- package/directive-C_VV3qwo.js +0 -5
- package/directive-helpers-6HCt_-zj.mjs +0 -11
- package/directive-helpers-BnUMbYHh.js +0 -5
- package/form-element--PS8uSRI.js +0 -5
- package/form-element-Dn0Lerng.mjs +0 -50
- package/index.scss +0 -1
- package/query-BvlE-gMJ.js +0 -5
- package/query-DSO61t36.mjs +0 -15
- package/query-assigned-elements-BQszEgac.js +0 -31
- package/query-assigned-elements-DhyCP_2z.mjs +0 -591
- package/query-assigned-nodes-9DFnkxV8.js +0 -5
- package/query-assigned-nodes-B-jCihdA.mjs +0 -17
- package/style-map-3QfsA_1O.js +0 -5
- package/style-map-QxIETvrs.mjs +0 -42
- package/theme/_index.scss +0 -46
- package/theme/prebuilt/dark-theme.css +0 -1
- package/theme/prebuilt/dark-theme.css.map +0 -1
- package/theme/prebuilt/light-theme.css +0 -1
- package/theme/prebuilt/light-theme.css.map +0 -1
- package/tslib.es6-CISSdiiH.mjs +0 -75
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { m as s } from "./code-editor-
|
|
1
|
+
import { m as s } from "./code-editor-C3uCywXF.mjs";
|
|
2
2
|
/*!-----------------------------------------------------------------------------
|
|
3
3
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
4
4
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./code-editor-
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./code-editor-DRE322br.js");/*!-----------------------------------------------------------------------------
|
|
2
2
|
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
3
3
|
* Version: 0.52.2(404545bded1df6ffa41ea0af4e8ddb219018c6c1)
|
|
4
4
|
* Released under the MIT license
|
package/icon-button-toggle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-8EurZY45.js"),r=require("./property-DYTC_2-m.js"),t=require("./tslib.es6-CHeFCc6E.js"),b=require("./mwc-icon-button.css-BzElD_JI.js"),h=require("./ripple-handlers-C7an-EE1.js"),f=require("./aria-property-Dl2ZKBbP.js"),_=require("./state-C3HoXfoa.js"),g=require("./event-options-DD382x85.js"),m=require("./query-Dv2F3m_t.js"),R=require("./class-map-DTzB8z-1.js"),u=require("./if-defined-CZCqOAYs.js");/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2019 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
@@ -31,15 +31,15 @@
|
|
|
31
31
|
><i class="material-icons">${this.onIcon}</i
|
|
32
32
|
></slot
|
|
33
33
|
></span>
|
|
34
|
-
</button>`}handleRippleMouseDown(e){const n=()=>{window.removeEventListener("mouseup",n),this.handleRippleDeactivate()};window.addEventListener("mouseup",n),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}t.__decorate([m.i(".mdc-icon-button")],o.prototype,"mdcRoot",void 0);t.__decorate([
|
|
34
|
+
</button>`}handleRippleMouseDown(e){const n=()=>{window.removeEventListener("mouseup",n),this.handleRippleDeactivate()};window.addEventListener("mouseup",n),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}t.__decorate([m.i(".mdc-icon-button")],o.prototype,"mdcRoot",void 0);t.__decorate([f.ariaProperty,r.n({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0);t.__decorate([r.n({type:String})],o.prototype,"onIcon",void 0);t.__decorate([r.n({type:String})],o.prototype,"offIcon",void 0);t.__decorate([r.n({type:String})],o.prototype,"ariaLabelOn",void 0);t.__decorate([r.n({type:String})],o.prototype,"ariaLabelOff",void 0);t.__decorate([r.n({type:Boolean,reflect:!0})],o.prototype,"on",void 0);t.__decorate([h.e("mwc-ripple")],o.prototype,"ripple",void 0);t.__decorate([_.t()],o.prototype,"shouldRenderRipple",void 0);t.__decorate([g.e({passive:!0})],o.prototype,"handleRippleMouseDown",null);t.__decorate([g.e({passive:!0})],o.prototype,"handleRippleTouchStart",null);/**
|
|
35
35
|
* @license
|
|
36
36
|
* Copyright 2019 Google LLC
|
|
37
37
|
* SPDX-License-Identifier: Apache-2.0
|
|
38
|
-
*/let
|
|
38
|
+
*/let c=class extends o{};c.styles=[b.styles];c=t.__decorate([i.e("mwc-icon-button-toggle")],c);const y=':host{border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-color: var(--cv-theme-on-surface);background-color:var(--cv-theme-secondary-container);color:var(--cv-theme-on-secondary-container)}:host([on]) .material-icons{font-variation-settings:"FILL" 1}';var I=Object.defineProperty,O=Object.getOwnPropertyDescriptor,v=(a,e,n,l)=>{for(var s=l>1?void 0:l?O(e,n):e,p=a.length-1,d;p>=0;p--)(d=a[p])&&(s=(l?d(e,n,s):d(s))||s);return l&&s&&I(e,n,s),s};exports.CovalentIconButtonToggle=class extends c{constructor(){super(...arguments),this.toggledOn=!1}update(e){e.has("toggledOn")&&this.toggledOn!==this.on&&(this.on=this.toggledOn),e.has("on")&&this.toggledOn!==this.on&&(this.toggledOn=this.on),super.update(e)}renderRipple(){return this.shouldRenderRipple?i.x` <mwc-ripple
|
|
39
39
|
.disabled="${this.disabled}"
|
|
40
40
|
.activated="${this.toggledOn}"
|
|
41
41
|
unbounded
|
|
42
42
|
>
|
|
43
|
-
</mwc-ripple>`:""}};exports.CovalentIconButtonToggle.styles=[...
|
|
43
|
+
</mwc-ripple>`:""}};exports.CovalentIconButtonToggle.styles=[...c.styles,i.i`
|
|
44
44
|
${i.r(y)}
|
|
45
|
-
`];
|
|
45
|
+
`];v([r.n({type:Boolean,reflect:!0})],exports.CovalentIconButtonToggle.prototype,"toggledOn",2);exports.CovalentIconButtonToggle=v([i.e("cv-icon-button-toggle")],exports.CovalentIconButtonToggle);const $=exports.CovalentIconButtonToggle;exports.default=$;
|
package/icon-button-toggle.mjs
CHANGED
|
@@ -1,20 +1,20 @@
|
|
|
1
|
-
import { s as
|
|
1
|
+
import { s as v, x as h, e as m, r as g, i as R } from "./query-assigned-elements-D930kELM.mjs";
|
|
2
2
|
import { n as r } from "./property-DJzm_oB9.mjs";
|
|
3
|
-
import { b as e } from "./tslib.es6-
|
|
4
|
-
import { s as y } from "./mwc-icon-button.css-
|
|
5
|
-
import { e as $, R as O } from "./ripple-handlers-
|
|
3
|
+
import { b as e } from "./tslib.es6-CJ7TUrOc.mjs";
|
|
4
|
+
import { s as y } from "./mwc-icon-button.css-DosQIdlt.mjs";
|
|
5
|
+
import { e as $, R as O } from "./ripple-handlers-_gEIkKpx.mjs";
|
|
6
6
|
import { a as w } from "./aria-property-6O5bK0tV.mjs";
|
|
7
7
|
import { t as L } from "./state-B_tK3mBm.mjs";
|
|
8
|
-
import { e as
|
|
9
|
-
import { i as I } from "./query-
|
|
10
|
-
import { o as _ } from "./class-map-
|
|
11
|
-
import { l as
|
|
8
|
+
import { e as f } from "./event-options-C7DvXRgq.mjs";
|
|
9
|
+
import { i as I } from "./query-CDOd1Kwm.mjs";
|
|
10
|
+
import { o as _ } from "./class-map-DPUylGZM.mjs";
|
|
11
|
+
import { l as u } from "./if-defined-DGrxuPYz.mjs";
|
|
12
12
|
/**
|
|
13
13
|
* @license
|
|
14
14
|
* Copyright 2019 Google LLC
|
|
15
15
|
* SPDX-License-Identifier: Apache-2.0
|
|
16
16
|
*/
|
|
17
|
-
class t extends
|
|
17
|
+
class t extends v {
|
|
18
18
|
constructor() {
|
|
19
19
|
super(...arguments), this.disabled = !1, this.onIcon = "", this.offIcon = "", this.on = !1, this.shouldRenderRipple = !1, this.rippleHandlers = new O(() => (this.shouldRenderRipple = !0, this.ripple));
|
|
20
20
|
}
|
|
@@ -32,7 +32,7 @@ class t extends g {
|
|
|
32
32
|
}
|
|
33
33
|
/** @soyTemplate */
|
|
34
34
|
renderRipple() {
|
|
35
|
-
return this.shouldRenderRipple ?
|
|
35
|
+
return this.shouldRenderRipple ? h`
|
|
36
36
|
<mwc-ripple
|
|
37
37
|
.disabled="${this.disabled}"
|
|
38
38
|
unbounded>
|
|
@@ -42,11 +42,11 @@ class t extends g {
|
|
|
42
42
|
render() {
|
|
43
43
|
const o = {
|
|
44
44
|
"mdc-icon-button--on": this.on
|
|
45
|
-
},
|
|
46
|
-
return
|
|
45
|
+
}, s = this.ariaLabelOn !== void 0 && this.ariaLabelOff !== void 0, l = s ? void 0 : this.on, i = s ? this.on ? this.ariaLabelOn : this.ariaLabelOff : this.ariaLabel;
|
|
46
|
+
return h`<button
|
|
47
47
|
class="mdc-icon-button mdc-icon-button--display-flex ${_(o)}"
|
|
48
|
-
aria-pressed="${
|
|
49
|
-
aria-label="${
|
|
48
|
+
aria-pressed="${u(l)}"
|
|
49
|
+
aria-label="${u(i)}"
|
|
50
50
|
@click="${this.handleClick}"
|
|
51
51
|
?disabled="${this.disabled}"
|
|
52
52
|
@focus="${this.handleRippleFocus}"
|
|
@@ -71,10 +71,10 @@ class t extends g {
|
|
|
71
71
|
</button>`;
|
|
72
72
|
}
|
|
73
73
|
handleRippleMouseDown(o) {
|
|
74
|
-
const
|
|
75
|
-
window.removeEventListener("mouseup",
|
|
74
|
+
const s = () => {
|
|
75
|
+
window.removeEventListener("mouseup", s), this.handleRippleDeactivate();
|
|
76
76
|
};
|
|
77
|
-
window.addEventListener("mouseup",
|
|
77
|
+
window.addEventListener("mouseup", s), this.rippleHandlers.startPress(o);
|
|
78
78
|
}
|
|
79
79
|
handleRippleTouchStart(o) {
|
|
80
80
|
this.rippleHandlers.startPress(o);
|
|
@@ -127,10 +127,10 @@ e([
|
|
|
127
127
|
L()
|
|
128
128
|
], t.prototype, "shouldRenderRipple", void 0);
|
|
129
129
|
e([
|
|
130
|
-
|
|
130
|
+
f({ passive: !0 })
|
|
131
131
|
], t.prototype, "handleRippleMouseDown", null);
|
|
132
132
|
e([
|
|
133
|
-
|
|
133
|
+
f({ passive: !0 })
|
|
134
134
|
], t.prototype, "handleRippleTouchStart", null);
|
|
135
135
|
/**
|
|
136
136
|
* @license
|
|
@@ -141,23 +141,23 @@ let a = class extends t {
|
|
|
141
141
|
};
|
|
142
142
|
a.styles = [y];
|
|
143
143
|
a = e([
|
|
144
|
-
|
|
144
|
+
m("mwc-icon-button-toggle")
|
|
145
145
|
], a);
|
|
146
146
|
const H = ':host{border-radius:50%;color:var(--cv-theme-on-surface-variant)}:host([disabled]){background-color:transparent}:host([on]){--mdc-ripple-color: var(--cv-theme-on-surface);background-color:var(--cv-theme-secondary-container);color:var(--cv-theme-on-secondary-container)}:host([on]) .material-icons{font-variation-settings:"FILL" 1}';
|
|
147
|
-
var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, b = (
|
|
148
|
-
for (var
|
|
149
|
-
(c =
|
|
150
|
-
return l &&
|
|
147
|
+
var B = Object.defineProperty, D = Object.getOwnPropertyDescriptor, b = (n, o, s, l) => {
|
|
148
|
+
for (var i = l > 1 ? void 0 : l ? D(o, s) : o, d = n.length - 1, c; d >= 0; d--)
|
|
149
|
+
(c = n[d]) && (i = (l ? c(o, s, i) : c(i)) || i);
|
|
150
|
+
return l && i && B(o, s, i), i;
|
|
151
151
|
};
|
|
152
152
|
let p = class extends a {
|
|
153
153
|
constructor() {
|
|
154
154
|
super(...arguments), this.toggledOn = !1;
|
|
155
155
|
}
|
|
156
|
-
update(
|
|
157
|
-
|
|
156
|
+
update(n) {
|
|
157
|
+
n.has("toggledOn") && this.toggledOn !== this.on && (this.on = this.toggledOn), n.has("on") && this.toggledOn !== this.on && (this.toggledOn = this.on), super.update(n);
|
|
158
158
|
}
|
|
159
159
|
renderRipple() {
|
|
160
|
-
return this.shouldRenderRipple ?
|
|
160
|
+
return this.shouldRenderRipple ? h` <mwc-ripple
|
|
161
161
|
.disabled="${this.disabled}"
|
|
162
162
|
.activated="${this.toggledOn}"
|
|
163
163
|
unbounded
|
|
@@ -168,14 +168,14 @@ let p = class extends a {
|
|
|
168
168
|
p.styles = [
|
|
169
169
|
...a.styles,
|
|
170
170
|
R`
|
|
171
|
-
${
|
|
171
|
+
${g(H)}
|
|
172
172
|
`
|
|
173
173
|
];
|
|
174
174
|
b([
|
|
175
175
|
r({ type: Boolean, reflect: !0 })
|
|
176
176
|
], p.prototype, "toggledOn", 2);
|
|
177
177
|
p = b([
|
|
178
|
-
|
|
178
|
+
m("cv-icon-button-toggle")
|
|
179
179
|
], p);
|
|
180
180
|
const U = p;
|
|
181
181
|
export {
|
package/icon-button.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("./query-assigned-elements-8EurZY45.js"),o=require("./tslib.es6-CHeFCc6E.js"),c=require("./ripple-handlers-C7an-EE1.js"),d=require("./aria-property-Dl2ZKBbP.js"),l=require("./property-DYTC_2-m.js"),v=require("./state-C3HoXfoa.js"),h=require("./event-options-DD382x85.js"),b=require("./query-Dv2F3m_t.js"),R=require("./if-defined-CZCqOAYs.js"),m=require("./mwc-icon-button.css-BzElD_JI.js");/**
|
|
2
2
|
* @license
|
|
3
3
|
* Copyright 2018 Google LLC
|
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
|
5
|
-
*/class t extends s.s{constructor(){super(...arguments),this.disabled=!1,this.icon="",this.shouldRenderRipple=!1,this.rippleHandlers=new
|
|
5
|
+
*/class t extends s.s{constructor(){super(...arguments),this.disabled=!1,this.icon="",this.shouldRenderRipple=!1,this.rippleHandlers=new c.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple))}renderRipple(){return this.shouldRenderRipple?s.x`
|
|
6
6
|
<mwc-ripple
|
|
7
7
|
.disabled="${this.disabled}"
|
|
8
8
|
unbounded>
|
|
@@ -24,4 +24,4 @@
|
|
|
24
24
|
<span
|
|
25
25
|
><slot></slot
|
|
26
26
|
></span>
|
|
27
|
-
</button>`}handleRippleMouseDown(e){const r=()=>{window.removeEventListener("mouseup",r),this.handleRippleDeactivate()};window.addEventListener("mouseup",r),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}
|
|
27
|
+
</button>`}handleRippleMouseDown(e){const r=()=>{window.removeEventListener("mouseup",r),this.handleRippleDeactivate()};window.addEventListener("mouseup",r),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}}o.__decorate([l.n({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0);o.__decorate([l.n({type:String})],t.prototype,"icon",void 0);o.__decorate([d.ariaProperty,l.n({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);o.__decorate([d.ariaProperty,l.n({type:String,attribute:"aria-haspopup"})],t.prototype,"ariaHasPopup",void 0);o.__decorate([b.i("button")],t.prototype,"buttonElement",void 0);o.__decorate([c.e("mwc-ripple")],t.prototype,"ripple",void 0);o.__decorate([v.t()],t.prototype,"shouldRenderRipple",void 0);o.__decorate([h.e({passive:!0})],t.prototype,"handleRippleMouseDown",null);o.__decorate([h.e({passive:!0})],t.prototype,"handleRippleTouchStart",null);const _=':host{color:var(--mdc-theme-text-icon-on-background)}:host .mdc-icon-button{cursor:var(--cv-icon-button-cursor, pointer)}:host .mdc-icon-button:active,:host .mdc-icon-button:focus{font-variation-settings:"FILL" 1}';var y=Object.getOwnPropertyDescriptor,f=(n,e,r,p)=>{for(var i=p>1?void 0:p?y(e,r):e,a=n.length-1,u;a>=0;a--)(u=n[a])&&(i=u(i)||i);return i};exports.CovalentIconButton=class extends t{};exports.CovalentIconButton.styles=[m.styles,s.i`${s.r(_)}`];exports.CovalentIconButton=f([s.e("cv-icon-button")],exports.CovalentIconButton);const H=exports.CovalentIconButton;exports.default=H;
|
package/icon-button.mjs
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
import { s as m, x as
|
|
2
|
-
import { b as
|
|
3
|
-
import { e as
|
|
1
|
+
import { s as m, x as a, r as b, i as v, e as R } from "./query-assigned-elements-D930kELM.mjs";
|
|
2
|
+
import { b as o } from "./tslib.es6-CJ7TUrOc.mjs";
|
|
3
|
+
import { e as f, R as $ } from "./ripple-handlers-_gEIkKpx.mjs";
|
|
4
4
|
import { a as h } from "./aria-property-6O5bK0tV.mjs";
|
|
5
5
|
import { n as p } from "./property-DJzm_oB9.mjs";
|
|
6
6
|
import { t as y } from "./state-B_tK3mBm.mjs";
|
|
7
|
-
import { e as c } from "./event-options-
|
|
8
|
-
import { i as H } from "./query-
|
|
9
|
-
import { l as w } from "./if-defined-
|
|
10
|
-
import { s as
|
|
7
|
+
import { e as c } from "./event-options-C7DvXRgq.mjs";
|
|
8
|
+
import { i as H } from "./query-CDOd1Kwm.mjs";
|
|
9
|
+
import { l as w } from "./if-defined-DGrxuPYz.mjs";
|
|
10
|
+
import { s as D } from "./mwc-icon-button.css-DosQIdlt.mjs";
|
|
11
11
|
/**
|
|
12
12
|
* @license
|
|
13
13
|
* Copyright 2018 Google LLC
|
|
@@ -19,7 +19,7 @@ class t extends m {
|
|
|
19
19
|
}
|
|
20
20
|
/** @soyTemplate */
|
|
21
21
|
renderRipple() {
|
|
22
|
-
return this.shouldRenderRipple ?
|
|
22
|
+
return this.shouldRenderRipple ? a`
|
|
23
23
|
<mwc-ripple
|
|
24
24
|
.disabled="${this.disabled}"
|
|
25
25
|
unbounded>
|
|
@@ -35,7 +35,7 @@ class t extends m {
|
|
|
35
35
|
}
|
|
36
36
|
/** @soyTemplate */
|
|
37
37
|
render() {
|
|
38
|
-
return
|
|
38
|
+
return a`<button
|
|
39
39
|
class="mdc-icon-button mdc-icon-button--display-flex"
|
|
40
40
|
aria-label="${this.ariaLabel || this.icon}"
|
|
41
41
|
aria-haspopup="${w(this.ariaHasPopup)}"
|
|
@@ -49,17 +49,17 @@ class t extends m {
|
|
|
49
49
|
@touchend="${this.handleRippleDeactivate}"
|
|
50
50
|
@touchcancel="${this.handleRippleDeactivate}"
|
|
51
51
|
>${this.renderRipple()}
|
|
52
|
-
${this.icon ?
|
|
52
|
+
${this.icon ? a`<i class="material-icons">${this.icon}</i>` : ""}
|
|
53
53
|
<span
|
|
54
54
|
><slot></slot
|
|
55
55
|
></span>
|
|
56
56
|
</button>`;
|
|
57
57
|
}
|
|
58
58
|
handleRippleMouseDown(e) {
|
|
59
|
-
const
|
|
60
|
-
window.removeEventListener("mouseup",
|
|
59
|
+
const s = () => {
|
|
60
|
+
window.removeEventListener("mouseup", s), this.handleRippleDeactivate();
|
|
61
61
|
};
|
|
62
|
-
window.addEventListener("mouseup",
|
|
62
|
+
window.addEventListener("mouseup", s), this.rippleHandlers.startPress(e);
|
|
63
63
|
}
|
|
64
64
|
handleRippleTouchStart(e) {
|
|
65
65
|
this.rippleHandlers.startPress(e);
|
|
@@ -80,49 +80,49 @@ class t extends m {
|
|
|
80
80
|
this.rippleHandlers.endFocus();
|
|
81
81
|
}
|
|
82
82
|
}
|
|
83
|
-
|
|
83
|
+
o([
|
|
84
84
|
p({ type: Boolean, reflect: !0 })
|
|
85
85
|
], t.prototype, "disabled", void 0);
|
|
86
|
-
|
|
86
|
+
o([
|
|
87
87
|
p({ type: String })
|
|
88
88
|
], t.prototype, "icon", void 0);
|
|
89
|
-
|
|
89
|
+
o([
|
|
90
90
|
h,
|
|
91
91
|
p({ type: String, attribute: "aria-label" })
|
|
92
92
|
], t.prototype, "ariaLabel", void 0);
|
|
93
|
-
|
|
93
|
+
o([
|
|
94
94
|
h,
|
|
95
95
|
p({ type: String, attribute: "aria-haspopup" })
|
|
96
96
|
], t.prototype, "ariaHasPopup", void 0);
|
|
97
|
-
|
|
97
|
+
o([
|
|
98
98
|
H("button")
|
|
99
99
|
], t.prototype, "buttonElement", void 0);
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
o([
|
|
101
|
+
f("mwc-ripple")
|
|
102
102
|
], t.prototype, "ripple", void 0);
|
|
103
|
-
|
|
103
|
+
o([
|
|
104
104
|
y()
|
|
105
105
|
], t.prototype, "shouldRenderRipple", void 0);
|
|
106
|
-
|
|
106
|
+
o([
|
|
107
107
|
c({ passive: !0 })
|
|
108
108
|
], t.prototype, "handleRippleMouseDown", null);
|
|
109
|
-
|
|
109
|
+
o([
|
|
110
110
|
c({ passive: !0 })
|
|
111
111
|
], t.prototype, "handleRippleTouchStart", null);
|
|
112
|
-
const
|
|
113
|
-
var
|
|
114
|
-
for (var i =
|
|
115
|
-
(
|
|
116
|
-
return
|
|
112
|
+
const E = ':host{color:var(--mdc-theme-text-icon-on-background)}:host .mdc-icon-button{cursor:var(--cv-icon-button-cursor, pointer)}:host .mdc-icon-button:active,:host .mdc-icon-button:focus{font-variation-settings:"FILL" 1}';
|
|
113
|
+
var g = Object.getOwnPropertyDescriptor, L = (n, e, s, u) => {
|
|
114
|
+
for (var i = u > 1 ? void 0 : u ? g(e, s) : e, l = n.length - 1, d; l >= 0; l--)
|
|
115
|
+
(d = n[l]) && (i = d(i) || i);
|
|
116
|
+
return i;
|
|
117
117
|
};
|
|
118
118
|
let r = class extends t {
|
|
119
119
|
};
|
|
120
|
-
r.styles = [
|
|
121
|
-
r =
|
|
120
|
+
r.styles = [D, v`${b(E)}`];
|
|
121
|
+
r = L([
|
|
122
122
|
R("cv-icon-button")
|
|
123
123
|
], r);
|
|
124
|
-
const
|
|
124
|
+
const T = r;
|
|
125
125
|
export {
|
|
126
126
|
r as CovalentIconButton,
|
|
127
|
-
|
|
127
|
+
T as default
|
|
128
128
|
};
|
package/icon-check-toggle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./query-assigned-elements-8EurZY45.js"),l=require("./property-DYTC_2-m.js"),h=require("./query-Dv2F3m_t.js"),d=require("./class-map-DTzB8z-1.js"),g=require("./style-map-DOMuf9Fg.js"),s=require("./mwc-checkbox.css-u49MHsHT.js"),m=':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-on-primary)}: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-primary) 28px,transparent 0)}.checked{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}.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 f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,i=(a,r,t,o)=>{for(var e=o>1?void 0:o?v(r,t):r,n=a.length-1,p;n>=0;n--)(p=a[n])&&(e=(o?p(r,t,e):p(e))||e);return o&&e&&f(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
2
|
<div class="${d.o(r)} container" style="${g.o(o)}" @click="${this._handleClick}">
|
|
3
3
|
<input type="checkbox" class="mdc-checkbox__native-control"></input>
|
|
4
4
|
<div class="mdc-toggle__background">
|
package/icon-check-toggle.mjs
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { r as h, i as m, x as l, e as f } from "./query-assigned-elements-D930kELM.mjs";
|
|
2
2
|
import { n as s } from "./property-DJzm_oB9.mjs";
|
|
3
|
-
import { i as g } from "./query-
|
|
4
|
-
import { o as d } from "./class-map-
|
|
5
|
-
import { o as y } from "./style-map-
|
|
6
|
-
import { s as v, C as u } from "./mwc-checkbox.css-
|
|
3
|
+
import { i as g } from "./query-CDOd1Kwm.mjs";
|
|
4
|
+
import { o as d } from "./class-map-DPUylGZM.mjs";
|
|
5
|
+
import { o as y } from "./style-map-D2TR7M-D.mjs";
|
|
6
|
+
import { s as v, C as u } from "./mwc-checkbox.css-BrjbMwch.mjs";
|
|
7
7
|
const b = ':host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-on-primary)}: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-primary) 28px,transparent 0)}.checked{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}.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)}';
|
|
8
8
|
var k = Object.defineProperty, x = Object.getOwnPropertyDescriptor, i = (a, r, o, c) => {
|
|
9
9
|
for (var t = c > 1 ? void 0 : c ? x(r, o) : r, n = a.length - 1, p; n >= 0; n--)
|
|
@@ -46,8 +46,8 @@ let e = class extends u {
|
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
48
|
e.styles = [
|
|
49
|
-
|
|
50
|
-
${
|
|
49
|
+
m`
|
|
50
|
+
${h(b)}
|
|
51
51
|
`,
|
|
52
52
|
v
|
|
53
53
|
];
|
package/icon-lockup.js
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-8EurZY45.js"),l=require("./property-DYTC_2-m.js"),u=require("./state-C3HoXfoa.js"),p=require("./class-map-DTzB8z-1.js");require("./typography.js");require("./icon.js");const v='.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}';var h=Object.defineProperty,y=Object.getOwnPropertyDescriptor,e=(s,o,c,i)=>{for(var t=i>1?void 0:i?y(o,c):o,a=s.length-1,r;a>=0;a--)(r=s[a])&&(t=(i?r(o,c,t):r(t))||t);return i&&t&&h(o,c,t),t};exports.CovalentIconLockup=class extends n.s{constructor(){super(...arguments),this.covalentIcon=!1,this.filledIcon=!1,this.icon="",this.scale="body1",this.state="neutral",this.trailingIcon=!1,this._hasIconSlot=!1}checkIconSlot(){var c;const o=(c=this.shadowRoot)==null?void 0:c.querySelector('slot[name="icon"]');this._hasIconSlot=o&&o.assignedNodes().length>0}iconTemplate(){const o={"covalent-icon":this.covalentIcon,filled:this.filledIcon,hidden:this._hasIconSlot};return n.x`<slot name="icon"></slot>
|
|
2
2
|
<cv-icon
|
|
3
3
|
class=${p.o(o)}
|
|
4
4
|
style="${`font-size: var(--cv-typography-${this.scale}-line-height, 16px)`}"
|
|
5
5
|
>
|
|
6
6
|
${this.icon}
|
|
7
|
-
</cv-icon>`}render(){const o={"icon-lockup":!0,[`icon-lockup--${this.state}`]:this.state,"trailing-icon":this.trailingIcon};return
|
|
7
|
+
</cv-icon>`}render(){const o={"icon-lockup":!0,[`icon-lockup--${this.state}`]:this.state,"trailing-icon":this.trailingIcon};return n.x`
|
|
8
8
|
<cv-typography class=${p.o(o)} scale="${this.scale}">
|
|
9
9
|
${this.iconTemplate()}
|
|
10
10
|
<div class="text"><slot></slot></div>
|
|
11
11
|
</cv-typography>
|
|
12
|
-
`}updated(o){super.updated(o),this.checkIconSlot()}};exports.CovalentIconLockup.styles=[
|
|
13
|
-
${
|
|
14
|
-
`];e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"covalentIcon",2);e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"filledIcon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"icon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"scale",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"state",2);e([l.n({type:Boolean})],exports.CovalentIconLockup.prototype,"trailingIcon",2);e([u.t()],exports.CovalentIconLockup.prototype,"_hasIconSlot",2);exports.CovalentIconLockup=e([
|
|
12
|
+
`}updated(o){super.updated(o),this.checkIconSlot()}};exports.CovalentIconLockup.styles=[n.i`
|
|
13
|
+
${n.r(v)}
|
|
14
|
+
`];e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"covalentIcon",2);e([l.n({type:Boolean,reflect:!0})],exports.CovalentIconLockup.prototype,"filledIcon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"icon",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"scale",2);e([l.n({type:String})],exports.CovalentIconLockup.prototype,"state",2);e([l.n({type:Boolean})],exports.CovalentIconLockup.prototype,"trailingIcon",2);e([u.t()],exports.CovalentIconLockup.prototype,"_hasIconSlot",2);exports.CovalentIconLockup=e([n.e("cv-icon-lockup")],exports.CovalentIconLockup);const d=exports.CovalentIconLockup;exports.default=d;
|
package/icon-lockup.mjs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { r as v, i as f, s as u, x as p, e as y } from "./query-assigned-elements-D930kELM.mjs";
|
|
2
2
|
import { n } from "./property-DJzm_oB9.mjs";
|
|
3
3
|
import { t as d } from "./state-B_tK3mBm.mjs";
|
|
4
|
-
import { o as h } from "./class-map-
|
|
4
|
+
import { o as h } from "./class-map-DPUylGZM.mjs";
|
|
5
5
|
import "./typography.mjs";
|
|
6
6
|
import "./icon.mjs";
|
|
7
7
|
const g = '.filled{font-variation-settings:"FILL" 1}.hidden{display:none}.icon-lockup{align-items:center;display:flex;gap:4px;max-width:100%}.icon-lockup cv-typography{flex:1 0 0}.icon-lockup--primary,.icon-lockup--loading{color:var(--cv-theme-primary)}.icon-lockup--positive{color:var(--cv-theme-positive)}.icon-lockup--negative{color:var(--cv-theme-negative)}.icon-lockup--caution{color:var(--cv-theme-caution)}.text{font-feature-settings:"liga" off,"clig" off;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trailing-icon{flex-direction:row-reverse}';
|
|
@@ -64,8 +64,8 @@ let o = class extends u {
|
|
|
64
64
|
}
|
|
65
65
|
};
|
|
66
66
|
o.styles = [
|
|
67
|
-
|
|
68
|
-
${
|
|
67
|
+
f`
|
|
68
|
+
${v(g)}
|
|
69
69
|
`
|
|
70
70
|
];
|
|
71
71
|
e([
|
package/icon-radio-toggle.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-8EurZY45.js"),d=require("./mwc-radio.css-BWiWreTh.js"),s=require("./property-DYTC_2-m.js"),h=':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}: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{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}: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 m=Object.defineProperty,p=Object.getOwnPropertyDescriptor,l=(i,t,a,r)=>{for(var e=r>1?void 0:r?p(t,a):t,n=i.length-1,c;n>=0;n--)(c=i[n])&&(e=(r?c(t,a,e):c(e))||e);return r&&e&&m(t,a,e),e};exports.CovalentIconRadioToggle=class extends d.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.x`<slot name="icon"></slot>`,a=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.x`<mwc-ripple
|
|
2
2
|
accent
|
|
3
3
|
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
|
|
4
4
|
.disabled="${this.disabled}"
|
package/icon-radio-toggle.mjs
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { s as p, R as y } from "./mwc-radio.css-
|
|
3
|
-
import { n as
|
|
4
|
-
const
|
|
5
|
-
var f = Object.defineProperty, u = Object.getOwnPropertyDescriptor, s = (a,
|
|
6
|
-
for (var
|
|
7
|
-
(d = a[n]) && (
|
|
8
|
-
return i &&
|
|
1
|
+
import { r as h, i as l, x as c, e as m } from "./query-assigned-elements-D930kELM.mjs";
|
|
2
|
+
import { s as p, R as y } from "./mwc-radio.css-DPbyzNg_.mjs";
|
|
3
|
+
import { n as v } from "./property-DJzm_oB9.mjs";
|
|
4
|
+
const g = ':host{--mdc-radio-unchecked-color: var(--cv-theme-on-surface-variant);--mdc-theme-secondary: var(--cv-theme-primary);--mdc-radio-disabled-color: var(--cv-theme-on-surface-38)}: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{--mdc-theme-text-icon-on-background: var(--mdc-theme-primary);border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight);font-variation-settings:"FILL" 1}: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 = (a, e, o, i) => {
|
|
6
|
+
for (var t = i > 1 ? void 0 : i ? u(e, o) : e, n = a.length - 1, d; n >= 0; n--)
|
|
7
|
+
(d = a[n]) && (t = (i ? d(e, o, t) : d(t)) || t);
|
|
8
|
+
return i && t && f(e, o, t), t;
|
|
9
9
|
};
|
|
10
10
|
let r = class extends y {
|
|
11
11
|
constructor() {
|
|
@@ -13,22 +13,22 @@ let r = class extends y {
|
|
|
13
13
|
}
|
|
14
14
|
// Override the renderRipple method to minimally introduce the icon & text slots without overwritting the render method
|
|
15
15
|
renderRipple() {
|
|
16
|
-
const a = c`<slot name="icon"></slot>`,
|
|
16
|
+
const a = c`<slot name="icon"></slot>`, e = this.iconOnly ? "" : c`<div><slot name="text"></slot></div>`, o = this.shouldRenderRipple ? c`<mwc-ripple
|
|
17
17
|
accent
|
|
18
18
|
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
|
|
19
19
|
.disabled="${this.disabled}"
|
|
20
20
|
></mwc-ripple>` : "";
|
|
21
|
-
return c`${a}${
|
|
21
|
+
return c`${a}${e}${o}`;
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
r.styles = [
|
|
25
25
|
p,
|
|
26
|
-
|
|
27
|
-
${
|
|
26
|
+
l`
|
|
27
|
+
${h(g)}
|
|
28
28
|
`
|
|
29
29
|
];
|
|
30
30
|
s([
|
|
31
|
-
|
|
31
|
+
v({ type: Boolean })
|
|
32
32
|
], r.prototype, "iconOnly", 2);
|
|
33
33
|
r = s([
|
|
34
34
|
m("cv-radio-icon")
|
package/icon.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("./mwc-icon-BUzuM0iB.js"),a=require("./query-assigned-elements-8EurZY45.js");var v=Object.getOwnPropertyDescriptor,u=(n,t,r,s)=>{for(var e=s>1?void 0:s?v(t,r):t,o=n.length-1,c;o>=0;o--)(c=n[o])&&(e=c(e)||e);return e};exports.CovalentIcon=class extends l.Icon{};exports.CovalentIcon.styles=[l.styles];exports.CovalentIcon=u([a.e("cv-icon")],exports.CovalentIcon);const I=exports.CovalentIcon;exports.default=I;
|
package/icon.mjs
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import { s as
|
|
2
|
-
import { e as p } from "./query-assigned-elements-
|
|
3
|
-
var
|
|
4
|
-
for (var e =
|
|
5
|
-
(
|
|
6
|
-
return
|
|
1
|
+
import { s as c, I as v } from "./mwc-icon-U80igLyY.mjs";
|
|
2
|
+
import { e as p } from "./query-assigned-elements-D930kELM.mjs";
|
|
3
|
+
var f = Object.getOwnPropertyDescriptor, m = (o, r, l, n) => {
|
|
4
|
+
for (var e = n > 1 ? void 0 : n ? f(r, l) : r, t = o.length - 1, a; t >= 0; t--)
|
|
5
|
+
(a = o[t]) && (e = a(e) || e);
|
|
6
|
+
return e;
|
|
7
7
|
};
|
|
8
|
-
let
|
|
8
|
+
let s = class extends v {
|
|
9
9
|
};
|
|
10
|
-
|
|
11
|
-
|
|
10
|
+
s.styles = [c];
|
|
11
|
+
s = m([
|
|
12
12
|
p("cv-icon")
|
|
13
|
-
],
|
|
14
|
-
const
|
|
13
|
+
], s);
|
|
14
|
+
const i = s;
|
|
15
15
|
export {
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
s as CovalentIcon,
|
|
17
|
+
i as default
|
|
18
18
|
};
|