@covalent/components 6.0.1 → 6.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (193) hide show
  1. package/action-ribbon.mjs +9 -7
  2. package/alert.mjs +13 -11
  3. package/app-shell.mjs +10 -4
  4. package/aria-property.mjs +41 -0
  5. package/base-element.mjs +28 -0
  6. package/button.mjs +180 -13
  7. package/card.mjs +3 -3
  8. package/check-list-item.mjs +92 -14
  9. package/checkbox.mjs +26 -14
  10. package/circular-progress.mjs +144 -10
  11. package/class-map.mjs +62 -0
  12. package/code-snippet.mjs +6 -5
  13. package/covalent.mjs +2 -2
  14. package/covalent.umd.js +3339 -137
  15. package/dialog.mjs +750 -15
  16. package/directive-helpers.mjs +11 -0
  17. package/drawer.mjs +26 -15
  18. package/empty-state.mjs +4 -4
  19. package/event-options.mjs +14 -0
  20. package/form-element.mjs +50 -0
  21. package/foundation.mjs +152 -0
  22. package/foundation2.mjs +60 -0
  23. package/icon-button.mjs +130 -15
  24. package/icon-check-toggle.mjs +18 -8
  25. package/icon-radio-toggle.mjs +29 -18
  26. package/icon.mjs +19 -13
  27. package/if-defined.mjs +10 -0
  28. package/inert.esm.mjs +640 -0
  29. package/linear-progress.mjs +178 -15
  30. package/list-expansion.mjs +33 -22
  31. package/list-item.mjs +19 -20
  32. package/list.mjs +26 -13
  33. package/menu.mjs +32 -13
  34. package/mwc-checkbox-base.mjs +198 -0
  35. package/mwc-checkbox.css.mjs +10 -0
  36. package/mwc-drawer-base.mjs +335 -0
  37. package/mwc-icon.mjs +26 -0
  38. package/mwc-line-ripple-directive.mjs +653 -0
  39. package/mwc-list-base.mjs +840 -0
  40. package/mwc-list-item-base.mjs +202 -0
  41. package/mwc-list-item.css.mjs +17 -0
  42. package/mwc-menu-base.mjs +1145 -0
  43. package/mwc-radio-base.mjs +528 -0
  44. package/mwc-radio.css.mjs +10 -0
  45. package/mwc-slider.css.mjs +956 -0
  46. package/mwc-tab-base.mjs +694 -0
  47. package/mwc-top-app-bar-base.mjs +380 -0
  48. package/nav-list-item.mjs +28 -20
  49. package/observer.mjs +32 -0
  50. package/package.json +9 -2
  51. package/property.mjs +20 -0
  52. package/query-assigned-elements.mjs +615 -0
  53. package/query-assigned-nodes.mjs +17 -0
  54. package/query.mjs +25 -0
  55. package/radio-list-item.mjs +93 -12
  56. package/radio.mjs +28 -15
  57. package/ripple-handlers.mjs +761 -0
  58. package/select.mjs +1257 -15
  59. package/side-sheet.mjs +21 -16
  60. package/slider-range.mjs +438 -11
  61. package/slider.mjs +253 -13
  62. package/snackbar.mjs +456 -15
  63. package/src/action-ribbon/action-ribbon-base.d.ts +30 -0
  64. package/src/action-ribbon/action-ribbon-base.d.ts.map +1 -0
  65. package/src/action-ribbon/action-ribbon.d.ts +15 -0
  66. package/src/action-ribbon/action-ribbon.d.ts.map +1 -0
  67. package/src/alert/alert-base.d.ts +31 -0
  68. package/src/alert/alert-base.d.ts.map +1 -0
  69. package/src/alert/alert.d.ts +15 -0
  70. package/src/alert/alert.d.ts.map +1 -0
  71. package/src/app-shell/app-shell.d.ts +26 -0
  72. package/src/app-shell/app-shell.d.ts.map +1 -0
  73. package/src/button/button.d.ts +10 -0
  74. package/src/button/button.d.ts.map +1 -0
  75. package/src/card/card-base.d.ts +25 -0
  76. package/src/card/card-base.d.ts.map +1 -0
  77. package/src/card/card.d.ts +10 -0
  78. package/src/card/card.d.ts.map +1 -0
  79. package/src/checkbox/checkbox.d.ts +10 -0
  80. package/src/checkbox/checkbox.d.ts.map +1 -0
  81. package/src/chips/chip-base.d.ts +52 -0
  82. package/src/chips/chip-base.d.ts.map +1 -0
  83. package/src/chips/chip-set-base.d.ts +33 -0
  84. package/src/chips/chip-set-base.d.ts.map +1 -0
  85. package/src/chips/chip-set.d.ts +15 -0
  86. package/src/chips/chip-set.d.ts.map +1 -0
  87. package/src/chips/chip.d.ts +15 -0
  88. package/src/chips/chip.d.ts.map +1 -0
  89. package/src/chips/foundation.d.ts +60 -0
  90. package/src/chips/foundation.d.ts.map +1 -0
  91. package/src/circular-progress/circular-progress.d.ts +10 -0
  92. package/src/circular-progress/circular-progress.d.ts.map +1 -0
  93. package/src/code-snippet/code-snippet.d.ts +21 -0
  94. package/src/code-snippet/code-snippet.d.ts.map +1 -0
  95. package/src/dialog/dialog.d.ts +10 -0
  96. package/src/dialog/dialog.d.ts.map +1 -0
  97. package/src/drawer/drawer.d.ts +10 -0
  98. package/src/drawer/drawer.d.ts.map +1 -0
  99. package/src/empty-state/empty-state.d.ts +16 -0
  100. package/src/empty-state/empty-state.d.ts.map +1 -0
  101. package/src/formfield/formfield.d.ts +10 -0
  102. package/src/formfield/formfield.d.ts.map +1 -0
  103. package/src/icon/icon.d.ts +10 -0
  104. package/src/icon/icon.d.ts.map +1 -0
  105. package/src/icon-button/icon-button.d.ts +10 -0
  106. package/src/icon-button/icon-button.d.ts.map +1 -0
  107. package/src/icon-checkbox/icon-check-toggle.d.ts +15 -0
  108. package/src/icon-checkbox/icon-check-toggle.d.ts.map +1 -0
  109. package/src/icon-radio/icon-radio-toggle.d.ts +14 -0
  110. package/src/icon-radio/icon-radio-toggle.d.ts.map +1 -0
  111. package/src/index.d.ts +3 -0
  112. package/src/index.d.ts.map +1 -0
  113. package/src/linear-progress/linear-progress.d.ts +10 -0
  114. package/src/linear-progress/linear-progress.d.ts.map +1 -0
  115. package/src/list/check-list-item.d.ts +10 -0
  116. package/src/list/check-list-item.d.ts.map +1 -0
  117. package/src/list/list-expansion.d.ts +18 -0
  118. package/src/list/list-expansion.d.ts.map +1 -0
  119. package/src/list/list-item.d.ts +12 -0
  120. package/src/list/list-item.d.ts.map +1 -0
  121. package/src/list/list.d.ts +10 -0
  122. package/src/list/list.d.ts.map +1 -0
  123. package/src/list/nav-list-item.d.ts +12 -0
  124. package/src/list/nav-list-item.d.ts.map +1 -0
  125. package/src/list/radio-list-item.d.ts +10 -0
  126. package/src/list/radio-list-item.d.ts.map +1 -0
  127. package/src/menu/menu.d.ts +10 -0
  128. package/src/menu/menu.d.ts.map +1 -0
  129. package/src/radio/radio.d.ts +10 -0
  130. package/src/radio/radio.d.ts.map +1 -0
  131. package/src/select/select.d.ts +10 -0
  132. package/src/select/select.d.ts.map +1 -0
  133. package/src/side-sheet/side-sheet.d.ts +18 -0
  134. package/src/side-sheet/side-sheet.d.ts.map +1 -0
  135. package/src/slider/slider-range.d.ts +10 -0
  136. package/src/slider/slider-range.d.ts.map +1 -0
  137. package/src/slider/slider.d.ts +10 -0
  138. package/src/slider/slider.d.ts.map +1 -0
  139. package/src/snackbar/snackbar.d.ts +10 -0
  140. package/src/snackbar/snackbar.d.ts.map +1 -0
  141. package/src/status-header/status-header-base.d.ts +9 -0
  142. package/src/status-header/status-header-base.d.ts.map +1 -0
  143. package/src/status-header/status-header-item.d.ts +17 -0
  144. package/src/status-header/status-header-item.d.ts.map +1 -0
  145. package/src/status-header/status-header.d.ts +15 -0
  146. package/src/status-header/status-header.d.ts.map +1 -0
  147. package/src/switch/switch.d.ts +10 -0
  148. package/src/switch/switch.d.ts.map +1 -0
  149. package/src/tab/tab-bar.d.ts +10 -0
  150. package/src/tab/tab-bar.d.ts.map +1 -0
  151. package/src/tab/tab.d.ts +10 -0
  152. package/src/tab/tab.d.ts.map +1 -0
  153. package/src/text-lockup/text-lockup.d.ts +17 -0
  154. package/src/text-lockup/text-lockup.d.ts.map +1 -0
  155. package/src/textarea/textarea.d.ts +10 -0
  156. package/src/textarea/textarea.d.ts.map +1 -0
  157. package/src/textfield/textfield.d.ts +10 -0
  158. package/src/textfield/textfield.d.ts.map +1 -0
  159. package/src/toolbar/toolbar.d.ts +10 -0
  160. package/src/toolbar/toolbar.d.ts.map +1 -0
  161. package/src/tooltip/tooltip.d.ts +27 -0
  162. package/src/tooltip/tooltip.d.ts.map +1 -0
  163. package/src/top-app-bar/top-app-bar-fixed.d.ts +10 -0
  164. package/src/top-app-bar/top-app-bar-fixed.d.ts.map +1 -0
  165. package/src/top-app-bar/top-app-bar.d.ts +10 -0
  166. package/src/top-app-bar/top-app-bar.d.ts.map +1 -0
  167. package/src/tree-list/tree-list-item.d.ts +16 -0
  168. package/src/tree-list/tree-list-item.d.ts.map +1 -0
  169. package/src/tree-list/tree-list.d.ts +11 -0
  170. package/src/tree-list/tree-list.d.ts.map +1 -0
  171. package/src/typography/typography.d.ts +12 -0
  172. package/src/typography/typography.d.ts.map +1 -0
  173. package/state.mjs +12 -0
  174. package/status-header-item.mjs +16 -16
  175. package/status-header.mjs +5 -5
  176. package/style-map.mjs +40 -0
  177. package/switch.mjs +531 -15
  178. package/tab-bar.mjs +1030 -13
  179. package/tab.mjs +29 -15
  180. package/text-lockup.mjs +8 -8
  181. package/textarea.mjs +111 -16
  182. package/textfield.mjs +34 -18
  183. package/textfield2.mjs +929 -2
  184. package/toolbar.mjs +8 -3
  185. package/tooltip.mjs +1153 -96
  186. package/top-app-bar-fixed.mjs +78 -18
  187. package/top-app-bar.mjs +19 -15
  188. package/top-app-bar2.mjs +9 -2
  189. package/tree-list-item.mjs +3 -3
  190. package/tree-list.mjs +6 -7
  191. package/tslib.es6.mjs +82 -0
  192. package/typography.mjs +8 -8
  193. package/utils.mjs +52 -0
@@ -0,0 +1,11 @@
1
+ import "./query-assigned-elements.mjs";
2
+ /**
3
+ * @license
4
+ * Copyright 2020 Google LLC
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ */
7
+ const r = (o) => o.strings === void 0, t = {}, e = (o, s = t) => o._$AH = s;
8
+ export {
9
+ r as e,
10
+ e as s
11
+ };
package/drawer.mjs CHANGED
@@ -1,20 +1,31 @@
1
- import { css as f, unsafeCSS as p } from "lit";
2
- import { customElement as c } from "lit/decorators.js";
3
- import { DrawerBase as v } from "@material/mwc-drawer/mwc-drawer-base";
4
- import { styles as n } from "@material/mwc-drawer/mwc-drawer.css?used";
5
- const _ = `:host{border-color:var(--mdc-theme-border)}
1
+ import { i as m, r as c, e as l } from "./query-assigned-elements.mjs";
2
+ import { D as p } from "./mwc-drawer-base.mjs";
3
+ import "./tslib.es6.mjs";
4
+ import "./inert.esm.mjs";
5
+ import "./base-element.mjs";
6
+ import "./utils.mjs";
7
+ import "./observer.mjs";
8
+ import "./property.mjs";
9
+ import "./query.mjs";
10
+ import "./class-map.mjs";
11
+ /**
12
+ * @license
13
+ * Copyright 2021 Google LLC
14
+ * SPDX-LIcense-Identifier: Apache-2.0
15
+ */
16
+ const s = m`.mdc-drawer{border-color:rgba(0, 0, 0, 0.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);border-top-left-radius:0;border-top-right-radius:0;border-top-right-radius:var(--mdc-shape-large, 0);border-bottom-right-radius:0;border-bottom-right-radius:var(--mdc-shape-large, 0);border-bottom-left-radius:0;z-index:6;width:256px;display:flex;flex-direction:column;flex-shrink:0;box-sizing:border-box;height:100%;border-right-width:1px;border-right-style:solid;overflow:hidden;transition-property:transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdc-drawer .mdc-drawer__title{color:rgba(0, 0, 0, 0.87)}.mdc-drawer .mdc-deprecated-list-group__subheader{color:rgba(0, 0, 0, 0.6)}.mdc-drawer .mdc-drawer__subtitle{color:rgba(0, 0, 0, 0.6)}.mdc-drawer .mdc-deprecated-list-item__graphic{color:rgba(0, 0, 0, 0.6)}.mdc-drawer .mdc-deprecated-list-item{color:rgba(0, 0, 0, 0.87)}.mdc-drawer .mdc-deprecated-list-item--activated .mdc-deprecated-list-item__graphic{color:#6200ee}.mdc-drawer .mdc-deprecated-list-item--activated{color:rgba(98, 0, 238, 0.87)}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-top-left-radius:0;border-top-left-radius:var(--mdc-shape-large, 0);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-left-radius:var(--mdc-shape-large, 0)}.mdc-drawer .mdc-deprecated-list-item{border-radius:4px;border-radius:var(--mdc-shape-small, 4px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px}[dir=rtl] .mdc-drawer,.mdc-drawer[dir=rtl]{border-right-width:0;border-left-width:1px;border-right-style:none;border-left-style:solid}.mdc-drawer .mdc-deprecated-list-item{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle2-font-size, 0.875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:0.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit);height:calc(48px - 2 * 4px);margin:8px 8px;padding:0 8px}.mdc-drawer .mdc-deprecated-list-item:nth-child(1){margin-top:2px}.mdc-drawer .mdc-deprecated-list-item:nth-last-child(1){margin-bottom:0}.mdc-drawer .mdc-deprecated-list-group__subheader{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;padding:0 16px}.mdc-drawer .mdc-deprecated-list-group__subheader::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-drawer .mdc-deprecated-list-divider{margin:3px 0 4px}.mdc-drawer .mdc-deprecated-list-item__text,.mdc-drawer .mdc-deprecated-list-item__graphic{pointer-events:none}.mdc-drawer--animate{transform:translateX(-100%)}[dir=rtl] .mdc-drawer--animate,.mdc-drawer--animate[dir=rtl]{transform:translateX(100%)}.mdc-drawer--opening{transform:translateX(0);transition-duration:250ms}[dir=rtl] .mdc-drawer--opening,.mdc-drawer--opening[dir=rtl]{transform:translateX(0)}.mdc-drawer--closing{transform:translateX(-100%);transition-duration:200ms}[dir=rtl] .mdc-drawer--closing,.mdc-drawer--closing[dir=rtl]{transform:translateX(100%)}.mdc-drawer__header{flex-shrink:0;box-sizing:border-box;min-height:64px;padding:0 16px 4px}.mdc-drawer__title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:0.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-drawer__title::before{display:inline-block;width:0;height:36px;content:"";vertical-align:0}.mdc-drawer__title::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-drawer__subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-bottom:0}.mdc-drawer__subtitle::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-drawer__content{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.mdc-drawer--dismissible{left:0;right:initial;display:none;position:absolute}[dir=rtl] .mdc-drawer--dismissible,.mdc-drawer--dismissible[dir=rtl]{left:initial;right:0}.mdc-drawer--dismissible.mdc-drawer--open{display:flex}.mdc-drawer-app-content{margin-left:0;margin-right:0;position:relative}[dir=rtl] .mdc-drawer-app-content,.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:0}.mdc-drawer--modal{box-shadow:0px 8px 10px -5px rgba(0, 0, 0, 0.2),0px 16px 24px 2px rgba(0, 0, 0, 0.14),0px 6px 30px 5px rgba(0,0,0,.12);left:0;right:initial;display:none;position:fixed}.mdc-drawer--modal+.mdc-drawer-scrim{background-color:rgba(0, 0, 0, 0.32)}[dir=rtl] .mdc-drawer--modal,.mdc-drawer--modal[dir=rtl]{left:initial;right:0}.mdc-drawer--modal.mdc-drawer--open{display:flex}.mdc-drawer-scrim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:5;transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.mdc-drawer--open+.mdc-drawer-scrim{display:block}.mdc-drawer--animate+.mdc-drawer-scrim{opacity:0}.mdc-drawer--opening+.mdc-drawer-scrim{transition-duration:250ms;opacity:1}.mdc-drawer--closing+.mdc-drawer-scrim{transition-duration:200ms;opacity:0}.mdc-drawer-app-content{overflow:auto;flex:1}:host{display:flex;height:100%}.mdc-drawer{width:256px;width:var(--mdc-drawer-width, 256px)}.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content{margin-left:256px;margin-left:var(--mdc-drawer-width, 256px);margin-right:0}[dir=rtl] .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content,.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing)+.mdc-drawer-app-content[dir=rtl]{margin-left:0;margin-right:256px;margin-right:var(--mdc-drawer-width, 256px)}`, g = `:host{border-color:var(--mdc-theme-border)}
6
17
  `;
7
- var w = Object.defineProperty, b = Object.getOwnPropertyDescriptor, i = (a, e, o, s) => {
8
- for (var r = s > 1 ? void 0 : s ? b(e, o) : e, t = a.length - 1, l; t >= 0; t--)
9
- (l = a[t]) && (r = (s ? l(e, o, r) : l(r)) || r);
10
- return s && r && w(e, o, r), r;
18
+ var h = Object.defineProperty, f = Object.getOwnPropertyDescriptor, w = (n, t, i, e) => {
19
+ for (var r = e > 1 ? void 0 : e ? f(t, i) : t, a = n.length - 1, d; a >= 0; a--)
20
+ (d = n[a]) && (r = (e ? d(t, i, r) : d(r)) || r);
21
+ return e && r && h(t, i, r), r;
11
22
  };
12
- let m = class extends v {
23
+ let o = class extends p {
13
24
  };
14
- m.styles = [n, f`${p(_)}`];
15
- m = i([
16
- c("cv-drawer")
17
- ], m);
25
+ o.styles = [s, m`${c(g)}`];
26
+ o = w([
27
+ l("cv-drawer")
28
+ ], o);
18
29
  export {
19
- m as CovalentDrawerBase
30
+ o as CovalentDrawerBase
20
31
  };
package/empty-state.mjs CHANGED
@@ -1,8 +1,8 @@
1
- import { LitElement as s, html as o, css as g, unsafeCSS as f } from "lit";
2
- import { property as h, customElement as l } from "lit/decorators.js";
1
+ import { s, y as o, i as g, r as f, e as l } from "./query-assigned-elements.mjs";
2
+ import { e as h } from "./property.mjs";
3
3
  import "./icon.mjs";
4
- import "@material/mwc-icon/mwc-icon";
5
- import "@material/mwc-icon/mwc-icon-host.css?used";
4
+ import "./mwc-icon.mjs";
5
+ import "./tslib.es6.mjs";
6
6
  const c = `.mdc-typography{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-font-family, Roboto, sans-serif)}.mdc-typography--headline1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:6rem;font-size:var(--mdc-typography-headline1-font-size, 6rem);line-height:6rem;line-height:var(--mdc-typography-headline1-line-height, 6rem);font-weight:300;font-weight:var(--mdc-typography-headline1-font-weight, 300);letter-spacing:-.015625em;letter-spacing:var(--mdc-typography-headline1-letter-spacing, -.015625em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline1-text-transform, inherit)}.mdc-typography--headline2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3.75rem;font-size:var(--mdc-typography-headline2-font-size, 3.75rem);line-height:3.75rem;line-height:var(--mdc-typography-headline2-line-height, 3.75rem);font-weight:300;font-weight:var(--mdc-typography-headline2-font-weight, 300);letter-spacing:-.0083333333em;letter-spacing:var(--mdc-typography-headline2-letter-spacing, -.0083333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline2-text-transform, inherit)}.mdc-typography--headline3{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline3-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:3rem;font-size:var(--mdc-typography-headline3-font-size, 3rem);line-height:3.125rem;line-height:var(--mdc-typography-headline3-line-height, 3.125rem);font-weight:400;font-weight:var(--mdc-typography-headline3-font-weight, 400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline3-letter-spacing, normal);text-decoration:inherit;text-decoration:var(--mdc-typography-headline3-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline3-text-transform, inherit)}.mdc-typography--headline4{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline4-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:2.125rem;font-size:var(--mdc-typography-headline4-font-size, 2.125rem);line-height:2.5rem;line-height:var(--mdc-typography-headline4-line-height, 2.5rem);font-weight:400;font-weight:var(--mdc-typography-headline4-font-weight, 400);letter-spacing:.0073529412em;letter-spacing:var(--mdc-typography-headline4-letter-spacing, .0073529412em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline4-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline4-text-transform, inherit)}.mdc-typography--headline5{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline5-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.5rem;font-size:var(--mdc-typography-headline5-font-size, 1.5rem);line-height:2rem;line-height:var(--mdc-typography-headline5-line-height, 2rem);font-weight:400;font-weight:var(--mdc-typography-headline5-font-weight, 400);letter-spacing:normal;letter-spacing:var(--mdc-typography-headline5-letter-spacing, normal);text-decoration:inherit;text-decoration:var(--mdc-typography-headline5-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline5-text-transform, inherit)}.mdc-typography--headline6{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1.25rem;font-size:var(--mdc-typography-headline6-font-size, 1.25rem);line-height:2rem;line-height:var(--mdc-typography-headline6-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:.0125em;letter-spacing:var(--mdc-typography-headline6-letter-spacing, .0125em);text-decoration:inherit;text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-headline6-text-transform, inherit)}.mdc-typography--subtitle1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, .009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit)}.mdc-typography--subtitle2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform, inherit)}.mdc-typography--body1{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-body1-font-size, 1rem);line-height:1.5rem;line-height:var(--mdc-typography-body1-line-height, 1.5rem);font-weight:400;font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:.03125em;letter-spacing:var(--mdc-typography-body1-letter-spacing, .03125em);text-decoration:inherit;text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body1-text-transform, inherit)}.mdc-typography--body2{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-body2-font-size, .875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, .0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit)}.mdc-typography--caption{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-caption-font-size, .75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, .0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}.mdc-typography--button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-button-font-size, .875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, .0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase)}.mdc-typography--overline{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-overline-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.75rem;font-size:var(--mdc-typography-overline-font-size, .75rem);line-height:2rem;line-height:var(--mdc-typography-overline-line-height, 2rem);font-weight:500;font-weight:var(--mdc-typography-overline-font-weight, 500);letter-spacing:.1666666667em;letter-spacing:var(--mdc-typography-overline-letter-spacing, .1666666667em);text-decoration:none;text-decoration:var(--mdc-typography-overline-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-overline-text-transform, uppercase)}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.icon-background{display:flex;justify-content:center;align-items:center;width:96px;height:96px;border-radius:50%;background-color:var(--mdc-theme-background);margin-left:auto;margin-right:auto}.covalent-icon{font-size:40px;color:var(--mdc-theme-text-secondary-on-background)}.mdc-typography--headline6{font-family:var(--mdc-typography-headline6-font-family);font-size:var(--mdc-typography-headline6-font-size);font-weight:var(--mdc-typography-headline6-font-weight);line-height:var(--mdc-typography-headline6-line-height);color:var(--mdc-theme-text-secondary-on-background);margin:16px 0 8px}.mdc-typography--caption{font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);color:var(--mdc-theme-text-secondary-on-background);margin:0}.buttonContainer{display:flex;gap:0 20px;margin-top:16px}h6{margin:16px}
7
7
  `;
8
8
  var d = Object.defineProperty, v = Object.getOwnPropertyDescriptor, i = (a, r, m, n) => {
@@ -0,0 +1,14 @@
1
+ import { o as e } from "./query-assigned-elements.mjs";
2
+ /**
3
+ * @license
4
+ * Copyright 2017 Google LLC
5
+ * SPDX-License-Identifier: BSD-3-Clause
6
+ */
7
+ function n(o) {
8
+ return e({ finisher: (r, t) => {
9
+ Object.assign(r.prototype[t], o);
10
+ } });
11
+ }
12
+ export {
13
+ n as e
14
+ };
@@ -0,0 +1,50 @@
1
+ import { b as r } from "./tslib.es6.mjs";
2
+ import { e as a } from "./property.mjs";
3
+ import "./query-assigned-elements.mjs";
4
+ import { B as d } from "./base-element.mjs";
5
+ /**
6
+ * @license
7
+ * Copyright 2018 Google LLC
8
+ * SPDX-License-Identifier: Apache-2.0
9
+ */
10
+ var o, e;
11
+ const l = (e = (o = window.ShadyDOM) === null || o === void 0 ? void 0 : o.inUse) !== null && e !== void 0 ? e : !1;
12
+ class n extends d {
13
+ constructor() {
14
+ super(...arguments), this.disabled = !1, this.containingForm = null, this.formDataListener = (t) => {
15
+ this.disabled || this.setFormData(t.formData);
16
+ };
17
+ }
18
+ findFormElement() {
19
+ if (!this.shadowRoot || l)
20
+ return null;
21
+ const s = this.getRootNode().querySelectorAll("form");
22
+ for (const i of Array.from(s))
23
+ if (i.contains(this))
24
+ return i;
25
+ return null;
26
+ }
27
+ connectedCallback() {
28
+ var t;
29
+ super.connectedCallback(), this.containingForm = this.findFormElement(), (t = this.containingForm) === null || t === void 0 || t.addEventListener("formdata", this.formDataListener);
30
+ }
31
+ disconnectedCallback() {
32
+ var t;
33
+ super.disconnectedCallback(), (t = this.containingForm) === null || t === void 0 || t.removeEventListener("formdata", this.formDataListener), this.containingForm = null;
34
+ }
35
+ click() {
36
+ this.formElement && !this.disabled && (this.formElement.focus(), this.formElement.click());
37
+ }
38
+ firstUpdated() {
39
+ super.firstUpdated(), this.shadowRoot && this.mdcRoot.addEventListener("change", (t) => {
40
+ this.dispatchEvent(new Event("change", t));
41
+ });
42
+ }
43
+ }
44
+ n.shadowRootOptions = { mode: "open", delegatesFocus: !0 };
45
+ r([
46
+ a({ type: Boolean })
47
+ ], n.prototype, "disabled", void 0);
48
+ export {
49
+ n as F
50
+ };
package/foundation.mjs ADDED
@@ -0,0 +1,152 @@
1
+ import { _ as f, a as d } from "./tslib.es6.mjs";
2
+ import { M as m } from "./foundation2.mjs";
3
+ /**
4
+ * @license
5
+ * Copyright 2020 Google Inc.
6
+ *
7
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
8
+ * of this software and associated documentation files (the "Software"), to deal
9
+ * in the Software without restriction, including without limitation the rights
10
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
11
+ * copies of the Software, and to permit persons to whom the Software is
12
+ * furnished to do so, subject to the following conditions:
13
+ *
14
+ * The above copyright notice and this permission notice shall be included in
15
+ * all copies or substantial portions of the Software.
16
+ *
17
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
18
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
19
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
20
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
21
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
22
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
23
+ * THE SOFTWARE.
24
+ */
25
+ var s = {
26
+ CLOSING: "mdc-banner--closing",
27
+ OPEN: "mdc-banner--open",
28
+ OPENING: "mdc-banner--opening"
29
+ }, c = {
30
+ BANNER_ANIMATION_CLOSE_TIME_MS: 250,
31
+ BANNER_ANIMATION_OPEN_TIME_MS: 300
32
+ }, C = {
33
+ CLOSED: "MDCBanner:closed",
34
+ CLOSING: "MDCBanner:closing",
35
+ OPENED: "MDCBanner:opened",
36
+ OPENING: "MDCBanner:opening",
37
+ ACTION_CLICKED: "MDCBanner:actionClicked"
38
+ }, l = {
39
+ CONTENT: ".mdc-banner__content",
40
+ PRIMARY_ACTION: ".mdc-banner__primary-action",
41
+ SECONDARY_ACTION: ".mdc-banner__secondary-action",
42
+ TEXT: ".mdc-banner__text"
43
+ }, a;
44
+ (function(e) {
45
+ e[e.PRIMARY = 0] = "PRIMARY", e[e.SECONDARY = 1] = "SECONDARY", e[e.UNSPECIFIED = 2] = "UNSPECIFIED";
46
+ })(a || (a = {}));
47
+ var u;
48
+ (function(e) {
49
+ e[e.PRIMARY = 0] = "PRIMARY", e[e.SECONDARY = 1] = "SECONDARY", e[e.UNKNOWN = 2] = "UNKNOWN";
50
+ })(u || (u = {}));
51
+ /**
52
+ * @license
53
+ * Copyright 2020 Google Inc.
54
+ *
55
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
56
+ * of this software and associated documentation files (the "Software"), to deal
57
+ * in the Software without restriction, including without limitation the rights
58
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
59
+ * copies of the Software, and to permit persons to whom the Software is
60
+ * furnished to do so, subject to the following conditions:
61
+ *
62
+ * The above copyright notice and this permission notice shall be included in
63
+ * all copies or substantial portions of the Software.
64
+ *
65
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
66
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
67
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
68
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
69
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
70
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
71
+ * THE SOFTWARE.
72
+ */
73
+ var r = s.OPENING, p = s.OPEN, o = s.CLOSING, O = (
74
+ /** @class */
75
+ function(e) {
76
+ f(t, e);
77
+ function t(n) {
78
+ var i = e.call(this, d(d({}, t.defaultAdapter), n)) || this;
79
+ return i.isOpened = !1, i.animationFrame = 0, i.animationTimer = 0, i;
80
+ }
81
+ return Object.defineProperty(t, "defaultAdapter", {
82
+ get: function() {
83
+ return {
84
+ addClass: function() {
85
+ },
86
+ getContentHeight: function() {
87
+ return 0;
88
+ },
89
+ notifyClosed: function() {
90
+ },
91
+ notifyClosing: function() {
92
+ },
93
+ notifyOpened: function() {
94
+ },
95
+ notifyOpening: function() {
96
+ },
97
+ notifyActionClicked: function() {
98
+ },
99
+ releaseFocus: function() {
100
+ },
101
+ removeClass: function() {
102
+ },
103
+ setStyleProperty: function() {
104
+ },
105
+ trapFocus: function() {
106
+ }
107
+ };
108
+ },
109
+ enumerable: !1,
110
+ configurable: !0
111
+ }), t.prototype.destroy = function() {
112
+ cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, clearTimeout(this.animationTimer), this.animationTimer = 0;
113
+ }, t.prototype.open = function() {
114
+ var n = this;
115
+ this.isOpened = !0, this.adapter.notifyOpening(), this.adapter.removeClass(o), this.adapter.addClass(r);
116
+ var i = this.adapter.getContentHeight();
117
+ this.animationFrame = requestAnimationFrame(function() {
118
+ n.adapter.addClass(p), n.adapter.setStyleProperty("height", i + "px"), n.animationTimer = setTimeout(function() {
119
+ n.handleAnimationTimerEnd(), n.adapter.trapFocus(), n.adapter.notifyOpened();
120
+ }, c.BANNER_ANIMATION_OPEN_TIME_MS);
121
+ });
122
+ }, t.prototype.close = function(n) {
123
+ var i = this;
124
+ this.isOpened && (cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, this.isOpened = !1, this.adapter.notifyClosing(n), this.adapter.addClass(o), this.adapter.setStyleProperty("height", "0"), this.adapter.removeClass(p), this.adapter.removeClass(r), clearTimeout(this.animationTimer), this.animationTimer = setTimeout(function() {
125
+ i.adapter.releaseFocus(), i.handleAnimationTimerEnd(), i.adapter.notifyClosed(n);
126
+ }, c.BANNER_ANIMATION_CLOSE_TIME_MS));
127
+ }, t.prototype.isOpen = function() {
128
+ return this.isOpened;
129
+ }, t.prototype.handlePrimaryActionClick = function(n) {
130
+ n === void 0 && (n = !1), n ? this.adapter.notifyActionClicked(
131
+ 0
132
+ /* PRIMARY */
133
+ ) : this.close(a.PRIMARY);
134
+ }, t.prototype.handleSecondaryActionClick = function(n) {
135
+ n === void 0 && (n = !1), n ? this.adapter.notifyActionClicked(
136
+ 1
137
+ /* SECONDARY */
138
+ ) : this.close(a.SECONDARY);
139
+ }, t.prototype.layout = function() {
140
+ var n = this.adapter.getContentHeight();
141
+ this.adapter.setStyleProperty("height", n + "px");
142
+ }, t.prototype.handleAnimationTimerEnd = function() {
143
+ this.animationTimer = 0, this.adapter.removeClass(r), this.adapter.removeClass(o);
144
+ }, t;
145
+ }(m)
146
+ );
147
+ export {
148
+ a as C,
149
+ O as M,
150
+ C as e,
151
+ l as s
152
+ };
@@ -0,0 +1,60 @@
1
+ /**
2
+ * @license
3
+ * Copyright 2016 Google Inc.
4
+ *
5
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ * of this software and associated documentation files (the "Software"), to deal
7
+ * in the Software without restriction, including without limitation the rights
8
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ * copies of the Software, and to permit persons to whom the Software is
10
+ * furnished to do so, subject to the following conditions:
11
+ *
12
+ * The above copyright notice and this permission notice shall be included in
13
+ * all copies or substantial portions of the Software.
14
+ *
15
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ * THE SOFTWARE.
22
+ */
23
+ var n = (
24
+ /** @class */
25
+ function() {
26
+ function e(t) {
27
+ t === void 0 && (t = {}), this.adapter = t;
28
+ }
29
+ return Object.defineProperty(e, "cssClasses", {
30
+ get: function() {
31
+ return {};
32
+ },
33
+ enumerable: !1,
34
+ configurable: !0
35
+ }), Object.defineProperty(e, "strings", {
36
+ get: function() {
37
+ return {};
38
+ },
39
+ enumerable: !1,
40
+ configurable: !0
41
+ }), Object.defineProperty(e, "numbers", {
42
+ get: function() {
43
+ return {};
44
+ },
45
+ enumerable: !1,
46
+ configurable: !0
47
+ }), Object.defineProperty(e, "defaultAdapter", {
48
+ get: function() {
49
+ return {};
50
+ },
51
+ enumerable: !1,
52
+ configurable: !0
53
+ }), e.prototype.init = function() {
54
+ }, e.prototype.destroy = function() {
55
+ }, e;
56
+ }()
57
+ );
58
+ export {
59
+ n as M
60
+ };
package/icon-button.mjs CHANGED
@@ -1,20 +1,135 @@
1
- import { css as m, unsafeCSS as f } from "lit";
2
- import { customElement as p } from "lit/decorators.js";
3
- import { IconButtonBase as a } from "@material/mwc-icon-button/mwc-icon-button-base";
4
- import { styles as v } from "@material/mwc-icon-button/mwc-icon-button.css?used";
5
- const u = `:host{color:var(--mdc-theme-text-icon-on-background)}
1
+ import { s as h, y as a, i as u, r as f, e as g } from "./query-assigned-elements.mjs";
2
+ import { b as n } from "./tslib.es6.mjs";
3
+ import { R as _, e as x } from "./ripple-handlers.mjs";
4
+ import { a as m } from "./aria-property.mjs";
5
+ import { e as r } from "./property.mjs";
6
+ import { t as v } from "./state.mjs";
7
+ import { e as b } from "./event-options.mjs";
8
+ import { i as y } from "./query.mjs";
9
+ import { l as w } from "./if-defined.mjs";
10
+ import "./base-element.mjs";
11
+ import "./utils.mjs";
12
+ import "./class-map.mjs";
13
+ import "./style-map.mjs";
14
+ /**
15
+ * @license
16
+ * Copyright 2018 Google LLC
17
+ * SPDX-License-Identifier: Apache-2.0
18
+ */
19
+ class t extends h {
20
+ constructor() {
21
+ super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new _(() => (this.shouldRenderRipple = !0, this.ripple));
22
+ }
23
+ /** @soyTemplate */
24
+ renderRipple() {
25
+ return this.shouldRenderRipple ? a`
26
+ <mwc-ripple
27
+ .disabled="${this.disabled}"
28
+ unbounded>
29
+ </mwc-ripple>` : "";
30
+ }
31
+ focus() {
32
+ const o = this.buttonElement;
33
+ o && (this.rippleHandlers.startFocus(), o.focus());
34
+ }
35
+ blur() {
36
+ const o = this.buttonElement;
37
+ o && (this.rippleHandlers.endFocus(), o.blur());
38
+ }
39
+ /** @soyTemplate */
40
+ render() {
41
+ return a`<button
42
+ class="mdc-icon-button mdc-icon-button--display-flex"
43
+ aria-label="${this.ariaLabel || this.icon}"
44
+ aria-haspopup="${w(this.ariaHasPopup)}"
45
+ ?disabled="${this.disabled}"
46
+ @focus="${this.handleRippleFocus}"
47
+ @blur="${this.handleRippleBlur}"
48
+ @mousedown="${this.handleRippleMouseDown}"
49
+ @mouseenter="${this.handleRippleMouseEnter}"
50
+ @mouseleave="${this.handleRippleMouseLeave}"
51
+ @touchstart="${this.handleRippleTouchStart}"
52
+ @touchend="${this.handleRippleDeactivate}"
53
+ @touchcancel="${this.handleRippleDeactivate}"
54
+ >${this.renderRipple()}
55
+ ${this.icon ? a`<i class="material-icons">${this.icon}</i>` : ""}
56
+ <span
57
+ ><slot></slot
58
+ ></span>
59
+ </button>`;
60
+ }
61
+ handleRippleMouseDown(o) {
62
+ const i = () => {
63
+ window.removeEventListener("mouseup", i), this.handleRippleDeactivate();
64
+ };
65
+ window.addEventListener("mouseup", i), this.rippleHandlers.startPress(o);
66
+ }
67
+ handleRippleTouchStart(o) {
68
+ this.rippleHandlers.startPress(o);
69
+ }
70
+ handleRippleDeactivate() {
71
+ this.rippleHandlers.endPress();
72
+ }
73
+ handleRippleMouseEnter() {
74
+ this.rippleHandlers.startHover();
75
+ }
76
+ handleRippleMouseLeave() {
77
+ this.rippleHandlers.endHover();
78
+ }
79
+ handleRippleFocus() {
80
+ this.rippleHandlers.startFocus();
81
+ }
82
+ handleRippleBlur() {
83
+ this.rippleHandlers.endFocus();
84
+ }
85
+ }
86
+ n([
87
+ r({ type: Boolean, reflect: !0 })
88
+ ], t.prototype, "disabled", void 0);
89
+ n([
90
+ r({ type: String })
91
+ ], t.prototype, "icon", void 0);
92
+ n([
93
+ m,
94
+ r({ type: String, attribute: "aria-label" })
95
+ ], t.prototype, "ariaLabel", void 0);
96
+ n([
97
+ m,
98
+ r({ type: String, attribute: "aria-haspopup" })
99
+ ], t.prototype, "ariaHasPopup", void 0);
100
+ n([
101
+ y("button")
102
+ ], t.prototype, "buttonElement", void 0);
103
+ n([
104
+ x("mwc-ripple")
105
+ ], t.prototype, "ripple", void 0);
106
+ n([
107
+ v()
108
+ ], t.prototype, "shouldRenderRipple", void 0);
109
+ n([
110
+ b({ passive: !0 })
111
+ ], t.prototype, "handleRippleMouseDown", null);
112
+ n([
113
+ b({ passive: !0 })
114
+ ], t.prototype, "handleRippleTouchStart", null);
115
+ /**
116
+ * @license
117
+ * Copyright 2021 Google LLC
118
+ * SPDX-LIcense-Identifier: Apache-2.0
119
+ */
120
+ const R = u`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}}@media screen and (forced-colors: active)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`, $ = `:host{color:var(--mdc-theme-text-icon-on-background)}
6
121
  `;
7
- var i = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, b = (l, o, s, e) => {
8
- for (var t = e > 1 ? void 0 : e ? _(o, s) : o, r = l.length - 1, n; r >= 0; r--)
9
- (n = l[r]) && (t = (e ? n(o, s, t) : n(t)) || t);
10
- return e && t && i(o, s, t), t;
122
+ var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (d, o, i, c) => {
123
+ for (var e = c > 1 ? void 0 : c ? z(o, i) : o, s = d.length - 1, l; s >= 0; s--)
124
+ (l = d[s]) && (e = (c ? l(o, i, e) : l(e)) || e);
125
+ return c && e && k(o, i, e), e;
11
126
  };
12
- let c = class extends a {
127
+ let p = class extends t {
13
128
  };
14
- c.styles = [v, m`${f(u)}`];
15
- c = b([
16
- p("cv-icon-button")
17
- ], c);
129
+ p.styles = [R, u`${f($)}`];
130
+ p = H([
131
+ g("cv-icon-button")
132
+ ], p);
18
133
  export {
19
- c as CovalentIconButtonBase
134
+ p as CovalentIconButtonBase
20
135
  };
@@ -1,9 +1,19 @@
1
- import { html as l, css as h, unsafeCSS as m } from "lit";
2
- import { property as s, customElement as f } from "lit/decorators.js";
3
- import { classMap as d } from "lit/directives/class-map.js";
4
- import { styleMap as g } from "lit/directives/style-map.js";
5
- import { CheckboxBase as y } from "@material/mwc-checkbox/mwc-checkbox-base";
6
- import { styles as v } from "@material/mwc-checkbox/mwc-checkbox.css?used";
1
+ import { y as l, i as m, r as h, e as f } from "./query-assigned-elements.mjs";
2
+ import { e as s } from "./property.mjs";
3
+ import { o as d } from "./class-map.mjs";
4
+ import { i as g } from "./style-map.mjs";
5
+ import { C as y } from "./mwc-checkbox-base.mjs";
6
+ import { s as v } from "./mwc-checkbox.css.mjs";
7
+ import "./tslib.es6.mjs";
8
+ import "./ripple-handlers.mjs";
9
+ import "./base-element.mjs";
10
+ import "./utils.mjs";
11
+ import "./state.mjs";
12
+ import "./query.mjs";
13
+ import "./aria-property.mjs";
14
+ import "./form-element.mjs";
15
+ import "./event-options.mjs";
16
+ import "./if-defined.mjs";
7
17
  const u = `:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0%);left:var(--mdc-ripple-left, 0%);width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}
8
18
  `;
9
19
  var b = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (i, e, o, a) => {
@@ -49,8 +59,8 @@ let t = class extends y {
49
59
  }
50
60
  };
51
61
  t.styles = [
52
- h`
53
- ${m(u)}
62
+ m`
63
+ ${h(u)}
54
64
  `,
55
65
  v
56
66
  ];