@material/web 1.0.0-pre.1 → 1.0.0-pre.2

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

@@ -1 +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-leading-video-height: var(--md-list-item-video-list-item-leading-video-height, 64px);--_list-item-leading-video-width: var(--md-list-item-video-list-item-leading-video-width, 114px);--_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-leading-video-height);width:var(--_list-item-leading-video-width);border-radius:var(--_list-item-leading-video-shape)}/*# sourceMappingURL=list-item-video-styles.css.map */\n`;\n "]}
+{"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 "]}

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

@@ -4,11 +4,50 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { LitElement, TemplateResult } from 'lit';
-/** @soyCompatible */
+/**
+ * @fires loadeddata {Event} Dispatched whenever the native HTMLVideoElement
+ * fires the loadeddate event.
+ */
 export declare class ListItemVideo extends LitElement {
-    media: string;
+    /**
+     * Displays the video in a taller format
+     */
+    large: boolean;
+    /**
+     * The underlying `<video>`'s `autoplay` property.
+     */
+    autoplay: boolean;
+    /**
+     * The underlying `<video>`'s `muted` property.
+     */
+    muted: boolean;
+    /**
+     * The underlying `<video>`'s `loop` property.
+     */
+    loop: boolean;
+    /**
+     * The underlying `<video>`'s `controls` property.
+     */
+    controls: boolean;
+    /**
+     * The underlying `<video>`'s `playsinline` property.
+     */
+    playsinline: boolean;
+    /**
+     * The underlying `<video>`'s `preload` property.
+     */
+    preload: '' | 'auto' | 'metadata' | 'none';
+    /**
+     * The underlying `<video>`'s `poster` property.
+     */
+    poster: string;
+    /**
+     * The `src` of the video.
+     */
     video: string;
-    altText?: string;
-    /** @soyTemplate */
+    /**
+     * The `alt` attribute if the video.
+     */
+    altText: string;
     render(): TemplateResult;
 }

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

@@ -4,34 +4,112 @@
  * SPDX-License-Identifier: Apache-2.0
  */
 import { __decorate, __metadata } from "tslib";
-import { html, LitElement } from 'lit';
+import { html, LitElement, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-/** @soyCompatible */
+/**
+ * @fires loadeddata {Event} Dispatched whenever the native HTMLVideoElement
+ * fires the loadeddate event.
+ */
 export class ListItemVideo extends LitElement {
     constructor() {
         super(...arguments);
-        this.media = 'video';
+        /**
+         * Displays the video in a taller format
+         */
+        this.large = false;
+        /**
+         * The underlying `<video>`'s `autoplay` property.
+         */
+        this.autoplay = false;
+        /**
+         * The underlying `<video>`'s `muted` property.
+         */
+        this.muted = false;
+        /**
+         * The underlying `<video>`'s `loop` property.
+         */
+        this.loop = false;
+        /**
+         * The underlying `<video>`'s `controls` property.
+         */
+        this.controls = false;
+        /**
+         * The underlying `<video>`'s `playsinline` property.
+         */
+        this.playsinline = false;
+        /**
+         * The underlying `<video>`'s `preload` property.
+         */
+        this.preload = '';
+        /**
+         * The underlying `<video>`'s `poster` property.
+         */
+        this.poster = '';
+        /**
+         * The `src` of the video.
+         */
         this.video = '';
+        /**
+         * The `alt` attribute if the video.
+         */
+        this.altText = '';
     }
-    /** @soyTemplate */
     render() {
         return html `
-        <img src="${this.video}" alt="${ifDefined(this.altText)}"
-         class="md3-list-item__video" />
+        <video
+            @loadeddata=${() => this.dispatchEvent(new Event('loadeddata'))}
+            .src="${this.video || nothing}"
+            .poster="${this.poster || nothing}"
+            alt="${this.altText || nothing}"
+            .autoplay=${this.autoplay}
+            .muted=${this.muted}
+            .loop=${this.loop}
+            .playsinline=${this.playsinline}
+            .controls=${this.controls}
+            class="md3-list-item__video ${this.large ? 'large' : ''}">
+          <slot></slot>
+        </video>
       `;
     }
 }
 __decorate([
-    property({ type: String, reflect: true }),
+    property({ type: Boolean }),
     __metadata("design:type", Object)
-], ListItemVideo.prototype, "media", void 0);
+], ListItemVideo.prototype, "large", void 0);
 __decorate([
-    property({ type: String, reflect: true }),
+    property({ type: Boolean }),
     __metadata("design:type", Object)
-], ListItemVideo.prototype, "video", void 0);
+], ListItemVideo.prototype, "autoplay", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], ListItemVideo.prototype, "muted", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], ListItemVideo.prototype, "loop", void 0);
+__decorate([
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], ListItemVideo.prototype, "controls", void 0);
 __decorate([
-    property({ type: String, reflect: true }),
+    property({ type: Boolean }),
+    __metadata("design:type", Object)
+], ListItemVideo.prototype, "playsinline", void 0);
+__decorate([
+    property({ type: String }),
     __metadata("design:type", String)
+], ListItemVideo.prototype, "preload", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], ListItemVideo.prototype, "poster", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
+], ListItemVideo.prototype, "video", void 0);
+__decorate([
+    property({ type: String }),
+    __metadata("design:type", Object)
 ], ListItemVideo.prototype, "altText", void 0);
 //# sourceMappingURL=list-item-video.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"list-item-video.js","sourceRoot":"","sources":["list-item-video.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 ListItemVideo extends LitElement {\n  @property({type: String, reflect: true}) media = 'video';\n  @property({type: String, reflect: true}) video = '';\n  @property({type: String, reflect: true}) altText?: string;\n\n  /** @soyTemplate */\n  override render(): TemplateResult {\n    return html`\n        <img src=\"${this.video}\" alt=\"${ifDefined(this.altText)}\"\n         class=\"md3-list-item__video\" />\n      `;\n  }\n}\n"]}
+{"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;AAhE4B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;4CAAe;AAKd;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;+CAAkB;AAKjB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;4CAAe;AAKd;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;2CAAc;AAKb;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;+CAAkB;AAKjB;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;;kDAAqB;AAKrB;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;8CAA2C;AAK1C;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;6CAAa;AAKZ;IAAzB,QAAQ,CAAC,EAAC,IAAI,EAAE,MAAM,EAAC,CAAC;;4CAAY;AAKX;IAAzB,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"]}

package/list/list-item-avatar.d.ts

@@ -10,7 +10,8 @@ declare global {
     }
 }
 /**
- * @soyCompatible
+ * @summary An image avatar that is expected to be slotted into a list item.
+ *
  * @final
  * @suppress {visibility}
  */

package/list/list-item-avatar.js

@@ -8,7 +8,8 @@ import { customElement } from 'lit/decorators.js';
 import { ListItemAvatar } from './lib/avatar/list-item-avatar.js';
 import { styles } from './lib/avatar/list-item-avatar-styles.css.js';
 /**
- * @soyCompatible
+ * @summary An image avatar that is expected to be slotted into a list item.
+ *
  * @final
  * @suppress {visibility}
  */

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

@@ -1 +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;;;;GAIG;AAEH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,cAAc;CAEnD,CAAA;AADiB,uBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;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 * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-avatar')\nexport class MdListItemAvatar extends ListItemAvatar {\n  static override styles = [styles];\n}\n"]}
+{"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;AAEH,IAAa,gBAAgB,GAA7B,MAAa,gBAAiB,SAAQ,cAAc;CAEnD,CAAA;AADiB,uBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;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"]}

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

@@ -10,7 +10,8 @@ declare global {
     }
 }
 /**
- * @soyCompatible
+ * @summary A material icon that is expected to be slotted into a list item.
+ *
  * @final
  * @suppress {visibility}
  */

package/list/list-item-icon.js

@@ -8,7 +8,8 @@ import { customElement } from 'lit/decorators.js';
 import { ListItemIcon } from './lib/icon/list-item-icon.js';
 import { styles } from './lib/icon/list-item-icon-styles.css.js';
 /**
- * @soyCompatible
+ * @summary A material icon that is expected to be slotted into a list item.
+ *
  * @final
  * @suppress {visibility}
  */

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

@@ -1 +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;;;;GAIG;AAEH,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,YAAY;CAE/C,CAAA;AADiB,qBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;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 * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-icon')\nexport class MdListItemIcon extends ListItemIcon {\n  static override styles = [styles];\n}\n"]}
+{"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;AAEH,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,YAAY;CAE/C,CAAA;AADiB,qBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;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"]}

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

@@ -10,7 +10,8 @@ declare global {
     }
 }
 /**
- * @soyCompatible
+ * @summary An image that is expected to be slotted into a list item.
+ *
  * @final
  * @suppress {visibility}
  */

package/list/list-item-image.js

@@ -8,7 +8,8 @@ import { customElement } from 'lit/decorators.js';
 import { ListItemImage } from './lib/image/list-item-image.js';
 import { styles } from './lib/image/list-item-image-styles.css.js';
 /**
- * @soyCompatible
+ * @summary An image that is expected to be slotted into a list item.
+ *
  * @final
  * @suppress {visibility}
  */

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

@@ -1 +1 @@
-{"version":3,"file":"list-item-image.js","sourceRoot":"","sources":["list-item-image.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,2CAA2C,CAAC;AAQjE;;;;GAIG;AAEH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,aAAa;CAEjD,CAAA;AADiB,sBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAE3B;SAFY,eAAe","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 {ListItemImage} from './lib/image/list-item-image.js';\nimport {styles} from './lib/image/list-item-image-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-image': MdListItemImage;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-image')\nexport class MdListItemImage extends ListItemImage {\n  static override styles = [styles];\n}\n"]}
+{"version":3,"file":"list-item-image.js","sourceRoot":"","sources":["list-item-image.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,2CAA2C,CAAC;AAQjE;;;;;GAKG;AAEH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,aAAa;CAEjD,CAAA;AADiB,sBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAE3B;SAFY,eAAe","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 {ListItemImage} from './lib/image/list-item-image.js';\nimport {styles} from './lib/image/list-item-image-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-image': MdListItemImage;\n  }\n}\n\n/**\n * @summary An image that is expected to be slotted into a list item.\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-image')\nexport class MdListItemImage extends ListItemImage {\n  static override styles = [styles];\n}\n"]}

package/list/list-item-link.d.ts

@@ -0,0 +1,35 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { ListItemLink } from './lib/listitemlink/list-item-link.js';
+declare global {
+    interface HTMLElementTagNameMap {
+        'md-list-item-link': MdListItemLink;
+    }
+}
+/**
+ * @summary
+ * Lists are continuous, vertical indexes of text or images. Items are placed
+ * inside the list. This is a linkable variant.
+ *
+ * @description
+ * Lists consist of one or more list items, and can contain actions represented
+ * by icons and text. List items come in three sizes: one-line, two-line, and
+ * three-line.
+ *
+ * __Takeaways:__
+ *
+ * - Lists should be sorted in logical ways that make content easy to scan, such
+ *   as alphabetical, numerical, chronological, or by user preference.
+ * - Lists present content in a way that makes it easy to identify a specific
+ *   item in a collection and act on it.
+ * - Lists should present icons, text, and actions in a consistent format.
+ *
+ * @final
+ * @suppress {visibility}
+ */
+export declare class MdListItemLink extends ListItemLink {
+    static styles: import("lit").CSSResult[];
+}

package/list/list-item-link.js

@@ -0,0 +1,39 @@
+/**
+ * @license
+ * Copyright 2022 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { __decorate } from "tslib";
+import { customElement } from 'lit/decorators.js';
+import { styles as privateProps } from './lib/listitem/list-item-private-styles.css.js';
+import { styles } from './lib/listitem/list-item-styles.css.js';
+import { ListItemLink } from './lib/listitemlink/list-item-link.js';
+/**
+ * @summary
+ * Lists are continuous, vertical indexes of text or images. Items are placed
+ * inside the list. This is a linkable variant.
+ *
+ * @description
+ * Lists consist of one or more list items, and can contain actions represented
+ * by icons and text. List items come in three sizes: one-line, two-line, and
+ * three-line.
+ *
+ * __Takeaways:__
+ *
+ * - Lists should be sorted in logical ways that make content easy to scan, such
+ *   as alphabetical, numerical, chronological, or by user preference.
+ * - Lists present content in a way that makes it easy to identify a specific
+ *   item in a collection and act on it.
+ * - Lists should present icons, text, and actions in a consistent format.
+ *
+ * @final
+ * @suppress {visibility}
+ */
+let MdListItemLink = class MdListItemLink extends ListItemLink {
+};
+MdListItemLink.styles = [privateProps, styles];
+MdListItemLink = __decorate([
+    customElement('md-list-item-link')
+], MdListItemLink);
+export { MdListItemLink };
+//# sourceMappingURL=list-item-link.js.map

package/list/list-item-link.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-link.js","sourceRoot":"","sources":["list-item-link.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,MAAM,EAAC,MAAM,wCAAwC,CAAC;AAC9D,OAAO,EAAC,YAAY,EAAC,MAAM,sCAAsC,CAAC;AAQlE;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,IAAa,cAAc,GAA3B,MAAa,cAAe,SAAQ,YAAY;CAE/C,CAAA;AADiB,qBAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAE1B;SAFY,cAAc","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 {styles as privateProps} from './lib/listitem/list-item-private-styles.css.js';\nimport {styles} from './lib/listitem/list-item-styles.css.js';\nimport {ListItemLink} from './lib/listitemlink/list-item-link.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-link': MdListItemLink;\n  }\n}\n\n/**\n * @summary\n * Lists are continuous, vertical indexes of text or images. Items are placed\n * inside the list. This is a linkable variant.\n *\n * @description\n * Lists consist of one or more list items, and can contain actions represented\n * by icons and text. List items come in three sizes: one-line, two-line, and\n * three-line.\n *\n * __Takeaways:__\n *\n * - Lists should be sorted in logical ways that make content easy to scan, such\n *   as alphabetical, numerical, chronological, or by user preference.\n * - Lists present content in a way that makes it easy to identify a specific\n *   item in a collection and act on it.\n * - Lists should present icons, text, and actions in a consistent format.\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-link')\nexport class MdListItemLink extends ListItemLink {\n  static override styles = [privateProps, styles];\n}\n"]}

package/list/list-item-video.d.ts

@@ -10,7 +10,8 @@ declare global {
     }
 }
 /**
- * @soyCompatible
+ * @summary A video that is expected to be slotted into a list item.
+ *
  * @final
  * @suppress {visibility}
  */

package/list/list-item-video.js

@@ -8,7 +8,8 @@ import { customElement } from 'lit/decorators.js';
 import { ListItemVideo } from './lib/video/list-item-video.js';
 import { styles } from './lib/video/list-item-video-styles.css.js';
 /**
- * @soyCompatible
+ * @summary A video that is expected to be slotted into a list item.
+ *
  * @final
  * @suppress {visibility}
  */

package/list/list-item-video.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item-video.js","sourceRoot":"","sources":["list-item-video.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,2CAA2C,CAAC;AAQjE;;;;GAIG;AAEH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,aAAa;CAEjD,CAAA;AADiB,sBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAE3B;SAFY,eAAe","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 {ListItemVideo} from './lib/video/list-item-video.js';\nimport {styles} from './lib/video/list-item-video-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-video': MdListItemVideo;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-video')\nexport class MdListItemVideo extends ListItemVideo {\n  static override styles = [styles];\n}\n"]}
+{"version":3,"file":"list-item-video.js","sourceRoot":"","sources":["list-item-video.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,aAAa,EAAC,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAC,MAAM,EAAC,MAAM,2CAA2C,CAAC;AAQjE;;;;;GAKG;AAEH,IAAa,eAAe,GAA5B,MAAa,eAAgB,SAAQ,aAAa;CAEjD,CAAA;AADiB,sBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,eAAe;IAD3B,aAAa,CAAC,oBAAoB,CAAC;GACvB,eAAe,CAE3B;SAFY,eAAe","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 {ListItemVideo} from './lib/video/list-item-video.js';\nimport {styles} from './lib/video/list-item-video-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item-video': MdListItemVideo;\n  }\n}\n\n/**\n * @summary A video that is expected to be slotted into a list item.\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-video')\nexport class MdListItemVideo extends ListItemVideo {\n  static override styles = [styles];\n}\n"]}

package/list/list-item.d.ts

@@ -3,14 +3,30 @@
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-import { ListItem } from './lib/listitem/list-item.js';
+import { ListItemEl as ListItem } from './lib/listitem/list-item.js';
 declare global {
     interface HTMLElementTagNameMap {
         'md-list-item': MdListItem;
     }
 }
 /**
- * @soyCompatible
+ * @summary
+ * Lists are continuous, vertical indexes of text or images. Items are placed
+ * inside the list.
+ *
+ * @description
+ * Lists consist of one or more list items, and can contain actions represented
+ * by icons and text. List items come in three sizes: one-line, two-line, and
+ * three-line.
+ *
+ * __Takeaways:__
+ *
+ * - Lists should be sorted in logical ways that make content easy to scan, such
+ *   as alphabetical, numerical, chronological, or by user preference.
+ * - Lists present content in a way that makes it easy to identify a specific
+ *   item in a collection and act on it.
+ * - Lists should present icons, text, and actions in a consistent format.
+ *
  * @final
  * @suppress {visibility}
  */

package/list/list-item.js

@@ -5,16 +5,33 @@
  */
 import { __decorate } from "tslib";
 import { customElement } from 'lit/decorators.js';
-import { ListItem } from './lib/listitem/list-item.js';
+import { ListItemEl as ListItem } from './lib/listitem/list-item.js';
+import { styles as privateProps } from './lib/listitem/list-item-private-styles.css.js';
 import { styles } from './lib/listitem/list-item-styles.css.js';
 /**
- * @soyCompatible
+ * @summary
+ * Lists are continuous, vertical indexes of text or images. Items are placed
+ * inside the list.
+ *
+ * @description
+ * Lists consist of one or more list items, and can contain actions represented
+ * by icons and text. List items come in three sizes: one-line, two-line, and
+ * three-line.
+ *
+ * __Takeaways:__
+ *
+ * - Lists should be sorted in logical ways that make content easy to scan, such
+ *   as alphabetical, numerical, chronological, or by user preference.
+ * - Lists present content in a way that makes it easy to identify a specific
+ *   item in a collection and act on it.
+ * - Lists should present icons, text, and actions in a consistent format.
+ *
  * @final
  * @suppress {visibility}
  */
 let MdListItem = class MdListItem extends ListItem {
 };
-MdListItem.styles = [styles];
+MdListItem.styles = [privateProps, styles];
 MdListItem = __decorate([
     customElement('md-list-item')
 ], MdListItem);

package/list/list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"list-item.js","sourceRoot":"","sources":["list-item.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACrD,OAAO,EAAC,MAAM,EAAC,MAAM,wCAAwC,CAAC;AAQ9D;;;;GAIG;AAEH,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,QAAQ;CAEvC,CAAA;AADiB,iBAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAEtB;SAFY,UAAU","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 {ListItem} from './lib/listitem/list-item.js';\nimport {styles} from './lib/listitem/list-item-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item': MdListItem;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item')\nexport class MdListItem extends ListItem {\n  static override styles = [styles];\n}\n"]}
+{"version":3,"file":"list-item.js","sourceRoot":"","sources":["list-item.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,UAAU,IAAI,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAC,MAAM,EAAC,MAAM,wCAAwC,CAAC;AAQ9D;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,IAAa,UAAU,GAAvB,MAAa,UAAW,SAAQ,QAAQ;CAEvC,CAAA;AADiB,iBAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAE,CAAA;AADrC,UAAU;IADtB,aAAa,CAAC,cAAc,CAAC;GACjB,UAAU,CAEtB;SAFY,UAAU","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 {ListItemEl as ListItem} from './lib/listitem/list-item.js';\nimport {styles as privateProps} from './lib/listitem/list-item-private-styles.css.js';\nimport {styles} from './lib/listitem/list-item-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list-item': MdListItem;\n  }\n}\n\n/**\n * @summary\n * Lists are continuous, vertical indexes of text or images. Items are placed\n * inside the list.\n *\n * @description\n * Lists consist of one or more list items, and can contain actions represented\n * by icons and text. List items come in three sizes: one-line, two-line, and\n * three-line.\n *\n * __Takeaways:__\n *\n * - Lists should be sorted in logical ways that make content easy to scan, such\n *   as alphabetical, numerical, chronological, or by user preference.\n * - Lists present content in a way that makes it easy to identify a specific\n *   item in a collection and act on it.\n * - Lists should present icons, text, and actions in a consistent format.\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item')\nexport class MdListItem extends ListItem {\n  static override styles = [privateProps, styles];\n}\n"]}

package/list/list.d.ts

@@ -10,7 +10,21 @@ declare global {
     }
 }
 /**
- * @soyCompatible
+ * @summary Lists are continuous, vertical indexes of text or images.
+ *
+ * @description
+ * Lists consist of one or more list items, and can contain actions represented
+ * by icons and text. List items come in three sizes: one-line, two-line, and
+ * three-line.
+ *
+ * __Takeaways:__
+ *
+ * - Lists should be sorted in logical ways that make content easy to scan, such
+ *   as alphabetical, numerical, chronological, or by user preference.
+ * - Lists present content in a way that makes it easy to identify a specific
+ *   item in a collection and act on it.
+ * - Lists should present icons, text, and actions in a consistent format.
+ *
  * @final
  * @suppress {visibility}
  */

package/list/list.js

@@ -8,7 +8,21 @@ import { customElement } from 'lit/decorators.js';
 import { List } from './lib/list.js';
 import { styles } from './lib/list-styles.css.js';
 /**
- * @soyCompatible
+ * @summary Lists are continuous, vertical indexes of text or images.
+ *
+ * @description
+ * Lists consist of one or more list items, and can contain actions represented
+ * by icons and text. List items come in three sizes: one-line, two-line, and
+ * three-line.
+ *
+ * __Takeaways:__
+ *
+ * - Lists should be sorted in logical ways that make content easy to scan, such
+ *   as alphabetical, numerical, chronological, or by user preference.
+ * - Lists present content in a way that makes it easy to identify a specific
+ *   item in a collection and act on it.
+ * - Lists should present icons, text, and actions in a consistent format.
+ *
  * @final
  * @suppress {visibility}
  */

package/list/list.js.map

@@ -1 +1 @@
-{"version":3,"file":"list.js","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAQhD;;;;GAIG;AAEH,IAAa,MAAM,GAAnB,MAAa,MAAO,SAAQ,IAAI;CAE/B,CAAA;AADiB,aAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAElB;SAFY,MAAM","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 {List} from './lib/list.js';\nimport {styles} from './lib/list-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list': MdList;\n  }\n}\n\n/**\n * @soyCompatible\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list')\nexport class MdList extends List {\n  static override styles = [styles];\n}\n"]}
+{"version":3,"file":"list.js","sourceRoot":"","sources":["list.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,IAAI,EAAC,MAAM,eAAe,CAAC;AACnC,OAAO,EAAC,MAAM,EAAC,MAAM,0BAA0B,CAAC;AAQhD;;;;;;;;;;;;;;;;;;GAkBG;AAEH,IAAa,MAAM,GAAnB,MAAa,MAAO,SAAQ,IAAI;CAE/B,CAAA;AADiB,aAAM,GAAG,CAAC,MAAM,CAAE,CAAA;AADvB,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAElB;SAFY,MAAM","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 {List} from './lib/list.js';\nimport {styles} from './lib/list-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-list': MdList;\n  }\n}\n\n/**\n * @summary Lists are continuous, vertical indexes of text or images.\n *\n * @description\n * Lists consist of one or more list items, and can contain actions represented\n * by icons and text. List items come in three sizes: one-line, two-line, and\n * three-line.\n *\n * __Takeaways:__\n *\n * - Lists should be sorted in logical ways that make content easy to scan, such\n *   as alphabetical, numerical, chronological, or by user preference.\n * - Lists present content in a way that makes it easy to identify a specific\n *   item in a collection and act on it.\n * - Lists should present icons, text, and actions in a consistent format.\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list')\nexport class MdList extends List {\n  static override styles = [styles];\n}\n"]}

package/menu/_menu-item.scss

@@ -0,0 +1,6 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@forward './lib/menuitem/menu-item' show theme;

package/menu/_menu.scss

@@ -0,0 +1,6 @@
+//
+// Copyright 2023 Google LLC
+// SPDX-License-Identifier: Apache-2.0
+//
+
+@forward './lib/menu' show theme;

package/menu/harness.d.ts

@@ -10,6 +10,11 @@ import { MenuItemHarness } from './lib/menuitem/harness.js';
  * Test harness for menu.
  */
 export declare class MenuHarness extends Harness<Menu> {
+    /**
+     * Shows the menu and returns the first list item element.
+     */
+    protected getInteractiveElement(): Promise<HTMLElement>;
     /** @return ListItem harnesses for the menu's items. */
     getItems(): MenuItemHarness[];
+    show(quick?: boolean): Promise<void>;
 }

package/menu/harness.js

@@ -9,9 +9,31 @@ import { MenuItemHarness } from './lib/menuitem/harness.js';
  * Test harness for menu.
  */
 export class MenuHarness extends Harness {
+    /**
+     * Shows the menu and returns the first list item element.
+     */
+    async getInteractiveElement() {
+        await this.element.updateComplete;
+        await this.show();
+        return (await this.getItems())[0].getInteractiveElement();
+    }
     /** @return ListItem harnesses for the menu's items. */
     getItems() {
         return this.element.items.map((item) => new MenuItemHarness(item));
     }
+    async show(quick = true) {
+        const menu = this.element;
+        menu.quick = quick;
+        if (menu.open) {
+            return;
+        }
+        const opened = new Promise((resolve) => {
+            menu.addEventListener('opened', () => {
+                resolve(true);
+            }, { once: true });
+        });
+        menu.show();
+        await opened;
+    }
 }
 //# sourceMappingURL=harness.js.map

package/menu/harness.js.map

@@ -1 +1 @@
-{"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAG9C,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAE1D;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAa;IAC5C,uDAAuD;IACvD,QAAQ;QACN,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;IACrE,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {Harness} from '../testing/harness.js';\n\nimport {Menu} from './lib/menu.js';\nimport {MenuItemHarness} from './lib/menuitem/harness.js';\n\n/**\n * Test harness for menu.\n */\nexport class MenuHarness extends Harness<Menu> {\n  /** @return ListItem harnesses for the menu's items. */\n  getItems() {\n    return this.element.items.map((item) => new MenuItemHarness(item));\n  }\n}\n"]}
+{"version":3,"file":"harness.js","sourceRoot":"","sources":["harness.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,uBAAuB,CAAC;AAG9C,OAAO,EAAC,eAAe,EAAC,MAAM,2BAA2B,CAAC;AAE1D;;GAEG;AACH,MAAM,OAAO,WAAY,SAAQ,OAAa;IAC5C;;OAEG;IACgB,KAAK,CAAC,qBAAqB;QAC5C,MAAM,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;QAClC,MAAM,IAAI,CAAC,IAAI,EAAE,CAAC;QAClB,OAAO,CAAC,MAAM,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;IAC5D,CAAC;IAED,uDAAuD;IACvD,QAAQ;QACN,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC;IACrE,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI;QACrB,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC;QAC1B,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;QACnB,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO;SACR;QAED,MAAM,MAAM,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;YACrC,IAAI,CAAC,gBAAgB,CAAC,QAAQ,EAAE,GAAG,EAAE;gBACnC,OAAO,CAAC,IAAI,CAAC,CAAC;YAChB,CAAC,EAAE,EAAC,IAAI,EAAE,IAAI,EAAC,CAAC,CAAC;QACnB,CAAC,CAAC,CAAC;QAEH,IAAI,CAAC,IAAI,EAAE,CAAC;QACZ,MAAM,MAAM,CAAC;IACf,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {Harness} from '../testing/harness.js';\n\nimport {Menu} from './lib/menu.js';\nimport {MenuItemHarness} from './lib/menuitem/harness.js';\n\n/**\n * Test harness for menu.\n */\nexport class MenuHarness extends Harness<Menu> {\n  /**\n   * Shows the menu and returns the first list item element.\n   */\n  protected override async getInteractiveElement() {\n    await this.element.updateComplete;\n    await this.show();\n    return (await this.getItems())[0].getInteractiveElement();\n  }\n\n  /** @return ListItem harnesses for the menu's items. */\n  getItems() {\n    return this.element.items.map((item) => new MenuItemHarness(item));\n  }\n\n  async show(quick = true) {\n    const menu = this.element;\n    menu.quick = quick;\n    if (menu.open) {\n      return;\n    }\n\n    const opened = new Promise((resolve) => {\n      menu.addEventListener('opened', () => {\n        resolve(true);\n      }, {once: true});\n    });\n\n    menu.show();\n    await opened;\n  }\n}\n"]}