@material/web 0.1.0-alpha.0

package/list/lib/avatar/list-item-avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-avatar.js","sourceRoot":"","sources":["list-item-avatar.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,qBAAqB;AACrB,MAAM,OAAO,cAAe,SAAQ,UAAU;IAA9C;;QAC2C,WAAM,GAAG,EAAE,CAAC;IAavD,CAAC;IAVC;;;OAGG;IACM,MAAM;QACb,OAAO,IAAI,CAAA;mBACI,IAAI,CAAC,MAAM,UAAU,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;MAEzD,CAAC;IACL,CAAC;CACF;AAb0C;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;8CAAa;AACZ;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;+CAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/** @soyCompatible */\nexport class ListItemAvatar extends LitElement {\n  @property({type: String, reflect: true}) avatar = '';\n  @property({type: String, reflect: true}) altText?: string;\n\n  /**\n   * @soyTemplate\n   * @soyClasses imageClasses: .md3-list-item__avatar\n   */\n  override render(): TemplateResult {\n    return html`\n       <img src=\"${this.avatar}\" alt=\"${ifDefined(this.altText)}\"\n        class=\"md3-list-item__avatar\" />\n     `;\n  }\n}\n"]}

package/list/lib/divider/_list-divider-theme.scss

@@ -0,0 +1,30 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use 'sass:map';
+@use '@material/web/sass/theme';
+@use '../tokens';
+
+$light-theme: (
+  list-divider-color: #000,
+  list-divider-height: 0,
+);
+
+$_custom-property-prefix: 'list-divider';
+
+@mixin theme($theme) {
+  $theme: theme.validate-theme($light-theme, $theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  @include theme.emit-theme-vars($theme);
+}
+
+@mixin theme-styles($theme) {
+  $theme: theme.validate-theme($light-theme, $theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  background-color: map.get($theme, 'list-divider-color');
+  height: map.get($theme, 'list-divider-height');
+}

package/list/lib/divider/_list-divider.scss

@@ -0,0 +1,14 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@mixin static-styles() {
+  .md3-list__divider {
+    background-clip: content-box;
+    padding: 0;
+  }
+}

package/list/lib/divider/list-divider-styles.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/list/lib/divider/list-divider-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `:host .md3-list__divider{background-clip:content-box;padding:0}:host .md3-list__divider{background-color:var(--md-list-divider-list-divider-color, #000);height:var(--md-list-divider-list-divider-height, 0)}/*# sourceMappingURL=list-divider-styles.css.map */
+`;
+//# sourceMappingURL=list-divider-styles.css.js.map

package/list/lib/divider/list-divider-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-divider-styles.css.js","sourceRoot":"","sources":["list-divider-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 .md3-list__divider{background-clip:content-box;padding:0}:host .md3-list__divider{background-color:var(--md-list-divider-list-divider-color, #000);height:var(--md-list-divider-list-divider-height, 0)}/*# sourceMappingURL=list-divider-styles.css.map */\n`;\n "]}

package/list/lib/divider/list-divider-styles.scss

@@ -0,0 +1,18 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@use './list-divider';
+@use './list-divider-theme';
+
+:host {
+  @include list-divider.static-styles();
+
+  .md3-list__divider {
+    @include list-divider-theme.theme-styles(list-divider-theme.$light-theme);
+  }
+}

package/list/lib/divider/list-divider.d.ts

@@ -0,0 +1,13 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ARIARole } from '@material/web/types/aria.js';
+import { LitElement, TemplateResult } from 'lit';
+/** @soyCompatible */
+export declare class ListDivider extends LitElement {
+    role: ARIARole;
+    /** @soyTemplate */
+    render(): TemplateResult;
+}

package/list/lib/divider/list-divider.js

@@ -0,0 +1,30 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { ariaProperty } from '@material/web/decorators/aria-property.js';
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+/** @soyCompatible */
+export class ListDivider extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.role = 'separator';
+    }
+    /** @soyTemplate */
+    render() {
+        return html `
+       <li role="separator" class="md3-list__divider">
+       </li>
+     `;
+    }
+}
+__decorate([
+    ariaProperty // tslint:disable-line:no-new-decorators
+    ,
+    property({ type: String, attribute: 'data-role', noAccessor: true }),
+    __metadata("design:type", String)
+], ListDivider.prototype, "role", void 0);
+//# sourceMappingURL=list-divider.js.map

package/list/lib/divider/list-divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-divider.js","sourceRoot":"","sources":["list-divider.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,YAAY,EAAC,MAAM,2CAA2C,CAAC;AAEvE,OAAO,EAAC,IAAI,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,qBAAqB;AACrB,MAAM,OAAO,WAAY,SAAQ,UAAU;IAA3C;;QAGE,SAAI,GAAa,WAAW,CAAC;IAS/B,CAAC;IAPC,mBAAmB;IACV,MAAM;QACb,OAAO,IAAI,CAAA;;;MAGT,CAAC;IACL,CAAC;CACF;AATC;IAFC,YAAY,CAAE,wCAAwC;;IACtD,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,UAAU,EAAE,IAAI,EAAC,CAAC;;yCACtC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ariaProperty} from '@material/web/decorators/aria-property.js';\nimport {ARIARole} from '@material/web/types/aria.js';\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\n\n/** @soyCompatible */\nexport class ListDivider extends LitElement {\n  @ariaProperty  // tslint:disable-line:no-new-decorators\n  @property({type: String, attribute: 'data-role', noAccessor: true})\n  role: ARIARole = 'separator';\n\n  /** @soyTemplate */\n  override render(): TemplateResult {\n    return html`\n       <li role=\"separator\" class=\"md3-list__divider\">\n       </li>\n     `;\n  }\n}\n"]}

package/list/lib/icon/_list-item-icon-theme.scss

@@ -0,0 +1,32 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use 'sass:map';
+@use '@material/web/sass/theme';
+@use '../tokens';
+
+$light-theme: (
+  list-item-icon-color: #000,
+  list-item-icon-size: 0,
+  list-item-icon-opacity: 1,
+);
+
+$_custom-property-prefix: 'list-item-icon';
+
+@mixin theme($theme) {
+  $theme: theme.validate-theme($light-theme, $theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  @include theme.emit-theme-vars($theme);
+}
+
+@mixin theme-styles($theme) {
+  $theme: theme.validate-theme($light-theme, $theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  color: map.get($theme, list-item-icon-color);
+  font-size: map.get($theme, list-item-icon-size);
+  opacity: map.get($theme, list-item-icon-opacity);
+}

package/list/lib/icon/_list-item-icon.scss

@@ -0,0 +1,35 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@mixin static-styles() {
+  .md3-list-item__icon {
+    font-family: 'Material Icons';
+    font-weight: normal;
+    font-style: normal;
+    font-size: inherit;
+    line-height: 1;
+    letter-spacing: normal;
+    text-transform: none;
+    display: inline-block;
+    white-space: nowrap;
+    word-wrap: normal;
+    direction: ltr;
+    height: 100%;
+    width: 100%;
+    padding-inline-start: 16px;
+
+    /* Support for all WebKit browsers. */
+    -webkit-font-smoothing: antialiased;
+    /* Support for Safari and Chrome. */
+    text-rendering: optimizeLegibility;
+    /* Support for Firefox. */
+    -moz-osx-font-smoothing: grayscale;
+    /* Support for IE. */
+    font-feature-settings: 'liga';
+  }
+}

package/list/lib/icon/list-item-icon-styles.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/list/lib/icon/list-item-icon-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `:host .md3-list-item__icon{font-family:"Material Icons";font-weight:normal;font-style:normal;font-size:inherit;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;height:100%;width:100%;padding-inline-start:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}:host .md3-list-item__icon{color:var(--md-list-item-icon-list-item-icon-color, #000);font-size:var(--md-list-item-icon-list-item-icon-size, 0);opacity:var(--md-list-item-icon-list-item-icon-opacity, 1)}/*# sourceMappingURL=list-item-icon-styles.css.map */
+`;
+//# sourceMappingURL=list-item-icon-styles.css.js.map

package/list/lib/icon/list-item-icon-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-icon-styles.css.js","sourceRoot":"","sources":["list-item-icon-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 .md3-list-item__icon{font-family:\"Material Icons\";font-weight:normal;font-style:normal;font-size:inherit;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;height:100%;width:100%;padding-inline-start:16px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:\"liga\"}:host .md3-list-item__icon{color:var(--md-list-item-icon-list-item-icon-color, #000);font-size:var(--md-list-item-icon-list-item-icon-size, 0);opacity:var(--md-list-item-icon-list-item-icon-opacity, 1)}/*# sourceMappingURL=list-item-icon-styles.css.map */\n`;\n "]}

package/list/lib/icon/list-item-icon-styles.scss

@@ -0,0 +1,20 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@use './list-item-icon';
+@use './list-item-icon-theme';
+
+:host {
+  @include list-item-icon.static-styles();
+
+  .md3-list-item__icon {
+    @include list-item-icon-theme.theme-styles(
+      list-item-icon-theme.$light-theme
+    );
+  }
+}

package/list/lib/icon/list-item-icon.d.ts

@@ -0,0 +1,12 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LitElement, TemplateResult } from 'lit';
+/** @soyCompatible */
+export declare class ListItemIcon extends LitElement {
+    media: string;
+    /** @soyTemplate */
+    render(): TemplateResult;
+}

package/list/lib/icon/list-item-icon.js

@@ -0,0 +1,26 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+/** @soyCompatible */
+export class ListItemIcon extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.media = 'icon';
+    }
+    /** @soyTemplate */
+    render() {
+        return html `
+      <span class="md3-list-item__icon"><slot></slot></span>
+    `;
+    }
+}
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", Object)
+], ListItemIcon.prototype, "media", void 0);
+//# sourceMappingURL=list-item-icon.js.map

package/list/lib/icon/list-item-icon.js.map

@@ -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;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,qBAAqB;AACrB,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QAC2C,UAAK,GAAG,MAAM,CAAC;IAQ1D,CAAC;IANC,mBAAmB;IACV,MAAM;QACb,OAAO,IAAI,CAAA;;KAEV,CAAC;IACJ,CAAC;CACF;AAR0C;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;2CAAgB","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\n\n/** @soyCompatible */\nexport class ListItemIcon extends LitElement {\n  @property({type: String, reflect: true}) media = 'icon';\n\n  /** @soyTemplate */\n  override render(): TemplateResult {\n    return html`\n      <span class=\"md3-list-item__icon\"><slot></slot></span>\n    `;\n  }\n}\n"]}

package/list/lib/image/_list-item-image-theme.scss

@@ -0,0 +1,36 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@use 'sass:map';
+@use '@material/web/sass/theme';
+@use '@material/web/sass/map-ext';
+@use '../tokens';
+
+$light-theme: map-ext.pick(
+  tokens.md-comp-list-values(),
+  (
+    list-item-leading-image-height,
+    list-item-leading-image-width,
+    list-item-leading-image-shape
+  )
+);
+
+$_custom-property-prefix: 'list-item-image';
+
+@mixin theme($theme) {
+  $theme: theme.validate-theme($light-theme, $theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  @include theme.emit-theme-vars($theme);
+}
+
+@mixin theme-styles($theme) {
+  $theme: theme.validate-theme($light-theme, $theme);
+  $theme: theme.create-theme-vars($theme, $_custom-property-prefix);
+
+  height: map.get($theme, list-item-leading-image-height);
+  width: map.get($theme, list-item-leading-image-width);
+  border-radius: map.get($theme, list-item-leading-image-shape);
+}

package/list/lib/image/_list-item-image.scss

@@ -0,0 +1,16 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@mixin static-styles() {
+  .md3-list-item__image {
+    display: inline-flex;
+    margin-block-end: 8px;
+    margin-block-start: 8px;
+    margin-inline-start: 16px;
+  }
+}

package/list/lib/image/list-item-image-styles.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/list/lib/image/list-item-image-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `:host .md3-list-item__image{display:inline-flex;margin-block-end:8px;margin-block-start:8px;margin-inline-start:16px}:host .md3-list-item__image{height:var(--md-list-item-image-list-item-leading-image-height, 56px);width:var(--md-list-item-image-list-item-leading-image-width, 56px);border-radius:var(--md-list-item-image-list-item-leading-image-shape, 0)}/*# sourceMappingURL=list-item-image-styles.css.map */
+`;
+//# sourceMappingURL=list-item-image-styles.css.js.map

package/list/lib/image/list-item-image-styles.css.js.map

@@ -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 .md3-list-item__image{display:inline-flex;margin-block-end:8px;margin-block-start:8px;margin-inline-start:16px}:host .md3-list-item__image{height:var(--md-list-item-image-list-item-leading-image-height, 56px);width:var(--md-list-item-image-list-item-leading-image-width, 56px);border-radius:var(--md-list-item-image-list-item-leading-image-shape, 0)}/*# sourceMappingURL=list-item-image-styles.css.map */\n`;\n "]}

package/list/lib/image/list-item-image-styles.scss

@@ -0,0 +1,20 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@use './list-item-image';
+@use './list-item-image-theme';
+
+:host {
+  @include list-item-image.static-styles();
+
+  .md3-list-item__image {
+    @include list-item-image-theme.theme-styles(
+      list-item-image-theme.$light-theme
+    );
+  }
+}

package/list/lib/image/list-item-image.d.ts

@@ -0,0 +1,14 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { LitElement, TemplateResult } from 'lit';
+/** @soyCompatible */
+export declare class ListItemImage extends LitElement {
+    media: string;
+    image: string;
+    altText?: string;
+    /** @soyTemplate */
+    render(): TemplateResult;
+}

package/list/lib/image/list-item-image.js

@@ -0,0 +1,37 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate, __metadata } from "tslib";
+import { html, LitElement } from 'lit';
+import { property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+/** @soyCompatible */
+export class ListItemImage extends LitElement {
+    constructor() {
+        super(...arguments);
+        this.media = 'image';
+        this.image = '';
+    }
+    /** @soyTemplate */
+    render() {
+        return html `
+        <img src="${this.image}" alt="${ifDefined(this.altText)}"
+         class="md3-list-item__image" />
+      `;
+    }
+}
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", Object)
+], ListItemImage.prototype, "media", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", Object)
+], ListItemImage.prototype, "image", void 0);
+__decorate([
+    property({ type: String, reflect: true }),
+    __metadata("design:type", String)
+], ListItemImage.prototype, "altText", void 0);
+//# sourceMappingURL=list-item-image.js.map

package/list/lib/image/list-item-image.js.map

@@ -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,EAAiB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,SAAS,EAAC,MAAM,8BAA8B,CAAC;AAEvD,qBAAqB;AACrB,MAAM,OAAO,aAAc,SAAQ,UAAU;IAA7C;;QAC2C,UAAK,GAAG,OAAO,CAAC;QAChB,UAAK,GAAG,EAAE,CAAC;IAUtD,CAAC;IAPC,mBAAmB;IACV,MAAM;QACb,OAAO,IAAI,CAAA;oBACK,IAAI,CAAC,KAAK,UAAU,SAAS,CAAC,IAAI,CAAC,OAAO,CAAC;;OAExD,CAAC;IACN,CAAC;CACF;AAX0C;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;4CAAiB;AAChB;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;4CAAY;AACX;IAAxC,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;;8CAAkB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, LitElement, TemplateResult} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {ifDefined} from 'lit/directives/if-defined.js';\n\n/** @soyCompatible */\nexport class ListItemImage extends LitElement {\n  @property({type: String, reflect: true}) media = 'image';\n  @property({type: String, reflect: true}) image = '';\n  @property({type: String, reflect: true}) altText?: string;\n\n  /** @soyTemplate */\n  override render(): TemplateResult {\n    return html`\n        <img src=\"${this.image}\" alt=\"${ifDefined(this.altText)}\"\n         class=\"md3-list-item__image\" />\n      `;\n  }\n}\n"]}

package/list/lib/list-styles.css.d.ts

@@ -0,0 +1 @@
+export declare const styles: import("lit").CSSResult;

package/list/lib/list-styles.css.js

@@ -0,0 +1,9 @@
+/**
+  * @license
+  * Copyright 2022 Google LLC
+  * SPDX-License-Identifier: Apache-2.0
+  */
+import { css } from 'lit';
+export const styles = css `.md3-elevation-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);z-index:-2}:host{color:unset}.md3-list{display:block;list-style-type:none;margin:0;min-width:300px;outline:none;padding:8px 0;position:relative}.md3-list .md3-elevation-overlay{z-index:0}.md3-list{--md-list-divider-list-divider-color:var(--md-list-list-divider-color, #c4c7c5);--md-list-divider-list-divider-height:var(--md-list-list-divider-height, 1px);background-color:var(--md-list-container-color, #fff)}.md3-list .md3-elevation-overlay{background-color:var(--md-list-container-surface-tint-layer-color, var(--md-sys-color-primary, #6750a4))}.md3-list .md3-elevation-overlay{opacity:var(--md-list-container-elevation-overlay-opacity, 0)}/*# sourceMappingURL=list-styles.css.map */
+`;
+//# sourceMappingURL=list-styles.css.js.map

package/list/lib/list-styles.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-styles.css.js","sourceRoot":"","sources":["list-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`.md3-elevation-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;transition:opacity 280ms cubic-bezier(0.4, 0, 0.2, 1);z-index:-2}:host{color:unset}.md3-list{display:block;list-style-type:none;margin:0;min-width:300px;outline:none;padding:8px 0;position:relative}.md3-list .md3-elevation-overlay{z-index:0}.md3-list{--md-list-divider-list-divider-color:var(--md-list-list-divider-color, #c4c7c5);--md-list-divider-list-divider-height:var(--md-list-list-divider-height, 1px);background-color:var(--md-list-container-color, #fff)}.md3-list .md3-elevation-overlay{background-color:var(--md-list-container-surface-tint-layer-color, var(--md-sys-color-primary, #6750a4))}.md3-list .md3-elevation-overlay{opacity:var(--md-list-container-elevation-overlay-opacity, 0)}/*# sourceMappingURL=list-styles.css.map */\n`;\n "]}

package/list/lib/list-styles.scss

@@ -0,0 +1,16 @@
+//
+// Copyright 2022 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+// stylelint-disable selector-class-pattern --
+// Selector '.md3-*' should only be used in this project.
+
+@use './list-theme';
+@use './list';
+
+@include list.static-styles;
+
+.md3-list {
+  @include list-theme.theme-styles(list-theme.$light-theme);
+}

package/list/lib/list.d.ts

@@ -0,0 +1,41 @@
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ARIARole } from '@material/web/types/aria.js';
+import { LitElement, PropertyValues, TemplateResult } from 'lit';
+import { ListItem } from './listitem/list-item.js';
+/** @soyCompatible */
+export declare class List extends LitElement {
+    static shadowRootOptions: ShadowRootInit;
+    ariaLabel: string;
+    ariaActivedescendant: string;
+    role: ARIARole;
+    listTabIndex: number;
+    items: ListItem[];
+    activeListItem: ListItem | null;
+    listRoot: HTMLElement;
+    listItemTagName: string;
+    protected assignedElements: HTMLElement[] | null;
+    firstUpdated(changedProperties: PropertyValues): void;
+    /** @soyTemplate */
+    render(): TemplateResult;
+    handleKeydown(event: KeyboardEvent): void;
+    protected activateListItem(item: ListItem): void;
+    protected deactivateListItem(item: ListItem): void;
+    protected isListItemActive(item: ListItem): boolean;
+    protected handleAction(event: CustomEvent): void;
+    activateFirstItem(): void;
+    activateLastItem(): void;
+    resetActiveListItem(): void;
+    focusListRoot(): void;
+    /** Updates `this.items` based on slot elements in the DOM. */
+    protected updateItems(): void;
+    /** @return Whether the given element is a list item element. */
+    private isListItem;
+    private getFirstItem;
+    private getLastItem;
+    private getPrevItem;
+    private getNextItem;
+}