@covalent/components 6.0.4 → 6.1.0

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 -6
  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 -1
  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/menu.mjs CHANGED
@@ -20,17 +20,19 @@ import "./if-defined.mjs";
20
20
  * SPDX-LIcense-Identifier: Apache-2.0
21
21
  */
22
22
  const v = l`mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slotted([noninteractive]:not([twoline])){height:var(--mdc-menu-item-height, 48px)}`;
23
- var a = Object.defineProperty, f = Object.getOwnPropertyDescriptor, w = (s, e, r, o) => {
24
- for (var t = o > 1 ? void 0 : o ? f(e, r) : e, i = s.length - 1, m; i >= 0; i--)
25
- (m = s[i]) && (t = (o ? m(e, r, t) : m(t)) || t);
26
- return o && t && a(e, r, t), t;
23
+ var a = Object.defineProperty, f = Object.getOwnPropertyDescriptor, u = (s, e, i, o) => {
24
+ for (var t = o > 1 ? void 0 : o ? f(e, i) : e, m = s.length - 1, p; m >= 0; m--)
25
+ (p = s[m]) && (t = (o ? p(e, i, t) : p(t)) || t);
26
+ return o && t && a(e, i, t), t;
27
27
  };
28
- let p = class extends n {
28
+ let r = class extends n {
29
29
  };
30
- p.styles = [v];
31
- p = w([
30
+ r.styles = [v];
31
+ r = u([
32
32
  c("cv-menu")
33
- ], p);
33
+ ], r);
34
+ const q = r;
34
35
  export {
35
- p as CovalentMenuBase
36
+ r as CovalentMenu,
37
+ q as default
36
38
  };
@@ -1,77 +1,19 @@
1
- import { b as t } from "./tslib.es6.mjs";
2
- import { R as u, e as k } from "./ripple-handlers.mjs";
3
- import { a as r } from "./aria-property.mjs";
4
- import { F as b } from "./form-element.mjs";
5
- import { y as l } from "./query-assigned-elements.mjs";
6
- import { e as d } from "./property.mjs";
7
- import { t as c } from "./state.mjs";
8
- import { e as v } from "./event-options.mjs";
9
- import { i as h } from "./query.mjs";
10
- import { o as f } from "./class-map.mjs";
11
- import { l as n } from "./if-defined.mjs";
12
- /**
1
+ "use strict";const i=require("./tslib.es6.mjs"),h=require("./ripple-handlers.mjs"),r=require("./aria-property.mjs"),k=require("./form-element.mjs"),l=require("./query-assigned-elements.mjs"),d=require("./property.mjs"),c=require("./state.mjs"),b=require("./event-options.mjs"),p=require("./query.mjs"),v=require("./class-map.mjs"),n=require("./if-defined.mjs");/**
13
2
  * @license
14
3
  * Copyright 2019 Google LLC
15
4
  * SPDX-License-Identifier: Apache-2.0
16
- */
17
- class i extends b {
18
- constructor() {
19
- super(...arguments), this.checked = !1, this.indeterminate = !1, this.disabled = !1, this.name = "", this.value = "on", this.reducedTouchTarget = !1, this.animationClass = "", this.shouldRenderRipple = !1, this.focused = !1, this.mdcFoundationClass = void 0, this.mdcFoundation = void 0, this.rippleElement = null, this.rippleHandlers = new u(() => (this.shouldRenderRipple = !0, this.ripple.then((e) => this.rippleElement = e), this.ripple));
20
- }
21
- createAdapter() {
22
- return {};
23
- }
24
- update(e) {
25
- const a = e.get("indeterminate"), s = e.get("checked"), o = e.get("disabled");
26
- if (a !== void 0 || s !== void 0 || o !== void 0) {
27
- const p = this.calculateAnimationStateName(!!s, !!a, !!o), m = this.calculateAnimationStateName(this.checked, this.indeterminate, this.disabled);
28
- this.animationClass = `${p}-${m}`;
29
- }
30
- super.update(e);
31
- }
32
- calculateAnimationStateName(e, a, s) {
33
- return s ? "disabled" : a ? "indeterminate" : e ? "checked" : "unchecked";
34
- }
35
- // TODO(dfreedm): Make this use selected as a param after Polymer/internal#739
36
- /** @soyTemplate */
37
- renderRipple() {
38
- return this.shouldRenderRipple ? this.renderRippleTemplate() : "";
39
- }
40
- /** @soyTemplate */
41
- renderRippleTemplate() {
42
- return l`<mwc-ripple
5
+ */class t extends k.FormElement{constructor(){super(...arguments),this.checked=!1,this.indeterminate=!1,this.disabled=!1,this.name="",this.value="on",this.reducedTouchTarget=!1,this.animationClass="",this.shouldRenderRipple=!1,this.focused=!1,this.mdcFoundationClass=void 0,this.mdcFoundation=void 0,this.rippleElement=null,this.rippleHandlers=new h.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple.then(e=>this.rippleElement=e),this.ripple))}createAdapter(){return{}}update(e){const a=e.get("indeterminate"),s=e.get("checked"),o=e.get("disabled");if(a!==void 0||s!==void 0||o!==void 0){const u=this.calculateAnimationStateName(!!s,!!a,!!o),m=this.calculateAnimationStateName(this.checked,this.indeterminate,this.disabled);this.animationClass=`${u}-${m}`}super.update(e)}calculateAnimationStateName(e,a,s){return s?"disabled":a?"indeterminate":e?"checked":"unchecked"}renderRipple(){return this.shouldRenderRipple?this.renderRippleTemplate():""}renderRippleTemplate(){return l.y`<mwc-ripple
43
6
  .disabled="${this.disabled}"
44
- unbounded></mwc-ripple>`;
45
- }
46
- /**
47
- * @soyTemplate
48
- * @soyAttributes checkboxAttributes: input
49
- * @soyClasses checkboxClasses: .mdc-checkbox
50
- */
51
- render() {
52
- const e = this.indeterminate || this.checked, a = {
53
- "mdc-checkbox--disabled": this.disabled,
54
- "mdc-checkbox--selected": e,
55
- "mdc-checkbox--touch": !this.reducedTouchTarget,
56
- "mdc-ripple-upgraded--background-focused": this.focused,
57
- // transition animiation classes
58
- "mdc-checkbox--anim-checked-indeterminate": this.animationClass == "checked-indeterminate",
59
- "mdc-checkbox--anim-checked-unchecked": this.animationClass == "checked-unchecked",
60
- "mdc-checkbox--anim-indeterminate-checked": this.animationClass == "indeterminate-checked",
61
- "mdc-checkbox--anim-indeterminate-unchecked": this.animationClass == "indeterminate-unchecked",
62
- "mdc-checkbox--anim-unchecked-checked": this.animationClass == "unchecked-checked",
63
- "mdc-checkbox--anim-unchecked-indeterminate": this.animationClass == "unchecked-indeterminate"
64
- }, s = this.indeterminate ? "mixed" : void 0;
65
- return l`
66
- <div class="mdc-checkbox mdc-checkbox--upgraded ${f(a)}">
7
+ unbounded></mwc-ripple>`}render(){const e=this.indeterminate||this.checked,a={"mdc-checkbox--disabled":this.disabled,"mdc-checkbox--selected":e,"mdc-checkbox--touch":!this.reducedTouchTarget,"mdc-ripple-upgraded--background-focused":this.focused,"mdc-checkbox--anim-checked-indeterminate":this.animationClass=="checked-indeterminate","mdc-checkbox--anim-checked-unchecked":this.animationClass=="checked-unchecked","mdc-checkbox--anim-indeterminate-checked":this.animationClass=="indeterminate-checked","mdc-checkbox--anim-indeterminate-unchecked":this.animationClass=="indeterminate-unchecked","mdc-checkbox--anim-unchecked-checked":this.animationClass=="unchecked-checked","mdc-checkbox--anim-unchecked-indeterminate":this.animationClass=="unchecked-indeterminate"},s=this.indeterminate?"mixed":void 0;return l.y`
8
+ <div class="mdc-checkbox mdc-checkbox--upgraded ${v.o(a)}">
67
9
  <input type="checkbox"
68
10
  class="mdc-checkbox__native-control"
69
- name="${n(this.name)}"
70
- aria-checked="${n(s)}"
71
- aria-label="${n(this.ariaLabel)}"
72
- aria-labelledby="${n(this.ariaLabelledBy)}"
73
- aria-describedby="${n(this.ariaDescribedBy)}"
74
- data-indeterminate="${this.indeterminate ? "true" : "false"}"
11
+ name="${n.l(this.name)}"
12
+ aria-checked="${n.l(s)}"
13
+ aria-label="${n.l(this.ariaLabel)}"
14
+ aria-labelledby="${n.l(this.ariaLabelledBy)}"
15
+ aria-describedby="${n.l(this.ariaDescribedBy)}"
16
+ data-indeterminate="${this.indeterminate?"true":"false"}"
75
17
  ?disabled="${this.disabled}"
76
18
  .indeterminate="${this.indeterminate}"
77
19
  .checked="${this.checked}"
@@ -96,103 +38,4 @@ class i extends b {
96
38
  <div class="mdc-checkbox__mixedmark"></div>
97
39
  </div>
98
40
  ${this.renderRipple()}
99
- </div>`;
100
- }
101
- setFormData(e) {
102
- this.name && this.checked && e.append(this.name, this.value);
103
- }
104
- handleFocus() {
105
- this.focused = !0, this.handleRippleFocus();
106
- }
107
- handleBlur() {
108
- this.focused = !1, this.handleRippleBlur();
109
- }
110
- handleRippleMouseDown(e) {
111
- const a = () => {
112
- window.removeEventListener("mouseup", a), this.handleRippleDeactivate();
113
- };
114
- window.addEventListener("mouseup", a), this.rippleHandlers.startPress(e);
115
- }
116
- handleRippleTouchStart(e) {
117
- this.rippleHandlers.startPress(e);
118
- }
119
- handleRippleDeactivate() {
120
- this.rippleHandlers.endPress();
121
- }
122
- handleRippleMouseEnter() {
123
- this.rippleHandlers.startHover();
124
- }
125
- handleRippleMouseLeave() {
126
- this.rippleHandlers.endHover();
127
- }
128
- handleRippleFocus() {
129
- this.rippleHandlers.startFocus();
130
- }
131
- handleRippleBlur() {
132
- this.rippleHandlers.endFocus();
133
- }
134
- handleChange() {
135
- this.checked = this.formElement.checked, this.indeterminate = this.formElement.indeterminate;
136
- }
137
- resetAnimationClass() {
138
- this.animationClass = "";
139
- }
140
- get isRippleActive() {
141
- var e;
142
- return ((e = this.rippleElement) === null || e === void 0 ? void 0 : e.isActive) || !1;
143
- }
144
- }
145
- t([
146
- h(".mdc-checkbox")
147
- ], i.prototype, "mdcRoot", void 0);
148
- t([
149
- h("input")
150
- ], i.prototype, "formElement", void 0);
151
- t([
152
- d({ type: Boolean, reflect: !0 })
153
- ], i.prototype, "checked", void 0);
154
- t([
155
- d({ type: Boolean })
156
- ], i.prototype, "indeterminate", void 0);
157
- t([
158
- d({ type: Boolean, reflect: !0 })
159
- ], i.prototype, "disabled", void 0);
160
- t([
161
- d({ type: String, reflect: !0 })
162
- ], i.prototype, "name", void 0);
163
- t([
164
- d({ type: String })
165
- ], i.prototype, "value", void 0);
166
- t([
167
- r,
168
- d({ type: String, attribute: "aria-label" })
169
- ], i.prototype, "ariaLabel", void 0);
170
- t([
171
- r,
172
- d({ type: String, attribute: "aria-labelledby" })
173
- ], i.prototype, "ariaLabelledBy", void 0);
174
- t([
175
- r,
176
- d({ type: String, attribute: "aria-describedby" })
177
- ], i.prototype, "ariaDescribedBy", void 0);
178
- t([
179
- d({ type: Boolean })
180
- ], i.prototype, "reducedTouchTarget", void 0);
181
- t([
182
- c()
183
- ], i.prototype, "animationClass", void 0);
184
- t([
185
- c()
186
- ], i.prototype, "shouldRenderRipple", void 0);
187
- t([
188
- c()
189
- ], i.prototype, "focused", void 0);
190
- t([
191
- k("mwc-ripple")
192
- ], i.prototype, "ripple", void 0);
193
- t([
194
- v({ passive: !0 })
195
- ], i.prototype, "handleRippleTouchStart", null);
196
- export {
197
- i as C
198
- };
41
+ </div>`}setFormData(e){this.name&&this.checked&&e.append(this.name,this.value)}handleFocus(){this.focused=!0,this.handleRippleFocus()}handleBlur(){this.focused=!1,this.handleRippleBlur()}handleRippleMouseDown(e){const a=()=>{window.removeEventListener("mouseup",a),this.handleRippleDeactivate()};window.addEventListener("mouseup",a),this.rippleHandlers.startPress(e)}handleRippleTouchStart(e){this.rippleHandlers.startPress(e)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}handleChange(){this.checked=this.formElement.checked,this.indeterminate=this.formElement.indeterminate}resetAnimationClass(){this.animationClass=""}get isRippleActive(){var e;return((e=this.rippleElement)===null||e===void 0?void 0:e.isActive)||!1}}i.__decorate([p.i(".mdc-checkbox")],t.prototype,"mdcRoot",void 0);i.__decorate([p.i("input")],t.prototype,"formElement",void 0);i.__decorate([d.e({type:Boolean,reflect:!0})],t.prototype,"checked",void 0);i.__decorate([d.e({type:Boolean})],t.prototype,"indeterminate",void 0);i.__decorate([d.e({type:Boolean,reflect:!0})],t.prototype,"disabled",void 0);i.__decorate([d.e({type:String,reflect:!0})],t.prototype,"name",void 0);i.__decorate([d.e({type:String})],t.prototype,"value",void 0);i.__decorate([r.ariaProperty,d.e({type:String,attribute:"aria-label"})],t.prototype,"ariaLabel",void 0);i.__decorate([r.ariaProperty,d.e({type:String,attribute:"aria-labelledby"})],t.prototype,"ariaLabelledBy",void 0);i.__decorate([r.ariaProperty,d.e({type:String,attribute:"aria-describedby"})],t.prototype,"ariaDescribedBy",void 0);i.__decorate([d.e({type:Boolean})],t.prototype,"reducedTouchTarget",void 0);i.__decorate([c.t()],t.prototype,"animationClass",void 0);i.__decorate([c.t()],t.prototype,"shouldRenderRipple",void 0);i.__decorate([c.t()],t.prototype,"focused",void 0);i.__decorate([h.e("mwc-ripple")],t.prototype,"ripple",void 0);i.__decorate([b.e({passive:!0})],t.prototype,"handleRippleTouchStart",null);exports.CheckboxBase=t;
@@ -1,10 +1,5 @@
1
- import { i as c } from "./query-assigned-elements.mjs";
2
- /**
1
+ "use strict";const c=require("./query-assigned-elements.mjs");/**
3
2
  * @license
4
3
  * Copyright 2021 Google LLC
5
4
  * SPDX-LIcense-Identifier: Apache-2.0
6
- */
7
- const o = c`.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{transform:scaleX(0)}68.2%{animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:scaleX(1)}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(45deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{animation-timing-function:mdc-animation-deceleration-curve-timing-function;transform:rotate(-45deg);opacity:0}to{transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{animation-timing-function:linear;transform:scaleX(1);opacity:1}32.8%,100%{transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__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-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__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-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{animation-duration:180ms;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}:host{outline:none;display:inline-flex;-webkit-tap-highlight-color:transparent}:host([checked]),:host([indeterminate]){--mdc-ripple-color:var(--mdc-theme-secondary, #018786)}.mdc-checkbox .mdc-checkbox__background::before{content:none}`;
8
- export {
9
- o as s
10
- };
5
+ */const e=c.i`.mdc-checkbox{padding:calc((40px - 18px) / 2);padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((40px - 40px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mdc-checkbox .mdc-checkbox__ripple::before,.mdc-checkbox .mdc-checkbox__ripple::after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.mdc-checkbox:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox.mdc-checkbox--selected:hover .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-surface--hover .mdc-checkbox__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded--background-focused .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):focus .mdc-checkbox__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded) .mdc-checkbox__ripple::after{transition:opacity 150ms linear}.mdc-checkbox.mdc-checkbox--selected:not(.mdc-ripple-upgraded):active .mdc-checkbox__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-checkbox--selected.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::before,.mdc-checkbox.mdc-ripple-upgraded--background-focused.mdc-checkbox--selected .mdc-checkbox__ripple::after{background-color:#018786;background-color:var(--mdc-ripple-color, var(--mdc-theme-secondary, #018786))}.mdc-checkbox .mdc-checkbox__background{top:calc((40px - 18px) / 2);top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((40px - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - 40px) / 2);top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - 40px) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - 40px) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:40px;width:var(--mdc-checkbox-touch-target-size, 40px);height:40px;height:var(--mdc-checkbox-touch-target-size, 40px)}.mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control:enabled:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled~.mdc-checkbox__background{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}@keyframes mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786{0%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}50%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}}@keyframes mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786{0%,80%{border-color:#018786;border-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786));background-color:#018786;background-color:var(--mdc-checkbox-checked-color, var(--mdc-theme-secondary, #018786))}100%{border-color:rgba(0, 0, 0, 0.54);border-color:var(--mdc-checkbox-unchecked-color, rgba(0, 0, 0, 0.54));background-color:transparent}}.mdc-checkbox.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-in-background-8A000000FF01878600000000FF018786}.mdc-checkbox.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__native-control:enabled~.mdc-checkbox__background{animation-name:mdc-checkbox-fade-out-background-8A000000FF01878600000000FF018786}.mdc-checkbox .mdc-checkbox__native-control[disabled]:not(:checked):not(:indeterminate):not([data-indeterminate=true])~.mdc-checkbox__background{border-color:rgba(0, 0, 0, 0.38);border-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38));background-color:transparent}.mdc-checkbox .mdc-checkbox__native-control[disabled]:checked~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[disabled]:indeterminate~.mdc-checkbox__background,.mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true][disabled]~.mdc-checkbox__background{border-color:transparent;background-color:rgba(0, 0, 0, 0.38);background-color:var(--mdc-checkbox-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:enabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__checkmark{color:#fff;color:var(--mdc-checkbox-ink-color, #fff)}.mdc-checkbox .mdc-checkbox__native-control:disabled~.mdc-checkbox__background .mdc-checkbox__mixedmark{border-color:#fff;border-color:var(--mdc-checkbox-ink-color, #fff)}.mdc-touch-target-wrapper{display:inline}@keyframes mdc-checkbox-unchecked-checked-checkmark-path{0%,50%{stroke-dashoffset:29.7833385}50%{animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}100%{stroke-dashoffset:0}}@keyframes mdc-checkbox-unchecked-indeterminate-mixedmark{0%,68.2%{transform:scaleX(0)}68.2%{animation-timing-function:cubic-bezier(0, 0, 0, 1)}100%{transform:scaleX(1)}}@keyframes mdc-checkbox-checked-unchecked-checkmark-path{from{animation-timing-function:cubic-bezier(0.4, 0, 1, 1);opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:-29.7833385}}@keyframes mdc-checkbox-checked-indeterminate-checkmark{from{animation-timing-function:cubic-bezier(0, 0, 0.2, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(45deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-checked-checkmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(45deg);opacity:0}to{transform:rotate(360deg);opacity:1}}@keyframes mdc-checkbox-checked-indeterminate-mixedmark{from{animation-timing-function:mdc-animation-deceleration-curve-timing-function;transform:rotate(-45deg);opacity:0}to{transform:rotate(0deg);opacity:1}}@keyframes mdc-checkbox-indeterminate-checked-mixedmark{from{animation-timing-function:cubic-bezier(0.14, 0, 0, 1);transform:rotate(0deg);opacity:1}to{transform:rotate(315deg);opacity:0}}@keyframes mdc-checkbox-indeterminate-unchecked-mixedmark{0%{animation-timing-function:linear;transform:scaleX(1);opacity:1}32.8%,100%{transform:scaleX(0);opacity:0}}.mdc-checkbox{display:inline-block;position:relative;flex:0 0 18px;box-sizing:content-box;width:18px;height:18px;line-height:0;white-space:nowrap;cursor:pointer;vertical-align:bottom}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__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-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring{border-color:CanvasText}}.mdc-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__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-checkbox.mdc-ripple-upgraded--background-focused .mdc-checkbox__focus-ring::after,.mdc-checkbox:not(.mdc-ripple-upgraded):focus .mdc-checkbox__focus-ring::after{border-color:CanvasText}}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-checkbox__mixedmark{margin:0 1px}}.mdc-checkbox--disabled{cursor:default;pointer-events:none}.mdc-checkbox__background{display:inline-flex;position:absolute;align-items:center;justify-content:center;box-sizing:border-box;width:18px;height:18px;border:2px solid currentColor;border-radius:2px;background-color:transparent;pointer-events:none;will-change:background-color,border-color;transition:background-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__checkmark{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0;transition:opacity 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--upgraded .mdc-checkbox__checkmark{opacity:1}.mdc-checkbox__checkmark-path{transition:stroke-dashoffset 180ms 0ms cubic-bezier(0.4, 0, 0.6, 1);stroke:currentColor;stroke-width:3.12px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.mdc-checkbox__mixedmark{width:100%;height:0;transform:scaleX(0) rotate(0deg);border-width:1px;border-style:solid;opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__background,.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__background,.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__background,.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__background{animation-duration:180ms;animation-timing-function:linear}.mdc-checkbox--anim-unchecked-checked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-unchecked-checked-checkmark-path 180ms linear 0s;transition:none}.mdc-checkbox--anim-unchecked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-unchecked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-unchecked .mdc-checkbox__checkmark-path{animation:mdc-checkbox-checked-unchecked-checkmark-path 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__checkmark{animation:mdc-checkbox-checked-indeterminate-checkmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-checked-indeterminate .mdc-checkbox__mixedmark{animation:mdc-checkbox-checked-indeterminate-mixedmark 90ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__checkmark{animation:mdc-checkbox-indeterminate-checked-checkmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-checked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-checked-mixedmark 500ms linear 0s;transition:none}.mdc-checkbox--anim-indeterminate-unchecked .mdc-checkbox__mixedmark{animation:mdc-checkbox-indeterminate-unchecked-mixedmark 300ms linear 0s;transition:none}.mdc-checkbox__native-control:checked~.mdc-checkbox__background,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background{transition:border-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1),background-color 90ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark-path,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark-path{stroke-dashoffset:0}.mdc-checkbox__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit}.mdc-checkbox__native-control:disabled{cursor:default;pointer-events:none}.mdc-checkbox--touch{margin:calc((48px - 40px) / 2);margin:calc((var(--mdc-checkbox-state-layer-size, 48px) - var(--mdc-checkbox-state-layer-size, 40px)) / 2)}.mdc-checkbox--touch .mdc-checkbox__native-control{top:calc((40px - 48px) / 2);top:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);right:calc((40px - 48px) / 2);right:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);left:calc((40px - 48px) / 2);left:calc((var(--mdc-checkbox-state-layer-size, 40px) - var(--mdc-checkbox-state-layer-size, 48px)) / 2);width:48px;width:var(--mdc-checkbox-state-layer-size, 48px);height:48px;height:var(--mdc-checkbox-state-layer-size, 48px)}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__checkmark{transition:opacity 180ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 180ms 0ms cubic-bezier(0, 0, 0.2, 1);opacity:1}.mdc-checkbox__native-control:checked~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(-45deg)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__checkmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__checkmark{transform:rotate(45deg);opacity:0;transition:opacity 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 90ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-checkbox__native-control:indeterminate~.mdc-checkbox__background .mdc-checkbox__mixedmark,.mdc-checkbox__native-control[data-indeterminate=true]~.mdc-checkbox__background .mdc-checkbox__mixedmark{transform:scaleX(1) rotate(0deg);opacity:1}.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__background,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__checkmark-path,.mdc-checkbox.mdc-checkbox--upgraded .mdc-checkbox__mixedmark{transition:none}:host{outline:none;display:inline-flex;-webkit-tap-highlight-color:transparent}:host([checked]),:host([indeterminate]){--mdc-ripple-color:var(--mdc-theme-secondary, #018786)}.mdc-checkbox .mdc-checkbox__background::before{content:none}`;exports.styles=e;
@@ -1,13 +1,4 @@
1
- import { _ as h, a as p, b as r } from "./tslib.es6.mjs";
2
- import "./inert.esm.mjs";
3
- import { B as F } from "./base-element.mjs";
4
- import { o as b } from "./observer.mjs";
5
- import { y as c } from "./query-assigned-elements.mjs";
6
- import { e as l } from "./property.mjs";
7
- import { i as C } from "./query.mjs";
8
- import { o as g } from "./class-map.mjs";
9
- import { a as N } from "./utils.mjs";
10
- /**
1
+ "use strict";const r=require("./tslib.es6.mjs");require("./inert.esm.mjs");const E=require("./base-element.mjs"),O=require("./observer.mjs"),c=require("./query-assigned-elements.mjs"),l=require("./property.mjs"),f=require("./query.mjs"),b=require("./class-map.mjs"),F=require("./utils.mjs");/**
11
2
  * @license
12
3
  * Copyright 2016 Google Inc.
13
4
  *
@@ -28,24 +19,7 @@ import { a as N } from "./utils.mjs";
28
19
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
29
20
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
30
21
  * THE SOFTWARE.
31
- */
32
- var i = {
33
- ANIMATE: "mdc-drawer--animate",
34
- CLOSING: "mdc-drawer--closing",
35
- DISMISSIBLE: "mdc-drawer--dismissible",
36
- MODAL: "mdc-drawer--modal",
37
- OPEN: "mdc-drawer--open",
38
- OPENING: "mdc-drawer--opening",
39
- ROOT: "mdc-drawer"
40
- }, u = {
41
- APP_CONTENT_SELECTOR: ".mdc-drawer-app-content",
42
- CLOSE_EVENT: "MDCDrawer:closed",
43
- OPEN_EVENT: "MDCDrawer:opened",
44
- SCRIM_SELECTOR: ".mdc-drawer-scrim",
45
- LIST_SELECTOR: ".mdc-list,.mdc-deprecated-list",
46
- LIST_ITEM_ACTIVATED_SELECTOR: ".mdc-list-item--activated,.mdc-deprecated-list-item--activated"
47
- };
48
- /**
22
+ */var s={ANIMATE:"mdc-drawer--animate",CLOSING:"mdc-drawer--closing",DISMISSIBLE:"mdc-drawer--dismissible",MODAL:"mdc-drawer--modal",OPEN:"mdc-drawer--open",OPENING:"mdc-drawer--opening",ROOT:"mdc-drawer"},u={APP_CONTENT_SELECTOR:".mdc-drawer-app-content",CLOSE_EVENT:"MDCDrawer:closed",OPEN_EVENT:"MDCDrawer:opened",SCRIM_SELECTOR:".mdc-drawer-scrim",LIST_SELECTOR:".mdc-list,.mdc-deprecated-list",LIST_ITEM_ACTIVATED_SELECTOR:".mdc-list-item--activated,.mdc-deprecated-list-item--activated"};/**
49
23
  * @license
50
24
  * Copyright 2016 Google Inc.
51
25
  *
@@ -66,43 +40,7 @@ var i = {
66
40
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
67
41
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
68
42
  * THE SOFTWARE.
69
- */
70
- var w = (
71
- /** @class */
72
- function() {
73
- function n(e) {
74
- e === void 0 && (e = {}), this.adapter = e;
75
- }
76
- return Object.defineProperty(n, "cssClasses", {
77
- get: function() {
78
- return {};
79
- },
80
- enumerable: !1,
81
- configurable: !0
82
- }), Object.defineProperty(n, "strings", {
83
- get: function() {
84
- return {};
85
- },
86
- enumerable: !1,
87
- configurable: !0
88
- }), Object.defineProperty(n, "numbers", {
89
- get: function() {
90
- return {};
91
- },
92
- enumerable: !1,
93
- configurable: !0
94
- }), Object.defineProperty(n, "defaultAdapter", {
95
- get: function() {
96
- return {};
97
- },
98
- enumerable: !1,
99
- configurable: !0
100
- }), n.prototype.init = function() {
101
- }, n.prototype.destroy = function() {
102
- }, n;
103
- }()
104
- );
105
- /**
43
+ */var _=function(){function n(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(n,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(n,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(n,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(n,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),n.prototype.init=function(){},n.prototype.destroy=function(){},n}();/**
106
44
  * @license
107
45
  * Copyright 2018 Google Inc.
108
46
  *
@@ -123,93 +61,7 @@ var w = (
123
61
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
124
62
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
125
63
  * THE SOFTWARE.
126
- */
127
- var v = (
128
- /** @class */
129
- function(n) {
130
- h(e, n);
131
- function e(t) {
132
- var s = n.call(this, p(p({}, e.defaultAdapter), t)) || this;
133
- return s.animationFrame = 0, s.animationTimer = 0, s;
134
- }
135
- return Object.defineProperty(e, "strings", {
136
- get: function() {
137
- return u;
138
- },
139
- enumerable: !1,
140
- configurable: !0
141
- }), Object.defineProperty(e, "cssClasses", {
142
- get: function() {
143
- return i;
144
- },
145
- enumerable: !1,
146
- configurable: !0
147
- }), Object.defineProperty(e, "defaultAdapter", {
148
- get: function() {
149
- return {
150
- addClass: function() {
151
- },
152
- removeClass: function() {
153
- },
154
- hasClass: function() {
155
- return !1;
156
- },
157
- elementHasClass: function() {
158
- return !1;
159
- },
160
- notifyClose: function() {
161
- },
162
- notifyOpen: function() {
163
- },
164
- saveFocus: function() {
165
- },
166
- restoreFocus: function() {
167
- },
168
- focusActiveNavigationItem: function() {
169
- },
170
- trapFocus: function() {
171
- },
172
- releaseFocus: function() {
173
- }
174
- };
175
- },
176
- enumerable: !1,
177
- configurable: !0
178
- }), e.prototype.destroy = function() {
179
- this.animationFrame && cancelAnimationFrame(this.animationFrame), this.animationTimer && clearTimeout(this.animationTimer);
180
- }, e.prototype.open = function() {
181
- var t = this;
182
- this.isOpen() || this.isOpening() || this.isClosing() || (this.adapter.addClass(i.OPEN), this.adapter.addClass(i.ANIMATE), this.runNextAnimationFrame(function() {
183
- t.adapter.addClass(i.OPENING);
184
- }), this.adapter.saveFocus());
185
- }, e.prototype.close = function() {
186
- !this.isOpen() || this.isOpening() || this.isClosing() || this.adapter.addClass(i.CLOSING);
187
- }, e.prototype.isOpen = function() {
188
- return this.adapter.hasClass(i.OPEN);
189
- }, e.prototype.isOpening = function() {
190
- return this.adapter.hasClass(i.OPENING) || this.adapter.hasClass(i.ANIMATE);
191
- }, e.prototype.isClosing = function() {
192
- return this.adapter.hasClass(i.CLOSING);
193
- }, e.prototype.handleKeydown = function(t) {
194
- var s = t.keyCode, a = t.key, d = a === "Escape" || s === 27;
195
- d && this.close();
196
- }, e.prototype.handleTransitionEnd = function(t) {
197
- var s = i.OPENING, a = i.CLOSING, d = i.OPEN, y = i.ANIMATE, E = i.ROOT, O = this.isElement(t.target) && this.adapter.elementHasClass(t.target, E);
198
- O && (this.isClosing() ? (this.adapter.removeClass(d), this.closed(), this.adapter.restoreFocus(), this.adapter.notifyClose()) : (this.adapter.focusActiveNavigationItem(), this.opened(), this.adapter.notifyOpen()), this.adapter.removeClass(y), this.adapter.removeClass(s), this.adapter.removeClass(a));
199
- }, e.prototype.opened = function() {
200
- }, e.prototype.closed = function() {
201
- }, e.prototype.runNextAnimationFrame = function(t) {
202
- var s = this;
203
- cancelAnimationFrame(this.animationFrame), this.animationFrame = requestAnimationFrame(function() {
204
- s.animationFrame = 0, clearTimeout(s.animationTimer), s.animationTimer = setTimeout(t, 0);
205
- });
206
- }, e.prototype.isElement = function(t) {
207
- return Boolean(t.classList);
208
- }, e;
209
- }(w)
210
- );
211
- const T = v;
212
- /**
64
+ */var h=function(n){r.__extends(e,n);function e(t){var i=n.call(this,r.__assign(r.__assign({},e.defaultAdapter),t))||this;return i.animationFrame=0,i.animationTimer=0,i}return Object.defineProperty(e,"strings",{get:function(){return u},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return s},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},elementHasClass:function(){return!1},notifyClose:function(){},notifyOpen:function(){},saveFocus:function(){},restoreFocus:function(){},focusActiveNavigationItem:function(){},trapFocus:function(){},releaseFocus:function(){}}},enumerable:!1,configurable:!0}),e.prototype.destroy=function(){this.animationFrame&&cancelAnimationFrame(this.animationFrame),this.animationTimer&&clearTimeout(this.animationTimer)},e.prototype.open=function(){var t=this;this.isOpen()||this.isOpening()||this.isClosing()||(this.adapter.addClass(s.OPEN),this.adapter.addClass(s.ANIMATE),this.runNextAnimationFrame(function(){t.adapter.addClass(s.OPENING)}),this.adapter.saveFocus())},e.prototype.close=function(){!this.isOpen()||this.isOpening()||this.isClosing()||this.adapter.addClass(s.CLOSING)},e.prototype.isOpen=function(){return this.adapter.hasClass(s.OPEN)},e.prototype.isOpening=function(){return this.adapter.hasClass(s.OPENING)||this.adapter.hasClass(s.ANIMATE)},e.prototype.isClosing=function(){return this.adapter.hasClass(s.CLOSING)},e.prototype.handleKeydown=function(t){var i=t.keyCode,o=t.key,d=o==="Escape"||i===27;d&&this.close()},e.prototype.handleTransitionEnd=function(t){var i=s.OPENING,o=s.CLOSING,d=s.OPEN,C=s.ANIMATE,y=s.ROOT,v=this.isElement(t.target)&&this.adapter.elementHasClass(t.target,y);v&&(this.isClosing()?(this.adapter.removeClass(d),this.closed(),this.adapter.restoreFocus(),this.adapter.notifyClose()):(this.adapter.focusActiveNavigationItem(),this.opened(),this.adapter.notifyOpen()),this.adapter.removeClass(C),this.adapter.removeClass(i),this.adapter.removeClass(o))},e.prototype.opened=function(){},e.prototype.closed=function(){},e.prototype.runNextAnimationFrame=function(t){var i=this;cancelAnimationFrame(this.animationFrame),this.animationFrame=requestAnimationFrame(function(){i.animationFrame=0,clearTimeout(i.animationTimer),i.animationTimer=setTimeout(t,0)})},e.prototype.isElement=function(t){return Boolean(t.classList)},e}(_);const g=h;/**
213
65
  * @license
214
66
  * Copyright 2018 Google Inc.
215
67
  *
@@ -230,106 +82,24 @@ const T = v;
230
82
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
231
83
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
232
84
  * THE SOFTWARE.
233
- */
234
- var _ = (
235
- /** @class */
236
- function(n) {
237
- h(e, n);
238
- function e() {
239
- return n !== null && n.apply(this, arguments) || this;
240
- }
241
- return e.prototype.handleScrimClick = function() {
242
- this.close();
243
- }, e.prototype.opened = function() {
244
- this.adapter.trapFocus();
245
- }, e.prototype.closed = function() {
246
- this.adapter.releaseFocus();
247
- }, e;
248
- }(v)
249
- );
250
- const m = _;
251
- /**
85
+ */var N=function(n){r.__extends(e,n);function e(){return n!==null&&n.apply(this,arguments)||this}return e.prototype.handleScrimClick=function(){this.close()},e.prototype.opened=function(){this.adapter.trapFocus()},e.prototype.closed=function(){this.adapter.releaseFocus()},e}(h);const p=N;/**
252
86
  * @license
253
87
  * Copyright 2018 Google LLC
254
88
  * SPDX-License-Identifier: Apache-2.0
255
- */
256
- const f = document.$blockingElements;
257
- class o extends F {
258
- constructor() {
259
- super(...arguments), this._previousFocus = null, this.open = !1, this.hasHeader = !1, this.type = "";
260
- }
261
- get mdcFoundationClass() {
262
- return this.type === "modal" ? m : T;
263
- }
264
- createAdapter() {
265
- return Object.assign(Object.assign({}, N(this.mdcRoot)), { elementHasClass: (e, t) => e.classList.contains(t), saveFocus: () => {
266
- this._previousFocus = this.getRootNode().activeElement;
267
- }, restoreFocus: () => {
268
- this._previousFocus && this._previousFocus.focus && this._previousFocus.focus();
269
- }, notifyClose: () => {
270
- this.open = !1, this.dispatchEvent(new Event(u.CLOSE_EVENT, { bubbles: !0, cancelable: !0 }));
271
- }, notifyOpen: () => {
272
- this.open = !0, this.dispatchEvent(new Event(u.OPEN_EVENT, { bubbles: !0, cancelable: !0 }));
273
- }, focusActiveNavigationItem: () => {
274
- }, trapFocus: () => {
275
- f.push(this), this.appContent.inert = !0;
276
- }, releaseFocus: () => {
277
- f.remove(this), this.appContent.inert = !1;
278
- } });
279
- }
280
- _handleScrimClick() {
281
- this.mdcFoundation instanceof m && this.mdcFoundation.handleScrimClick();
282
- }
283
- render() {
284
- const e = this.type === "dismissible" || this.type === "modal", t = this.type === "modal", s = this.hasHeader ? c`
89
+ */const m=document.$blockingElements;class a extends E.BaseElement{constructor(){super(...arguments),this._previousFocus=null,this.open=!1,this.hasHeader=!1,this.type=""}get mdcFoundationClass(){return this.type==="modal"?p:g}createAdapter(){return Object.assign(Object.assign({},F.addHasRemoveClass(this.mdcRoot)),{elementHasClass:(e,t)=>e.classList.contains(t),saveFocus:()=>{this._previousFocus=this.getRootNode().activeElement},restoreFocus:()=>{this._previousFocus&&this._previousFocus.focus&&this._previousFocus.focus()},notifyClose:()=>{this.open=!1,this.dispatchEvent(new Event(u.CLOSE_EVENT,{bubbles:!0,cancelable:!0}))},notifyOpen:()=>{this.open=!0,this.dispatchEvent(new Event(u.OPEN_EVENT,{bubbles:!0,cancelable:!0}))},focusActiveNavigationItem:()=>{},trapFocus:()=>{m.push(this),this.appContent.inert=!0},releaseFocus:()=>{m.remove(this),this.appContent.inert=!1}})}_handleScrimClick(){this.mdcFoundation instanceof p&&this.mdcFoundation.handleScrimClick()}render(){const e=this.type==="dismissible"||this.type==="modal",t=this.type==="modal",i=this.hasHeader?c.y`
285
90
  <div class="mdc-drawer__header">
286
91
  <h3 class="mdc-drawer__title"><slot name="title"></slot></h3>
287
92
  <h6 class="mdc-drawer__subtitle"><slot name="subtitle"></slot></h6>
288
93
  <slot name="header"></slot>
289
94
  </div>
290
- ` : "";
291
- return c`
292
- <aside class="mdc-drawer ${g({
293
- "mdc-drawer--dismissible": e,
294
- "mdc-drawer--modal": t
295
- })}">
296
- ${s}
95
+ `:"",o={"mdc-drawer--dismissible":e,"mdc-drawer--modal":t};return c.y`
96
+ <aside class="mdc-drawer ${b.o(o)}">
97
+ ${i}
297
98
  <div class="mdc-drawer__content"><slot></slot></div>
298
99
  </aside>
299
- ${t ? c`<div class="mdc-drawer-scrim"
300
- @click="${this._handleScrimClick}"></div>` : ""}
100
+ ${t?c.y`<div class="mdc-drawer-scrim"
101
+ @click="${this._handleScrimClick}"></div>`:""}
301
102
  <div class="mdc-drawer-app-content">
302
103
  <slot name="appContent"></slot>
303
104
  </div>
304
- `;
305
- }
306
- // note, we avoid calling `super.firstUpdated()` to control when
307
- // `createFoundation()` is called.
308
- firstUpdated() {
309
- this.mdcRoot.addEventListener("keydown", (e) => this.mdcFoundation.handleKeydown(e)), this.mdcRoot.addEventListener("transitionend", (e) => this.mdcFoundation.handleTransitionEnd(e));
310
- }
311
- updated(e) {
312
- e.has("type") && this.createFoundation();
313
- }
314
- }
315
- r([
316
- C(".mdc-drawer")
317
- ], o.prototype, "mdcRoot", void 0);
318
- r([
319
- C(".mdc-drawer-app-content")
320
- ], o.prototype, "appContent", void 0);
321
- r([
322
- b(function(n) {
323
- this.type !== "" && (n ? this.mdcFoundation.open() : this.mdcFoundation.close());
324
- }),
325
- l({ type: Boolean, reflect: !0 })
326
- ], o.prototype, "open", void 0);
327
- r([
328
- l({ type: Boolean })
329
- ], o.prototype, "hasHeader", void 0);
330
- r([
331
- l({ reflect: !0 })
332
- ], o.prototype, "type", void 0);
333
- export {
334
- o as D
335
- };
105
+ `}firstUpdated(){this.mdcRoot.addEventListener("keydown",e=>this.mdcFoundation.handleKeydown(e)),this.mdcRoot.addEventListener("transitionend",e=>this.mdcFoundation.handleTransitionEnd(e))}updated(e){e.has("type")&&this.createFoundation()}}r.__decorate([f.i(".mdc-drawer")],a.prototype,"mdcRoot",void 0);r.__decorate([f.i(".mdc-drawer-app-content")],a.prototype,"appContent",void 0);r.__decorate([O.observer(function(n){this.type!==""&&(n?this.mdcFoundation.open():this.mdcFoundation.close())}),l.e({type:Boolean,reflect:!0})],a.prototype,"open",void 0);r.__decorate([l.e({type:Boolean})],a.prototype,"hasHeader",void 0);r.__decorate([l.e({reflect:!0})],a.prototype,"type",void 0);exports.DrawerBase=a;
package/mwc-icon.mjs CHANGED
@@ -1,26 +1,9 @@
1
- import { b as o } from "./tslib.es6.mjs";
2
- import { i as n, s as e, y as i, e as s } from "./query-assigned-elements.mjs";
3
- /**
1
+ "use strict";const t=require("./tslib.es6.mjs"),e=require("./query-assigned-elements.mjs");/**
4
2
  * @license
5
3
  * Copyright 2021 Google LLC
6
4
  * SPDX-LIcense-Identifier: Apache-2.0
7
- */
8
- const r = n`: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"}`;
9
- /**
5
+ */const n=e.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"}`;/**
10
6
  * @license
11
7
  * Copyright 2018 Google LLC
12
8
  * SPDX-License-Identifier: Apache-2.0
13
- */
14
- let t = class extends e {
15
- /** @soyTemplate */
16
- render() {
17
- return i`<span><slot></slot></span>`;
18
- }
19
- };
20
- t.styles = [r];
21
- t = o([
22
- s("mwc-icon")
23
- ], t);
24
- export {
25
- t as I
26
- };
9
+ */exports.Icon=class extends e.s{render(){return e.y`<span><slot></slot></span>`}};exports.Icon.styles=[n];exports.Icon=t.__decorate([e.e("mwc-icon")],exports.Icon);