@covalent/components 6.2.0 → 6.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-ribbon.js +6 -6
- package/action-ribbon.mjs +30 -35
- package/alert.js +6 -6
- package/alert.mjs +14 -19
- package/app-shell/app-shell.d.ts +2 -0
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +8 -8
- package/app-shell.mjs +44 -42
- package/button.js +9 -9
- package/button.mjs +16 -25
- package/card.js +8 -8
- package/card.mjs +15 -17
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +17 -26
- package/checkbox.js +2 -2
- package/checkbox.mjs +20 -29
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +10 -14
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +7 -10
- package/dialog.js +1 -1
- package/dialog.mjs +162 -14
- package/{dialog-85c21333.mjs → dialog2.mjs} +50 -56
- package/directive-helpers.mjs +5 -0
- package/drawer.js +3 -3
- package/drawer.mjs +9 -15
- package/empty-state.js +5 -5
- package/empty-state.mjs +4 -6
- package/{form-element-d4e7bcdb.js → form-element.mjs} +2 -2
- package/{foundation-3f55a9dc.js → foundation.mjs} +3 -3
- package/icon-button.js +8 -8
- package/icon-button.mjs +16 -25
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +11 -20
- package/icon-radio/icon-radio-toggle.d.ts +2 -3
- package/icon-radio/icon-radio-toggle.d.ts.map +1 -1
- package/icon-radio-toggle.js +8 -14
- package/icon-radio-toggle.mjs +37 -64
- package/icon.js +2 -2
- package/icon.mjs +8 -9
- package/if-defined.mjs +5 -0
- package/index.js +1 -1
- package/index.mjs +114 -124
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +17 -23
- package/list/list-expansion.d.ts +3 -2
- package/list/list-expansion.d.ts.map +1 -1
- package/list/list-item.d.ts.map +1 -1
- package/list/list.d.ts +5 -0
- package/list/list.d.ts.map +1 -1
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +37 -41
- package/list-item.js +1 -1
- package/list-item.mjs +9 -18
- package/list-item2.mjs +43 -0
- package/list.js +1 -1
- package/list.mjs +5 -20
- package/{list-28b77a61.mjs → list2.mjs} +35 -16
- package/menu.js +2 -2
- package/menu.mjs +20 -29
- package/{mwc-checkbox-base-435c1f1d.js → mwc-checkbox-base.mjs} +6 -6
- package/mwc-checkbox.css.mjs +5 -0
- package/{mwc-drawer-base-f44fcf34.js → mwc-drawer-base.mjs} +11 -11
- package/mwc-icon.mjs +9 -0
- package/{mwc-line-ripple-directive-a97ce725.js → mwc-line-ripple-directive.mjs} +16 -16
- package/mwc-list-base.mjs +111 -0
- package/mwc-list-item-base.mjs +28 -0
- package/mwc-list-item.css.mjs +9 -0
- package/{mwc-menu-base-ac49fe54.js → mwc-menu-base.mjs} +20 -20
- package/{mwc-radio-base-442d495a.js → mwc-radio-base.mjs} +11 -11
- package/mwc-radio.css.mjs +5 -0
- package/mwc-ripple.mjs +175 -0
- package/{mwc-slider.css-48f02f1e.js → mwc-slider.css.mjs} +20 -20
- package/{mwc-tab-base-1a19b299.js → mwc-tab-base.mjs} +22 -22
- package/{mwc-top-app-bar-base-14e0a018.js → mwc-top-app-bar-base.mjs} +10 -10
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +28 -36
- package/{observer-a096ab43.js → observer.mjs} +1 -1
- package/package.json +1 -1
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +24 -33
- package/radio.js +2 -2
- package/radio.mjs +19 -28
- package/ripple-handlers.mjs +5 -0
- package/select.js +28 -28
- package/select.mjs +21 -31
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +8 -14
- package/slider-range.js +7 -7
- package/slider-range.mjs +64 -72
- package/slider.js +3 -3
- package/slider.mjs +21 -29
- package/snackbar.js +15 -15
- package/snackbar.mjs +21 -27
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +13 -14
- package/status-header.js +6 -6
- package/status-header.mjs +7 -9
- package/style.css +1 -1
- package/switch.js +18 -18
- package/switch.mjs +22 -31
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +14 -23
- package/tab.js +3 -3
- package/tab.mjs +6 -15
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +6 -8
- package/textarea.js +14 -14
- package/textarea.mjs +20 -28
- package/textfield.js +3 -3
- package/textfield.mjs +132 -41
- package/{textfield-276b0ded.mjs → textfield2.mjs} +21 -28
- package/toolbar.js +3 -3
- package/toolbar.mjs +4 -10
- package/tooltip.js +12 -12
- package/tooltip.mjs +9 -13
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +23 -29
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +6 -30
- package/{top-app-bar-a236c3bc.mjs → top-app-bar2.mjs} +1 -1
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +3 -5
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/typography.js +4 -4
- package/typography.mjs +11 -12
- package/aria-property-fa2717fe.mjs +0 -41
- package/base-element-c3dc926e.mjs +0 -28
- package/base-element-d5abe37a.js +0 -5
- package/class-map-08c84aeb.mjs +0 -62
- package/class-map-50b8edb4.js +0 -9
- package/dialog-8ee07177.js +0 -162
- package/directive-helpers-725a181d.mjs +0 -11
- package/directive-helpers-fce8cf91.js +0 -5
- package/event-options-3937d997.mjs +0 -14
- package/event-options-7bc382d8.js +0 -5
- package/form-element-6dbd7afa.mjs +0 -50
- package/foundation-2334d146.mjs +0 -60
- package/foundation-c580100a.mjs +0 -152
- package/if-defined-639ed018.mjs +0 -10
- package/if-defined-cb12d481.js +0 -5
- package/inert.esm-359d4581.mjs +0 -640
- package/list-170cca53.js +0 -5
- package/list-item-26ddcc43.js +0 -8
- package/list-item-c1e72538.mjs +0 -43
- package/mwc-checkbox-base-10e977f2.mjs +0 -198
- package/mwc-checkbox.css-956e3d6c.js +0 -5
- package/mwc-checkbox.css-b7abc7fd.mjs +0 -10
- package/mwc-drawer-base-b2b772c3.mjs +0 -335
- package/mwc-icon-b96fb867.js +0 -9
- package/mwc-icon-c7013880.mjs +0 -26
- package/mwc-line-ripple-directive-c3e1f04a.mjs +0 -653
- package/mwc-list-base-7d5f7278.js +0 -111
- package/mwc-list-base-c0f8af1c.mjs +0 -840
- package/mwc-list-item-base-803b9771.js +0 -28
- package/mwc-list-item-base-acef0223.mjs +0 -202
- package/mwc-list-item.css-401e2407.js +0 -9
- package/mwc-list-item.css-b5481d96.mjs +0 -17
- package/mwc-menu-base-8970b43d.mjs +0 -1145
- package/mwc-radio-base-c29e6f42.mjs +0 -528
- package/mwc-radio.css-388ad26d.js +0 -5
- package/mwc-radio.css-4694aa9c.mjs +0 -10
- package/mwc-slider.css-336f809b.mjs +0 -956
- package/mwc-tab-base-7fb3d339.mjs +0 -694
- package/mwc-top-app-bar-base-79c87e69.mjs +0 -380
- package/observer-be7b92e2.mjs +0 -32
- package/property-074570d1.js +0 -5
- package/property-ca27685b.mjs +0 -20
- package/query-1e7846ea.mjs +0 -25
- package/query-2ba749b7.js +0 -5
- package/query-assigned-elements-07e38f46.js +0 -33
- package/query-assigned-elements-514e5265.mjs +0 -615
- package/query-assigned-nodes-9ec0fa5f.js +0 -5
- package/query-assigned-nodes-bea12e0c.mjs +0 -17
- package/ripple-handlers-2176f137.js +0 -107
- package/ripple-handlers-227497d3.mjs +0 -761
- package/state-6f7e570d.mjs +0 -12
- package/state-949232e6.js +0 -5
- package/style-map-2cb0fb63.mjs +0 -40
- package/style-map-3056a771.js +0 -5
- package/textfield-507c6a06.js +0 -133
- package/top-app-bar-34e85527.js +0 -6
- package/tslib.es6-6b53b818.js +0 -1
- package/tslib.es6-b5e819a6.mjs +0 -82
- package/utils-a8190a39.js +0 -5
- package/utils-dc65fdc9.mjs +0 -52
- /package/{aria-property-849c8816.js → aria-property.mjs} +0 -0
- /package/{foundation-e830bd94.js → foundation2.mjs} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm.mjs} +0 -0
package/check-list-item.mjs
CHANGED
@@ -1,21 +1,12 @@
|
|
1
|
-
import { _ as a } from "./
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import
|
6
|
-
import
|
7
|
-
import
|
8
|
-
import
|
9
|
-
import "./
|
10
|
-
import "./base-element-c3dc926e.mjs";
|
11
|
-
import "./utils-dc65fdc9.mjs";
|
12
|
-
import "./state-6f7e570d.mjs";
|
13
|
-
import "./style-map-2cb0fb63.mjs";
|
14
|
-
import "./aria-property-fa2717fe.mjs";
|
15
|
-
import "./form-element-6dbd7afa.mjs";
|
16
|
-
import "./event-options-3937d997.mjs";
|
17
|
-
import "./if-defined-639ed018.mjs";
|
18
|
-
import "./observer-be7b92e2.mjs";
|
1
|
+
import { b as p, _ as a, c as b, i as s, e as x, y as k, o as l } from "./mwc-ripple.mjs";
|
2
|
+
import { C as _ } from "./mwc-checkbox-base.mjs";
|
3
|
+
import { L as u } from "./mwc-list-item-base.mjs";
|
4
|
+
import { s as g, a as f } from "./mwc-list-item.css.mjs";
|
5
|
+
import "./aria-property.mjs";
|
6
|
+
import "./form-element.mjs";
|
7
|
+
import "./ripple-handlers.mjs";
|
8
|
+
import "./if-defined.mjs";
|
9
|
+
import "./observer.mjs";
|
19
10
|
/**
|
20
11
|
* @license
|
21
12
|
* Copyright 2021 Google LLC
|
@@ -27,7 +18,7 @@ const v = p`.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--md
|
|
27
18
|
* Copyright 2018 Google LLC
|
28
19
|
* SPDX-License-Identifier: Apache-2.0
|
29
20
|
*/
|
30
|
-
let h = class extends
|
21
|
+
let h = class extends _ {
|
31
22
|
};
|
32
23
|
h.styles = [v];
|
33
24
|
h = a([
|
@@ -51,7 +42,7 @@ class t extends u {
|
|
51
42
|
${d}
|
52
43
|
${r}
|
53
44
|
${this.left ? "" : c}
|
54
|
-
<span class=${
|
45
|
+
<span class=${l(o)}>
|
55
46
|
<mwc-checkbox
|
56
47
|
reducedTouchTarget
|
57
48
|
tabindex=${this.tabindex}
|
@@ -69,16 +60,16 @@ class t extends u {
|
|
69
60
|
}
|
70
61
|
}
|
71
62
|
a([
|
72
|
-
|
63
|
+
s("slot")
|
73
64
|
], t.prototype, "slotElement", void 0);
|
74
65
|
a([
|
75
|
-
|
66
|
+
s("mwc-checkbox")
|
76
67
|
], t.prototype, "checkboxElement", void 0);
|
77
68
|
a([
|
78
|
-
|
69
|
+
x({ type: Boolean })
|
79
70
|
], t.prototype, "left", void 0);
|
80
71
|
a([
|
81
|
-
|
72
|
+
x({ type: String, reflect: !0 })
|
82
73
|
], t.prototype, "graphic", void 0);
|
83
74
|
var y = Object.defineProperty, z = Object.getOwnPropertyDescriptor, w = (i, o, c, r) => {
|
84
75
|
for (var e = r > 1 ? void 0 : r ? z(o, c) : o, d = i.length - 1, m; d >= 0; d--)
|
@@ -91,8 +82,8 @@ n.styles = [g, f];
|
|
91
82
|
n = w([
|
92
83
|
b("cv-check-list-item")
|
93
84
|
], n);
|
94
|
-
const
|
85
|
+
const O = n;
|
95
86
|
export {
|
96
87
|
n as CovalentCheckListItem,
|
97
|
-
|
88
|
+
O as default
|
98
89
|
};
|
package/checkbox.js
CHANGED
@@ -1,2 +1,2 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
2
|
-
`;var
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./mwc-ripple.mjs"),a=require("./mwc-checkbox-base.mjs"),b=require("./mwc-checkbox.css.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./ripple-handlers.mjs");require("./if-defined.mjs");const h=`:host{--mdc-checkbox-checked-color: var(--mdc-theme-primary);--mdc-checkbox-disabled-color: var(--mdc-theme-text-disabled-on-background);--mdc-checkbox-ink-color: var(--mdc-theme-on-primary);--mdc-checkbox-unchecked-color: var(--mdc-theme-text-icon-on-background)}
|
2
|
+
`;var v=Object.defineProperty,d=Object.getOwnPropertyDescriptor,i=(r,c,t,o)=>{for(var e=o>1?void 0:o?d(c,t):c,s=r.length-1,l;s>=0;s--)(l=r[s])&&(e=(o?l(c,t,e):l(e))||e);return o&&e&&v(c,t,e),e};exports.CovalentCheckbox=class extends a.CheckboxBase{};exports.CovalentCheckbox.styles=[b.styles,n.i$1`${n.r(h)}`];exports.CovalentCheckbox=i([n.e$1("cv-checkbox")],exports.CovalentCheckbox);const u=exports.CovalentCheckbox;exports.default=u;
|
package/checkbox.mjs
CHANGED
@@ -1,34 +1,25 @@
|
|
1
|
-
import {
|
2
|
-
import { C as
|
3
|
-
import { s as
|
4
|
-
import "./
|
5
|
-
import "./
|
6
|
-
import "./
|
7
|
-
import "./
|
8
|
-
|
9
|
-
import "./state-6f7e570d.mjs";
|
10
|
-
import "./query-1e7846ea.mjs";
|
11
|
-
import "./class-map-08c84aeb.mjs";
|
12
|
-
import "./style-map-2cb0fb63.mjs";
|
13
|
-
import "./aria-property-fa2717fe.mjs";
|
14
|
-
import "./form-element-6dbd7afa.mjs";
|
15
|
-
import "./event-options-3937d997.mjs";
|
16
|
-
import "./if-defined-639ed018.mjs";
|
17
|
-
const n = `:host{--mdc-checkbox-checked-color: var(--mdc-theme-primary);--mdc-checkbox-disabled-color: var(--mdc-theme-text-disabled-on-background);--mdc-checkbox-ink-color: var(--mdc-theme-on-primary);--mdc-checkbox-unchecked-color: var(--mdc-theme-text-icon-on-background)}
|
1
|
+
import { b as l, r as d, c as h } from "./mwc-ripple.mjs";
|
2
|
+
import { C as n } from "./mwc-checkbox-base.mjs";
|
3
|
+
import { s as b } from "./mwc-checkbox.css.mjs";
|
4
|
+
import "./aria-property.mjs";
|
5
|
+
import "./form-element.mjs";
|
6
|
+
import "./ripple-handlers.mjs";
|
7
|
+
import "./if-defined.mjs";
|
8
|
+
const p = `:host{--mdc-checkbox-checked-color: var(--mdc-theme-primary);--mdc-checkbox-disabled-color: var(--mdc-theme-text-disabled-on-background);--mdc-checkbox-ink-color: var(--mdc-theme-on-primary);--mdc-checkbox-unchecked-color: var(--mdc-theme-text-icon-on-background)}
|
18
9
|
`;
|
19
|
-
var
|
20
|
-
for (var
|
21
|
-
(
|
22
|
-
return
|
10
|
+
var i = Object.defineProperty, v = Object.getOwnPropertyDescriptor, x = (a, o, t, c) => {
|
11
|
+
for (var e = c > 1 ? void 0 : c ? v(o, t) : o, s = a.length - 1, m; s >= 0; s--)
|
12
|
+
(m = a[s]) && (e = (c ? m(o, t, e) : m(e)) || e);
|
13
|
+
return c && e && i(o, t, e), e;
|
23
14
|
};
|
24
|
-
let
|
15
|
+
let r = class extends n {
|
25
16
|
};
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
],
|
30
|
-
const
|
17
|
+
r.styles = [b, l`${d(p)}`];
|
18
|
+
r = x([
|
19
|
+
h("cv-checkbox")
|
20
|
+
], r);
|
21
|
+
const P = r;
|
31
22
|
export {
|
32
|
-
|
33
|
-
|
23
|
+
r as CovalentCheckbox,
|
24
|
+
P as default
|
34
25
|
};
|
package/circular-progress.js
CHANGED
@@ -1,65 +1,65 @@
|
|
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 e=require("./mwc-ripple.mjs"),l=require("./aria-property.mjs"),d=require("./if-defined.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2020 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
5
|
-
*/class o extends
|
5
|
+
*/class o extends e.s{constructor(){super(...arguments),this.indeterminate=!1,this.progress=0,this.density=0,this.closed=!1}open(){this.closed=!1}close(){this.closed=!0}render(){const r={"mdc-circular-progress--closed":this.closed,"mdc-circular-progress--indeterminate":this.indeterminate},i=48+this.density*4,c={width:`${i}px`,height:`${i}px`};return e.y`
|
6
6
|
<div
|
7
|
-
class="mdc-circular-progress ${
|
8
|
-
style="${
|
7
|
+
class="mdc-circular-progress ${e.o(r)}"
|
8
|
+
style="${e.i$2(c)}"
|
9
9
|
role="progressbar"
|
10
|
-
aria-label="${
|
10
|
+
aria-label="${d.l(this.ariaLabel)}"
|
11
11
|
aria-valuemin="0"
|
12
12
|
aria-valuemax="1"
|
13
|
-
aria-valuenow="${
|
13
|
+
aria-valuenow="${d.l(this.indeterminate?void 0:this.progress)}">
|
14
14
|
${this.renderDeterminateContainer()}
|
15
15
|
${this.renderIndeterminateContainer()}
|
16
|
-
</div>`}renderDeterminateContainer(){const r=48+this.density*4,
|
16
|
+
</div>`}renderDeterminateContainer(){const r=48+this.density*4,i=r/2,c=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,t=2*3.1415926*c,a=(1-this.progress)*t,s=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return e.y`
|
17
17
|
<div class="mdc-circular-progress__determinate-container">
|
18
18
|
<svg class="mdc-circular-progress__determinate-circle-graphic"
|
19
19
|
viewBox="0 0 ${r} ${r}">
|
20
20
|
<circle class="mdc-circular-progress__determinate-track"
|
21
|
-
cx="${
|
22
|
-
stroke-width="${
|
21
|
+
cx="${i}" cy="${i}" r="${c}"
|
22
|
+
stroke-width="${s}"></circle>
|
23
23
|
<circle class="mdc-circular-progress__determinate-circle"
|
24
|
-
cx="${
|
25
|
-
stroke-dasharray="${2*3.1415926*
|
26
|
-
stroke-dashoffset="${
|
27
|
-
stroke-width="${
|
24
|
+
cx="${i}" cy="${i}" r="${c}"
|
25
|
+
stroke-dasharray="${2*3.1415926*c}"
|
26
|
+
stroke-dashoffset="${a}"
|
27
|
+
stroke-width="${s}"></circle>
|
28
28
|
</svg>
|
29
|
-
</div>`}renderIndeterminateContainer(){return
|
29
|
+
</div>`}renderIndeterminateContainer(){return e.y`
|
30
30
|
<div class="mdc-circular-progress__indeterminate-container">
|
31
31
|
<div class="mdc-circular-progress__spinner-layer">
|
32
32
|
${this.renderIndeterminateSpinnerLayer()}
|
33
33
|
</div>
|
34
|
-
</div>`}renderIndeterminateSpinnerLayer(){const r=48+this.density*4,
|
34
|
+
</div>`}renderIndeterminateSpinnerLayer(){const r=48+this.density*4,i=r/2,c=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,t=2*3.1415926*c,a=.5*t,s=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return e.y`
|
35
35
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left">
|
36
36
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
37
37
|
viewBox="0 0 ${r} ${r}">
|
38
|
-
<circle cx="${
|
39
|
-
stroke-dasharray="${
|
40
|
-
stroke-dashoffset="${
|
41
|
-
stroke-width="${
|
38
|
+
<circle cx="${i}" cy="${i}" r="${c}"
|
39
|
+
stroke-dasharray="${t}"
|
40
|
+
stroke-dashoffset="${a}"
|
41
|
+
stroke-width="${s}"></circle>
|
42
42
|
</svg>
|
43
43
|
</div>
|
44
44
|
<div class="mdc-circular-progress__gap-patch">
|
45
45
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
46
46
|
viewBox="0 0 ${r} ${r}">
|
47
|
-
<circle cx="${
|
48
|
-
stroke-dasharray="${
|
49
|
-
stroke-dashoffset="${
|
50
|
-
stroke-width="${
|
47
|
+
<circle cx="${i}" cy="${i}" r="${c}"
|
48
|
+
stroke-dasharray="${t}"
|
49
|
+
stroke-dashoffset="${a}"
|
50
|
+
stroke-width="${s*.8}"></circle>
|
51
51
|
</svg>
|
52
52
|
</div>
|
53
53
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right">
|
54
54
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
55
55
|
viewBox="0 0 ${r} ${r}">
|
56
|
-
<circle cx="${
|
57
|
-
stroke-dasharray="${
|
58
|
-
stroke-dashoffset="${
|
59
|
-
stroke-width="${
|
56
|
+
<circle cx="${i}" cy="${i}" r="${c}"
|
57
|
+
stroke-dasharray="${t}"
|
58
|
+
stroke-dashoffset="${a}"
|
59
|
+
stroke-width="${s}"></circle>
|
60
60
|
</svg>
|
61
|
-
</div>`}update(r){super.update(r),r.has("progress")&&(this.progress>1&&(this.progress=1),this.progress<0&&(this.progress=0))}}
|
61
|
+
</div>`}update(r){super.update(r),r.has("progress")&&(this.progress>1&&(this.progress=1),this.progress<0&&(this.progress=0))}}e.__decorate([e.e({type:Boolean,reflect:!0})],o.prototype,"indeterminate",void 0);e.__decorate([e.e({type:Number,reflect:!0})],o.prototype,"progress",void 0);e.__decorate([e.e({type:Number,reflect:!0})],o.prototype,"density",void 0);e.__decorate([e.e({type:Boolean,reflect:!0})],o.prototype,"closed",void 0);e.__decorate([l.ariaProperty,e.e({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",void 0);/**
|
62
62
|
* @license
|
63
63
|
* Copyright 2021 Google LLC
|
64
64
|
* SPDX-LIcense-Identifier: Apache-2.0
|
65
|
-
*/const
|
65
|
+
*/const p=e.i$1`.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-circular-progress__determinate-track{stroke:transparent}@keyframes mdc-circular-progress-container-rotate{to{transform:rotate(360deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-left-spin{from{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes mdc-circular-progress-right-spin{from{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}.mdc-circular-progress{display:inline-flex;position:relative;direction:ltr;line-height:0;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--closed{opacity:0}:host{display:inline-flex}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--mdc-circular-progress-track-color, transparent)}`;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,u=(n,r,i,c)=>{for(var t=c>1?void 0:c?g(r,i):r,a=n.length-1,s;a>=0;a--)(s=n[a])&&(t=(c?s(r,i,t):s(t))||t);return c&&t&&m(r,i,t),t};exports.CovalentCircularProgress=class extends o{};exports.CovalentCircularProgress.styles=[p];exports.CovalentCircularProgress=u([e.e$1("cv-circular-progress")],exports.CovalentCircularProgress);const _=exports.CovalentCircularProgress;exports.default=_;
|
package/circular-progress.mjs
CHANGED
@@ -1,16 +1,12 @@
|
|
1
|
-
import { _ as o } from "./
|
2
|
-
import { a as
|
3
|
-
import {
|
4
|
-
import { e as n } from "./property-ca27685b.mjs";
|
5
|
-
import { o as _ } from "./class-map-08c84aeb.mjs";
|
6
|
-
import { l as m } from "./if-defined-639ed018.mjs";
|
7
|
-
import { i as y } from "./style-map-2cb0fb63.mjs";
|
1
|
+
import { _ as o, e as n, s as g, y as d, o as u, h, b as _, c as f } from "./mwc-ripple.mjs";
|
2
|
+
import { a as y } from "./aria-property.mjs";
|
3
|
+
import { l as m } from "./if-defined.mjs";
|
8
4
|
/**
|
9
5
|
* @license
|
10
6
|
* Copyright 2020 Google LLC
|
11
7
|
* SPDX-License-Identifier: Apache-2.0
|
12
8
|
*/
|
13
|
-
class a extends
|
9
|
+
class a extends g {
|
14
10
|
constructor() {
|
15
11
|
super(...arguments), this.indeterminate = !1, this.progress = 0, this.density = 0, this.closed = !1;
|
16
12
|
}
|
@@ -33,8 +29,8 @@ class a extends u {
|
|
33
29
|
};
|
34
30
|
return d`
|
35
31
|
<div
|
36
|
-
class="mdc-circular-progress ${
|
37
|
-
style="${
|
32
|
+
class="mdc-circular-progress ${u(r)}"
|
33
|
+
style="${h(i)}"
|
38
34
|
role="progressbar"
|
39
35
|
aria-label="${m(this.ariaLabel)}"
|
40
36
|
aria-valuemin="0"
|
@@ -126,7 +122,7 @@ o([
|
|
126
122
|
n({ type: Boolean, reflect: !0 })
|
127
123
|
], a.prototype, "closed", void 0);
|
128
124
|
o([
|
129
|
-
|
125
|
+
y,
|
130
126
|
n({ type: String, attribute: "aria-label" })
|
131
127
|
], a.prototype, "ariaLabel", void 0);
|
132
128
|
/**
|
@@ -134,7 +130,7 @@ o([
|
|
134
130
|
* Copyright 2021 Google LLC
|
135
131
|
* SPDX-LIcense-Identifier: Apache-2.0
|
136
132
|
*/
|
137
|
-
const b =
|
133
|
+
const b = _`.mdc-circular-progress__determinate-circle,.mdc-circular-progress__indeterminate-circle-graphic{stroke:#6200ee;stroke:var(--mdc-theme-primary, #6200ee)}.mdc-circular-progress__determinate-track{stroke:transparent}@keyframes mdc-circular-progress-container-rotate{to{transform:rotate(360deg)}}@keyframes mdc-circular-progress-spinner-layer-rotate{12.5%{transform:rotate(135deg)}25%{transform:rotate(270deg)}37.5%{transform:rotate(405deg)}50%{transform:rotate(540deg)}62.5%{transform:rotate(675deg)}75%{transform:rotate(810deg)}87.5%{transform:rotate(945deg)}100%{transform:rotate(1080deg)}}@keyframes mdc-circular-progress-color-1-fade-in-out{from{opacity:.99}25%{opacity:.99}26%{opacity:0}89%{opacity:0}90%{opacity:.99}to{opacity:.99}}@keyframes mdc-circular-progress-color-2-fade-in-out{from{opacity:0}15%{opacity:0}25%{opacity:.99}50%{opacity:.99}51%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-3-fade-in-out{from{opacity:0}40%{opacity:0}50%{opacity:.99}75%{opacity:.99}76%{opacity:0}to{opacity:0}}@keyframes mdc-circular-progress-color-4-fade-in-out{from{opacity:0}65%{opacity:0}75%{opacity:.99}90%{opacity:.99}to{opacity:0}}@keyframes mdc-circular-progress-left-spin{from{transform:rotate(265deg)}50%{transform:rotate(130deg)}to{transform:rotate(265deg)}}@keyframes mdc-circular-progress-right-spin{from{transform:rotate(-265deg)}50%{transform:rotate(-130deg)}to{transform:rotate(-265deg)}}.mdc-circular-progress{display:inline-flex;position:relative;direction:ltr;line-height:0;transition:opacity 250ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-circular-progress__determinate-container,.mdc-circular-progress__indeterminate-circle-graphic,.mdc-circular-progress__indeterminate-container,.mdc-circular-progress__spinner-layer{position:absolute;width:100%;height:100%}.mdc-circular-progress__determinate-container{transform:rotate(-90deg)}.mdc-circular-progress__indeterminate-container{font-size:0;letter-spacing:0;white-space:nowrap;opacity:0}.mdc-circular-progress__determinate-circle-graphic,.mdc-circular-progress__indeterminate-circle-graphic{fill:transparent}.mdc-circular-progress__determinate-circle{transition:stroke-dashoffset 500ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-circular-progress__gap-patch{position:absolute;top:0;left:47.5%;box-sizing:border-box;width:5%;height:100%;overflow:hidden}.mdc-circular-progress__gap-patch .mdc-circular-progress__indeterminate-circle-graphic{left:-900%;width:2000%;transform:rotate(180deg)}.mdc-circular-progress__circle-clipper{display:inline-flex;position:relative;width:50%;height:100%;overflow:hidden}.mdc-circular-progress__circle-clipper .mdc-circular-progress__indeterminate-circle-graphic{width:200%}.mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{left:-100%}.mdc-circular-progress--indeterminate .mdc-circular-progress__determinate-container{opacity:0}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{opacity:1}.mdc-circular-progress--indeterminate .mdc-circular-progress__indeterminate-container{animation:mdc-circular-progress-container-rotate 1568.2352941176ms linear infinite}.mdc-circular-progress--indeterminate .mdc-circular-progress__spinner-layer{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-1{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-2{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-3{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__color-4{animation:mdc-circular-progress-spinner-layer-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both,mdc-circular-progress-color-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-left .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--indeterminate .mdc-circular-progress__circle-right .mdc-circular-progress__indeterminate-circle-graphic{animation:mdc-circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both}.mdc-circular-progress--closed{opacity:0}:host{display:inline-flex}.mdc-circular-progress__determinate-track{stroke:transparent;stroke:var(--mdc-circular-progress-track-color, transparent)}`;
|
138
134
|
var v = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, k = (p, r, e, i) => {
|
139
135
|
for (var c = i > 1 ? void 0 : i ? $(r, e) : r, s = p.length - 1, t; s >= 0; s--)
|
140
136
|
(t = p[s]) && (c = (i ? t(r, e, c) : t(c)) || c);
|
@@ -146,8 +142,8 @@ l.styles = [b];
|
|
146
142
|
l = k([
|
147
143
|
f("cv-circular-progress")
|
148
144
|
], l);
|
149
|
-
const
|
145
|
+
const C = l;
|
150
146
|
export {
|
151
147
|
l as CovalentCircularProgress,
|
152
|
-
|
148
|
+
C as default
|
153
149
|
};
|