@covalent/components 10.4.0-beta.3 → 11.0.0-beta.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{_commonjsHelpers-HP5nalso.mjs → _commonjsHelpers-B52_cu2H.mjs} +3 -3
- package/_commonjsHelpers-DGT2Y9Xa.js +1 -0
- package/action-ribbon.js +5 -5
- package/action-ribbon.mjs +33 -33
- package/alert.js +5 -5
- package/alert.mjs +48 -48
- 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 +26 -26
- 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-DmwMNZYy.js → chip-BjFvUMom.js} +44 -44
- package/chip-set.js +5 -5
- package/chip-set.mjs +126 -126
- package/{chip-tQfbvpbh.mjs → chip-vV-teZYv.mjs} +412 -408
- 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-CryBkPGy.js → code-editor-Bu3qtyEg.js} +110 -110
- package/{code-editor-XU5DhFbC.mjs → code-editor-CPpojoPe.mjs} +5423 -5477
- package/code-editor.js +1 -1
- package/code-editor.mjs +2 -2
- package/code-snippet.js +11 -11
- package/code-snippet.mjs +2611 -2641
- package/{dialog-DMqDMT_N.js → dialog-BShWbhKq.js} +9 -9
- package/{dialog-BodJc4rc.mjs → dialog-ChTd6dnt.mjs} +186 -186
- 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-BSAsNxWv.js +5 -0
- package/form-element-QkRofWU9.mjs +50 -0
- package/formfield.js +7 -7
- package/formfield.mjs +45 -45
- 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/{foundation-BYhAXCW_.mjs → foundation-qQ4jzaAu.mjs} +15 -17
- package/full-screen-dialog.js +2 -2
- package/full-screen-dialog.mjs +10 -10
- package/{html-DW6Y8eLM.mjs → html-DC72jQvb.mjs} +1 -1
- package/{html-CEiNqoVv.js → html-wWghN8cA.js} +1 -1
- package/icon-button-toggle.js +6 -6
- package/icon-button-toggle.mjs +34 -34
- package/icon-button.js +5 -5
- package/icon-button.mjs +36 -36
- 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.d.ts +0 -1
- package/index.js +1 -10
- package/index.mjs +112 -450
- package/inert.esm-CknhJysw.mjs +645 -0
- package/inert.esm-D2PJKL9E.js +28 -0
- package/{javascript-DzJ0FiwJ.mjs → javascript-C_a5TwhW.mjs} +1 -1
- package/{javascript-vVCDG6Rm.js → javascript-cY8cX08V.js} +1 -1
- package/linear-progress.js +7 -7
- package/linear-progress.mjs +32 -32
- package/{list-item-BIuZJQpK.mjs → list-item-CK66f3gK.mjs} +1 -1
- package/{list-item-V8RaZO6L.js → list-item-LcvIn8Xz.js} +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 +16 -16
- package/{mwc-checkbox.css-CNoj0V14.mjs → mwc-checkbox.css-2vEWGIGy.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-BKjve51A.mjs} +11 -11
- package/{mwc-drawer-base-BIn51sQu.js → mwc-drawer-base-C2YS_KZk.js} +3 -3
- package/{mwc-icon-Xgr698ax.js → mwc-icon-BUzuM0iB.js} +1 -1
- package/{mwc-icon-DTCUplqR.mjs → mwc-icon-CU54ISyR.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-D6JvHdq9.mjs} +35 -34
- package/{mwc-line-ripple-directive-r80jluoU.js → mwc-line-ripple-directive-DBy5sTfo.js} +4 -4
- package/{mwc-list-item.css-Cg9onxQ-.mjs → mwc-list-item.css-BfvtPwr2.mjs} +10 -10
- package/{mwc-list-item.css-CO1JlA8e.js → mwc-list-item.css-Bib8TVz5.js} +10 -10
- package/{mwc-list.css-C_-DVEme.mjs → mwc-list.css-CnoVmMrq.mjs} +100 -100
- package/{mwc-list.css-Deg9oBaO.js → mwc-list.css-DWV8pw-x.js} +1 -1
- package/{mwc-menu.css-Dvr-f3_T.js → mwc-menu.css-D3EFugOg.js} +18 -18
- package/{mwc-menu.css-qpZxKN-g.mjs → mwc-menu.css-zLJoUMUW.mjs} +303 -303
- package/{mwc-radio.css-BiHC1R8I.mjs → mwc-radio.css-6ufegTtG.mjs} +8 -8
- package/{mwc-radio.css-DjO4Rn44.js → mwc-radio.css-BWiWreTh.js} +1 -1
- package/{mwc-slider.css-Deh1__Ar.mjs → mwc-slider.css-Cq4ygmy4.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-DUOF704w.mjs} +31 -31
- package/{mwc-top-app-bar-base-BIZGhVtM.mjs → mwc-top-app-bar-base-CY0I98Qf.mjs} +21 -21
- package/{mwc-top-app-bar-base-DUdOcIjS.js → mwc-top-app-bar-base-Gxaye-WD.js} +3 -3
- package/nav-list-item.js +1 -1
- package/nav-list-item.mjs +13 -13
- package/notebook-cell.js +1 -1
- package/notebook-cell.mjs +23 -23
- package/package.json +3 -8
- package/{property-BRKnMYJe.js → property-DYTC_2-m.js} +1 -1
- package/{python-CddQNZH2.mjs → python-3XbrQbry.mjs} +1 -1
- package/{python-DnfGbG5q.js → python-C-jtMxm_.js} +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-BAdg-fJB.mjs → ripple-handlers-BzwD98Ty.mjs} +71 -71
- package/{ripple-handlers-BDmOLx8c.js → ripple-handlers-C7an-EE1.js} +5 -5
- package/select.js +15 -15
- package/select.mjs +166 -167
- 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-bHWjhOOq.js → textfield-Byf2gP_G.js} +31 -31
- package/{textfield-i_Whj47J.mjs → textfield-vzZ-4E3g.mjs} +102 -102
- package/textfield.js +3 -3
- package/textfield.mjs +17 -17
- package/theme/prebuilt/dark-theme.css +1 -1
- package/theme/prebuilt/light-theme.css +1 -1
- package/toolbar.js +1 -1
- package/toolbar.mjs +4 -4
- package/tooltip.js +3 -3
- package/tooltip.mjs +54 -55
- package/{top-app-bar-CZ5ILmAf.mjs → top-app-bar-BQ88Rom5.mjs} +1 -1
- package/top-app-bar-fixed.js +8 -8
- package/top-app-bar-fixed.mjs +40 -40
- package/{top-app-bar-UVbXY1md.js → top-app-bar-lbNkmJbQ.js} +1 -1
- 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-pPsSiLLK.mjs +75 -0
- package/{typescript-BRw9OFm1.js → typescript-CNfpftAV.js} +1 -1
- package/{typescript-CdlgcZ3y.mjs → typescript-Dj6mne2e.mjs} +1 -1
- package/typography.js +1 -1
- package/typography.mjs +3 -3
- package/_commonjsHelpers-6jR-N8xe.js +0 -1
- 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/icon/_icon-list.d.ts +0 -3
- package/icon/icon-demo.d.ts +0 -13
- package/inert.esm-C8R-X3j4.mjs +0 -639
- package/inert.esm-t-228rpY.js +0 -28
- 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/prebuilt/dark-theme.css.map +0 -1
- package/theme/prebuilt/light-theme.css.map +0 -1
- package/tslib.es6-CISSdiiH.mjs +0 -75
- /package/{style.css → covalent.css} +0 -0
package/chip.js
CHANGED
@@ -1 +1 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./query-assigned-elements-
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("./query-assigned-elements-8EurZY45.js");const e=require("./chip-BjFvUMom.js");Object.defineProperty(exports,"CovalentChip",{enumerable:!0,get:()=>e.CovalentChip});exports.default=e.CovalentChip$1;
|
package/chip.mjs
CHANGED
package/circular-progress.js
CHANGED
@@ -1,11 +1,11 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./tslib.es6-CHeFCc6E.js"),m=require("./aria-property-Dl2ZKBbP.js"),a=require("./query-assigned-elements-
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./tslib.es6-CHeFCc6E.js"),m=require("./aria-property-Dl2ZKBbP.js"),a=require("./query-assigned-elements-8EurZY45.js"),d=require("./property-DYTC_2-m.js"),g=require("./class-map-DTzB8z-1.js"),p=require("./if-defined-CZCqOAYs.js"),u=require("./style-map-DOMuf9Fg.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2020 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
5
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.x`
|
6
6
|
<div
|
7
|
-
class="mdc-circular-progress ${
|
8
|
-
style="${
|
7
|
+
class="mdc-circular-progress ${g.o(r)}"
|
8
|
+
style="${u.o(i)}"
|
9
9
|
role="progressbar"
|
10
10
|
aria-label="${p.l(this.ariaLabel)}"
|
11
11
|
aria-valuemin="0"
|
@@ -13,32 +13,32 @@
|
|
13
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,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,
|
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,t=(1-this.progress)*c,s=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.x`
|
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
21
|
cx="${e}" cy="${e}" r="${i}"
|
22
|
-
stroke-width="${
|
22
|
+
stroke-width="${s}"></circle>
|
23
23
|
<circle class="mdc-circular-progress__determinate-circle"
|
24
24
|
cx="${e}" cy="${e}" r="${i}"
|
25
25
|
stroke-dasharray="${2*3.1415926*i}"
|
26
|
-
stroke-dashoffset="${
|
27
|
-
stroke-width="${
|
26
|
+
stroke-dashoffset="${t}"
|
27
|
+
stroke-width="${s}"></circle>
|
28
28
|
</svg>
|
29
29
|
</div>`}renderIndeterminateContainer(){return a.x`
|
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,e=r/2,i=this.density>=-3?18+this.density*11/6:12.5+(this.density+3)*5/4,c=2*3.1415926*i,
|
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,t=.5*c,s=this.density>=-3?4+this.density*(1/3):3+(this.density+3)*(1/6);return a.x`
|
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
38
|
<circle cx="${e}" cy="${e}" r="${i}"
|
39
39
|
stroke-dasharray="${c}"
|
40
|
-
stroke-dashoffset="${
|
41
|
-
stroke-width="${
|
40
|
+
stroke-dashoffset="${t}"
|
41
|
+
stroke-width="${s}"></circle>
|
42
42
|
</svg>
|
43
43
|
</div>
|
44
44
|
<div class="mdc-circular-progress__gap-patch">
|
@@ -46,8 +46,8 @@
|
|
46
46
|
viewBox="0 0 ${r} ${r}">
|
47
47
|
<circle cx="${e}" cy="${e}" r="${i}"
|
48
48
|
stroke-dasharray="${c}"
|
49
|
-
stroke-dashoffset="${
|
50
|
-
stroke-width="${
|
49
|
+
stroke-dashoffset="${t}"
|
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">
|
@@ -55,11 +55,11 @@
|
|
55
55
|
viewBox="0 0 ${r} ${r}">
|
56
56
|
<circle cx="${e}" cy="${e}" r="${i}"
|
57
57
|
stroke-dasharray="${c}"
|
58
|
-
stroke-dashoffset="${
|
59
|
-
stroke-width="${
|
58
|
+
stroke-dashoffset="${t}"
|
59
|
+
stroke-width="${s}"></circle>
|
60
60
|
</svg>
|
61
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.n({type:Boolean,reflect:!0})],o.prototype,"indeterminate",void 0);n.__decorate([d.n({type:Number,reflect:!0})],o.prototype,"progress",void 0);n.__decorate([d.n({type:Number,reflect:!0})],o.prototype,"density",void 0);n.__decorate([d.n({type:Boolean,reflect:!0})],o.prototype,"closed",void 0);n.__decorate([m.ariaProperty,d.n({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 _=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.
|
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.getOwnPropertyDescriptor,f=(l,r,e,i)=>{for(var c=i>1?void 0:i?h(r,e):r,t=l.length-1,s;t>=0;t--)(s=l[t])&&(c=s(c)||c);return c};exports.CovalentCircularProgress=class extends o{};exports.CovalentCircularProgress.styles=[_];exports.CovalentCircularProgress=f([a.e("cv-circular-progress")],exports.CovalentCircularProgress);const y=exports.CovalentCircularProgress;exports.default=y;
|
package/circular-progress.mjs
CHANGED
@@ -1,10 +1,10 @@
|
|
1
|
-
import {
|
1
|
+
import { _ as o } from "./tslib.es6-pPsSiLLK.mjs";
|
2
2
|
import { a as g } from "./aria-property-6O5bK0tV.mjs";
|
3
|
-
import { s as u, x as d, i as
|
3
|
+
import { s as u, x as d, i as h, e as f } from "./query-assigned-elements-D930kELM.mjs";
|
4
4
|
import { n } from "./property-DJzm_oB9.mjs";
|
5
|
-
import { o as _ } from "./class-map-
|
6
|
-
import { l as
|
7
|
-
import { o as y } from "./style-map-
|
5
|
+
import { o as _ } from "./class-map-DPUylGZM.mjs";
|
6
|
+
import { l as p } from "./if-defined-DGrxuPYz.mjs";
|
7
|
+
import { o as y } from "./style-map-D2TR7M-D.mjs";
|
8
8
|
/**
|
9
9
|
* @license
|
10
10
|
* Copyright 2020 Google LLC
|
@@ -36,10 +36,10 @@ class a extends u {
|
|
36
36
|
class="mdc-circular-progress ${_(r)}"
|
37
37
|
style="${y(i)}"
|
38
38
|
role="progressbar"
|
39
|
-
aria-label="${
|
39
|
+
aria-label="${p(this.ariaLabel)}"
|
40
40
|
aria-valuemin="0"
|
41
41
|
aria-valuemax="1"
|
42
|
-
aria-valuenow="${
|
42
|
+
aria-valuenow="${p(this.indeterminate ? void 0 : this.progress)}">
|
43
43
|
${this.renderDeterminateContainer()}
|
44
44
|
${this.renderIndeterminateContainer()}
|
45
45
|
</div>`;
|
@@ -48,19 +48,19 @@ class a extends u {
|
|
48
48
|
* @soyTemplate
|
49
49
|
*/
|
50
50
|
renderDeterminateContainer() {
|
51
|
-
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,
|
51
|
+
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, t = (1 - this.progress) * c, s = this.density >= -3 ? 4 + this.density * (1 / 3) : 3 + (this.density + 3) * (1 / 6);
|
52
52
|
return d`
|
53
53
|
<div class="mdc-circular-progress__determinate-container">
|
54
54
|
<svg class="mdc-circular-progress__determinate-circle-graphic"
|
55
55
|
viewBox="0 0 ${r} ${r}">
|
56
56
|
<circle class="mdc-circular-progress__determinate-track"
|
57
57
|
cx="${e}" cy="${e}" r="${i}"
|
58
|
-
stroke-width="${
|
58
|
+
stroke-width="${s}"></circle>
|
59
59
|
<circle class="mdc-circular-progress__determinate-circle"
|
60
60
|
cx="${e}" cy="${e}" r="${i}"
|
61
61
|
stroke-dasharray="${2 * 3.1415926 * i}"
|
62
|
-
stroke-dashoffset="${
|
63
|
-
stroke-width="${
|
62
|
+
stroke-dashoffset="${t}"
|
63
|
+
stroke-width="${s}"></circle>
|
64
64
|
</svg>
|
65
65
|
</div>`;
|
66
66
|
}
|
@@ -79,15 +79,15 @@ class a extends u {
|
|
79
79
|
* @soyTemplate
|
80
80
|
*/
|
81
81
|
renderIndeterminateSpinnerLayer() {
|
82
|
-
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,
|
82
|
+
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, t = 0.5 * c, s = this.density >= -3 ? 4 + this.density * (1 / 3) : 3 + (this.density + 3) * (1 / 6);
|
83
83
|
return d`
|
84
84
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-left">
|
85
85
|
<svg class="mdc-circular-progress__indeterminate-circle-graphic"
|
86
86
|
viewBox="0 0 ${r} ${r}">
|
87
87
|
<circle cx="${e}" cy="${e}" r="${i}"
|
88
88
|
stroke-dasharray="${c}"
|
89
|
-
stroke-dashoffset="${
|
90
|
-
stroke-width="${
|
89
|
+
stroke-dashoffset="${t}"
|
90
|
+
stroke-width="${s}"></circle>
|
91
91
|
</svg>
|
92
92
|
</div>
|
93
93
|
<div class="mdc-circular-progress__gap-patch">
|
@@ -95,8 +95,8 @@ class a extends u {
|
|
95
95
|
viewBox="0 0 ${r} ${r}">
|
96
96
|
<circle cx="${e}" cy="${e}" r="${i}"
|
97
97
|
stroke-dasharray="${c}"
|
98
|
-
stroke-dashoffset="${
|
99
|
-
stroke-width="${
|
98
|
+
stroke-dashoffset="${t}"
|
99
|
+
stroke-width="${s * 0.8}"></circle>
|
100
100
|
</svg>
|
101
101
|
</div>
|
102
102
|
<div class="mdc-circular-progress__circle-clipper mdc-circular-progress__circle-right">
|
@@ -104,8 +104,8 @@ class a extends u {
|
|
104
104
|
viewBox="0 0 ${r} ${r}">
|
105
105
|
<circle cx="${e}" cy="${e}" r="${i}"
|
106
106
|
stroke-dasharray="${c}"
|
107
|
-
stroke-dashoffset="${
|
108
|
-
stroke-width="${
|
107
|
+
stroke-dashoffset="${t}"
|
108
|
+
stroke-width="${s}"></circle>
|
109
109
|
</svg>
|
110
110
|
</div>`;
|
111
111
|
}
|
@@ -134,17 +134,17 @@ o([
|
|
134
134
|
* Copyright 2021 Google LLC
|
135
135
|
* SPDX-LIcense-Identifier: Apache-2.0
|
136
136
|
*/
|
137
|
-
const b =
|
138
|
-
var
|
139
|
-
for (var c = i > 1 ? void 0 : i ? v(r, e) : r,
|
140
|
-
(
|
141
|
-
return
|
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)}`;
|
138
|
+
var v = Object.getOwnPropertyDescriptor, $ = (m, r, e, i) => {
|
139
|
+
for (var c = i > 1 ? void 0 : i ? v(r, e) : r, t = m.length - 1, s; t >= 0; t--)
|
140
|
+
(s = m[t]) && (c = s(c) || c);
|
141
|
+
return c;
|
142
142
|
};
|
143
143
|
let l = class extends a {
|
144
144
|
};
|
145
145
|
l.styles = [b];
|
146
|
-
l =
|
147
|
-
|
146
|
+
l = $([
|
147
|
+
f("cv-circular-progress")
|
148
148
|
], l);
|
149
149
|
const D = l;
|
150
150
|
export {
|
@@ -0,0 +1,36 @@
|
|
1
|
+
import { T as a } from "./query-assigned-elements-D930kELM.mjs";
|
2
|
+
import { e as d, i as h, t as l } from "./directive-oAbCiebi.mjs";
|
3
|
+
/**
|
4
|
+
* @license
|
5
|
+
* Copyright 2018 Google LLC
|
6
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
7
|
+
*/
|
8
|
+
const v = d(class extends h {
|
9
|
+
constructor(e) {
|
10
|
+
var i;
|
11
|
+
if (super(e), e.type !== l.ATTRIBUTE || e.name !== "class" || ((i = e.strings) === null || i === void 0 ? void 0 : i.length) > 2) throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.");
|
12
|
+
}
|
13
|
+
render(e) {
|
14
|
+
return " " + Object.keys(e).filter((i) => e[i]).join(" ") + " ";
|
15
|
+
}
|
16
|
+
update(e, [i]) {
|
17
|
+
var s, r;
|
18
|
+
if (this.it === void 0) {
|
19
|
+
this.it = /* @__PURE__ */ new Set(), e.strings !== void 0 && (this.nt = new Set(e.strings.join(" ").split(/\s/).filter((t) => t !== "")));
|
20
|
+
for (const t in i) i[t] && !(!((s = this.nt) === null || s === void 0) && s.has(t)) && this.it.add(t);
|
21
|
+
return this.render(i);
|
22
|
+
}
|
23
|
+
const n = e.element.classList;
|
24
|
+
this.it.forEach((t) => {
|
25
|
+
t in i || (n.remove(t), this.it.delete(t));
|
26
|
+
});
|
27
|
+
for (const t in i) {
|
28
|
+
const o = !!i[t];
|
29
|
+
o === this.it.has(t) || !((r = this.nt) === null || r === void 0) && r.has(t) || (o ? (n.add(t), this.it.add(t)) : (n.remove(t), this.it.delete(t)));
|
30
|
+
}
|
31
|
+
return a;
|
32
|
+
}
|
33
|
+
});
|
34
|
+
export {
|
35
|
+
v as o
|
36
|
+
};
|
@@ -0,0 +1,5 @@
|
|
1
|
+
"use strict";const a=require("./query-assigned-elements-8EurZY45.js"),o=require("./directive-C7oCP5Bh.js");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2018 Google LLC
|
4
|
+
* SPDX-License-Identifier: BSD-3-Clause
|
5
|
+
*/const h=o.e(class extends o.i{constructor(i){var e;if(super(i),i.type!==o.t.ATTRIBUTE||i.name!=="class"||((e=i.strings)===null||e===void 0?void 0:e.length)>2)throw Error("`classMap()` can only be used in the `class` attribute and must be the only part in the attribute.")}render(i){return" "+Object.keys(i).filter(e=>i[e]).join(" ")+" "}update(i,[e]){var s,n;if(this.it===void 0){this.it=new Set,i.strings!==void 0&&(this.nt=new Set(i.strings.join(" ").split(/\s/).filter(t=>t!=="")));for(const t in e)e[t]&&!(!((s=this.nt)===null||s===void 0)&&s.has(t))&&this.it.add(t);return this.render(e)}const r=i.element.classList;this.it.forEach(t=>{t in e||(r.remove(t),this.it.delete(t))});for(const t in e){const d=!!e[t];d===this.it.has(t)||!((n=this.nt)===null||n===void 0)&&n.has(t)||(d?(r.add(t),this.it.add(t)):(r.remove(t),this.it.delete(t)))}return a.T}});exports.o=h;
|