@covalent/components 7.1.0-beta.1 → 7.1.0-beta.3

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 (228) hide show
  1. package/action-ribbon/action-ribbon.d.ts +1 -2
  2. package/action-ribbon/action-ribbon.d.ts.map +1 -1
  3. package/action-ribbon.js +5 -5
  4. package/action-ribbon.mjs +12 -14
  5. package/alert/alert.d.ts +1 -2
  6. package/alert/alert.d.ts.map +1 -1
  7. package/alert.js +4 -4
  8. package/alert.mjs +10 -12
  9. package/app-shell/app-shell.d.ts +1 -2
  10. package/app-shell/app-shell.d.ts.map +1 -1
  11. package/app-shell.js +5 -5
  12. package/app-shell.mjs +19 -21
  13. package/button/button.d.ts +1 -2
  14. package/button/button.d.ts.map +1 -1
  15. package/button.js +2 -2
  16. package/button.mjs +11 -13
  17. package/card/card.d.ts +1 -2
  18. package/card/card.d.ts.map +1 -1
  19. package/card.js +7 -7
  20. package/card.mjs +1 -3
  21. package/check-list-item.js +5 -5
  22. package/check-list-item.mjs +19 -21
  23. package/checkbox/checkbox.d.ts +1 -2
  24. package/checkbox/checkbox.d.ts.map +1 -1
  25. package/checkbox.js +2 -2
  26. package/checkbox.mjs +15 -17
  27. package/chips/chip-set-base.d.ts +1 -1
  28. package/chips/chip-set-base.d.ts.map +1 -1
  29. package/chips/chip-set.d.ts +1 -2
  30. package/chips/chip-set.d.ts.map +1 -1
  31. package/chips/chip.d.ts +1 -2
  32. package/chips/chip.d.ts.map +1 -1
  33. package/circular-progress/circular-progress.d.ts +1 -2
  34. package/circular-progress/circular-progress.d.ts.map +1 -1
  35. package/circular-progress.js +2 -2
  36. package/circular-progress.mjs +9 -11
  37. package/code-snippet/code-snippet.d.ts +1 -2
  38. package/code-snippet/code-snippet.d.ts.map +1 -1
  39. package/code-snippet-557c2c8c.mjs +12228 -0
  40. package/code-snippet-792fa24f.js +13 -0
  41. package/code-snippet.js +1 -13
  42. package/code-snippet.mjs +6 -12206
  43. package/dialog/dialog.d.ts +1 -2
  44. package/dialog/dialog.d.ts.map +1 -1
  45. package/{dialog-79036d60.js → dialog-9eb800e8.js} +4 -4
  46. package/{dialog-9ac44447.mjs → dialog-b0a2f7ff.mjs} +23 -25
  47. package/dialog.js +1 -1
  48. package/dialog.mjs +3 -4
  49. package/drawer/drawer.d.ts +1 -2
  50. package/drawer/drawer.d.ts.map +1 -1
  51. package/drawer.js +2 -2
  52. package/drawer.mjs +11 -13
  53. package/empty-state/empty-state.d.ts +1 -2
  54. package/empty-state/empty-state.d.ts.map +1 -1
  55. package/empty-state.js +4 -4
  56. package/empty-state.mjs +14 -16
  57. package/{form-element-ead758d4.js → form-element-c553d6f5.js} +1 -1
  58. package/{form-element-bd973124.mjs → form-element-ffcf59ff.mjs} +1 -1
  59. package/formfield/formfield.d.ts +1 -2
  60. package/formfield/formfield.d.ts.map +1 -1
  61. package/{foundation-3f556da7.mjs → foundation-39dc72d2.mjs} +1 -1
  62. package/{foundation-62d4413d.js → foundation-786bf879.js} +1 -1
  63. package/icon/icon.d.ts +1 -2
  64. package/icon/icon.d.ts.map +1 -1
  65. package/icon-button/icon-button.d.ts +1 -2
  66. package/icon-button/icon-button.d.ts.map +1 -1
  67. package/icon-button.js +2 -2
  68. package/icon-button.mjs +21 -23
  69. package/icon-check-toggle.js +6 -6
  70. package/icon-check-toggle.mjs +5 -7
  71. package/icon-checkbox/icon-check-toggle.d.ts +1 -2
  72. package/icon-checkbox/icon-check-toggle.d.ts.map +1 -1
  73. package/icon-radio/icon-radio-toggle.d.ts +1 -2
  74. package/icon-radio/icon-radio-toggle.d.ts.map +1 -1
  75. package/icon-radio-toggle.js +5 -5
  76. package/icon-radio-toggle.mjs +17 -19
  77. package/icon.js +2 -2
  78. package/icon.mjs +14 -16
  79. package/index.d.ts +2 -0
  80. package/index.d.ts.map +1 -1
  81. package/index.js +568 -1
  82. package/index.mjs +3680 -108
  83. package/linear-progress/linear-progress.d.ts +1 -2
  84. package/linear-progress/linear-progress.d.ts.map +1 -1
  85. package/linear-progress.js +6 -6
  86. package/linear-progress.mjs +23 -25
  87. package/list/check-list-item.d.ts +1 -2
  88. package/list/check-list-item.d.ts.map +1 -1
  89. package/list/list-item.d.ts +1 -2
  90. package/list/list-item.d.ts.map +1 -1
  91. package/list/list.d.ts +1 -2
  92. package/list/list.d.ts.map +1 -1
  93. package/list/nav-list-item.d.ts +6 -5
  94. package/list/nav-list-item.d.ts.map +1 -1
  95. package/list/radio-list-item.d.ts +1 -2
  96. package/list/radio-list-item.d.ts.map +1 -1
  97. package/list-item-7970e039.js +8 -0
  98. package/list-item-b1f5251a.mjs +30 -0
  99. package/list-item.js +1 -1
  100. package/list-item.mjs +5 -6
  101. package/list.js +3 -3
  102. package/list.mjs +13 -15
  103. package/menu/menu.d.ts +1 -2
  104. package/menu/menu.d.ts.map +1 -1
  105. package/menu.js +2 -2
  106. package/menu.mjs +16 -18
  107. package/{mwc-checkbox-base-d46c7666.js → mwc-checkbox-base-3d8c9549.js} +1 -1
  108. package/{mwc-checkbox-base-3da36456.mjs → mwc-checkbox-base-f10fd709.mjs} +3 -3
  109. package/{mwc-drawer-base-fe660bdf.mjs → mwc-drawer-base-135de8a5.mjs} +1 -1
  110. package/{mwc-drawer-base-8eecb1de.js → mwc-drawer-base-798b11f8.js} +1 -1
  111. package/{mwc-icon-ba18383d.mjs → mwc-icon-bf656cf5.mjs} +1 -1
  112. package/{mwc-icon-8c9cd0c9.js → mwc-icon-f87639bc.js} +1 -1
  113. package/{mwc-line-ripple-directive-d1cf9570.js → mwc-line-ripple-directive-a6b39a3c.js} +1 -1
  114. package/{mwc-line-ripple-directive-ffce2cff.mjs → mwc-line-ripple-directive-b24a914e.mjs} +1 -1
  115. package/{mwc-list-base-cb3500b4.js → mwc-list-base-400b00e2.js} +1 -1
  116. package/{mwc-list-base-32d4ac31.mjs → mwc-list-base-76e37212.mjs} +2 -2
  117. package/{mwc-list-item-base-4a4d1e1b.js → mwc-list-item-base-297d86b0.js} +1 -1
  118. package/{mwc-list-item-base-8654347d.mjs → mwc-list-item-base-fe4398c3.mjs} +2 -2
  119. package/{mwc-menu-base-572a76b9.mjs → mwc-menu-base-c4bc88ea.mjs} +2 -2
  120. package/{mwc-menu-base-f14ec544.js → mwc-menu-base-c75ca473.js} +1 -1
  121. package/{mwc-radio-base-470b4fcc.js → mwc-radio-base-913e02e2.js} +1 -1
  122. package/{mwc-radio-base-9446d39b.mjs → mwc-radio-base-a374fbd9.mjs} +3 -3
  123. package/{mwc-slider.css-10adbaf8.mjs → mwc-slider.css-8b6f275c.mjs} +3 -3
  124. package/{mwc-slider.css-9dd57b10.js → mwc-slider.css-c7107d94.js} +1 -1
  125. package/{mwc-tab-base-4ba47acc.mjs → mwc-tab-base-be0c887f.mjs} +2 -2
  126. package/{mwc-tab-base-fc3ffb43.js → mwc-tab-base-f28722aa.js} +1 -1
  127. package/{mwc-top-app-bar-base-adc4168a.mjs → mwc-top-app-bar-base-55da3fe4.mjs} +1 -1
  128. package/{mwc-top-app-bar-base-0304e67f.js → mwc-top-app-bar-base-aec60f27.js} +1 -1
  129. package/nav-list-item.js +12 -12
  130. package/nav-list-item.mjs +68 -64
  131. package/package.json +1 -1
  132. package/radio/radio.d.ts +1 -2
  133. package/radio/radio.d.ts.map +1 -1
  134. package/radio-list-item.js +5 -5
  135. package/radio-list-item.mjs +20 -22
  136. package/radio.js +2 -2
  137. package/radio.mjs +15 -17
  138. package/{ripple-handlers-c82b1232.js → ripple-handlers-5d5b21db.js} +1 -1
  139. package/{ripple-handlers-321219b8.mjs → ripple-handlers-f37f21cf.mjs} +1 -1
  140. package/select/select.d.ts +1 -2
  141. package/select/select.d.ts.map +1 -1
  142. package/select.js +10 -10
  143. package/select.mjs +127 -129
  144. package/side-sheet/side-sheet.d.ts +2 -2
  145. package/side-sheet/side-sheet.d.ts.map +1 -1
  146. package/side-sheet.js +4 -4
  147. package/side-sheet.mjs +6 -6
  148. package/slider/slider-range.d.ts +1 -2
  149. package/slider/slider-range.d.ts.map +1 -1
  150. package/slider/slider.d.ts +1 -2
  151. package/slider/slider.d.ts.map +1 -1
  152. package/slider-range.js +7 -7
  153. package/slider-range.mjs +21 -23
  154. package/slider.js +2 -2
  155. package/slider.mjs +12 -14
  156. package/snackbar/snackbar.d.ts +1 -2
  157. package/snackbar/snackbar.d.ts.map +1 -1
  158. package/snackbar.js +10 -10
  159. package/snackbar.mjs +10 -12
  160. package/status-header/status-header-item.d.ts +1 -2
  161. package/status-header/status-header-item.d.ts.map +1 -1
  162. package/status-header/status-header.d.ts +1 -2
  163. package/status-header/status-header.d.ts.map +1 -1
  164. package/status-header-item.js +3 -3
  165. package/status-header-item.mjs +17 -19
  166. package/status-header.js +5 -5
  167. package/status-header.mjs +15 -17
  168. package/style.css +1 -1
  169. package/switch/switch.d.ts +1 -2
  170. package/switch/switch.d.ts.map +1 -1
  171. package/switch.js +8 -8
  172. package/switch.mjs +4 -6
  173. package/tab/tab-bar.d.ts +1 -2
  174. package/tab/tab-bar.d.ts.map +1 -1
  175. package/tab/tab.d.ts +1 -2
  176. package/tab/tab.d.ts.map +1 -1
  177. package/tab-bar.js +5 -5
  178. package/tab-bar.mjs +20 -22
  179. package/tab.js +2 -2
  180. package/tab.mjs +12 -14
  181. package/text-lockup/text-lockup.d.ts +1 -2
  182. package/text-lockup/text-lockup.d.ts.map +1 -1
  183. package/text-lockup.js +5 -5
  184. package/text-lockup.mjs +5 -7
  185. package/textarea/textarea.d.ts +1 -2
  186. package/textarea/textarea.d.ts.map +1 -1
  187. package/textarea.js +2 -2
  188. package/textarea.mjs +15 -17
  189. package/textfield/textfield.d.ts +1 -2
  190. package/textfield/textfield.d.ts.map +1 -1
  191. package/{textfield-0993c163.js → textfield-62e16cc2.js} +1 -1
  192. package/{textfield-2cee5a1a.mjs → textfield-63d1859a.mjs} +3 -3
  193. package/textfield.js +3 -3
  194. package/textfield.mjs +13 -15
  195. package/toolbar/toolbar.d.ts +1 -2
  196. package/toolbar/toolbar.d.ts.map +1 -1
  197. package/toolbar.js +3 -3
  198. package/toolbar.mjs +11 -13
  199. package/tooltip/tooltip.d.ts +1 -2
  200. package/tooltip/tooltip.d.ts.map +1 -1
  201. package/tooltip.js +6 -6
  202. package/tooltip.mjs +59 -61
  203. package/top-app-bar/top-app-bar-fixed.d.ts +1 -2
  204. package/top-app-bar/top-app-bar-fixed.d.ts.map +1 -1
  205. package/top-app-bar/top-app-bar.d.ts +1 -2
  206. package/top-app-bar/top-app-bar.d.ts.map +1 -1
  207. package/top-app-bar-fixed.js +6 -6
  208. package/top-app-bar-fixed.mjs +21 -23
  209. package/top-app-bar.js +3 -3
  210. package/top-app-bar.mjs +16 -18
  211. package/tree-list/tree-list-item.d.ts +1 -2
  212. package/tree-list/tree-list-item.d.ts.map +1 -1
  213. package/tree-list/tree-list.d.ts +1 -2
  214. package/tree-list/tree-list.d.ts.map +1 -1
  215. package/tree-list-item.js +8 -8
  216. package/tree-list-item.mjs +1 -3
  217. package/tree-list.js +4 -4
  218. package/tree-list.mjs +8 -9
  219. package/tslib.es6-98719205.js +1 -0
  220. package/tslib.es6-f3e988cd.mjs +86 -0
  221. package/typography/typography.d.ts +1 -2
  222. package/typography/typography.d.ts.map +1 -1
  223. package/typography.js +3 -3
  224. package/typography.mjs +10 -12
  225. package/list-item-3dc4b60f.js +0 -8
  226. package/list-item-bab8d6ba.mjs +0 -32
  227. package/tslib.es6-e6a11c8a.js +0 -1
  228. package/tslib.es6-f1eaf65c.mjs +0 -82
@@ -1,4 +1,4 @@
1
- "use strict";const a=require("./tslib.es6-e6a11c8a.js");/**
1
+ "use strict";const a=require("./tslib.es6-98719205.js");/**
2
2
  * @license
3
3
  * Copyright 2020 Google Inc.
4
4
  *
package/icon/icon.d.ts CHANGED
@@ -4,8 +4,7 @@ declare global {
4
4
  'cv-icon': CovalentIcon;
5
5
  }
6
6
  }
7
- export declare class CovalentIcon extends Icon {
7
+ export default class CovalentIcon extends Icon {
8
8
  static styles: import("lit").CSSResult[];
9
9
  }
10
- export default CovalentIcon;
11
10
  //# sourceMappingURL=icon.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAInD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,YAAY,CAAC;KACzB;CACF;AAED,qBACa,YAAa,SAAQ,IAAI;IACpC,OAAgB,MAAM,4BAAY;CACnC;AAED,eAAe,YAAY,CAAA"}
1
+ {"version":3,"file":"icon.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon/icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAInD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,YAAY,CAAC;KACzB;CACF;AAGD,MAAM,CAAC,OAAO,OAAO,YAAa,SAAQ,IAAI;IAC5C,OAAgB,MAAM,4BAAY;CACnC"}
@@ -4,8 +4,7 @@ declare global {
4
4
  'cv-icon-button': CovalentIconButton;
5
5
  }
6
6
  }
7
- export declare class CovalentIconButton extends IconButtonBase {
7
+ export default class CovalentIconButton extends IconButtonBase {
8
8
  static styles: import("lit").CSSResult[];
9
9
  }
10
- export default CovalentIconButton;
11
10
  //# sourceMappingURL=icon-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-button/icon-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAIhF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,kBAAkB,CAAC;KACtC;CACF;AAED,qBACa,kBAAmB,SAAQ,cAAc;IACpD,OAAgB,MAAM,4BAA2C;CAClE;AAGD,eAAe,kBAAkB,CAAC"}
1
+ {"version":3,"file":"icon-button.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-button/icon-button.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,gDAAgD,CAAC;AAIhF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,kBAAkB,CAAC;KACtC;CACF;AAGD,MAAM,CAAC,OAAO,OAAO,kBAAmB,SAAQ,cAAc;IAC5D,OAAgB,MAAM,4BAA2C;CAClE"}
package/icon-button.js CHANGED
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./query-assigned-elements-f623705d.js"),e=require("./tslib.es6-e6a11c8a.js"),p=require("./ripple-handlers-c82b1232.js"),u=require("./aria-property-849c8816.js"),s=require("./property-57f6f6fe.js"),m=require("./state-0974a8e5.js"),b=require("./event-options-3f5eb195.js"),h=require("./query-680f1868.js"),f=require("./if-defined-f1c45245.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");/**
1
+ "use strict";const n=require("./query-assigned-elements-f623705d.js"),e=require("./tslib.es6-98719205.js"),p=require("./ripple-handlers-5d5b21db.js"),u=require("./aria-property-849c8816.js"),s=require("./property-57f6f6fe.js"),m=require("./state-0974a8e5.js"),b=require("./event-options-3f5eb195.js"),h=require("./query-680f1868.js"),f=require("./if-defined-f1c45245.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");/**
2
2
  * @license
3
3
  * Copyright 2018 Google LLC
4
4
  * SPDX-License-Identifier: Apache-2.0
@@ -29,4 +29,4 @@
29
29
  * Copyright 2021 Google LLC
30
30
  * SPDX-LIcense-Identifier: Apache-2.0
31
31
  */const g=n.i`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`,_=`:host{color:var(--mdc-theme-text-icon-on-background)}
32
- `;var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(r,t,c,d)=>{for(var i=d>1?void 0:d?x(t,c):t,l=r.length-1,a;l>=0;l--)(a=r[l])&&(i=(d?a(t,c,i):a(i))||i);return d&&i&&v(t,c,i),i};exports.CovalentIconButton=class extends o{};exports.CovalentIconButton.styles=[g,n.i`${n.r(_)}`];exports.CovalentIconButton=y([n.e("cv-icon-button")],exports.CovalentIconButton);const w=exports.CovalentIconButton;exports.default=w;
32
+ `;var x=Object.defineProperty,v=Object.getOwnPropertyDescriptor,y=(r,t,c,d)=>{for(var i=d>1?void 0:d?v(t,c):t,l=r.length-1,a;l>=0;l--)(a=r[l])&&(i=(d?a(t,c,i):a(i))||i);return d&&i&&x(t,c,i),i};exports.default=class extends o{};exports.default.styles=[g,n.i`${n.r(_)}`];exports.default=y([n.e("cv-icon-button")],exports.default);module.exports=exports.default;
package/icon-button.mjs CHANGED
@@ -1,8 +1,8 @@
1
- import { s as h, x as p, i as u, r as f, e as g } from "./query-assigned-elements-4a39219d.mjs";
2
- import { b as n } from "./tslib.es6-f1eaf65c.mjs";
3
- import { e as _, R as x } from "./ripple-handlers-321219b8.mjs";
1
+ import { s as h, x as a, i as u, r as f, e as g } from "./query-assigned-elements-4a39219d.mjs";
2
+ import { f as n } from "./tslib.es6-f3e988cd.mjs";
3
+ import { e as _, R as x } from "./ripple-handlers-f37f21cf.mjs";
4
4
  import { a as m } from "./aria-property-fa2717fe.mjs";
5
- import { n as d } from "./property-9b6ea53b.mjs";
5
+ import { n as r } from "./property-9b6ea53b.mjs";
6
6
  import { t as v } from "./state-b5e865db.mjs";
7
7
  import { e as b } from "./event-options-78d6cf94.mjs";
8
8
  import { i as y } from "./query-d843aa92.mjs";
@@ -22,7 +22,7 @@ class t extends h {
22
22
  }
23
23
  /** @soyTemplate */
24
24
  renderRipple() {
25
- return this.shouldRenderRipple ? p`
25
+ return this.shouldRenderRipple ? a`
26
26
  <mwc-ripple
27
27
  .disabled="${this.disabled}"
28
28
  unbounded>
@@ -38,7 +38,7 @@ class t extends h {
38
38
  }
39
39
  /** @soyTemplate */
40
40
  render() {
41
- return p`<button
41
+ return a`<button
42
42
  class="mdc-icon-button mdc-icon-button--display-flex"
43
43
  aria-label="${this.ariaLabel || this.icon}"
44
44
  aria-haspopup="${w(this.ariaHasPopup)}"
@@ -52,7 +52,7 @@ class t extends h {
52
52
  @touchend="${this.handleRippleDeactivate}"
53
53
  @touchcancel="${this.handleRippleDeactivate}"
54
54
  >${this.renderRipple()}
55
- ${this.icon ? p`<i class="material-icons">${this.icon}</i>` : ""}
55
+ ${this.icon ? a`<i class="material-icons">${this.icon}</i>` : ""}
56
56
  <span
57
57
  ><slot></slot
58
58
  ></span>
@@ -84,18 +84,18 @@ class t extends h {
84
84
  }
85
85
  }
86
86
  n([
87
- d({ type: Boolean, reflect: !0 })
87
+ r({ type: Boolean, reflect: !0 })
88
88
  ], t.prototype, "disabled", void 0);
89
89
  n([
90
- d({ type: String })
90
+ r({ type: String })
91
91
  ], t.prototype, "icon", void 0);
92
92
  n([
93
93
  m,
94
- d({ type: String, attribute: "aria-label" })
94
+ r({ type: String, attribute: "aria-label" })
95
95
  ], t.prototype, "ariaLabel", void 0);
96
96
  n([
97
97
  m,
98
- d({ type: String, attribute: "aria-haspopup" })
98
+ r({ type: String, attribute: "aria-haspopup" })
99
99
  ], t.prototype, "ariaHasPopup", void 0);
100
100
  n([
101
101
  y("button")
@@ -117,21 +117,19 @@ n([
117
117
  * Copyright 2021 Google LLC
118
118
  * SPDX-LIcense-Identifier: Apache-2.0
119
119
  */
120
- const R = u`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`, $ = `:host{color:var(--mdc-theme-text-icon-on-background)}
120
+ const R = u`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`, k = `:host{color:var(--mdc-theme-text-icon-on-background)}
121
121
  `;
122
- var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (s, o, i, c) => {
123
- for (var e = c > 1 ? void 0 : c ? z(o, i) : o, l = s.length - 1, a; l >= 0; l--)
124
- (a = s[l]) && (e = (c ? a(o, i, e) : a(e)) || e);
125
- return c && e && k(o, i, e), e;
122
+ var $ = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (d, o, i, c) => {
123
+ for (var e = c > 1 ? void 0 : c ? z(o, i) : o, s = d.length - 1, l; s >= 0; s--)
124
+ (l = d[s]) && (e = (c ? l(o, i, e) : l(e)) || e);
125
+ return c && e && $(o, i, e), e;
126
126
  };
127
- let r = class extends t {
127
+ let p = class extends t {
128
128
  };
129
- r.styles = [R, u`${f($)}`];
130
- r = H([
129
+ p.styles = [R, u`${f(k)}`];
130
+ p = H([
131
131
  g("cv-icon-button")
132
- ], r);
133
- const U = r;
132
+ ], p);
134
133
  export {
135
- r as CovalentIconButton,
136
- U as default
134
+ p as default
137
135
  };
@@ -1,6 +1,6 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-f623705d.js"),l=require("./property-57f6f6fe.js"),p=require("./class-map-b5efe8da.js"),s=require("./style-map-88d2563f.js"),h=require("./mwc-checkbox-base-d46c7666.js"),g=require("./mwc-checkbox.css-b3434429.js");require("./tslib.es6-e6a11c8a.js");require("./ripple-handlers-c82b1232.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./aria-property-849c8816.js");require("./form-element-ead758d4.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const m=`:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}: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-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.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)}
2
- `;var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(a,r,t,o)=>{for(var e=o>1?void 0:o?u(r,t):r,n=a.length-1,d;n>=0;n--)(d=a[n])&&(e=(o?d(r,t,e):d(e))||e);return o&&e&&f(r,t,e),e};exports.CovalentIconCheckToggle=class extends h.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 i.x`
3
- <div class="${p.o(r)} container" style="${s.o(o)}" @click="${this._handleClick}">
1
+ "use strict";const i=require("./query-assigned-elements-f623705d.js"),s=require("./property-57f6f6fe.js"),p=require("./class-map-b5efe8da.js"),l=require("./style-map-88d2563f.js"),h=require("./mwc-checkbox-base-3d8c9549.js"),m=require("./mwc-checkbox.css-b3434429.js");require("./tslib.es6-98719205.js");require("./ripple-handlers-5d5b21db.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./aria-property-849c8816.js");require("./form-element-c553d6f5.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const f=`:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}: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-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.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)}
2
+ `;var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(c,r,t,o)=>{for(var e=o>1?void 0:o?u(r,t):r,n=c.length-1,d;n>=0;n--)(d=c[n])&&(e=(o?d(r,t,e):d(e))||e);return o&&e&&g(r,t,e),e};exports.default=class extends h.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 i.x`
3
+ <div class="${p.o(r)} container" style="${l.o(o)}" @click="${this._handleClick}">
4
4
  <input type="checkbox" class="mdc-checkbox__native-control"></input>
5
5
  <div class="mdc-toggle__background">
6
6
  <svg class="mdc-toggle__checkmark ${p.o(t)}" viewBox="0 0 24 24">
@@ -10,6 +10,6 @@
10
10
  <slot name="icon"></slot>
11
11
  ${this.iconOnly?"":i.x`<div><slot name="text"></slot></div>`}
12
12
  </div>
13
- `}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[i.i`
14
- ${i.r(m)}
15
- `,g.styles];c([l.n()],exports.CovalentIconCheckToggle.prototype,"width",2);c([l.n()],exports.CovalentIconCheckToggle.prototype,"height",2);c([l.n({type:Boolean})],exports.CovalentIconCheckToggle.prototype,"iconOnly",2);exports.CovalentIconCheckToggle=c([i.e("cv-checkbox-icon")],exports.CovalentIconCheckToggle);const v=exports.CovalentIconCheckToggle;exports.default=v;
13
+ `}_handleClick(){this.checked=!this.checked}};exports.default.styles=[i.i`
14
+ ${i.r(f)}
15
+ `,m.styles];a([s.n()],exports.default.prototype,"width",2);a([s.n()],exports.default.prototype,"height",2);a([s.n({type:Boolean})],exports.default.prototype,"iconOnly",2);exports.default=a([i.e("cv-checkbox-icon")],exports.default);module.exports=exports.default;
@@ -2,16 +2,16 @@ import { i as m, r as h, x as l, e as f } from "./query-assigned-elements-4a3921
2
2
  import { n as s } from "./property-9b6ea53b.mjs";
3
3
  import { o as d } from "./class-map-4b94b017.mjs";
4
4
  import { o as g } from "./style-map-bc3ed3e0.mjs";
5
- import { C as y } from "./mwc-checkbox-base-3da36456.mjs";
5
+ import { C as y } from "./mwc-checkbox-base-f10fd709.mjs";
6
6
  import { s as v } from "./mwc-checkbox.css-8f4f1a9b.mjs";
7
- import "./tslib.es6-f1eaf65c.mjs";
8
- import "./ripple-handlers-321219b8.mjs";
7
+ import "./tslib.es6-f3e988cd.mjs";
8
+ import "./ripple-handlers-f37f21cf.mjs";
9
9
  import "./base-element-67ae173f.mjs";
10
10
  import "./utils-2932417c.mjs";
11
11
  import "./state-b5e865db.mjs";
12
12
  import "./query-d843aa92.mjs";
13
13
  import "./aria-property-fa2717fe.mjs";
14
- import "./form-element-bd973124.mjs";
14
+ import "./form-element-ffcf59ff.mjs";
15
15
  import "./event-options-78d6cf94.mjs";
16
16
  import "./if-defined-c367f208.mjs";
17
17
  const u = `:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}: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-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.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)}
@@ -74,8 +74,6 @@ c([
74
74
  t = c([
75
75
  f("cv-checkbox-icon")
76
76
  ], t);
77
- const A = t;
78
77
  export {
79
- t as CovalentIconCheckToggle,
80
- A as default
78
+ t as default
81
79
  };
@@ -4,7 +4,7 @@ declare global {
4
4
  'cv-icon-check-item': CovalentIconCheckToggle;
5
5
  }
6
6
  }
7
- export declare class CovalentIconCheckToggle extends CheckboxBase {
7
+ export default class CovalentIconCheckToggle extends CheckboxBase {
8
8
  static styles: import("lit").CSSResult[];
9
9
  width: number | string;
10
10
  height: number | string;
@@ -12,5 +12,4 @@ export declare class CovalentIconCheckToggle extends CheckboxBase {
12
12
  render(): import("lit-html").TemplateResult<1>;
13
13
  private _handleClick;
14
14
  }
15
- export default CovalentIconCheckToggle;
16
15
  //# sourceMappingURL=icon-check-toggle.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-check-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-checkbox/icon-check-toggle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAIxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF;AAED,qBACa,uBAAwB,SAAQ,YAAY;IACvD,OAAgB,MAAM,4BAKpB;IAEU,KAAK,EAAE,MAAM,GAAG,MAAM,CAAS;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAS;IACf,QAAQ,UAAS;IACrC,MAAM;IA6Bf,OAAO,CAAC,YAAY;CAGrB;AAED,eAAe,uBAAuB,CAAA"}
1
+ {"version":3,"file":"icon-check-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-checkbox/icon-check-toggle.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0CAA0C,CAAC;AAIxE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF;AAGD,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,YAAY;IAC/D,OAAgB,MAAM,4BAKpB;IAEU,KAAK,EAAE,MAAM,GAAG,MAAM,CAAS;IAC/B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAS;IACf,QAAQ,UAAS;IACrC,MAAM;IA6Bf,OAAO,CAAC,YAAY;CAGrB"}
@@ -5,10 +5,9 @@ declare global {
5
5
  'cv-icon-radio-item': CovalentIconRadioToggle;
6
6
  }
7
7
  }
8
- export declare class CovalentIconRadioToggle extends RadioBase {
8
+ export default class CovalentIconRadioToggle extends RadioBase {
9
9
  static styles: import("lit").CSSResult[];
10
10
  iconOnly: boolean;
11
11
  protected renderRipple(): TemplateResult | string;
12
12
  }
13
- export default CovalentIconRadioToggle;
14
13
  //# sourceMappingURL=icon-radio-toggle.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon-radio-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-radio/icon-radio-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAa,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAK/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF;AAED,qBACa,uBAAwB,SAAQ,SAAS;IACpD,OAAgB,MAAM,4BAKpB;IAE2B,QAAQ,UAAS;cAG3B,YAAY,IAAI,cAAc,GAAG,MAAM;CAgB3D;AAED,eAAe,uBAAuB,CAAC"}
1
+ {"version":3,"file":"icon-radio-toggle.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/icon-radio/icon-radio-toggle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,cAAc,EAAa,MAAM,KAAK,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAK/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,uBAAuB,CAAC;KAC/C;CACF;AAGD,MAAM,CAAC,OAAO,OAAO,uBAAwB,SAAQ,SAAS;IAC5D,OAAgB,MAAM,4BAKpB;IAE2B,QAAQ,UAAS;cAG3B,YAAY,IAAI,cAAc,GAAG,MAAM;CAgB3D"}
@@ -1,8 +1,8 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("./query-assigned-elements-f623705d.js"),l=require("./mwc-radio-base-470b4fcc.js"),s=require("./mwc-radio.css-4e140252.js"),h=require("./property-57f6f6fe.js");require("./tslib.es6-e6a11c8a.js");require("./ripple-handlers-c82b1232.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./form-element-ead758d4.js");require("./observer-a096ab43.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const p=`: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{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}: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)}
2
- `;var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,d=(a,t,i,r)=>{for(var e=r>1?void 0:r?m(t,i):t,n=a.length-1,c;n>=0;n--)(c=a[n])&&(e=(r?c(t,i,e):c(e))||e);return r&&e&&g(t,i,e),e};exports.CovalentIconRadioToggle=class extends l.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.x`<slot name="icon"></slot>`,i=this.iconOnly?"":o.x`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.x`<mwc-ripple
1
+ "use strict";const r=require("./query-assigned-elements-f623705d.js"),s=require("./mwc-radio-base-913e02e2.js"),l=require("./mwc-radio.css-4e140252.js"),h=require("./property-57f6f6fe.js");require("./tslib.es6-98719205.js");require("./ripple-handlers-5d5b21db.js");require("./base-element-58a3f9ea.js");require("./utils-a8190a39.js");require("./state-0974a8e5.js");require("./query-680f1868.js");require("./class-map-b5efe8da.js");require("./style-map-88d2563f.js");require("./aria-property-849c8816.js");require("./form-element-c553d6f5.js");require("./observer-a096ab43.js");require("./event-options-3f5eb195.js");require("./if-defined-f1c45245.js");const p=`: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{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}: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)}
2
+ `;var m=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(a,t,i,o)=>{for(var e=o>1?void 0:o?u(t,i):t,c=a.length-1,d;c>=0;c--)(d=a[c])&&(e=(o?d(t,i,e):d(e))||e);return o&&e&&m(t,i,e),e};exports.default=class extends s.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=r.x`<slot name="icon"></slot>`,i=this.iconOnly?"":r.x`<div><slot name="text"></slot></div>`,o=this.shouldRenderRipple?r.x`<mwc-ripple
3
3
  accent
4
4
  .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
5
5
  .disabled="${this.disabled}"
6
- ></mwc-ripple>`:"";return o.x`${t}${i}${r}`}};exports.CovalentIconRadioToggle.styles=[s.styles,o.i`
7
- ${o.r(p)}
8
- `];d([h.n({type:Boolean})],exports.CovalentIconRadioToggle.prototype,"iconOnly",2);exports.CovalentIconRadioToggle=d([o.e("cv-radio-icon")],exports.CovalentIconRadioToggle);const u=exports.CovalentIconRadioToggle;exports.default=u;
6
+ ></mwc-ripple>`:"";return r.x`${t}${i}${o}`}};exports.default.styles=[l.styles,r.i`
7
+ ${r.r(p)}
8
+ `];n([h.n({type:Boolean})],exports.default.prototype,"iconOnly",2);exports.default=n([r.e("cv-radio-icon")],exports.default);module.exports=exports.default;
@@ -1,9 +1,9 @@
1
- import { i as m, r as s, x as n, e as l } from "./query-assigned-elements-4a39219d.mjs";
2
- import { R as h } from "./mwc-radio-base-9446d39b.mjs";
1
+ import { i as m, r as s, x as a, e as l } from "./query-assigned-elements-4a39219d.mjs";
2
+ import { R as h } from "./mwc-radio-base-a374fbd9.mjs";
3
3
  import { s as y } from "./mwc-radio.css-7454bb11.mjs";
4
4
  import { n as g } from "./property-9b6ea53b.mjs";
5
- import "./tslib.es6-f1eaf65c.mjs";
6
- import "./ripple-handlers-321219b8.mjs";
5
+ import "./tslib.es6-f3e988cd.mjs";
6
+ import "./ripple-handlers-f37f21cf.mjs";
7
7
  import "./base-element-67ae173f.mjs";
8
8
  import "./utils-2932417c.mjs";
9
9
  import "./state-b5e865db.mjs";
@@ -11,32 +11,32 @@ import "./query-d843aa92.mjs";
11
11
  import "./class-map-4b94b017.mjs";
12
12
  import "./style-map-bc3ed3e0.mjs";
13
13
  import "./aria-property-fa2717fe.mjs";
14
- import "./form-element-bd973124.mjs";
14
+ import "./form-element-ffcf59ff.mjs";
15
15
  import "./observer-be7b92e2.mjs";
16
16
  import "./event-options-78d6cf94.mjs";
17
17
  import "./if-defined-c367f208.mjs";
18
18
  const f = `: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{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}: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)}
19
19
  `;
20
- var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (i, o, e, a) => {
21
- for (var t = a > 1 ? void 0 : a ? u(o, e) : o, c = i.length - 1, d; c >= 0; c--)
22
- (d = i[c]) && (t = (a ? d(o, e, t) : d(t)) || t);
23
- return a && t && v(o, e, t), t;
20
+ var v = Object.defineProperty, u = Object.getOwnPropertyDescriptor, p = (e, o, r, i) => {
21
+ for (var t = i > 1 ? void 0 : i ? u(o, r) : o, c = e.length - 1, d; c >= 0; c--)
22
+ (d = e[c]) && (t = (i ? d(o, r, t) : d(t)) || t);
23
+ return i && t && v(o, r, t), t;
24
24
  };
25
- let r = class extends h {
25
+ let n = class extends h {
26
26
  constructor() {
27
27
  super(...arguments), this.iconOnly = !1;
28
28
  }
29
29
  // Override the renderRipple method to minimally introduce the icon & text slots without overwritting the render method
30
30
  renderRipple() {
31
- const i = n`<slot name="icon"></slot>`, o = this.iconOnly ? "" : n`<div><slot name="text"></slot></div>`, e = this.shouldRenderRipple ? n`<mwc-ripple
31
+ const e = a`<slot name="icon"></slot>`, o = this.iconOnly ? "" : a`<div><slot name="text"></slot></div>`, r = this.shouldRenderRipple ? a`<mwc-ripple
32
32
  accent
33
33
  .internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
34
34
  .disabled="${this.disabled}"
35
35
  ></mwc-ripple>` : "";
36
- return n`${i}${o}${e}`;
36
+ return a`${e}${o}${r}`;
37
37
  }
38
38
  };
39
- r.styles = [
39
+ n.styles = [
40
40
  y,
41
41
  m`
42
42
  ${s(f)}
@@ -44,12 +44,10 @@ r.styles = [
44
44
  ];
45
45
  p([
46
46
  g({ type: Boolean })
47
- ], r.prototype, "iconOnly", 2);
48
- r = p([
47
+ ], n.prototype, "iconOnly", 2);
48
+ n = p([
49
49
  l("cv-radio-icon")
50
- ], r);
51
- const T = r;
50
+ ], n);
52
51
  export {
53
- r as CovalentIconRadioToggle,
54
- T as default
52
+ n as default
55
53
  };
package/icon.js CHANGED
@@ -1,5 +1,5 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./mwc-icon-8c9cd0c9.js"),l=require("./query-assigned-elements-f623705d.js");require("./tslib.es6-e6a11c8a.js");/**
1
+ "use strict";const l=require("./mwc-icon-f87639bc.js"),a=require("./query-assigned-elements-f623705d.js");require("./tslib.es6-98719205.js");/**
2
2
  * @license
3
3
  * Copyright 2021 Google LLC
4
4
  * SPDX-LIcense-Identifier: Apache-2.0
5
- */const c=l.i`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`;var f=Object.defineProperty,v=Object.getOwnPropertyDescriptor,m=(t,n,r,o)=>{for(var e=o>1?void 0:o?v(n,r):n,i=t.length-1,s;i>=0;i--)(s=t[i])&&(e=(o?s(n,r,e):s(e))||e);return o&&e&&f(n,r,e),e};exports.CovalentIcon=class extends a.Icon{};exports.CovalentIcon.styles=[c];exports.CovalentIcon=m([l.e("cv-icon")],exports.CovalentIcon);const u=exports.CovalentIcon;exports.default=u;
5
+ */const c=a.i`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`;var f=Object.defineProperty,m=Object.getOwnPropertyDescriptor,p=(o,t,r,n)=>{for(var e=n>1?void 0:n?m(t,r):t,i=o.length-1,s;i>=0;i--)(s=o[i])&&(e=(n?s(t,r,e):s(e))||e);return n&&e&&f(t,r,e),e};exports.default=class extends l.Icon{};exports.default.styles=[c];exports.default=p([a.e("cv-icon")],exports.default);module.exports=exports.default;
package/icon.mjs CHANGED
@@ -1,25 +1,23 @@
1
- import { I as l } from "./mwc-icon-ba18383d.mjs";
2
- import { i as c, e as f } from "./query-assigned-elements-4a39219d.mjs";
3
- import "./tslib.es6-f1eaf65c.mjs";
1
+ import { I as l } from "./mwc-icon-bf656cf5.mjs";
2
+ import { i as f, e as c } from "./query-assigned-elements-4a39219d.mjs";
3
+ import "./tslib.es6-f3e988cd.mjs";
4
4
  /**
5
5
  * @license
6
6
  * Copyright 2021 Google LLC
7
7
  * SPDX-LIcense-Identifier: Apache-2.0
8
8
  */
9
- const m = c`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`;
10
- var p = Object.defineProperty, v = Object.getOwnPropertyDescriptor, g = (a, o, i, e) => {
11
- for (var t = e > 1 ? void 0 : e ? v(o, i) : o, r = a.length - 1, s; r >= 0; r--)
12
- (s = a[r]) && (t = (e ? s(o, i, t) : s(t)) || t);
13
- return e && t && p(o, i, t), t;
9
+ const m = f`:host{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}`;
10
+ var p = Object.defineProperty, g = Object.getOwnPropertyDescriptor, v = (a, e, n, o) => {
11
+ for (var t = o > 1 ? void 0 : o ? g(e, n) : e, i = a.length - 1, r; i >= 0; i--)
12
+ (r = a[i]) && (t = (o ? r(e, n, t) : r(t)) || t);
13
+ return o && t && p(e, n, t), t;
14
14
  };
15
- let n = class extends l {
15
+ let s = class extends l {
16
16
  };
17
- n.styles = [m];
18
- n = g([
19
- f("cv-icon")
20
- ], n);
21
- const y = n;
17
+ s.styles = [m];
18
+ s = v([
19
+ c("cv-icon")
20
+ ], s);
22
21
  export {
23
- n as CovalentIcon,
24
- y as default
22
+ s as default
25
23
  };
package/index.d.ts CHANGED
@@ -4,6 +4,8 @@ export * from './app-shell/app-shell';
4
4
  export * from './button/button';
5
5
  export * from './checkbox/checkbox';
6
6
  export * from './card/card';
7
+ export * from './chips/chip';
8
+ export * from './chips/chip-set';
7
9
  export * from './circular-progress/circular-progress';
8
10
  export * from './code-snippet/code-snippet';
9
11
  export * from './dialog/dialog';
package/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AAExC,OAAO,qBAAqB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,aAAa,CAAC;AAC5B,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mCAAmC,CAAC;AAClD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mCAAmC,CAAC;AAClD,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,kBAAkB,CAAC;AACjC,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,cAAc,iBAAiB,CAAC;AAChC,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iCAAiC,CAAC;AAChD,cAAc,uBAAuB,CAAC;AACtC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC;AAExC,OAAO,qBAAqB,CAAC"}