@covalent/components 6.2.1 → 6.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/action-ribbon.js +6 -6
- package/action-ribbon.mjs +34 -29
- package/alert.js +6 -6
- package/alert.mjs +18 -13
- package/app-shell.js +8 -8
- package/app-shell.mjs +9 -3
- package/base-element.mjs +5 -0
- package/button.js +9 -9
- package/button.mjs +23 -14
- package/card.js +8 -8
- package/card.mjs +17 -15
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +20 -11
- package/checkbox.js +2 -2
- package/checkbox.mjs +26 -17
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +13 -9
- package/class-map.mjs +9 -0
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +10 -7
- package/dialog.js +1 -1
- package/dialog.mjs +14 -14
- package/dialog2.mjs +55 -49
- package/directive-helpers.mjs +1 -1
- package/drawer.js +3 -3
- package/drawer.mjs +13 -7
- package/empty-state.js +5 -5
- package/empty-state.mjs +5 -3
- package/event-options.mjs +5 -0
- package/form-element.mjs +2 -2
- package/foundation.mjs +2 -2
- package/icon-button.js +8 -8
- package/icon-button.mjs +23 -14
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +15 -6
- package/icon-radio-toggle.js +5 -5
- package/icon-radio-toggle.mjs +30 -21
- package/icon.js +2 -2
- package/icon.mjs +8 -7
- package/if-defined.mjs +1 -1
- package/index.js +1 -1
- package/index.mjs +100 -90
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +23 -17
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +38 -29
- package/list-item.js +1 -1
- package/list-item.mjs +6 -6
- package/list-item2.mjs +16 -15
- package/list.js +1 -1
- package/list.mjs +2 -2
- package/list2.mjs +6 -5
- package/menu.js +2 -2
- package/menu.mjs +25 -16
- package/mwc-checkbox-base.mjs +6 -6
- package/mwc-checkbox.css.mjs +2 -2
- package/mwc-drawer-base.mjs +11 -11
- package/mwc-icon.mjs +3 -3
- package/mwc-line-ripple-directive.mjs +16 -16
- package/mwc-list-base.mjs +25 -25
- package/mwc-list-item-base.mjs +11 -11
- package/mwc-list-item.css.mjs +3 -3
- package/mwc-menu-base.mjs +20 -20
- package/mwc-radio-base.mjs +11 -11
- package/mwc-radio.css.mjs +2 -2
- package/mwc-slider.css.mjs +20 -20
- package/mwc-tab-base.mjs +22 -22
- package/mwc-top-app-bar-base.mjs +10 -10
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +32 -24
- package/package.json +1 -1
- package/property.mjs +5 -0
- package/query-assigned-elements.mjs +33 -0
- package/query-assigned-nodes.mjs +5 -0
- package/query.mjs +5 -0
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +27 -18
- package/radio.js +2 -2
- package/radio.mjs +22 -13
- package/ripple-handlers.mjs +104 -2
- package/select.js +28 -28
- package/select.mjs +25 -15
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +12 -6
- package/slider-range.js +7 -7
- package/slider-range.mjs +69 -61
- package/slider.js +3 -3
- package/slider.mjs +26 -18
- package/snackbar.js +15 -15
- package/snackbar.mjs +26 -20
- package/state.mjs +5 -0
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +14 -13
- package/status-header.js +6 -6
- package/status-header.mjs +9 -7
- package/style-map.mjs +5 -0
- package/switch.js +18 -18
- package/switch.mjs +30 -21
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +22 -13
- package/tab.js +3 -3
- package/tab.mjs +13 -4
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +8 -6
- package/textarea.js +14 -14
- package/textarea.mjs +23 -15
- package/textfield.js +3 -3
- package/textfield.mjs +39 -39
- package/textfield2.mjs +26 -19
- package/toolbar.js +3 -3
- package/toolbar.mjs +9 -3
- package/tooltip.js +12 -12
- package/tooltip.mjs +12 -8
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +29 -23
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +2 -2
- package/top-app-bar2.mjs +1 -1
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +5 -3
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/tslib.es6.mjs +1 -0
- package/typography.js +4 -4
- package/typography.mjs +12 -11
- package/utils.mjs +5 -0
- package/mwc-ripple.mjs +0 -175
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 n=require("./tslib.es6.mjs"),m=require("./aria-property.mjs"),a=require("./query-assigned-elements.mjs"),d=require("./property.mjs"),g=require("./class-map.mjs"),p=require("./if-defined.mjs"),u=require("./style-map.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 a.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},e=48+this.density*4,i={width:`${e}px`,height:`${e}px`};return a.y`
|
6
6
|
<div
|
7
|
-
class="mdc-circular-progress ${
|
8
|
-
style="${
|
7
|
+
class="mdc-circular-progress ${g.o(r)}"
|
8
|
+
style="${u.i(i)}"
|
9
9
|
role="progressbar"
|
10
|
-
aria-label="${
|
10
|
+
aria-label="${p.l(this.ariaLabel)}"
|
11
11
|
aria-valuemin="0"
|
12
12
|
aria-valuemax="1"
|
13
|
-
aria-valuenow="${
|
13
|
+
aria-valuenow="${p.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,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,s=(1-this.progress)*c,t=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.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="${e}" cy="${e}" r="${i}"
|
22
|
+
stroke-width="${t}"></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="${e}" cy="${e}" r="${i}"
|
25
|
+
stroke-dasharray="${2*3.1415926*i}"
|
26
|
+
stroke-dashoffset="${s}"
|
27
|
+
stroke-width="${t}"></circle>
|
28
28
|
</svg>
|
29
|
-
</div>`}renderIndeterminateContainer(){return
|
29
|
+
</div>`}renderIndeterminateContainer(){return a.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,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,s=.5*c,t=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.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="${e}" cy="${e}" r="${i}"
|
39
|
+
stroke-dasharray="${c}"
|
40
|
+
stroke-dashoffset="${s}"
|
41
|
+
stroke-width="${t}"></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="${e}" cy="${e}" r="${i}"
|
48
|
+
stroke-dasharray="${c}"
|
49
|
+
stroke-dashoffset="${s}"
|
50
|
+
stroke-width="${t*.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="${e}" cy="${e}" r="${i}"
|
57
|
+
stroke-dasharray="${c}"
|
58
|
+
stroke-dashoffset="${s}"
|
59
|
+
stroke-width="${t}"></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))}}n.__decorate([d.e({type:Boolean,reflect:!0})],o.prototype,"indeterminate",void 0);n.__decorate([d.e({type:Number,reflect:!0})],o.prototype,"progress",void 0);n.__decorate([d.e({type:Number,reflect:!0})],o.prototype,"density",void 0);n.__decorate([d.e({type:Boolean,reflect:!0})],o.prototype,"closed",void 0);n.__decorate([m.ariaProperty,d.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 _=a.i`.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 h=Object.defineProperty,f=Object.getOwnPropertyDescriptor,y=(l,r,e,i)=>{for(var c=i>1?void 0:i?f(r,e):r,s=l.length-1,t;s>=0;s--)(t=l[s])&&(c=(i?t(r,e,c):t(c))||c);return i&&c&&h(r,e,c),c};exports.CovalentCircularProgress=class extends o{};exports.CovalentCircularProgress.styles=[_];exports.CovalentCircularProgress=y([a.e("cv-circular-progress")],exports.CovalentCircularProgress);const v=exports.CovalentCircularProgress;exports.default=v;
|
package/circular-progress.mjs
CHANGED
@@ -1,12 +1,16 @@
|
|
1
|
-
import { _ as o
|
2
|
-
import { a as
|
1
|
+
import { _ as o } from "./tslib.es6.mjs";
|
2
|
+
import { a as g } from "./aria-property.mjs";
|
3
|
+
import { s as u, y as d, i as h, e as f } from "./query-assigned-elements.mjs";
|
4
|
+
import { e as n } from "./property.mjs";
|
5
|
+
import { o as _ } from "./class-map.mjs";
|
3
6
|
import { l as m } from "./if-defined.mjs";
|
7
|
+
import { i as y } from "./style-map.mjs";
|
4
8
|
/**
|
5
9
|
* @license
|
6
10
|
* Copyright 2020 Google LLC
|
7
11
|
* SPDX-License-Identifier: Apache-2.0
|
8
12
|
*/
|
9
|
-
class a extends
|
13
|
+
class a extends u {
|
10
14
|
constructor() {
|
11
15
|
super(...arguments), this.indeterminate = !1, this.progress = 0, this.density = 0, this.closed = !1;
|
12
16
|
}
|
@@ -29,8 +33,8 @@ class a extends g {
|
|
29
33
|
};
|
30
34
|
return d`
|
31
35
|
<div
|
32
|
-
class="mdc-circular-progress ${
|
33
|
-
style="${
|
36
|
+
class="mdc-circular-progress ${_(r)}"
|
37
|
+
style="${y(i)}"
|
34
38
|
role="progressbar"
|
35
39
|
aria-label="${m(this.ariaLabel)}"
|
36
40
|
aria-valuemin="0"
|
@@ -122,7 +126,7 @@ o([
|
|
122
126
|
n({ type: Boolean, reflect: !0 })
|
123
127
|
], a.prototype, "closed", void 0);
|
124
128
|
o([
|
125
|
-
|
129
|
+
g,
|
126
130
|
n({ type: String, attribute: "aria-label" })
|
127
131
|
], a.prototype, "ariaLabel", void 0);
|
128
132
|
/**
|
@@ -130,7 +134,7 @@ o([
|
|
130
134
|
* Copyright 2021 Google LLC
|
131
135
|
* SPDX-LIcense-Identifier: Apache-2.0
|
132
136
|
*/
|
133
|
-
const b =
|
137
|
+
const b = h`.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)}`;
|
134
138
|
var v = Object.defineProperty, $ = Object.getOwnPropertyDescriptor, k = (p, r, e, i) => {
|
135
139
|
for (var c = i > 1 ? void 0 : i ? $(r, e) : r, s = p.length - 1, t; s >= 0; s--)
|
136
140
|
(t = p[s]) && (c = (i ? t(r, e, c) : t(c)) || c);
|
@@ -142,8 +146,8 @@ l.styles = [b];
|
|
142
146
|
l = k([
|
143
147
|
f("cv-circular-progress")
|
144
148
|
], l);
|
145
|
-
const
|
149
|
+
const D = l;
|
146
150
|
export {
|
147
151
|
l as CovalentCircularProgress,
|
148
|
-
|
152
|
+
D as default
|
149
153
|
};
|
package/class-map.mjs
ADDED
@@ -0,0 +1,9 @@
|
|
1
|
+
"use strict";const l=require("./query-assigned-elements.mjs");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2017 Google LLC
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
+
*/const h={ATTRIBUTE:1,CHILD:2,PROPERTY:3,BOOLEAN_ATTRIBUTE:4,EVENT:5,ELEMENT:6},a=s=>(...t)=>({_$litDirective$:s,values:t});class d{constructor(t){}get _$AU(){return this._$AM._$AU}_$AT(t,i,r){this._$Ct=t,this._$AM=i,this._$Ci=r}_$AS(t,i){return this.update(t,i)}update(t,i){return this.render(...i)}}/**
|
6
|
+
* @license
|
7
|
+
* Copyright 2018 Google LLC
|
8
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
9
|
+
*/const u=a(class extends d{constructor(s){var t;if(super(s),s.type!==h.ATTRIBUTE||s.name!=="class"||((t=s.strings)===null||t===void 0?void 0:t.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(s){return" "+Object.keys(s).filter(t=>s[t]).join(" ")+" "}update(s,[t]){var i,r;if(this.nt===void 0){this.nt=new Set,s.strings!==void 0&&(this.st=new Set(s.strings.join(" ").split(/\s/).filter(e=>e!=="")));for(const e in t)t[e]&&!(!((i=this.st)===null||i===void 0)&&i.has(e))&&this.nt.add(e);return this.render(t)}const n=s.element.classList;this.nt.forEach(e=>{e in t||(n.remove(e),this.nt.delete(e))});for(const e in t){const o=!!t[e];o===this.nt.has(e)||!((r=this.st)===null||r===void 0)&&r.has(e)||(o?(n.add(e),this.nt.add(e)):(n.remove(e),this.nt.delete(e)))}return l.x}});exports.e=a;exports.i=d;exports.o=u;exports.t=h;
|