@covalent/components 10.3.2 → 10.3.4

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