@material/web 1.0.0-pre.14 → 1.0.0-pre.16

package/dialog/internal/_tokens.scss

@@ -1,66 +0,0 @@
-//
-// Copyright 2023 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:map';
-@use 'sass:string';
-// go/keep-sorted end
-// go/keep-sorted start
-@use '../../internal/sass/string-ext';
-@use '../../internal/sass/theme';
-@use '../../tokens';
-// go/keep-sorted end
-
-$_md-sys-motion: tokens.md-sys-motion-values();
-$_md-sys-color: tokens.md-sys-color-values-light();
-
-$_tokens: (
-  // Container size
-  container-max-inline-size: min(560px, calc(100% - 48px)),
-  container-min-inline-size: 280px,
-  container-max-block-size: min(560px, calc(100% - 48px)),
-  container-min-block-size: 140px,
-  // Container position
-  container-inset-inline-start: auto,
-  container-inset-inline-end: auto,
-  container-inset-block-start: auto,
-  container-inset-block-end: auto,
-
-  // Transition
-  // Basing on https://m3.material.io/styles/motion/easing-and-duration/applying-easing-and-duration#27a05b8b-02b1-4695-a7e4-70797f205222
-  opening-transition-duration: map.get($_md-sys-motion, 'duration-medium4'),
-  opening-transition-easing:
-    map.get($_md-sys-motion, 'easing-emphasized-decelerate'),
-  closing-transition-duration: map.get($_md-sys-motion, 'duration-short4'),
-  closing-transition-easing:
-    map.get($_md-sys-motion, 'easing-emphasized-accelerate'),
-  // Scrim
-  scrim-color: rgba(0, 0, 0, 0.32),
-  // Content
-  container-block-padding: 24px,
-  container-inline-padding: 24px,
-  header-spacing: 16px,
-  action-spacing: 8px,
-  content-block-start-spacing: 16px,
-  content-block-end-spacing: 24px,
-  // Divider
-  with-divider-divider-height: 1px,
-  with-divider-divider-color: map.get($_md-sys-color, 'outline')
-);
-
-$_fullscreen-tokens: (
-  fullscreen-header-block-size: 56px,
-  fullscreen-footer-block-size: 56px,
-  // Note, the 8px here is not per spec, but needed to make the explicit 56px not be cramped.
-  fullscreen-container-block-padding: 8px,
-);
-
-// Extended token set for dialog.
-@function md-comp-dialog-values() {
-  @return map.merge(
-    map.merge(tokens.md-comp-dialog-values(), $_tokens),
-    $_fullscreen-tokens
-  );
-}

package/icon/internal/_md-comp-icon.scss

@@ -1,18 +0,0 @@
-//
-// Copyright 2022 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-@function values($exclude-hardcoded-values: false) {
-  $values: (
-    (
-      color: if($exclude-hardcoded-values, null, inherit),
-      font: if($exclude-hardcoded-values, null, 'Material Symbols Outlined'),
-      font-variation-settings: if($exclude-hardcoded-values, null, inherit),
-      size: if($exclude-hardcoded-values, null, 24px),
-      weight: if($exclude-hardcoded-values, null, 400),
-    )
-  );
-
-  @return $values;
-}

package/iconbutton/standard-icon-button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"standard-icon-button.js","sourceRoot":"","sources":["standard-icon-button.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,UAAU,EAAC,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAC,MAAM,IAAI,YAAY,EAAC,MAAM,iCAAiC,CAAC;AACvE,OAAO,EAAC,MAAM,EAAC,MAAM,mCAAmC,CAAC;AAQzD;;;;;;;;;;;;;;GAcG;AAEI,IAAM,oBAAoB,GAA1B,MAAM,oBAAqB,SAAQ,UAAU;IAG/B,gBAAgB;QACjC,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,UAAU,EAAE,IAAI;SACjB,CAAC;IACJ,CAAC;;AAPe,2BAAM,GAAG,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AADrC,oBAAoB;IADhC,aAAa,CAAC,yBAAyB,CAAC;GAC5B,oBAAoB,CAShC;SATY,oBAAoB","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 {IconButton} from './internal/icon-button.js';\nimport {styles as sharedStyles} from './internal/shared-styles.css.js';\nimport {styles} from './internal/standard-styles.css.js';\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-standard-icon-button': MdStandardIconButton;\n  }\n}\n\n/**\n * @summary Icon buttons help people take supplementary actions with a single\n * tap.\n *\n * @description\n * __Emphasis:__ Low emphasis – For optional or supplementary actions with the\n * least amount of prominence.\n *\n * __Rationale:__ The most compact and unobtrusive type of button, icon buttons\n * are used for optional supplementary actions such as \"Bookmark\" or \"Star.\"\n *\n * __Example usages:__\n * - Add to Favorites\n * - Print\n */\n@customElement('md-standard-icon-button')\nexport class MdStandardIconButton extends IconButton {\n  static override styles = [sharedStyles, styles];\n\n  protected override getRenderClasses() {\n    return {\n      ...super.getRenderClasses(),\n      'standard': true,\n    };\n  }\n}\n"]}

package/internal/sass/_theme.scss

@@ -1,249 +0,0 @@
-//
-// Copyright 2021 Google LLC
-// SPDX-License-Identifier: Apache-2.0
-//
-
-// go/keep-sorted start
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:meta';
-// go/keep-sorted end
-// go/keep-sorted start
-@use './string-ext';
-@use './var';
-// go/keep-sorted end
-
-/// Transform a user-provided `$theme` map's values into `var()` custom property
-/// values.
-///
-/// Use this function in `theme-styles()` mixins to transform values into
-/// custom property `var()` "slots" that can subsequently be styled via
-/// `theme.emit-theme-vars()` in the `theme()` mixin by the user.
-///
-/// @example - scss
-///   $light-theme: (
-///     label-color: purple
-///   );
-///
-///   @mixin theme-styles($theme) {
-///     $theme: theme.create-theme-vars($theme, button);
-///
-///     .foo {
-///       color: map.get($theme, label-color);
-///     }
-///   }
-///
-/// @example - css
-///     .foo {
-///       color: var(--md-button-label-color, purple);
-///     }
-///
-/// @param {Map} $theme - The theme Map to transform values into custom property
-///     `var()`s.
-/// @param {String} $prefix - Component and variant prefix to prepend for each
-///     token's custom property name.
-/// @return {Map} The provided `$theme` Map whose values are replaced with the
-///     `var()` custom properties.
-@function create-theme-vars($theme, $prefix) {
-  @each $key, $value in $theme {
-    @if $value != null {
-      $token: combine-tokens($prefix, $key);
-
-      @if meta.type-of($value) == 'map' {
-        $value: create-theme-vars($value, $token);
-      } @else {
-        $value: var.create($token, $value);
-      }
-
-      $theme: map.set($theme, $key, $value);
-    }
-  }
-
-  @return $theme;
-}
-
-/// Emits CSS declaration values for a theme map that has been transformed with
-/// `create-theme-vars()`.
-///
-/// Use this in `theme()` mixins to set user-provided token customizations.
-///
-/// @example - scss
-///   $light-theme: (
-///     label-color: purple
-///   );
-///
-///   @mixin theme($theme) {
-///     $theme: theme.create-theme-vars($theme, button);
-///
-///     @include theme.emit-theme-vars($theme);
-///   }
-///
-///   .my-button {
-///     @include theme((label-color: teal));
-///   }
-///
-/// @example - css
-///   .my-button {
-///     --md-button-label-color: teal;
-///   }
-///
-/// @param {Map} $theme - The theme Map to emit custom property declarations
-///     for.
-@mixin emit-theme-vars($theme) {
-  @each $token, $value in $theme {
-    @if $value {
-      @if meta.type-of($value) == 'map' {
-        @include emit-theme-vars($value);
-      } @else if not var.is-var($value) {
-        @error '"#{$token}": #{$value} is not a var(). Call create-theme-vars($theme) before emit-theme-vars($theme).';
-      } @else {
-        #{var.name($value)}: #{var.fallback($value)};
-      }
-    }
-  }
-}
-
-/// Combines one or more token parts into a token.
-///
-/// @example - scss
-///   $key: combine(body, font-size);
-///   // body-font-size
-///
-/// @param {String...} $parts - Arbitrary number of string token parts to
-///     combine.
-/// @return {String} A combined token string.
-@function combine-tokens($parts...) {
-  // Allow extra keywords to be passed to other functions without impacting this
-  // function, which does not expect any keywords.
-  $unused: meta.keywords($parts);
-  $token: '';
-  @each $part in $parts {
-    @if $part {
-      @if $token == '' {
-        $token: $part;
-      } @else {
-        $token: #{$token}-#{$part};
-      }
-    }
-  }
-
-  @return $token;
-}
-
-/// Validates a theme's tokens and values and throws an error if incorrect
-/// tokens are present or invalid values are provided.
-///
-/// Use this in `theme()` mixins to validate user-provided `$theme` maps before
-/// providing the value to `theme.create-theme-vars()`.
-///
-/// @example - scss
-///   @mixin theme($theme) {
-///     $theme: theme.validate-theme($light-theme, $theme);
-///     $theme: theme.create-theme-vars($theme, checkbox);
-///   }
-///
-/// @throw If any tokens or values are invalid.
-/// @param {Map} $reference-theme - A reference theme Map whose token keys will
-///     be used to validate the user-provided theme.
-/// @param {Map} $theme - User-provided theme Map to validate.
-/// @return {Map} The validated user-provided theme Map.
-@function validate-theme($reference-theme, $theme) {
-  $theme: _validate-theme-tokens(
-    map.keys($reference-theme),
-    $theme,
-    $require-all: false
-  );
-
-  @return $theme;
-}
-
-/// Validates a theme's tokens and throws an error if incorrect tokens are
-/// present or any tokens are missing.
-///
-/// Use this in internal `theme-styles()` mixins to validate library-provided
-/// `$theme` maps and ensure that all tokens are correct and present.
-///
-/// @example - scss
-///   @mixin theme-styles($theme) {
-///     $theme: theme.validate-theme-styles($light-theme, $theme);
-///     $theme: theme.create-theme-vars($theme, checkbox);
-///   }
-///
-/// @throw If any tokens are invalid or missing.
-/// @param {Map|List} $reference-theme - A complete reference theme Map (or List
-///     of tokens) to validate the theme.
-/// @param {Map} $theme - The theme Map to validate.
-/// @return {Map} The validated theme Map.
-@function validate-theme-styles($reference-theme, $theme, $require-all: true) {
-  $valid-tokens: $reference-theme;
-  @if meta.type-of($reference-theme) == 'map' {
-    $valid-tokens: map.keys($reference-theme);
-  }
-
-  @return _validate-theme-tokens(
-    $valid-tokens,
-    $theme,
-    $require-all: $require-all
-  );
-}
-
-/// Validates a theme's tokens and throws an error if incorrect tokens are
-/// present or optionally missing if `$require-all` is true.
-///
-/// @throw If any tokens are invalid or optionally missing.
-/// @param {List} $valid-tokens - A List of token keys to validate the theme.
-/// @param {Map} $theme - The theme Map to validate.
-/// @param {Bool} $require-all [false] - If true, throw an error if the theme
-///     is missing tokens from the list.
-/// @return {Map} The validated theme Map.
-@function _validate-theme-tokens($valid-tokens, $theme, $require-all: false) {
-  $missing-tokens: ();
-  $unsupported-tokens: ();
-
-  @each $token, $value in $theme {
-    @if list.index($valid-tokens, $token) == null {
-      $unsupported-tokens: list.append(
-        $unsupported-tokens,
-        $token,
-        $separator: comma
-      );
-    }
-  }
-
-  @if $require-all {
-    // TODO(b/203778922): Remove when type composite tokens are removed
-    $ignore-suffix: (
-      // Ignore composite font tokens
-      '-type'
-    );
-
-    @each $token in $valid-tokens {
-      $missing: map.get($theme, $token) == null;
-      @if $missing {
-        @each $suffix in $ignore-suffix {
-          @if string-ext.has-suffix($token, $suffix) {
-            $missing: false;
-          }
-        }
-      }
-
-      @if $missing {
-        $missing-tokens: list.append(
-          $missing-tokens,
-          $token,
-          $separator: comma
-        );
-      }
-    }
-  }
-
-  @if list.length($unsupported-tokens) > 0 {
-    @error 'The following tokens are invalid: #{$unsupported-tokens}.';
-  }
-
-  @if list.length($missing-tokens) > 0 {
-    @error 'The following required tokens are missing: #{$missing-tokens}.';
-  }
-
-  @return $theme;
-}

package/list/internal/listitemlink/list-item-link-only.d.ts

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { nothing } from 'lit';
-import { ListItemLink } from './list-item-link.js';
-export declare class ListItemLinkOnly extends ListItemLink {
-    /**
-     * Removes the hover and click ripples from the item when true. Clicking the
-     * link will still cause link navigation.
-     */
-    noninteractive: boolean;
-    getRenderClasses(): {
-        noninteractive: boolean;
-        'with-one-line': boolean;
-        'with-two-line': boolean;
-        'with-three-line': boolean;
-        disabled: boolean;
-    };
-    renderRipple(): typeof nothing | import("lit-html").TemplateResult<2 | 1>;
-    renderFocusRing(): typeof nothing | import("lit-html").TemplateResult<2 | 1>;
-}

package/list/internal/listitemlink/list-item-link-only.js

@@ -1,36 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { ListItemLink } from './list-item-link.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class ListItemLinkOnly extends ListItemLink {
-    constructor() {
-        super(...arguments);
-        /**
-         * Removes the hover and click ripples from the item when true. Clicking the
-         * link will still cause link navigation.
-         */
-        this.noninteractive = false;
-    }
-    getRenderClasses() {
-        return {
-            ...super.getRenderClasses(),
-            'noninteractive': this.noninteractive,
-        };
-    }
-    renderRipple() {
-        return this.noninteractive ? nothing : super.renderRipple();
-    }
-    renderFocusRing() {
-        return this.noninteractive ? nothing : super.renderFocusRing();
-    }
-}
-__decorate([
-    property({ type: Boolean })
-], ListItemLinkOnly.prototype, "noninteractive", void 0);
-//# sourceMappingURL=list-item-link-only.js.map

package/list/internal/listitemlink/list-item-link-only.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-link-only.js","sourceRoot":"","sources":["list-item-link-only.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,KAAK,CAAC;AAC5B,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,YAAY,EAAC,MAAM,qBAAqB,CAAC;AAEjD,gEAAgE;AAChE,MAAM,OAAO,gBAAiB,SAAQ,YAAY;IAAlD;;QACE;;;WAGG;QACwB,mBAAc,GAAG,KAAK,CAAC;IAgBpD,CAAC;IAdU,gBAAgB;QACvB,OAAO;YACL,GAAG,KAAK,CAAC,gBAAgB,EAAE;YAC3B,gBAAgB,EAAE,IAAI,CAAC,cAAc;SACtC,CAAC;IACJ,CAAC;IAEQ,YAAY;QACnB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;IAC9D,CAAC;IAEQ,eAAe;QACtB,OAAO,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,eAAe,EAAE,CAAC;IACjE,CAAC;CACF;AAhB4B;IAA1B,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAC,CAAC;wDAAwB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\n\nimport {ListItemLink} from './list-item-link.js';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ListItemLinkOnly extends ListItemLink {\n  /**\n   * Removes the hover and click ripples from the item when true. Clicking the\n   * link will still cause link navigation.\n   */\n  @property({type: Boolean}) noninteractive = false;\n\n  override getRenderClasses() {\n    return {\n      ...super.getRenderClasses(),\n      'noninteractive': this.noninteractive,\n    };\n  }\n\n  override renderRipple() {\n    return this.noninteractive ? nothing : super.renderRipple();\n  }\n\n  override renderFocusRing() {\n    return this.noninteractive ? nothing : super.renderFocusRing();\n  }\n}\n"]}

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

@@ -1,18 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ListItemEl, ListItemRole } from '../listitem/list-item.js';
-export declare class ListItemLink extends ListItemEl {
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.
-     */
-    href: string;
-    type: ListItemRole;
-    /**
-     * Sets the underlying `HTMLAnchorElement`'s `target` attribute.
-     */
-    target: string;
-    protected renderListItem(content: unknown): import("lit-html").TemplateResult<1>;
-}

package/list/internal/listitemlink/list-item-link.js

@@ -1,42 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-import { classMap } from 'lit/directives/class-map.js';
-import { ListItemEl } from '../listitem/list-item.js';
-// tslint:disable-next-line:enforce-comments-on-exported-symbols
-export class ListItemLink extends ListItemEl {
-    constructor() {
-        super(...arguments);
-        this.type = 'none';
-    }
-    renderListItem(content) {
-        return html `
-      <a
-        id="item"
-        tabindex=${this.disabled ? -1 : this.itemTabIndex}
-        role=${this.type === 'none' ? nothing : this.type}
-        aria-selected=${this.ariaSelected || nothing}
-        aria-checked=${this.ariaChecked || nothing}
-        class="list-item ${classMap(this.getRenderClasses())}"
-        href=${this.href}
-        target=${this.target || nothing}
-        @click=${this.onClick}
-        @pointerenter=${this.onPointerenter}
-        @pointerleave=${this.onPointerleave}
-        @keydown=${this.onKeydown}
-      >${content}</a>
-    `;
-    }
-}
-__decorate([
-    property()
-], ListItemLink.prototype, "href", void 0);
-__decorate([
-    property()
-], ListItemLink.prototype, "target", void 0);
-//# sourceMappingURL=list-item-link.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-link.js","sourceRoot":"","sources":["list-item-link.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,IAAI,EAAE,OAAO,EAAC,MAAM,KAAK,CAAC;AAClC,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAC,QAAQ,EAAC,MAAM,6BAA6B,CAAC;AAGrD,OAAO,EAAC,UAAU,EAAe,MAAM,0BAA0B,CAAC;AAIlE,gEAAgE;AAChE,MAAM,OAAO,YAAa,SAAQ,UAAU;IAA5C;;QAMW,SAAI,GAAiB,MAAM,CAAC;IAwBvC,CAAC;IAlBoB,cAAc,CAAC,OAAgB;QAChD,OAAO,IAAI,CAAA;;;mBAGI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY;eAC1C,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI;wBAChC,IAAwB,CAAC,YAAY,IAAI,OAAO;uBACjD,IAAwB,CAAC,WAAW,IAAI,OAAO;2BAC5C,QAAQ,CAAC,IAAI,CAAC,gBAAgB,EAAE,CAAC;eAC7C,IAAI,CAAC,IAAI;iBACP,IAAI,CAAC,MAAoB,IAAI,OAAO;iBACpC,IAAI,CAAC,OAAO;wBACL,IAAI,CAAC,cAAc;wBACnB,IAAI,CAAC,cAAc;mBACxB,IAAI,CAAC,SAAS;SACxB,OAAO;KACX,CAAC;IACJ,CAAC;CACF;AA1Ba;IAAX,QAAQ,EAAE;0CAAe;AAOd;IAAX,QAAQ,EAAE;4CAAiB","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {html, nothing} from 'lit';\nimport {property} from 'lit/decorators.js';\nimport {classMap} from 'lit/directives/class-map.js';\n\nimport {ARIAMixinStrict} from '../../../internal/aria/aria.js';\nimport {ListItemEl, ListItemRole} from '../listitem/list-item.js';\n\ntype LinkTarget = '_blank'|'_parent'|'_self'|'_top';\n\n// tslint:disable-next-line:enforce-comments-on-exported-symbols\nexport class ListItemLink extends ListItemEl {\n  /**\n   * Sets the underlying `HTMLAnchorElement`'s `href` resource attribute.\n   */\n  @property() href!: string;\n\n  override type: ListItemRole = 'none';\n\n  /**\n   * Sets the underlying `HTMLAnchorElement`'s `target` attribute.\n   */\n  @property() target!: string;\n  protected override renderListItem(content: unknown) {\n    return html`\n      <a\n        id=\"item\"\n        tabindex=${this.disabled ? -1 : this.itemTabIndex}\n        role=${this.type === 'none' ? nothing : this.type}\n        aria-selected=${(this as ARIAMixinStrict).ariaSelected || nothing}\n        aria-checked=${(this as ARIAMixinStrict).ariaChecked || nothing}\n        class=\"list-item ${classMap(this.getRenderClasses())}\"\n        href=${this.href}\n        target=${this.target as LinkTarget || nothing}\n        @click=${this.onClick}\n        @pointerenter=${this.onPointerenter}\n        @pointerleave=${this.onPointerleave}\n        @keydown=${this.onKeydown}\n      >${content}</a>\n    `;\n  }\n}\n"]}

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

@@ -1,53 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ListItemLinkOnly as ListItemLink } from './internal/listitemlink/list-item-link-only.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.
- *
- * Example slottable child variants are:
- *
- * - `video[data-variant=video]`
- * - `img,span[data-variant=avatar]`
- * - `img[data-variant=image]`
- * - `md-icon[data-variant=icon]`
- *
- *  @example
- * ```html
- * <md-list-item-link
- *     headline="User Name"
- *     supportingText="user@name.com"
- *     href="/accounts">
- *   <md-icon data-variant="icon" slot="start">account_circle</md-icon>
- *   <md-icon data-variant="icon" slot="end">open_in_new</md-icon>
- * </md-list-item-link>
- * ```
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdListItemLink extends ListItemLink {
-    static styles: import("lit").CSSResult[];
-}

package/list/list-item-link.js

@@ -1,57 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles as forcedColors } from './internal/listitem/forced-colors-styles.css.js';
-import { styles } from './internal/listitem/list-item-styles.css.js';
-import { ListItemLinkOnly as ListItemLink } from './internal/listitemlink/list-item-link-only.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.
- *
- * Example slottable child variants are:
- *
- * - `video[data-variant=video]`
- * - `img,span[data-variant=avatar]`
- * - `img[data-variant=image]`
- * - `md-icon[data-variant=icon]`
- *
- *  @example
- * ```html
- * <md-list-item-link
- *     headline="User Name"
- *     supportingText="user@name.com"
- *     href="/accounts">
- *   <md-icon data-variant="icon" slot="start">account_circle</md-icon>
- *   <md-icon data-variant="icon" slot="end">open_in_new</md-icon>
- * </md-list-item-link>
- * ```
- *
- * @final
- * @suppress {visibility}
- */
-let MdListItemLink = class MdListItemLink extends ListItemLink {
-};
-MdListItemLink.styles = [styles, forcedColors];
-MdListItemLink = __decorate([
-    customElement('md-list-item-link')
-], MdListItemLink);
-export { MdListItemLink };
-//# sourceMappingURL=list-item-link.js.map

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

@@ -1 +0,0 @@
-{"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,iDAAiD,CAAC;AACvF,OAAO,EAAC,MAAM,EAAC,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAC,gBAAgB,IAAI,YAAY,EAAC,MAAM,gDAAgD,CAAC;AAQhG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,YAAY;;AAC9B,qBAAM,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;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 forcedColors} from './internal/listitem/forced-colors-styles.css.js';\nimport {styles} from './internal/listitem/list-item-styles.css.js';\nimport {ListItemLinkOnly as ListItemLink} from './internal/listitemlink/list-item-link-only.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 * Example slottable child variants are:\n *\n * - `video[data-variant=video]`\n * - `img,span[data-variant=avatar]`\n * - `img[data-variant=image]`\n * - `md-icon[data-variant=icon]`\n *\n *  @example\n * ```html\n * <md-list-item-link\n *     headline=\"User Name\"\n *     supportingText=\"user@name.com\"\n *     href=\"/accounts\">\n *   <md-icon data-variant=\"icon\" slot=\"start\">account_circle</md-icon>\n *   <md-icon data-variant=\"icon\" slot=\"end\">open_in_new</md-icon>\n * </md-list-item-link>\n * ```\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-list-item-link')\nexport class MdListItemLink extends ListItemLink {\n  static override styles = [styles, forcedColors];\n}\n"]}

package/menu/internal/menuitemlink/menu-item-link.d.ts

@@ -1,23 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ListItemLink } from '../../../list/internal/listitemlink/list-item-link.js';
-import { MenuItem } from '../shared.js';
-/**
- * @fires close-menu {CloseMenuEvent}
- */
-export declare class MenuItemLink extends ListItemLink implements MenuItem {
-    /**
-     * READONLY: self-identifies as a menu item and sets its identifying attribute
-     */
-    isMenuItem: boolean;
-    /**
-     * Keeps the menu open if clicked or keyboard selected.
-     */
-    keepOpen: boolean;
-    protected keepOpenOnClick: boolean;
-    protected onClick(): void;
-    protected onKeydown(event: KeyboardEvent): void;
-}

package/menu/internal/menuitemlink/menu-item-link.js

@@ -1,49 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { property } from 'lit/decorators.js';
-import { ListItemLink } from '../../../list/internal/listitemlink/list-item-link.js';
-import { CLOSE_REASON, DefaultCloseMenuEvent, isClosableKey, SELECTION_KEY } from '../shared.js';
-/**
- * @fires close-menu {CloseMenuEvent}
- */
-export class MenuItemLink extends ListItemLink {
-    constructor() {
-        super(...arguments);
-        /**
-         * READONLY: self-identifies as a menu item and sets its identifying attribute
-         */
-        this.isMenuItem = true;
-        /**
-         * Keeps the menu open if clicked or keyboard selected.
-         */
-        this.keepOpen = false;
-        this.keepOpenOnClick = false;
-    }
-    onClick() {
-        if (this.keepOpen || this.keepOpenOnClick)
-            return;
-        this.dispatchEvent(new DefaultCloseMenuEvent(this, { kind: CLOSE_REASON.CLICK_SELECTION }));
-    }
-    onKeydown(event) {
-        if (this.keepOpen)
-            return;
-        const keyCode = event.code;
-        // Do not preventDefault on enter or else it will prevent from opening links
-        if (!event.defaultPrevented && isClosableKey(keyCode) &&
-            keyCode !== SELECTION_KEY.ENTER) {
-            event.preventDefault();
-            this.dispatchEvent(new DefaultCloseMenuEvent(this, { kind: CLOSE_REASON.KEYDOWN, key: keyCode }));
-        }
-    }
-}
-__decorate([
-    property({ type: Boolean, attribute: 'md-menu-item', reflect: true })
-], MenuItemLink.prototype, "isMenuItem", void 0);
-__decorate([
-    property({ type: Boolean, attribute: 'keep-open' })
-], MenuItemLink.prototype, "keepOpen", void 0);
-//# sourceMappingURL=menu-item-link.js.map