@covalent/components 6.0.3 → 6.0.5

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 (304) hide show
  1. package/action-ribbon/action-ribbon-base.d.ts.map +1 -0
  2. package/{src/action-ribbon → action-ribbon}/action-ribbon.d.ts +1 -0
  3. package/action-ribbon/action-ribbon.d.ts.map +1 -0
  4. package/action-ribbon.js +18 -0
  5. package/action-ribbon.mjs +13 -11
  6. package/alert/alert-base.d.ts.map +1 -0
  7. package/{src/alert → alert}/alert.d.ts +1 -0
  8. package/alert/alert.d.ts.map +1 -0
  9. package/alert.js +21 -0
  10. package/alert.mjs +14 -12
  11. package/{src/app-shell → app-shell}/app-shell.d.ts +1 -0
  12. package/app-shell/app-shell.d.ts.map +1 -0
  13. package/app-shell.js +41 -0
  14. package/app-shell.mjs +19 -17
  15. package/aria-property.mjs +2 -38
  16. package/base-element.mjs +2 -25
  17. package/{src/button → button}/button.d.ts +3 -2
  18. package/button/button.d.ts.map +1 -0
  19. package/button.js +44 -0
  20. package/button.mjs +11 -9
  21. package/card/card-base.d.ts.map +1 -0
  22. package/{src/card → card}/card.d.ts +3 -2
  23. package/card/card.d.ts.map +1 -0
  24. package/card.js +19 -0
  25. package/card.mjs +3 -1
  26. package/check-list-item.js +27 -0
  27. package/check-list-item.mjs +17 -15
  28. package/{src/checkbox → checkbox}/checkbox.d.ts +3 -2
  29. package/checkbox/checkbox.d.ts.map +1 -0
  30. package/checkbox.js +2 -0
  31. package/checkbox.mjs +15 -13
  32. package/chips/chip-base.d.ts.map +1 -0
  33. package/chips/chip-set-base.d.ts.map +1 -0
  34. package/{src/chips → chips}/chip-set.d.ts +1 -0
  35. package/chips/chip-set.d.ts.map +1 -0
  36. package/{src/chips → chips}/chip.d.ts +1 -0
  37. package/chips/chip.d.ts.map +1 -0
  38. package/chips/foundation.d.ts.map +1 -0
  39. package/circular-progress/circular-progress.d.ts +11 -0
  40. package/circular-progress/circular-progress.d.ts.map +1 -0
  41. package/circular-progress.js +65 -0
  42. package/circular-progress.mjs +11 -9
  43. package/class-map.mjs +3 -56
  44. package/{src/code-snippet → code-snippet}/code-snippet.d.ts +3 -2
  45. package/code-snippet/code-snippet.d.ts.map +1 -0
  46. package/code-snippet.js +13 -0
  47. package/code-snippet.mjs +36 -34
  48. package/{src/dialog → dialog}/dialog.d.ts +3 -2
  49. package/dialog/dialog.d.ts.map +1 -0
  50. package/dialog.js +1 -0
  51. package/dialog.mjs +15 -608
  52. package/dialog2.mjs +750 -0
  53. package/directive-helpers.mjs +2 -8
  54. package/{src/drawer → drawer}/drawer.d.ts +3 -2
  55. package/drawer/drawer.d.ts.map +1 -0
  56. package/drawer.js +6 -0
  57. package/drawer.mjs +11 -9
  58. package/{src/empty-state → empty-state}/empty-state.d.ts +3 -2
  59. package/empty-state/empty-state.d.ts.map +1 -0
  60. package/empty-state.js +27 -0
  61. package/empty-state.mjs +17 -15
  62. package/event-options.mjs +2 -11
  63. package/form-element.mjs +2 -47
  64. package/{src/formfield → formfield}/formfield.d.ts +3 -2
  65. package/formfield/formfield.d.ts.map +1 -0
  66. package/foundation.mjs +3 -112
  67. package/foundation2.mjs +2 -40
  68. package/{src/icon → icon}/icon.d.ts +1 -0
  69. package/icon/icon.d.ts.map +1 -0
  70. package/{src/icon-button → icon-button}/icon-button.d.ts +3 -2
  71. package/icon-button/icon-button.d.ts.map +1 -0
  72. package/icon-button.js +32 -0
  73. package/icon-button.mjs +23 -21
  74. package/icon-check-toggle.js +15 -0
  75. package/icon-check-toggle.mjs +5 -5
  76. package/{src/icon-checkbox → icon-checkbox}/icon-check-toggle.d.ts +3 -2
  77. package/icon-checkbox/icon-check-toggle.d.ts.map +1 -0
  78. package/{src/icon-radio → icon-radio}/icon-radio-toggle.d.ts +3 -2
  79. package/icon-radio/icon-radio-toggle.d.ts.map +1 -0
  80. package/icon-radio-toggle.js +14 -0
  81. package/icon-radio-toggle.mjs +19 -19
  82. package/icon.js +5 -0
  83. package/icon.mjs +11 -9
  84. package/if-defined.mjs +2 -7
  85. package/index.d.ts +46 -0
  86. package/index.d.ts.map +1 -0
  87. package/index.js +1 -0
  88. package/index.mjs +126 -0
  89. package/inert.esm.mjs +3 -615
  90. package/linear-progress/linear-progress.d.ts +11 -0
  91. package/linear-progress/linear-progress.d.ts.map +1 -0
  92. package/linear-progress.js +36 -0
  93. package/linear-progress.mjs +21 -19
  94. package/list/check-list-item.d.ts +11 -0
  95. package/list/check-list-item.d.ts.map +1 -0
  96. package/{src/list → list}/list-expansion.d.ts +5 -4
  97. package/list/list-expansion.d.ts.map +1 -0
  98. package/{src/list → list}/list-item.d.ts +3 -2
  99. package/list/list-item.d.ts.map +1 -0
  100. package/{src/list → list}/list.d.ts +3 -2
  101. package/list/list.d.ts.map +1 -0
  102. package/{src/list → list}/nav-list-item.d.ts +3 -2
  103. package/list/nav-list-item.d.ts.map +1 -0
  104. package/list/radio-list-item.d.ts +11 -0
  105. package/list/radio-list-item.d.ts.map +1 -0
  106. package/list-expansion.js +9 -0
  107. package/list-expansion.mjs +20 -18
  108. package/list-item.js +1 -0
  109. package/list-item.mjs +8 -48
  110. package/list-item2.mjs +43 -0
  111. package/list.js +1 -0
  112. package/list.mjs +2 -27
  113. package/list2.mjs +25 -0
  114. package/{src/menu → menu}/menu.d.ts +3 -2
  115. package/menu/menu.d.ts.map +1 -0
  116. package/menu.js +5 -0
  117. package/menu.mjs +11 -9
  118. package/mwc-checkbox-base.mjs +11 -168
  119. package/mwc-checkbox.css.mjs +2 -7
  120. package/mwc-drawer-base.mjs +12 -242
  121. package/mwc-icon.mjs +3 -20
  122. package/mwc-line-ripple-directive.mjs +16 -452
  123. package/mwc-list-base.mjs +26 -755
  124. package/mwc-list-item-base.mjs +9 -183
  125. package/mwc-list-item.css.mjs +3 -11
  126. package/mwc-menu-base.mjs +21 -976
  127. package/mwc-radio-base.mjs +11 -438
  128. package/mwc-radio.css.mjs +2 -7
  129. package/mwc-slider.css.mjs +23 -794
  130. package/mwc-tab-base.mjs +25 -503
  131. package/mwc-top-app-bar-base.mjs +12 -282
  132. package/nav-list-item.js +10 -0
  133. package/nav-list-item.mjs +26 -24
  134. package/observer.mjs +2 -29
  135. package/package.json +226 -5
  136. package/property.mjs +2 -17
  137. package/query-assigned-elements.mjs +9 -591
  138. package/query-assigned-nodes.mjs +2 -14
  139. package/query.mjs +2 -22
  140. package/{src/radio → radio}/radio.d.ts +3 -2
  141. package/radio/radio.d.ts.map +1 -0
  142. package/radio-list-item.js +27 -0
  143. package/radio-list-item.mjs +17 -15
  144. package/radio.js +2 -0
  145. package/radio.mjs +12 -10
  146. package/ripple-handlers.mjs +12 -666
  147. package/{src/select → select}/select.d.ts +3 -2
  148. package/select/select.d.ts.map +1 -0
  149. package/select.js +272 -0
  150. package/select.mjs +124 -122
  151. package/{src/side-sheet → side-sheet}/side-sheet.d.ts +2 -2
  152. package/side-sheet/side-sheet.d.ts.map +1 -0
  153. package/side-sheet.js +4 -0
  154. package/side-sheet.mjs +3 -3
  155. package/slider/slider-range.d.ts +11 -0
  156. package/slider/slider-range.d.ts.map +1 -0
  157. package/{src/slider → slider}/slider.d.ts +3 -2
  158. package/slider/slider.d.ts.map +1 -0
  159. package/slider-range.js +64 -0
  160. package/slider-range.mjs +23 -21
  161. package/slider.js +14 -0
  162. package/slider.mjs +16 -14
  163. package/{src/snackbar → snackbar}/snackbar.d.ts +3 -2
  164. package/snackbar/snackbar.d.ts.map +1 -0
  165. package/snackbar.js +93 -0
  166. package/snackbar.mjs +12 -10
  167. package/state.mjs +2 -9
  168. package/status-header/status-header-base.d.ts.map +1 -0
  169. package/{src/status-header → status-header}/status-header-item.d.ts +1 -0
  170. package/status-header/status-header-item.d.ts.map +1 -0
  171. package/{src/status-header → status-header}/status-header.d.ts +1 -0
  172. package/status-header/status-header.d.ts.map +1 -0
  173. package/status-header-item.js +4 -0
  174. package/status-header-item.mjs +17 -15
  175. package/status-header.js +24 -0
  176. package/status-header.mjs +17 -15
  177. package/style-map.mjs +2 -37
  178. package/style.css +1 -0
  179. package/{src/switch → switch}/switch.d.ts +3 -2
  180. package/switch/switch.d.ts.map +1 -0
  181. package/switch.js +174 -0
  182. package/switch.mjs +10 -8
  183. package/{src/tab → tab}/tab-bar.d.ts +3 -2
  184. package/tab/tab-bar.d.ts.map +1 -0
  185. package/{src/tab → tab}/tab.d.ts +3 -2
  186. package/tab/tab.d.ts.map +1 -0
  187. package/tab-bar.js +278 -0
  188. package/tab-bar.mjs +23 -21
  189. package/tab.js +6 -0
  190. package/tab.mjs +11 -9
  191. package/{src/text-lockup → text-lockup}/text-lockup.d.ts +1 -0
  192. package/text-lockup/text-lockup.d.ts.map +1 -0
  193. package/text-lockup.js +7 -0
  194. package/text-lockup.mjs +11 -9
  195. package/{src/textarea → textarea}/textarea.d.ts +3 -2
  196. package/textarea/textarea.d.ts.map +1 -0
  197. package/textarea.js +40 -0
  198. package/textarea.mjs +14 -12
  199. package/{src/textfield → textfield}/textfield.d.ts +3 -2
  200. package/textfield/textfield.d.ts.map +1 -0
  201. package/textfield.js +7 -0
  202. package/textfield.mjs +132 -39
  203. package/textfield2.mjs +1 -1
  204. package/{src/toolbar → toolbar}/toolbar.d.ts +3 -2
  205. package/toolbar/toolbar.d.ts.map +1 -0
  206. package/toolbar.js +4 -0
  207. package/toolbar.mjs +11 -9
  208. package/{src/tooltip → tooltip}/tooltip.d.ts +3 -2
  209. package/tooltip/tooltip.d.ts.map +1 -0
  210. package/tooltip.js +126 -0
  211. package/tooltip.mjs +66 -64
  212. package/top-app-bar/top-app-bar-fixed.d.ts +11 -0
  213. package/top-app-bar/top-app-bar-fixed.d.ts.map +1 -0
  214. package/{src/top-app-bar → top-app-bar}/top-app-bar.d.ts +3 -2
  215. package/top-app-bar/top-app-bar.d.ts.map +1 -0
  216. package/top-app-bar-fixed.js +28 -0
  217. package/top-app-bar-fixed.mjs +16 -14
  218. package/top-app-bar.js +3 -0
  219. package/top-app-bar.mjs +6 -28
  220. package/{src/tree-list → tree-list}/tree-list-item.d.ts +1 -0
  221. package/tree-list/tree-list-item.d.ts.map +1 -0
  222. package/{src/tree-list → tree-list}/tree-list.d.ts +1 -0
  223. package/tree-list/tree-list.d.ts.map +1 -0
  224. package/tree-list-item.js +26 -0
  225. package/tree-list-item.mjs +7 -5
  226. package/tree-list.js +10 -0
  227. package/tree-list.mjs +13 -12
  228. package/tslib.es6.mjs +1 -82
  229. package/{src/typography → typography}/typography.d.ts +1 -0
  230. package/typography/typography.d.ts.map +1 -0
  231. package/typography.js +4 -0
  232. package/typography.mjs +16 -14
  233. package/utils.mjs +2 -49
  234. package/covalent.mjs +0 -44
  235. package/covalent.umd.js +0 -3501
  236. package/src/action-ribbon/action-ribbon-base.d.ts.map +0 -1
  237. package/src/action-ribbon/action-ribbon.d.ts.map +0 -1
  238. package/src/alert/alert-base.d.ts.map +0 -1
  239. package/src/alert/alert.d.ts.map +0 -1
  240. package/src/app-shell/app-shell.d.ts.map +0 -1
  241. package/src/button/button.d.ts.map +0 -1
  242. package/src/card/card-base.d.ts.map +0 -1
  243. package/src/card/card.d.ts.map +0 -1
  244. package/src/checkbox/checkbox.d.ts.map +0 -1
  245. package/src/chips/chip-base.d.ts.map +0 -1
  246. package/src/chips/chip-set-base.d.ts.map +0 -1
  247. package/src/chips/chip-set.d.ts.map +0 -1
  248. package/src/chips/chip.d.ts.map +0 -1
  249. package/src/chips/foundation.d.ts.map +0 -1
  250. package/src/circular-progress/circular-progress.d.ts +0 -10
  251. package/src/circular-progress/circular-progress.d.ts.map +0 -1
  252. package/src/code-snippet/code-snippet.d.ts.map +0 -1
  253. package/src/dialog/dialog.d.ts.map +0 -1
  254. package/src/drawer/drawer.d.ts.map +0 -1
  255. package/src/empty-state/empty-state.d.ts.map +0 -1
  256. package/src/formfield/formfield.d.ts.map +0 -1
  257. package/src/icon/icon.d.ts.map +0 -1
  258. package/src/icon-button/icon-button.d.ts.map +0 -1
  259. package/src/icon-checkbox/icon-check-toggle.d.ts.map +0 -1
  260. package/src/icon-radio/icon-radio-toggle.d.ts.map +0 -1
  261. package/src/index.d.ts +0 -3
  262. package/src/index.d.ts.map +0 -1
  263. package/src/linear-progress/linear-progress.d.ts +0 -10
  264. package/src/linear-progress/linear-progress.d.ts.map +0 -1
  265. package/src/list/check-list-item.d.ts +0 -10
  266. package/src/list/check-list-item.d.ts.map +0 -1
  267. package/src/list/list-expansion.d.ts.map +0 -1
  268. package/src/list/list-item.d.ts.map +0 -1
  269. package/src/list/list.d.ts.map +0 -1
  270. package/src/list/nav-list-item.d.ts.map +0 -1
  271. package/src/list/radio-list-item.d.ts +0 -10
  272. package/src/list/radio-list-item.d.ts.map +0 -1
  273. package/src/menu/menu.d.ts.map +0 -1
  274. package/src/radio/radio.d.ts.map +0 -1
  275. package/src/select/select.d.ts.map +0 -1
  276. package/src/side-sheet/side-sheet.d.ts.map +0 -1
  277. package/src/slider/slider-range.d.ts +0 -10
  278. package/src/slider/slider-range.d.ts.map +0 -1
  279. package/src/slider/slider.d.ts.map +0 -1
  280. package/src/snackbar/snackbar.d.ts.map +0 -1
  281. package/src/status-header/status-header-base.d.ts.map +0 -1
  282. package/src/status-header/status-header-item.d.ts.map +0 -1
  283. package/src/status-header/status-header.d.ts.map +0 -1
  284. package/src/switch/switch.d.ts.map +0 -1
  285. package/src/tab/tab-bar.d.ts.map +0 -1
  286. package/src/tab/tab.d.ts.map +0 -1
  287. package/src/text-lockup/text-lockup.d.ts.map +0 -1
  288. package/src/textarea/textarea.d.ts.map +0 -1
  289. package/src/textfield/textfield.d.ts.map +0 -1
  290. package/src/toolbar/toolbar.d.ts.map +0 -1
  291. package/src/tooltip/tooltip.d.ts.map +0 -1
  292. package/src/top-app-bar/top-app-bar-fixed.d.ts +0 -10
  293. package/src/top-app-bar/top-app-bar-fixed.d.ts.map +0 -1
  294. package/src/top-app-bar/top-app-bar.d.ts.map +0 -1
  295. package/src/tree-list/tree-list-item.d.ts.map +0 -1
  296. package/src/tree-list/tree-list.d.ts.map +0 -1
  297. package/src/typography/typography.d.ts.map +0 -1
  298. /package/{src/action-ribbon → action-ribbon}/action-ribbon-base.d.ts +0 -0
  299. /package/{src/alert → alert}/alert-base.d.ts +0 -0
  300. /package/{src/card → card}/card-base.d.ts +0 -0
  301. /package/{src/chips → chips}/chip-base.d.ts +0 -0
  302. /package/{src/chips → chips}/chip-set-base.d.ts +0 -0
  303. /package/{src/chips → chips}/foundation.d.ts +0 -0
  304. /package/{src/status-header → status-header}/status-header-base.d.ts +0 -0
package/query.mjs CHANGED
@@ -1,25 +1,5 @@
1
- import { o as u } from "./query-assigned-elements.mjs";
2
- /**
1
+ "use strict";const u=require("./query-assigned-elements.mjs");/**
3
2
  * @license
4
3
  * Copyright 2017 Google LLC
5
4
  * SPDX-License-Identifier: BSD-3-Clause
6
- */
7
- function s(e, l) {
8
- return u({ descriptor: (n) => {
9
- const i = { get() {
10
- var o, r;
11
- return (r = (o = this.renderRoot) === null || o === void 0 ? void 0 : o.querySelector(e)) !== null && r !== void 0 ? r : null;
12
- }, enumerable: !0, configurable: !0 };
13
- if (l) {
14
- const o = typeof n == "symbol" ? Symbol() : "__" + n;
15
- i.get = function() {
16
- var r, t;
17
- return this[o] === void 0 && (this[o] = (t = (r = this.renderRoot) === null || r === void 0 ? void 0 : r.querySelector(e)) !== null && t !== void 0 ? t : null), this[o];
18
- };
19
- }
20
- return i;
21
- } });
22
- }
23
- export {
24
- s as i
25
- };
5
+ */function s(o,l){return u.o({descriptor:n=>{const i={get(){var e,t;return(t=(e=this.renderRoot)===null||e===void 0?void 0:e.querySelector(o))!==null&&t!==void 0?t:null},enumerable:!0,configurable:!0};if(l){const e=typeof n=="symbol"?Symbol():"__"+n;i.get=function(){var t,r;return this[e]===void 0&&(this[e]=(r=(t=this.renderRoot)===null||t===void 0?void 0:t.querySelector(o))!==null&&r!==void 0?r:null),this[e]}}return i}})}exports.i=s;
@@ -1,10 +1,11 @@
1
1
  import { RadioBase } from '@material/mwc-radio/mwc-radio-base';
2
2
  declare global {
3
3
  interface HTMLElementTagNameMap {
4
- 'cv-radio': CovalentRadioBase;
4
+ 'cv-radio': CovalentRadio;
5
5
  }
6
6
  }
7
- export declare class CovalentRadioBase extends RadioBase {
7
+ export declare class CovalentRadio extends RadioBase {
8
8
  static styles: import("lit").CSSResult[];
9
9
  }
10
+ export default CovalentRadio;
10
11
  //# sourceMappingURL=radio.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"radio.d.ts","sourceRoot":"","sources":["../../../../libs/components/src/radio/radio.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAI/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,aAAa,CAAC;KAC3B;CACF;AAED,qBACa,aAAc,SAAQ,SAAS;IAC1C,OAAgB,MAAM,4BAA2C;CAClE;AAED,eAAe,aAAa,CAAC"}
@@ -0,0 +1,27 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./tslib.es6.mjs"),c=require("./query-assigned-elements.mjs"),u=require("./mwc-radio-base.mjs"),_=require("./property.mjs"),b=require("./query.mjs"),p=require("./class-map.mjs"),g=require("./if-defined.mjs"),h=require("./mwc-list-item-base.mjs"),m=require("./mwc-list-item.css.mjs");require("./ripple-handlers.mjs");require("./base-element.mjs");require("./utils.mjs");require("./state.mjs");require("./style-map.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./observer.mjs");require("./event-options.mjs");/**
2
+ * @license
3
+ * Copyright 2021 Google LLC
4
+ * SPDX-LIcense-Identifier: Apache-2.0
5
+ */const f=c.i`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40px - 20px) / 2)}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:calc((40px - 48px) / 2);right:calc((40px - 48px) / 2);left:calc((40px - 48px) / 2);width:48px;height:48px}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__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){.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{border-color:CanvasText}}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__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){.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{border-color:CanvasText}}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(0.5);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}:host{display:inline-block;outline:none}.mdc-radio{vertical-align:bottom}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-unchecked-color, rgba(0, 0, 0, 0.54))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}`;/**
6
+ * @license
7
+ * Copyright 2018 Google LLC
8
+ * SPDX-License-Identifier: Apache-2.0
9
+ */let l=class extends u.RadioBase{};l.styles=[f];l=t.__decorate([c.e("mwc-radio")],l);/**
10
+ * @license
11
+ * Copyright 2020 Google LLC
12
+ * SPDX-License-Identifier: Apache-2.0
13
+ */class n extends h.ListItemBase{constructor(){super(...arguments),this.left=!1,this.graphic="control",this._changeFromClick=!1}render(){const d={"mdc-deprecated-list-item__graphic":this.left,"mdc-deprecated-list-item__meta":!this.left},r=this.renderText(),e=this.graphic&&this.graphic!=="control"&&!this.left?this.renderGraphic():c.y``,o=this.hasMeta&&this.left?this.renderMeta():c.y``,a=this.renderRipple();return c.y`
14
+ ${a}
15
+ ${e}
16
+ ${this.left?"":r}
17
+ <mwc-radio
18
+ global
19
+ class=${p.o(d)}
20
+ tabindex=${this.tabindex}
21
+ name=${g.l(this.group===null?void 0:this.group)}
22
+ .checked=${this.selected}
23
+ ?disabled=${this.disabled}
24
+ @checked=${this.onChange}>
25
+ </mwc-radio>
26
+ ${this.left?r:""}
27
+ ${o}`}onClick(){this._changeFromClick=!0,super.onClick()}async onChange(d){const r=d.target;this.selected===r.checked||(this._skipPropRequest=!0,this.selected=r.checked,await this.updateComplete,this._skipPropRequest=!1,this._changeFromClick||this.fireRequestSelected(this.selected,"interaction")),this._changeFromClick=!1}}t.__decorate([b.i("slot")],n.prototype,"slotElement",void 0);t.__decorate([b.i("mwc-radio")],n.prototype,"radioElement",void 0);t.__decorate([_.e({type:Boolean})],n.prototype,"left",void 0);t.__decorate([_.e({type:String,reflect:!0})],n.prototype,"graphic",void 0);var k=Object.defineProperty,v=Object.getOwnPropertyDescriptor,x=(i,d,r,e)=>{for(var o=e>1?void 0:e?v(d,r):d,a=i.length-1,s;a>=0;a--)(s=i[a])&&(o=(e?s(d,r,o):s(o))||o);return e&&o&&k(d,r,o),o};exports.CovalentRadioListItem=class extends n{};exports.CovalentRadioListItem.styles=[m.styles,m.styles$1];exports.CovalentRadioListItem=x([c.e("cv-radio-list-item")],exports.CovalentRadioListItem);const y=exports.CovalentRadioListItem;exports.default=y;
@@ -1,5 +1,5 @@
1
- import { b as e } from "./tslib.es6.mjs";
2
- import { i as u, e as _, y as m } from "./query-assigned-elements.mjs";
1
+ import { _ as e } from "./tslib.es6.mjs";
2
+ import { i as u, e as _, y as s } from "./query-assigned-elements.mjs";
3
3
  import { R as h } from "./mwc-radio-base.mjs";
4
4
  import { e as b } from "./property.mjs";
5
5
  import { i as p } from "./query.mjs";
@@ -27,12 +27,12 @@ const y = u`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40
27
27
  * Copyright 2018 Google LLC
28
28
  * SPDX-License-Identifier: Apache-2.0
29
29
  */
30
- let s = class extends h {
30
+ let l = class extends h {
31
31
  };
32
- s.styles = [y];
33
- s = e([
32
+ l.styles = [y];
33
+ l = e([
34
34
  _("mwc-radio")
35
- ], s);
35
+ ], l);
36
36
  /**
37
37
  * @license
38
38
  * Copyright 2020 Google LLC
@@ -46,8 +46,8 @@ class a extends k {
46
46
  const d = {
47
47
  "mdc-deprecated-list-item__graphic": this.left,
48
48
  "mdc-deprecated-list-item__meta": !this.left
49
- }, r = this.renderText(), c = this.graphic && this.graphic !== "control" && !this.left ? this.renderGraphic() : m``, o = this.hasMeta && this.left ? this.renderMeta() : m``, i = this.renderRipple();
50
- return m`
49
+ }, r = this.renderText(), c = this.graphic && this.graphic !== "control" && !this.left ? this.renderGraphic() : s``, o = this.hasMeta && this.left ? this.renderMeta() : s``, i = this.renderRipple();
50
+ return s`
51
51
  ${i}
52
52
  ${c}
53
53
  ${this.left ? "" : r}
@@ -84,16 +84,18 @@ e([
84
84
  b({ type: String, reflect: !0 })
85
85
  ], a.prototype, "graphic", void 0);
86
86
  var w = Object.defineProperty, z = Object.getOwnPropertyDescriptor, $ = (t, d, r, c) => {
87
- for (var o = c > 1 ? void 0 : c ? z(d, r) : d, i = t.length - 1, n; i >= 0; i--)
88
- (n = t[i]) && (o = (c ? n(d, r, o) : n(o)) || o);
87
+ for (var o = c > 1 ? void 0 : c ? z(d, r) : d, i = t.length - 1, m; i >= 0; i--)
88
+ (m = t[i]) && (o = (c ? m(d, r, o) : m(o)) || o);
89
89
  return c && o && w(d, r, o), o;
90
90
  };
91
- let l = class extends a {
91
+ let n = class extends a {
92
92
  };
93
- l.styles = [v, x];
94
- l = $([
93
+ n.styles = [v, x];
94
+ n = $([
95
95
  _("cv-radio-list-item")
96
- ], l);
96
+ ], n);
97
+ const K = n;
97
98
  export {
98
- l as CovalentRadioListItemBase
99
+ n as CovalentRadioListItem,
100
+ K as default
99
101
  };
package/radio.js ADDED
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const u=require("./query-assigned-elements.mjs"),n=require("./mwc-radio-base.mjs"),l=require("./mwc-radio.css.mjs");require("./tslib.es6.mjs");require("./ripple-handlers.mjs");require("./base-element.mjs");require("./utils.mjs");require("./property.mjs");require("./state.mjs");require("./query.mjs");require("./class-map.mjs");require("./style-map.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./observer.mjs");require("./event-options.mjs");require("./if-defined.mjs");const c=`:host{--mdc-radio-unchecked-color: var(--mdc-theme-text-icon-on-background)}
2
+ `;var d=Object.defineProperty,q=Object.getOwnPropertyDescriptor,v=(i,r,t,o)=>{for(var e=o>1?void 0:o?q(r,t):r,s=i.length-1,a;s>=0;s--)(a=i[s])&&(e=(o?a(r,t,e):a(e))||e);return o&&e&&d(r,t,e),e};exports.CovalentRadio=class extends n.RadioBase{};exports.CovalentRadio.styles=[l.styles,u.i`${u.r(c)}`];exports.CovalentRadio=v([u.e("cv-radio")],exports.CovalentRadio);const R=exports.CovalentRadio;exports.default=R;
package/radio.mjs CHANGED
@@ -15,19 +15,21 @@ import "./form-element.mjs";
15
15
  import "./observer.mjs";
16
16
  import "./event-options.mjs";
17
17
  import "./if-defined.mjs";
18
- const f = `:host{--mdc-radio-unchecked-color: var(--mdc-theme-text-icon-on-background)}
18
+ const d = `:host{--mdc-radio-unchecked-color: var(--mdc-theme-text-icon-on-background)}
19
19
  `;
20
- var d = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, h = (s, o, e, t) => {
21
- for (var r = t > 1 ? void 0 : t ? _(o, e) : o, i = s.length - 1, m; i >= 0; i--)
22
- (m = s[i]) && (r = (t ? m(o, e, r) : m(r)) || r);
23
- return t && r && d(o, e, r), r;
20
+ var f = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, u = (s, r, i, t) => {
21
+ for (var o = t > 1 ? void 0 : t ? _(r, i) : r, m = s.length - 1, p; m >= 0; m--)
22
+ (p = s[m]) && (o = (t ? p(r, i, o) : p(o)) || o);
23
+ return t && o && f(r, i, o), o;
24
24
  };
25
- let p = class extends n {
25
+ let e = class extends n {
26
26
  };
27
- p.styles = [v, a`${c(f)}`];
28
- p = h([
27
+ e.styles = [v, a`${c(d)}`];
28
+ e = u([
29
29
  l("cv-radio")
30
- ], p);
30
+ ], e);
31
+ const E = e;
31
32
  export {
32
- p as CovalentRadioBase
33
+ e as CovalentRadio,
34
+ E as default
33
35
  };