@material/web 1.0.0-pre.3 → 1.0.0-pre.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (238) hide show
  1. package/LICENSE +1 -1
  2. package/README.md +41 -41
  3. package/controller/form-controller.d.ts +1 -1
  4. package/controller/form-controller.js +21 -29
  5. package/controller/form-controller.js.map +1 -1
  6. package/field/lib/_content.scss +91 -13
  7. package/field/lib/_filled-field.scss +19 -57
  8. package/field/lib/_label.scss +1 -2
  9. package/field/lib/_md-comp-filled-field.scss +123 -64
  10. package/field/lib/_md-comp-outlined-field.scss +100 -59
  11. package/field/lib/_outlined-field.scss +13 -11
  12. package/field/lib/_shared.scss +21 -17
  13. package/field/lib/field.d.ts +2 -1
  14. package/field/lib/field.js +73 -62
  15. package/field/lib/field.js.map +1 -1
  16. package/field/lib/filled-field.d.ts +0 -5
  17. package/field/lib/filled-field.js +2 -41
  18. package/field/lib/filled-field.js.map +1 -1
  19. package/field/lib/filled-styles.css.js +1 -1
  20. package/field/lib/filled-styles.css.js.map +1 -1
  21. package/field/lib/outlined-field.js +1 -1
  22. package/field/lib/outlined-field.js.map +1 -1
  23. package/field/lib/outlined-styles.css.js +1 -1
  24. package/field/lib/outlined-styles.css.js.map +1 -1
  25. package/field/lib/shared-styles.css.js +1 -1
  26. package/field/lib/shared-styles.css.js.map +1 -1
  27. package/icon/lib/_icon.scss +1 -1
  28. package/icon/lib/_md-comp-icon.scss +1 -2
  29. package/icon/lib/icon-styles.css.js +1 -1
  30. package/icon/lib/icon-styles.css.js.map +1 -1
  31. package/list/lib/_list.scss +19 -9
  32. package/list/lib/list-styles.css.js +1 -1
  33. package/list/lib/list-styles.css.js.map +1 -1
  34. package/list/lib/listitem/_list-item.scss +293 -102
  35. package/list/lib/listitem/list-item-styles.css.js +1 -1
  36. package/list/lib/listitem/list-item-styles.css.js.map +1 -1
  37. package/list/lib/listitem/list-item.d.ts +7 -6
  38. package/list/lib/listitem/list-item.js +22 -26
  39. package/list/lib/listitem/list-item.js.map +1 -1
  40. package/list/list-item-link.d.ts +18 -0
  41. package/list/list-item-link.js +19 -2
  42. package/list/list-item-link.js.map +1 -1
  43. package/list/list-item.d.ts +19 -0
  44. package/list/list-item.js +20 -2
  45. package/list/list-item.js.map +1 -1
  46. package/menu/lib/_menu.scss +26 -5
  47. package/menu/lib/menu-styles.css.js +1 -1
  48. package/menu/lib/menu-styles.css.js.map +1 -1
  49. package/menu/lib/menu.js +8 -7
  50. package/menu/lib/menu.js.map +1 -1
  51. package/menu/lib/menuitem/_menu-item.scss +39 -79
  52. package/menu/lib/menuitem/menu-item-styles.css.js +1 -1
  53. package/menu/lib/menuitem/menu-item-styles.css.js.map +1 -1
  54. package/menu/lib/submenuitem/sub-menu-item.d.ts +0 -1
  55. package/menu/lib/submenuitem/sub-menu-item.js +0 -1
  56. package/menu/lib/submenuitem/sub-menu-item.js.map +1 -1
  57. package/menu/menu-item-link.js +1 -2
  58. package/menu/menu-item-link.js.map +1 -1
  59. package/menu/menu-item.js +2 -3
  60. package/menu/menu-item.js.map +1 -1
  61. package/menu/sub-menu-item.js +1 -2
  62. package/menu/sub-menu-item.js.map +1 -1
  63. package/menusurface/lib/_md-comp-menu-surface.scss +1 -1
  64. package/package.json +1 -1
  65. package/textfield/lib/_filled-text-field.scss +98 -96
  66. package/textfield/lib/_icon.scss +11 -55
  67. package/textfield/lib/_input.scss +4 -6
  68. package/textfield/lib/_outlined-text-field.scss +87 -88
  69. package/textfield/lib/filled-styles.css.js +1 -1
  70. package/textfield/lib/filled-styles.css.js.map +1 -1
  71. package/textfield/lib/outlined-styles.css.js +1 -1
  72. package/textfield/lib/outlined-styles.css.js.map +1 -1
  73. package/textfield/lib/shared-styles.css.js +1 -1
  74. package/textfield/lib/shared-styles.css.js.map +1 -1
  75. package/tokens/_index.scss +1 -1
  76. package/tokens/v0_161/_index.scss +107 -0
  77. package/tokens/v0_161/_md-comp-assist-chip.scss +109 -0
  78. package/tokens/v0_161/_md-comp-badge.scss +58 -0
  79. package/tokens/v0_161/_md-comp-banner.scss +75 -0
  80. package/tokens/v0_161/_md-comp-bottom-app-bar.scss +35 -0
  81. package/tokens/v0_161/_md-comp-carousel-item.scss +65 -0
  82. package/tokens/v0_161/_md-comp-checkbox.scss +126 -0
  83. package/tokens/v0_161/_md-comp-circular-progress-indicator.scss +39 -0
  84. package/tokens/v0_161/_md-comp-data-table.scss +96 -0
  85. package/tokens/v0_161/_md-comp-date-input-modal.scss +89 -0
  86. package/tokens/v0_161/_md-comp-date-picker-docked.scss +246 -0
  87. package/tokens/v0_161/_md-comp-date-picker-modal.scss +305 -0
  88. package/tokens/v0_161/_md-comp-dialog.scss +123 -0
  89. package/tokens/v0_161/_md-comp-divider.scss +25 -0
  90. package/tokens/v0_161/_md-comp-elevated-button.scss +91 -0
  91. package/tokens/v0_161/_md-comp-elevated-card.scss +59 -0
  92. package/tokens/v0_161/_md-comp-extended-fab-branded.scss +86 -0
  93. package/tokens/v0_161/_md-comp-extended-fab-primary.scss +94 -0
  94. package/tokens/v0_161/_md-comp-extended-fab-secondary.scss +95 -0
  95. package/tokens/v0_161/_md-comp-extended-fab-surface.scss +90 -0
  96. package/tokens/v0_161/_md-comp-extended-fab-tertiary.scss +95 -0
  97. package/tokens/v0_161/_md-comp-fab-branded-large.scss +60 -0
  98. package/tokens/v0_161/_md-comp-fab-branded.scss +60 -0
  99. package/tokens/v0_161/_md-comp-fab-primary-large.scss +65 -0
  100. package/tokens/v0_161/_md-comp-fab-primary-small.scss +65 -0
  101. package/tokens/v0_161/_md-comp-fab-primary.scss +65 -0
  102. package/tokens/v0_161/_md-comp-fab-secondary-large.scss +66 -0
  103. package/tokens/v0_161/_md-comp-fab-secondary-small.scss +66 -0
  104. package/tokens/v0_161/_md-comp-fab-secondary.scss +66 -0
  105. package/tokens/v0_161/_md-comp-fab-surface-large.scss +64 -0
  106. package/tokens/v0_161/_md-comp-fab-surface-small.scss +64 -0
  107. package/tokens/v0_161/_md-comp-fab-surface.scss +64 -0
  108. package/tokens/v0_161/_md-comp-fab-tertiary-large.scss +66 -0
  109. package/tokens/v0_161/_md-comp-fab-tertiary-small.scss +66 -0
  110. package/tokens/v0_161/_md-comp-fab-tertiary.scss +66 -0
  111. package/tokens/v0_161/_md-comp-filled-autocomplete.scss +267 -0
  112. package/tokens/v0_161/_md-comp-filled-button.scss +89 -0
  113. package/tokens/v0_161/_md-comp-filled-card.scss +58 -0
  114. package/tokens/v0_161/_md-comp-filled-icon-button.scss +79 -0
  115. package/tokens/v0_161/_md-comp-filled-menu-button.scss +98 -0
  116. package/tokens/v0_161/_md-comp-filled-select.scss +272 -0
  117. package/tokens/v0_161/_md-comp-filled-text-field.scss +189 -0
  118. package/tokens/v0_161/_md-comp-filled-tonal-button.scss +99 -0
  119. package/tokens/v0_161/_md-comp-filled-tonal-icon-button.scss +86 -0
  120. package/tokens/v0_161/_md-comp-filter-chip.scss +209 -0
  121. package/tokens/v0_161/_md-comp-full-screen-dialog.scss +111 -0
  122. package/tokens/v0_161/_md-comp-icon-button.scss +70 -0
  123. package/tokens/v0_161/_md-comp-input-chip.scss +184 -0
  124. package/tokens/v0_161/_md-comp-linear-progress-indicator.scss +41 -0
  125. package/tokens/v0_161/_md-comp-list.scss +248 -0
  126. package/tokens/v0_161/_md-comp-menu.scss +37 -0
  127. package/tokens/v0_161/_md-comp-navigation-bar.scss +114 -0
  128. package/tokens/v0_161/_md-comp-navigation-drawer.scss +162 -0
  129. package/tokens/v0_161/_md-comp-navigation-rail.scss +131 -0
  130. package/tokens/v0_161/_md-comp-outlined-autocomplete.scss +257 -0
  131. package/tokens/v0_161/_md-comp-outlined-button.scss +84 -0
  132. package/tokens/v0_161/_md-comp-outlined-card.scss +65 -0
  133. package/tokens/v0_161/_md-comp-outlined-icon-button.scss +79 -0
  134. package/tokens/v0_161/_md-comp-outlined-menu-button.scss +94 -0
  135. package/tokens/v0_161/_md-comp-outlined-segmented-button.scss +112 -0
  136. package/tokens/v0_161/_md-comp-outlined-select.scss +262 -0
  137. package/tokens/v0_161/_md-comp-outlined-text-field.scss +171 -0
  138. package/tokens/v0_161/_md-comp-plain-tooltip.scss +55 -0
  139. package/tokens/v0_161/_md-comp-primary-navigation-tab.scss +121 -0
  140. package/tokens/v0_161/_md-comp-radio-button.scss +68 -0
  141. package/tokens/v0_161/_md-comp-rich-tooltip.scss +121 -0
  142. package/tokens/v0_161/_md-comp-scrim.scss +25 -0
  143. package/tokens/v0_161/_md-comp-search-bar.scss +99 -0
  144. package/tokens/v0_161/_md-comp-search-view.scss +93 -0
  145. package/tokens/v0_161/_md-comp-secondary-navigation-tab.scss +84 -0
  146. package/tokens/v0_161/_md-comp-sheet-bottom.scss +45 -0
  147. package/tokens/v0_161/_md-comp-sheet-floating.scss +34 -0
  148. package/tokens/v0_161/_md-comp-sheet-side.scss +91 -0
  149. package/tokens/v0_161/_md-comp-slider.scss +114 -0
  150. package/tokens/v0_161/_md-comp-snackbar.scss +127 -0
  151. package/tokens/v0_161/_md-comp-standard-menu-button.scss +98 -0
  152. package/tokens/v0_161/_md-comp-suggestion-chip.scss +125 -0
  153. package/tokens/v0_161/_md-comp-switch.scss +136 -0
  154. package/tokens/v0_161/_md-comp-text-button.scss +77 -0
  155. package/tokens/v0_161/_md-comp-time-input.scss +218 -0
  156. package/tokens/v0_161/_md-comp-time-picker.scss +264 -0
  157. package/tokens/v0_161/_md-comp-top-app-bar-large.scss +63 -0
  158. package/tokens/v0_161/_md-comp-top-app-bar-medium.scss +63 -0
  159. package/tokens/v0_161/_md-comp-top-app-bar-small-centered.scss +66 -0
  160. package/tokens/v0_161/_md-comp-top-app-bar-small.scss +64 -0
  161. package/tokens/v0_161/_md-ref-palette.scss +107 -0
  162. package/tokens/v0_161/_md-ref-typeface.scss +21 -0
  163. package/tokens/v0_161/_md-sys-color.scss +904 -0
  164. package/tokens/v0_161/_md-sys-elevation.scss +21 -0
  165. package/tokens/v0_161/_md-sys-motion.scss +53 -0
  166. package/tokens/v0_161/_md-sys-shape.scss +30 -0
  167. package/tokens/v0_161/_md-sys-state.scss +19 -0
  168. package/tokens/v0_161/_md-sys-typescale.scss +284 -0
  169. package/tokens/v0_161/index.test.css.js +9 -0
  170. package/tokens/v0_161/index.test.css.js.map +1 -0
  171. package/tokens/v0_161/index.test.scss +584 -0
  172. package/tokens/v0_161/lib.test.css.js +9 -0
  173. package/tokens/v0_161/lib.test.css.js.map +1 -0
  174. package/tokens/v0_161/lib.test.scss +663 -0
  175. package/controller/foundation.d.ts +0 -24
  176. package/controller/foundation.js +0 -18
  177. package/controller/foundation.js.map +0 -1
  178. package/controller/observer-foundation.d.ts +0 -25
  179. package/controller/observer-foundation.js +0 -37
  180. package/controller/observer-foundation.js.map +0 -1
  181. package/controller/observer.d.ts +0 -52
  182. package/controller/observer.js +0 -149
  183. package/controller/observer.js.map +0 -1
  184. package/decorators/bound.d.ts +0 -40
  185. package/decorators/bound.js +0 -49
  186. package/decorators/bound.js.map +0 -1
  187. package/list/lib/avatar/_list-item-avatar.scss +0 -40
  188. package/list/lib/avatar/list-item-avatar-styles.css.js +0 -9
  189. package/list/lib/avatar/list-item-avatar-styles.css.js.map +0 -1
  190. package/list/lib/avatar/list-item-avatar-styles.scss +0 -10
  191. package/list/lib/avatar/list-item-avatar.d.ts +0 -21
  192. package/list/lib/avatar/list-item-avatar.js +0 -48
  193. package/list/lib/avatar/list-item-avatar.js.map +0 -1
  194. package/list/lib/icon/_list-item-icon.scss +0 -71
  195. package/list/lib/icon/list-item-icon-styles.css.js +0 -9
  196. package/list/lib/icon/list-item-icon-styles.css.js.map +0 -1
  197. package/list/lib/icon/list-item-icon-styles.scss +0 -10
  198. package/list/lib/icon/list-item-icon.d.ts +0 -9
  199. package/list/lib/icon/list-item-icon.js +0 -15
  200. package/list/lib/icon/list-item-icon.js.map +0 -1
  201. package/list/lib/image/_list-item-image.scss +0 -63
  202. package/list/lib/image/list-item-image-styles.css.d.ts +0 -1
  203. package/list/lib/image/list-item-image-styles.css.js +0 -9
  204. package/list/lib/image/list-item-image-styles.css.js.map +0 -1
  205. package/list/lib/image/list-item-image-styles.scss +0 -10
  206. package/list/lib/image/list-item-image.d.ts +0 -21
  207. package/list/lib/image/list-item-image.js +0 -48
  208. package/list/lib/image/list-item-image.js.map +0 -1
  209. package/list/lib/listitem/list-item-private-styles.css.d.ts +0 -1
  210. package/list/lib/listitem/list-item-private-styles.css.js +0 -9
  211. package/list/lib/listitem/list-item-private-styles.css.js.map +0 -1
  212. package/list/lib/listitem/list-item-private-styles.scss +0 -10
  213. package/list/lib/video/_list-item-video.scss +0 -71
  214. package/list/lib/video/list-item-video-styles.css.d.ts +0 -1
  215. package/list/lib/video/list-item-video-styles.css.js +0 -9
  216. package/list/lib/video/list-item-video-styles.css.js.map +0 -1
  217. package/list/lib/video/list-item-video-styles.scss +0 -10
  218. package/list/lib/video/list-item-video.d.ts +0 -53
  219. package/list/lib/video/list-item-video.js +0 -115
  220. package/list/lib/video/list-item-video.js.map +0 -1
  221. package/list/list-item-avatar.d.ts +0 -20
  222. package/list/list-item-avatar.js +0 -23
  223. package/list/list-item-avatar.js.map +0 -1
  224. package/list/list-item-icon.d.ts +0 -20
  225. package/list/list-item-icon.js +0 -23
  226. package/list/list-item-icon.js.map +0 -1
  227. package/list/list-item-image.d.ts +0 -20
  228. package/list/list-item-image.js +0 -23
  229. package/list/list-item-image.js.map +0 -1
  230. package/list/list-item-video.d.ts +0 -20
  231. package/list/list-item-video.js +0 -23
  232. package/list/list-item-video.js.map +0 -1
  233. package/menu/lib/menuitem/menu-item-private-styles.css.d.ts +0 -1
  234. package/menu/lib/menuitem/menu-item-private-styles.css.js +0 -9
  235. package/menu/lib/menuitem/menu-item-private-styles.css.js.map +0 -1
  236. package/menu/lib/menuitem/menu-item-private-styles.scss +0 -10
  237. /package/{list/lib/avatar/list-item-avatar-styles.css.d.ts → tokens/v0_161/index.test.css.d.ts} +0 -0
  238. /package/{list/lib/icon/list-item-icon-styles.css.d.ts → tokens/v0_161/lib.test.css.d.ts} +0 -0
@@ -1,15 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { html, LitElement } from 'lit';
7
- // tslint:disable-next-line:enforce-comments-on-exported-symbols
8
- export class ListItemIcon extends LitElement {
9
- render() {
10
- return html `
11
- <span class="md3-list-item__icon"><slot></slot></span>
12
- `;
13
- }
14
- }
15
- //# sourceMappingURL=list-item-icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item-icon.js","sourceRoot":"","sources":["list-item-icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAErD,gEAAgE;AAChE,MAAM,OAAO,YAAa,SAAQ,UAAU;IACjC,MAAM;QACb,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ListItemIcon extends LitElement {\n override render(): TemplateResult {\n return html`\n <span class=\"md3-list-item__icon\"><slot></slot></span>\n `;\n }\n}\n"]}
@@ -1,63 +0,0 @@
1
- //
2
- // Copyright 2022 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // stylelint-disable selector-class-pattern --
7
- // Selector '.md3-*' should only be used in this project.
8
-
9
- // go/keep-sorted start
10
- @use 'sass:map';
11
- // go/keep-sorted end
12
- // go/keep-sorted start
13
- @use '../../../sass/map-ext';
14
- @use '../../../sass/theme';
15
- @use '../../../tokens';
16
- // go/keep-sorted end
17
-
18
- $_custom-property-prefix: 'list-item-image';
19
-
20
- @mixin theme($tokens) {
21
- $reference: map-ext.pick(
22
- tokens.md-comp-list-values(),
23
- (
24
- list-item-leading-image-height,
25
- list-item-leading-image-width,
26
- list-item-leading-image-shape
27
- )
28
- );
29
-
30
- $tokens: theme.validate-theme($reference, $tokens);
31
- $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
32
-
33
- @include theme.emit-theme-vars($tokens);
34
- }
35
-
36
- @mixin styles() {
37
- $tokens: map-ext.pick(
38
- tokens.md-comp-list-values(),
39
- (
40
- list-item-leading-image-height,
41
- list-item-leading-image-width,
42
- list-item-leading-image-shape
43
- )
44
- );
45
-
46
- $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
47
-
48
- :host {
49
- @each $token, $value in $tokens {
50
- --_#{$token}: #{$value};
51
- }
52
- }
53
-
54
- .md3-list-item__image {
55
- display: inline-flex;
56
- margin-block-end: 8px;
57
- margin-block-start: 8px;
58
- margin-inline-start: 16px;
59
- height: var(--_list-item-leading-image-height);
60
- width: var(--_list-item-leading-image-width);
61
- border-radius: var(--_list-item-leading-image-shape);
62
- }
63
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `:host{--_list-item-leading-image-height: var(--md-list-item-image-list-item-leading-image-height, 56px);--_list-item-leading-image-width: var(--md-list-item-image-list-item-leading-image-width, 56px);--_list-item-leading-image-shape: var(--md-list-item-image-list-item-leading-image-shape, 0px)}.md3-list-item__image{display:inline-flex;margin-block-end:8px;margin-block-start:8px;margin-inline-start:16px;height:var(--_list-item-leading-image-height);width:var(--_list-item-leading-image-width);border-radius:var(--_list-item-leading-image-shape)}/*# sourceMappingURL=list-item-image-styles.css.map */
8
- `;
9
- //# sourceMappingURL=list-item-image-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item-image-styles.css.js","sourceRoot":"","sources":["list-item-image-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_list-item-leading-image-height: var(--md-list-item-image-list-item-leading-image-height, 56px);--_list-item-leading-image-width: var(--md-list-item-image-list-item-leading-image-width, 56px);--_list-item-leading-image-shape: var(--md-list-item-image-list-item-leading-image-shape, 0px)}.md3-list-item__image{display:inline-flex;margin-block-end:8px;margin-block-start:8px;margin-inline-start:16px;height:var(--_list-item-leading-image-height);width:var(--_list-item-leading-image-width);border-radius:var(--_list-item-leading-image-shape)}/*# sourceMappingURL=list-item-image-styles.css.map */\n`;\n "]}
@@ -1,10 +0,0 @@
1
- //
2
- // Copyright 2022 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // go/keep-sorted start
7
- @use './list-item-image';
8
- // go/keep-sorted end
9
-
10
- @include list-item-image.styles;
@@ -1,21 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { LitElement, TemplateResult } from 'lit';
7
- export declare class ListItemImage extends LitElement {
8
- /**
9
- * The image `src`.
10
- */
11
- image: string;
12
- /**
13
- * The image `alt`.
14
- */
15
- altText: string;
16
- /**
17
- * The image `loading` attribute.
18
- */
19
- loading: 'eager' | 'lazy';
20
- render(): TemplateResult;
21
- }
@@ -1,48 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate, __metadata } from "tslib";
7
- import { html, LitElement, nothing } from 'lit';
8
- import { property } from 'lit/decorators.js';
9
- // tslint:disable-next-line:enforce-comments-on-exported-symbols
10
- export class ListItemImage extends LitElement {
11
- constructor() {
12
- super(...arguments);
13
- /**
14
- * The image `src`.
15
- */
16
- this.image = '';
17
- /**
18
- * The image `alt`.
19
- */
20
- this.altText = '';
21
- /**
22
- * The image `loading` attribute.
23
- */
24
- this.loading = 'eager';
25
- }
26
- render() {
27
- return html `
28
- <img
29
- src="${this.image}"
30
- alt="${this.altText || nothing}"
31
- loading=${this.loading}
32
- class="md3-list-item__image" />
33
- `;
34
- }
35
- }
36
- __decorate([
37
- property(),
38
- __metadata("design:type", Object)
39
- ], ListItemImage.prototype, "image", void 0);
40
- __decorate([
41
- property(),
42
- __metadata("design:type", Object)
43
- ], ListItemImage.prototype, "altText", void 0);
44
- __decorate([
45
- property(),
46
- __metadata("design:type", String)
47
- ], ListItemImage.prototype, "loading", void 0);
48
- //# sourceMappingURL=list-item-image.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item-image.js","sourceRoot":"","sources":["list-item-image.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,gEAAgE;AAChE,MAAM,OAAO,aAAc,SAAQ,UAAU;IAA7C;;QACE;;WAEG;QACS,UAAK,GAAG,EAAE,CAAC;QAEvB;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;QAEzB;;WAEG;QACS,YAAO,GAAmB,OAAO,CAAC;IAWhD,CAAC;IATU,MAAM;QACb,OAAO,IAAI,CAAA;;iBAEE,IAAI,CAAC,KAAK;iBACV,IAAI,CAAC,OAAO,IAAI,OAAO;oBACpB,IAAI,CAAC,OAAO;;OAEzB,CAAC;IACN,CAAC;CACF;AArBC;IAAC,QAAQ,EAAE;;4CAAY;AAKvB;IAAC,QAAQ,EAAE;;8CAAc;AAKzB;IAAC,QAAQ,EAAE;;8CAAmC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, nothing, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ListItemImage extends LitElement {\n /**\n * The image `src`.\n */\n @property() image = '';\n\n /**\n * The image `alt`.\n */\n @property() altText = '';\n\n /**\n * The image `loading` attribute.\n */\n @property() loading: 'eager'|'lazy' = 'eager';\n\n override render(): TemplateResult {\n return html`\n <img\n src=\"${this.image}\"\n alt=\"${this.altText || nothing}\"\n loading=${this.loading}\n class=\"md3-list-item__image\" />\n `;\n }\n}\n"]}
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `:host{--_list-item-container-color: var(--md-list-list-item-container-color, var(--md-sys-color-surface, #fffbfe));--_list-item-container-elevation: var(--md-list-list-item-container-elevation, 0);--_list-item-container-shape: var(--md-list-list-item-container-shape, 0px);--_list-item-disabled-label-text-color: var(--md-list-list-item-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-label-text-opacity: var(--md-list-list-item-disabled-label-text-opacity, 0.3);--_list-item-disabled-leading-icon-color: var(--md-list-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-leading-icon-opacity: var(--md-list-list-item-disabled-leading-icon-opacity, 0.38);--_list-item-disabled-state-layer-color: var(--md-list-list-item-disabled-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-state-layer-opacity: var(--md-list-list-item-disabled-state-layer-opacity, 0.12);--_list-item-disabled-trailing-icon-color: var(--md-list-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-trailing-icon-opacity: var(--md-list-list-item-disabled-trailing-icon-opacity, 0.38);--_list-item-dragged-container-elevation: var(--md-list-list-item-dragged-container-elevation, 8);--_list-item-dragged-label-text-color: var(--md-list-list-item-dragged-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-dragged-leading-icon-icon-color: var(--md-list-list-item-dragged-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-dragged-state-layer-color: var(--md-list-list-item-dragged-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-dragged-state-layer-opacity: var(--md-list-list-item-dragged-state-layer-opacity, 0.12);--_list-item-dragged-trailing-icon-icon-color: var(--md-list-list-item-dragged-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-focus-label-text-color: var(--md-list-list-item-focus-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-leading-icon-icon-color: var(--md-list-list-item-focus-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-focus-state-layer-color: var(--md-list-list-item-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-opacity: var(--md-list-list-item-focus-state-layer-opacity, 0.12);--_list-item-focus-trailing-icon-icon-color: var(--md-list-list-item-focus-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-label-text-color: var(--md-list-list-item-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-leading-icon-icon-color: var(--md-list-list-item-hover-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-state-layer-color: var(--md-list-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-opacity: var(--md-list-list-item-hover-state-layer-opacity, 0.08);--_list-item-hover-trailing-icon-icon-color: var(--md-list-list-item-hover-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-label-text-color: var(--md-list-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-label-text-type: var(--md-list-list-item-label-text-type, 400 1rem / 1.5rem Roboto);--_list-item-large-leading-video-height: var(--md-list-list-item-large-leading-video-height, 69px);--_list-item-leading-avatar-label-color: var(--md-list-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container, #21005d));--_list-item-leading-avatar-label-font: var(--md-list-list-item-leading-avatar-label-font, Roboto);--_list-item-leading-avatar-label-line-height: var(--md-list-list-item-leading-avatar-label-line-height, 1.5rem);--_list-item-leading-avatar-label-size: var(--md-list-list-item-leading-avatar-label-size, 1rem);--_list-item-leading-avatar-label-tracking: var(--md-list-list-item-leading-avatar-label-tracking, 0.009rem);--_list-item-leading-avatar-label-type: var(--md-list-list-item-leading-avatar-label-type, 500 1rem / 1.5rem Roboto);--_list-item-leading-avatar-label-weight: var(--md-list-list-item-leading-avatar-label-weight, 500);--_list-item-leading-avatar-color: var(--md-list-list-item-leading-avatar-color, var(--md-sys-color-primary-container, #eaddff));--_list-item-leading-avatar-shape: var(--md-list-list-item-leading-avatar-shape, 9999px);--_list-item-leading-avatar-size: var(--md-list-list-item-leading-avatar-size, 40px);--_list-item-leading-icon-color: var(--md-list-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-size: var(--md-list-list-item-leading-icon-size, 18px);--_list-item-leading-image-height: var(--md-list-list-item-leading-image-height, 56px);--_list-item-leading-image-shape: var(--md-list-list-item-leading-image-shape, 0px);--_list-item-leading-image-width: var(--md-list-list-item-leading-image-width, 56px);--_list-item-leading-video-shape: var(--md-list-list-item-leading-video-shape, 0px);--_list-item-leading-video-width: var(--md-list-list-item-leading-video-width, 100px);--_list-item-one-line-container-height: var(--md-list-list-item-one-line-container-height, 56px);--_list-item-overline-color: var(--md-list-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-overline-font: var(--md-list-list-item-overline-font, Roboto);--_list-item-overline-line-height: var(--md-list-list-item-overline-line-height, 1rem);--_list-item-overline-size: var(--md-list-list-item-overline-size, 0.688rem);--_list-item-overline-tracking: var(--md-list-list-item-overline-tracking, 0.031rem);--_list-item-overline-type: var(--md-list-list-item-overline-type, 500 0.688rem / 1rem Roboto);--_list-item-overline-weight: var(--md-list-list-item-overline-weight, 500);--_list-item-pressed-label-text-color: var(--md-list-list-item-pressed-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-leading-icon-icon-color: var(--md-list-list-item-pressed-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-pressed-state-layer-color: var(--md-list-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-opacity: var(--md-list-list-item-pressed-state-layer-opacity, 0.12);--_list-item-pressed-trailing-icon-icon-color: var(--md-list-list-item-pressed-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-selected-trailing-icon-color: var(--md-list-list-item-selected-trailing-icon-color, var(--md-sys-color-primary, #6750a4));--_list-item-small-leading-video-height: var(--md-list-list-item-small-leading-video-height, 56px);--_list-item-supporting-text-color: var(--md-list-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-supporting-text-type: var(--md-list-list-item-supporting-text-type, 400 0.875rem / 1.25rem Roboto);--_list-item-three-line-container-height: var(--md-list-list-item-three-line-container-height, 88px);--_list-item-trailing-icon-color: var(--md-list-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-size: var(--md-list-list-item-trailing-icon-size, 24px);--_list-item-trailing-supporting-text-color: var(--md-list-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-supporting-text-type: var(--md-list-list-item-trailing-supporting-text-type, 500 0.688rem / 1rem Roboto);--_list-item-two-line-container-height: var(--md-list-list-item-two-line-container-height, 72px);--_list-item-unselected-trailing-icon-color: var(--md-list-list-item-unselected-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}/*# sourceMappingURL=list-item-private-styles.css.map */
8
- `;
9
- //# sourceMappingURL=list-item-private-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item-private-styles.css.js","sourceRoot":"","sources":["list-item-private-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_list-item-container-color: var(--md-list-list-item-container-color, var(--md-sys-color-surface, #fffbfe));--_list-item-container-elevation: var(--md-list-list-item-container-elevation, 0);--_list-item-container-shape: var(--md-list-list-item-container-shape, 0px);--_list-item-disabled-label-text-color: var(--md-list-list-item-disabled-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-label-text-opacity: var(--md-list-list-item-disabled-label-text-opacity, 0.3);--_list-item-disabled-leading-icon-color: var(--md-list-list-item-disabled-leading-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-leading-icon-opacity: var(--md-list-list-item-disabled-leading-icon-opacity, 0.38);--_list-item-disabled-state-layer-color: var(--md-list-list-item-disabled-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-state-layer-opacity: var(--md-list-list-item-disabled-state-layer-opacity, 0.12);--_list-item-disabled-trailing-icon-color: var(--md-list-list-item-disabled-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-disabled-trailing-icon-opacity: var(--md-list-list-item-disabled-trailing-icon-opacity, 0.38);--_list-item-dragged-container-elevation: var(--md-list-list-item-dragged-container-elevation, 8);--_list-item-dragged-label-text-color: var(--md-list-list-item-dragged-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-dragged-leading-icon-icon-color: var(--md-list-list-item-dragged-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-dragged-state-layer-color: var(--md-list-list-item-dragged-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-dragged-state-layer-opacity: var(--md-list-list-item-dragged-state-layer-opacity, 0.12);--_list-item-dragged-trailing-icon-icon-color: var(--md-list-list-item-dragged-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-focus-label-text-color: var(--md-list-list-item-focus-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-leading-icon-icon-color: var(--md-list-list-item-focus-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-focus-state-layer-color: var(--md-list-list-item-focus-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-focus-state-layer-opacity: var(--md-list-list-item-focus-state-layer-opacity, 0.12);--_list-item-focus-trailing-icon-icon-color: var(--md-list-list-item-focus-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-label-text-color: var(--md-list-list-item-hover-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-leading-icon-icon-color: var(--md-list-list-item-hover-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-hover-state-layer-color: var(--md-list-list-item-hover-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-hover-state-layer-opacity: var(--md-list-list-item-hover-state-layer-opacity, 0.08);--_list-item-hover-trailing-icon-icon-color: var(--md-list-list-item-hover-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-label-text-color: var(--md-list-list-item-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-label-text-type: var(--md-list-list-item-label-text-type, 400 1rem / 1.5rem Roboto);--_list-item-large-leading-video-height: var(--md-list-list-item-large-leading-video-height, 69px);--_list-item-leading-avatar-label-color: var(--md-list-list-item-leading-avatar-label-color, var(--md-sys-color-on-primary-container, #21005d));--_list-item-leading-avatar-label-font: var(--md-list-list-item-leading-avatar-label-font, Roboto);--_list-item-leading-avatar-label-line-height: var(--md-list-list-item-leading-avatar-label-line-height, 1.5rem);--_list-item-leading-avatar-label-size: var(--md-list-list-item-leading-avatar-label-size, 1rem);--_list-item-leading-avatar-label-tracking: var(--md-list-list-item-leading-avatar-label-tracking, 0.009rem);--_list-item-leading-avatar-label-type: var(--md-list-list-item-leading-avatar-label-type, 500 1rem / 1.5rem Roboto);--_list-item-leading-avatar-label-weight: var(--md-list-list-item-leading-avatar-label-weight, 500);--_list-item-leading-avatar-color: var(--md-list-list-item-leading-avatar-color, var(--md-sys-color-primary-container, #eaddff));--_list-item-leading-avatar-shape: var(--md-list-list-item-leading-avatar-shape, 9999px);--_list-item-leading-avatar-size: var(--md-list-list-item-leading-avatar-size, 40px);--_list-item-leading-icon-color: var(--md-list-list-item-leading-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-leading-icon-size: var(--md-list-list-item-leading-icon-size, 18px);--_list-item-leading-image-height: var(--md-list-list-item-leading-image-height, 56px);--_list-item-leading-image-shape: var(--md-list-list-item-leading-image-shape, 0px);--_list-item-leading-image-width: var(--md-list-list-item-leading-image-width, 56px);--_list-item-leading-video-shape: var(--md-list-list-item-leading-video-shape, 0px);--_list-item-leading-video-width: var(--md-list-list-item-leading-video-width, 100px);--_list-item-one-line-container-height: var(--md-list-list-item-one-line-container-height, 56px);--_list-item-overline-color: var(--md-list-list-item-overline-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-overline-font: var(--md-list-list-item-overline-font, Roboto);--_list-item-overline-line-height: var(--md-list-list-item-overline-line-height, 1rem);--_list-item-overline-size: var(--md-list-list-item-overline-size, 0.688rem);--_list-item-overline-tracking: var(--md-list-list-item-overline-tracking, 0.031rem);--_list-item-overline-type: var(--md-list-list-item-overline-type, 500 0.688rem / 1rem Roboto);--_list-item-overline-weight: var(--md-list-list-item-overline-weight, 500);--_list-item-pressed-label-text-color: var(--md-list-list-item-pressed-label-text-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-leading-icon-icon-color: var(--md-list-list-item-pressed-leading-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-pressed-state-layer-color: var(--md-list-list-item-pressed-state-layer-color, var(--md-sys-color-on-surface, #1c1b1f));--_list-item-pressed-state-layer-opacity: var(--md-list-list-item-pressed-state-layer-opacity, 0.12);--_list-item-pressed-trailing-icon-icon-color: var(--md-list-list-item-pressed-trailing-icon-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-selected-trailing-icon-color: var(--md-list-list-item-selected-trailing-icon-color, var(--md-sys-color-primary, #6750a4));--_list-item-small-leading-video-height: var(--md-list-list-item-small-leading-video-height, 56px);--_list-item-supporting-text-color: var(--md-list-list-item-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-supporting-text-type: var(--md-list-list-item-supporting-text-type, 400 0.875rem / 1.25rem Roboto);--_list-item-three-line-container-height: var(--md-list-list-item-three-line-container-height, 88px);--_list-item-trailing-icon-color: var(--md-list-list-item-trailing-icon-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-icon-size: var(--md-list-list-item-trailing-icon-size, 24px);--_list-item-trailing-supporting-text-color: var(--md-list-list-item-trailing-supporting-text-color, var(--md-sys-color-on-surface-variant, #49454f));--_list-item-trailing-supporting-text-type: var(--md-list-list-item-trailing-supporting-text-type, 500 0.688rem / 1rem Roboto);--_list-item-two-line-container-height: var(--md-list-list-item-two-line-container-height, 72px);--_list-item-unselected-trailing-icon-color: var(--md-list-list-item-unselected-trailing-icon-color, var(--md-sys-color-on-surface, #1c1b1f))}/*# sourceMappingURL=list-item-private-styles.css.map */\n`;\n "]}
@@ -1,10 +0,0 @@
1
- //
2
- // Copyright 2023 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // go/keep-sorted start
7
- @use './list-item';
8
- // go/keep-sorted end
9
-
10
- @include list-item.private-props;
@@ -1,71 +0,0 @@
1
- //
2
- // Copyright 2022 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // stylelint-disable selector-class-pattern --
7
- // Selector '.md3-*' should only be used in this project.
8
-
9
- // go/keep-sorted start
10
- @use 'sass:map';
11
- // go/keep-sorted end
12
- // go/keep-sorted start
13
- @use '../../../sass/map-ext';
14
- @use '../../../sass/theme';
15
- @use '../../../tokens';
16
- // go/keep-sorted end
17
-
18
- $_custom-property-prefix: 'list-item-video';
19
-
20
- @mixin theme($tokens) {
21
- $reference: map-ext.pick(
22
- tokens.md-comp-list-values(),
23
- (
24
- list-item-small-leading-video-height,
25
- list-item-large-leading-video-height,
26
- list-item-leading-video-width,
27
- list-item-leading-video-shape
28
- )
29
- );
30
-
31
- $tokens: theme.validate-theme($reference, $tokens);
32
- $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
33
-
34
- @include theme.emit-theme-vars($tokens);
35
- }
36
-
37
- @mixin styles() {
38
- $tokens: map-ext.pick(
39
- tokens.md-comp-list-values(),
40
- (
41
- list-item-small-leading-video-height,
42
- list-item-large-leading-video-height,
43
- list-item-leading-video-width,
44
- list-item-leading-video-shape
45
- )
46
- );
47
-
48
- $tokens: theme.create-theme-vars($tokens, $_custom-property-prefix);
49
-
50
- :host {
51
- @each $token, $value in $tokens {
52
- --_#{$token}: #{$value};
53
- }
54
-
55
- display: inline-flex;
56
- }
57
-
58
- .md3-list-item__video {
59
- display: inline-flex;
60
- margin-block-end: 12px;
61
- margin-block-start: 12px;
62
- object-fit: cover;
63
- height: var(--_list-item-small-leading-video-height);
64
- width: var(--_list-item-leading-video-width);
65
- border-radius: var(--_list-item-leading-video-shape);
66
-
67
- &.large {
68
- height: var(--_list-item-large-leading-video-height);
69
- }
70
- }
71
- }
@@ -1 +0,0 @@
1
- export declare const styles: import("lit").CSSResult;
@@ -1,9 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { css } from 'lit';
7
- export const styles = css `:host{--_list-item-small-leading-video-height: var(--md-list-item-video-list-item-small-leading-video-height, 56px);--_list-item-large-leading-video-height: var(--md-list-item-video-list-item-large-leading-video-height, 69px);--_list-item-leading-video-width: var(--md-list-item-video-list-item-leading-video-width, 100px);--_list-item-leading-video-shape: var(--md-list-item-video-list-item-leading-video-shape, 0px);display:inline-flex}.md3-list-item__video{display:inline-flex;margin-block-end:12px;margin-block-start:12px;object-fit:cover;height:var(--_list-item-small-leading-video-height);width:var(--_list-item-leading-video-width);border-radius:var(--_list-item-leading-video-shape)}.md3-list-item__video.large{height:var(--_list-item-large-leading-video-height)}/*# sourceMappingURL=list-item-video-styles.css.map */
8
- `;
9
- //# sourceMappingURL=list-item-video-styles.css.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item-video-styles.css.js","sourceRoot":"","sources":["list-item-video-styles.css.ts"],"names":[],"mappings":"AAAA;;;;IAII;AACH,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AACxB,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;CACzB,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n import {css} from 'lit';\n export const styles = css`:host{--_list-item-small-leading-video-height: var(--md-list-item-video-list-item-small-leading-video-height, 56px);--_list-item-large-leading-video-height: var(--md-list-item-video-list-item-large-leading-video-height, 69px);--_list-item-leading-video-width: var(--md-list-item-video-list-item-leading-video-width, 100px);--_list-item-leading-video-shape: var(--md-list-item-video-list-item-leading-video-shape, 0px);display:inline-flex}.md3-list-item__video{display:inline-flex;margin-block-end:12px;margin-block-start:12px;object-fit:cover;height:var(--_list-item-small-leading-video-height);width:var(--_list-item-leading-video-width);border-radius:var(--_list-item-leading-video-shape)}.md3-list-item__video.large{height:var(--_list-item-large-leading-video-height)}/*# sourceMappingURL=list-item-video-styles.css.map */\n`;\n "]}
@@ -1,10 +0,0 @@
1
- //
2
- // Copyright 2022 Google LLC
3
- // SPDX-License-Identifier: Apache-2.0
4
- //
5
-
6
- // go/keep-sorted start
7
- @use './list-item-video';
8
- // go/keep-sorted end
9
-
10
- @include list-item-video.styles;
@@ -1,53 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { LitElement, TemplateResult } from 'lit';
7
- /**
8
- * @fires loadeddata {Event} Dispatched whenever the native HTMLVideoElement
9
- * fires the loadeddate event.
10
- */
11
- export declare class ListItemVideo extends LitElement {
12
- /**
13
- * Displays the video in a taller format
14
- */
15
- large: boolean;
16
- /**
17
- * The underlying `<video>`'s `autoplay` property.
18
- */
19
- autoplay: boolean;
20
- /**
21
- * The underlying `<video>`'s `muted` property.
22
- */
23
- muted: boolean;
24
- /**
25
- * The underlying `<video>`'s `loop` property.
26
- */
27
- loop: boolean;
28
- /**
29
- * The underlying `<video>`'s `controls` property.
30
- */
31
- controls: boolean;
32
- /**
33
- * The underlying `<video>`'s `playsinline` property.
34
- */
35
- playsinline: boolean;
36
- /**
37
- * The underlying `<video>`'s `preload` property.
38
- */
39
- preload: '' | 'auto' | 'metadata' | 'none';
40
- /**
41
- * The underlying `<video>`'s `poster` property.
42
- */
43
- poster: string;
44
- /**
45
- * The `src` of the video.
46
- */
47
- video: string;
48
- /**
49
- * The `alt` attribute if the video.
50
- */
51
- altText: string;
52
- render(): TemplateResult;
53
- }
@@ -1,115 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate, __metadata } from "tslib";
7
- import { html, LitElement, nothing } from 'lit';
8
- import { property } from 'lit/decorators.js';
9
- /**
10
- * @fires loadeddata {Event} Dispatched whenever the native HTMLVideoElement
11
- * fires the loadeddate event.
12
- */
13
- export class ListItemVideo extends LitElement {
14
- constructor() {
15
- super(...arguments);
16
- /**
17
- * Displays the video in a taller format
18
- */
19
- this.large = false;
20
- /**
21
- * The underlying `<video>`'s `autoplay` property.
22
- */
23
- this.autoplay = false;
24
- /**
25
- * The underlying `<video>`'s `muted` property.
26
- */
27
- this.muted = false;
28
- /**
29
- * The underlying `<video>`'s `loop` property.
30
- */
31
- this.loop = false;
32
- /**
33
- * The underlying `<video>`'s `controls` property.
34
- */
35
- this.controls = false;
36
- /**
37
- * The underlying `<video>`'s `playsinline` property.
38
- */
39
- this.playsinline = false;
40
- /**
41
- * The underlying `<video>`'s `preload` property.
42
- */
43
- this.preload = '';
44
- /**
45
- * The underlying `<video>`'s `poster` property.
46
- */
47
- this.poster = '';
48
- /**
49
- * The `src` of the video.
50
- */
51
- this.video = '';
52
- /**
53
- * The `alt` attribute if the video.
54
- */
55
- this.altText = '';
56
- }
57
- render() {
58
- return html `
59
- <video
60
- @loadeddata=${() => this.dispatchEvent(new Event('loadeddata'))}
61
- .src="${this.video || nothing}"
62
- .poster="${this.poster || nothing}"
63
- alt="${this.altText || nothing}"
64
- .autoplay=${this.autoplay}
65
- .muted=${this.muted}
66
- .loop=${this.loop}
67
- .playsinline=${this.playsinline}
68
- .controls=${this.controls}
69
- class="md3-list-item__video ${this.large ? 'large' : ''}">
70
- <slot></slot>
71
- </video>
72
- `;
73
- }
74
- }
75
- __decorate([
76
- property({ type: Boolean }),
77
- __metadata("design:type", Object)
78
- ], ListItemVideo.prototype, "large", void 0);
79
- __decorate([
80
- property({ type: Boolean }),
81
- __metadata("design:type", Object)
82
- ], ListItemVideo.prototype, "autoplay", void 0);
83
- __decorate([
84
- property({ type: Boolean }),
85
- __metadata("design:type", Object)
86
- ], ListItemVideo.prototype, "muted", void 0);
87
- __decorate([
88
- property({ type: Boolean }),
89
- __metadata("design:type", Object)
90
- ], ListItemVideo.prototype, "loop", void 0);
91
- __decorate([
92
- property({ type: Boolean }),
93
- __metadata("design:type", Object)
94
- ], ListItemVideo.prototype, "controls", void 0);
95
- __decorate([
96
- property({ type: Boolean }),
97
- __metadata("design:type", Object)
98
- ], ListItemVideo.prototype, "playsinline", void 0);
99
- __decorate([
100
- property({ type: String }),
101
- __metadata("design:type", String)
102
- ], ListItemVideo.prototype, "preload", void 0);
103
- __decorate([
104
- property({ type: String }),
105
- __metadata("design:type", Object)
106
- ], ListItemVideo.prototype, "poster", void 0);
107
- __decorate([
108
- property({ type: String }),
109
- __metadata("design:type", Object)
110
- ], ListItemVideo.prototype, "video", void 0);
111
- __decorate([
112
- property({ type: String }),
113
- __metadata("design:type", Object)
114
- ], ListItemVideo.prototype, "altText", void 0);
115
- //# sourceMappingURL=list-item-video.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item-video.js","sourceRoot":"","sources":["list-item-video.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAiB,MAAM,KAAK,CAAC;AAC9D,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C;;;GAGG;AACH,MAAM,OAAO,aAAc,SAAQ,UAAU;IAA7C;;QACE;;WAEG;QACwB,UAAK,GAAG,KAAK,CAAC;QAEzC;;WAEG;QACwB,aAAQ,GAAG,KAAK,CAAC;QAE5C;;WAEG;QACwB,UAAK,GAAG,KAAK,CAAC;QAEzC;;WAEG;QACwB,SAAI,GAAG,KAAK,CAAC;QAExC;;WAEG;QACwB,aAAQ,GAAG,KAAK,CAAC;QAE5C;;WAEG;QACwB,gBAAW,GAAG,KAAK,CAAC;QAE/C;;WAEG;QACuB,YAAO,GAAgC,EAAE,CAAC;QAEpE;;WAEG;QACuB,WAAM,GAAG,EAAE,CAAC;QAEtC;;WAEG;QACuB,UAAK,GAAG,EAAE,CAAC;QAErC;;WAEG;QACuB,YAAO,GAAG,EAAE,CAAC;IAmBzC,CAAC;IAjBU,MAAM;QACb,OAAO,IAAI,CAAA;;0BAEW,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;oBACvD,IAAI,CAAC,KAAK,IAAI,OAAO;uBAClB,IAAI,CAAC,MAAM,IAAI,OAAO;mBAC1B,IAAI,CAAC,OAAO,IAAI,OAAO;wBAClB,IAAI,CAAC,QAAQ;qBAChB,IAAI,CAAC,KAAK;oBACX,IAAI,CAAC,IAAI;2BACF,IAAI,CAAC,WAAW;wBACnB,IAAI,CAAC,QAAQ;0CACK,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE;;;OAG5D,CAAC;IACN,CAAC;CACF;AAhEC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;4CAAe;AAKzC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;+CAAkB;AAK5C;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;4CAAe;AAKzC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;2CAAc;AAKxC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;+CAAkB;AAK5C;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;kDAAqB;AAK/C;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;8CAA2C;AAKpE;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;6CAAa;AAKtC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;4CAAY;AAKrC;IAAC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;8CAAc","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, nothing, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\n\n/**\n * @fires loadeddata {Event} Dispatched whenever the native HTMLVideoElement\n * fires the loadeddate event.\n */\nexport class ListItemVideo extends LitElement {\n /**\n * Displays the video in a taller format\n */\n @property({type: Boolean}) large = false;\n\n /**\n * The underlying `<video>`'s `autoplay` property.\n */\n @property({type: Boolean}) autoplay = false;\n\n /**\n * The underlying `<video>`'s `muted` property.\n */\n @property({type: Boolean}) muted = false;\n\n /**\n * The underlying `<video>`'s `loop` property.\n */\n @property({type: Boolean}) loop = false;\n\n /**\n * The underlying `<video>`'s `controls` property.\n */\n @property({type: Boolean}) controls = false;\n\n /**\n * The underlying `<video>`'s `playsinline` property.\n */\n @property({type: Boolean}) playsinline = false;\n\n /**\n * The underlying `<video>`'s `preload` property.\n */\n @property({type: String}) preload: ''|'auto'|'metadata'|'none' = '';\n\n /**\n * The underlying `<video>`'s `poster` property.\n */\n @property({type: String}) poster = '';\n\n /**\n * The `src` of the video.\n */\n @property({type: String}) video = '';\n\n /**\n * The `alt` attribute if the video.\n */\n @property({type: String}) altText = '';\n\n override render(): TemplateResult {\n return html`\n <video\n @loadeddata=${() => this.dispatchEvent(new Event('loadeddata'))}\n .src=\"${this.video || nothing}\"\n .poster=\"${this.poster || nothing}\"\n alt=\"${this.altText || nothing}\"\n .autoplay=${this.autoplay}\n .muted=${this.muted}\n .loop=${this.loop}\n .playsinline=${this.playsinline}\n .controls=${this.controls}\n class=\"md3-list-item__video ${this.large ? 'large' : ''}\">\n <slot></slot>\n </video>\n `;\n }\n}\n"]}
@@ -1,20 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { ListItemAvatar } from './lib/avatar/list-item-avatar.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-list-item-avatar': MdListItemAvatar;
10
- }
11
- }
12
- /**
13
- * @summary An image avatar that is expected to be slotted into a list item.
14
- *
15
- * @final
16
- * @suppress {visibility}
17
- */
18
- export declare class MdListItemAvatar extends ListItemAvatar {
19
- static styles: import("lit").CSSResult[];
20
- }
@@ -1,23 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2022 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { ListItemAvatar } from './lib/avatar/list-item-avatar.js';
9
- import { styles } from './lib/avatar/list-item-avatar-styles.css.js';
10
- /**
11
- * @summary An image avatar that is expected to be slotted into a list item.
12
- *
13
- * @final
14
- * @suppress {visibility}
15
- */
16
- let MdListItemAvatar = class MdListItemAvatar extends ListItemAvatar {
17
- };
18
- MdListItemAvatar.styles = [styles];
19
- MdListItemAvatar = __decorate([
20
- customElement('md-list-item-avatar')
21
- ], MdListItemAvatar);
22
- export { MdListItemAvatar };
23
- //# sourceMappingURL=list-item-avatar.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item-avatar.js","sourceRoot":"","sources":["list-item-avatar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,cAAc,EAAC,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAC,MAAM,EAAC,MAAM,6CAA6C,CAAC;AAQnE;;;;;GAKG;AAEI,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,cAAc;;AAClC,uBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AADvB,gBAAgB;IAD5B,aAAa,CAAC,qBAAqB,CAAC;GACxB,gBAAgB,CAE5B;SAFY,gBAAgB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {ListItemAvatar} from './lib/avatar/list-item-avatar.js';\nimport {styles} from './lib/avatar/list-item-avatar-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-list-item-avatar': MdListItemAvatar;\n }\n}\n\n/**\n * @summary An image avatar that is expected to be slotted into a list item.\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-avatar')\nexport class MdListItemAvatar extends ListItemAvatar {\n static override styles = [styles];\n}\n"]}
@@ -1,20 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { ListItemIcon } from './lib/icon/list-item-icon.js';
7
- declare global {
8
- interface HTMLElementTagNameMap {
9
- 'md-list-item-icon': MdListItemIcon;
10
- }
11
- }
12
- /**
13
- * @summary A material icon that is expected to be slotted into a list item.
14
- *
15
- * @final
16
- * @suppress {visibility}
17
- */
18
- export declare class MdListItemIcon extends ListItemIcon {
19
- static styles: import("lit").CSSResult[];
20
- }
@@ -1,23 +0,0 @@
1
- /**
2
- * @license
3
- * Copyright 2021 Google LLC
4
- * SPDX-License-Identifier: Apache-2.0
5
- */
6
- import { __decorate } from "tslib";
7
- import { customElement } from 'lit/decorators.js';
8
- import { ListItemIcon } from './lib/icon/list-item-icon.js';
9
- import { styles } from './lib/icon/list-item-icon-styles.css.js';
10
- /**
11
- * @summary A material icon that is expected to be slotted into a list item.
12
- *
13
- * @final
14
- * @suppress {visibility}
15
- */
16
- let MdListItemIcon = class MdListItemIcon extends ListItemIcon {
17
- };
18
- MdListItemIcon.styles = [styles];
19
- MdListItemIcon = __decorate([
20
- customElement('md-list-item-icon')
21
- ], MdListItemIcon);
22
- export { MdListItemIcon };
23
- //# sourceMappingURL=list-item-icon.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"list-item-icon.js","sourceRoot":"","sources":["list-item-icon.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,YAAY,EAAC,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAC,MAAM,EAAC,MAAM,yCAAyC,CAAC;AAQ/D;;;;;GAKG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,YAAY;;AAC9B,qBAAM,GAAG,CAAC,MAAM,CAAC,CAAC;AADvB,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAE1B;SAFY,cAAc","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {ListItemIcon} from './lib/icon/list-item-icon.js';\nimport {styles} from './lib/icon/list-item-icon-styles.css.js';\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'md-list-item-icon': MdListItemIcon;\n }\n}\n\n/**\n * @summary A material icon that is expected to be slotted into a list item.\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-icon')\nexport class MdListItemIcon extends ListItemIcon {\n static override styles = [styles];\n}\n"]}