@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.
Files changed (127) hide show
  1. package/action-ribbon.js +6 -6
  2. package/action-ribbon.mjs +34 -29
  3. package/alert.js +6 -6
  4. package/alert.mjs +18 -13
  5. package/app-shell.js +8 -8
  6. package/app-shell.mjs +9 -3
  7. package/base-element.mjs +5 -0
  8. package/button.js +9 -9
  9. package/button.mjs +23 -14
  10. package/card.js +8 -8
  11. package/card.mjs +17 -15
  12. package/check-list-item.js +9 -9
  13. package/check-list-item.mjs +20 -11
  14. package/checkbox.js +2 -2
  15. package/checkbox.mjs +26 -17
  16. package/circular-progress.js +29 -29
  17. package/circular-progress.mjs +13 -9
  18. package/class-map.mjs +9 -0
  19. package/code-snippet.js +9 -9
  20. package/code-snippet.mjs +10 -7
  21. package/dialog.js +1 -1
  22. package/dialog.mjs +14 -14
  23. package/dialog2.mjs +55 -49
  24. package/directive-helpers.mjs +1 -1
  25. package/drawer.js +3 -3
  26. package/drawer.mjs +13 -7
  27. package/empty-state.js +5 -5
  28. package/empty-state.mjs +5 -3
  29. package/event-options.mjs +5 -0
  30. package/form-element.mjs +2 -2
  31. package/foundation.mjs +2 -2
  32. package/icon-button.js +8 -8
  33. package/icon-button.mjs +23 -14
  34. package/icon-check-toggle.js +9 -9
  35. package/icon-check-toggle.mjs +15 -6
  36. package/icon-radio-toggle.js +5 -5
  37. package/icon-radio-toggle.mjs +30 -21
  38. package/icon.js +2 -2
  39. package/icon.mjs +8 -7
  40. package/if-defined.mjs +1 -1
  41. package/index.js +1 -1
  42. package/index.mjs +100 -90
  43. package/linear-progress.js +12 -12
  44. package/linear-progress.mjs +23 -17
  45. package/list-expansion.js +8 -8
  46. package/list-expansion.mjs +38 -29
  47. package/list-item.js +1 -1
  48. package/list-item.mjs +6 -6
  49. package/list-item2.mjs +16 -15
  50. package/list.js +1 -1
  51. package/list.mjs +2 -2
  52. package/list2.mjs +6 -5
  53. package/menu.js +2 -2
  54. package/menu.mjs +25 -16
  55. package/mwc-checkbox-base.mjs +6 -6
  56. package/mwc-checkbox.css.mjs +2 -2
  57. package/mwc-drawer-base.mjs +11 -11
  58. package/mwc-icon.mjs +3 -3
  59. package/mwc-line-ripple-directive.mjs +16 -16
  60. package/mwc-list-base.mjs +25 -25
  61. package/mwc-list-item-base.mjs +11 -11
  62. package/mwc-list-item.css.mjs +3 -3
  63. package/mwc-menu-base.mjs +20 -20
  64. package/mwc-radio-base.mjs +11 -11
  65. package/mwc-radio.css.mjs +2 -2
  66. package/mwc-slider.css.mjs +20 -20
  67. package/mwc-tab-base.mjs +22 -22
  68. package/mwc-top-app-bar-base.mjs +10 -10
  69. package/nav-list-item.js +10 -10
  70. package/nav-list-item.mjs +32 -24
  71. package/package.json +1 -1
  72. package/property.mjs +5 -0
  73. package/query-assigned-elements.mjs +33 -0
  74. package/query-assigned-nodes.mjs +5 -0
  75. package/query.mjs +5 -0
  76. package/radio-list-item.js +10 -10
  77. package/radio-list-item.mjs +27 -18
  78. package/radio.js +2 -2
  79. package/radio.mjs +22 -13
  80. package/ripple-handlers.mjs +104 -2
  81. package/select.js +28 -28
  82. package/select.mjs +25 -15
  83. package/side-sheet.js +4 -4
  84. package/side-sheet.mjs +12 -6
  85. package/slider-range.js +7 -7
  86. package/slider-range.mjs +69 -61
  87. package/slider.js +3 -3
  88. package/slider.mjs +26 -18
  89. package/snackbar.js +15 -15
  90. package/snackbar.mjs +26 -20
  91. package/state.mjs +5 -0
  92. package/status-header-item.js +4 -4
  93. package/status-header-item.mjs +14 -13
  94. package/status-header.js +6 -6
  95. package/status-header.mjs +9 -7
  96. package/style-map.mjs +5 -0
  97. package/switch.js +18 -18
  98. package/switch.mjs +30 -21
  99. package/tab-bar.js +21 -21
  100. package/tab-bar.mjs +22 -13
  101. package/tab.js +3 -3
  102. package/tab.mjs +13 -4
  103. package/text-lockup.js +5 -5
  104. package/text-lockup.mjs +8 -6
  105. package/textarea.js +14 -14
  106. package/textarea.mjs +23 -15
  107. package/textfield.js +3 -3
  108. package/textfield.mjs +39 -39
  109. package/textfield2.mjs +26 -19
  110. package/toolbar.js +3 -3
  111. package/toolbar.mjs +9 -3
  112. package/tooltip.js +12 -12
  113. package/tooltip.mjs +12 -8
  114. package/top-app-bar-fixed.js +5 -5
  115. package/top-app-bar-fixed.mjs +29 -23
  116. package/top-app-bar.js +3 -3
  117. package/top-app-bar.mjs +2 -2
  118. package/top-app-bar2.mjs +1 -1
  119. package/tree-list-item.js +8 -8
  120. package/tree-list-item.mjs +5 -3
  121. package/tree-list.js +3 -3
  122. package/tree-list.mjs +4 -4
  123. package/tslib.es6.mjs +1 -0
  124. package/typography.js +4 -4
  125. package/typography.mjs +12 -11
  126. package/utils.mjs +5 -0
  127. package/mwc-ripple.mjs +0 -175
@@ -1,65 +1,65 @@
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");/**
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 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`
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 ${e.o(r)}"
8
- style="${e.i$2(c)}"
7
+ class="mdc-circular-progress ${g.o(r)}"
8
+ style="${u.i(i)}"
9
9
  role="progressbar"
10
- aria-label="${d.l(this.ariaLabel)}"
10
+ aria-label="${p.l(this.ariaLabel)}"
11
11
  aria-valuemin="0"
12
12
  aria-valuemax="1"
13
- aria-valuenow="${d.l(this.indeterminate?void 0:this.progress)}">
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,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`
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="${i}" cy="${i}" r="${c}"
22
- stroke-width="${s}"></circle>
21
+ cx="${e}" cy="${e}" r="${i}"
22
+ stroke-width="${t}"></circle>
23
23
  <circle class="mdc-circular-progress__determinate-circle"
24
- cx="${i}" cy="${i}" r="${c}"
25
- stroke-dasharray="${2*3.1415926*c}"
26
- stroke-dashoffset="${a}"
27
- stroke-width="${s}"></circle>
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 e.y`
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,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`
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="${i}" cy="${i}" r="${c}"
39
- stroke-dasharray="${t}"
40
- stroke-dashoffset="${a}"
41
- stroke-width="${s}"></circle>
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="${i}" cy="${i}" r="${c}"
48
- stroke-dasharray="${t}"
49
- stroke-dashoffset="${a}"
50
- stroke-width="${s*.8}"></circle>
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="${i}" cy="${i}" r="${c}"
57
- stroke-dasharray="${t}"
58
- stroke-dashoffset="${a}"
59
- stroke-width="${s}"></circle>
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))}}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);/**
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 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=_;
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;
@@ -1,12 +1,16 @@
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";
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 g {
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 ${u(r)}"
33
- style="${h(i)}"
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
- y,
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 = _`.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)}`;
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 C = l;
149
+ const D = l;
146
150
  export {
147
151
  l as CovalentCircularProgress,
148
- C as default
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;