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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-link.js","sourceRoot":"","sources":["menu-item-link.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,QAAQ,EAAC,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAC,YAAY,EAAC,MAAM,uDAAuD,CAAC;AACnF,OAAO,EAAC,YAAY,EAAE,qBAAqB,EAAE,aAAa,EAAY,aAAa,EAAC,MAAM,cAAc,CAAC;AAEzG;;GAEG;AACH,MAAM,OAAO,YAAa,SAAQ,YAAY;IAA9C;;QACE;;WAEG;QAEH,eAAU,GAAG,IAAI,CAAC;QAElB;;WAEG;QACgD,aAAQ,GAAG,KAAK,CAAC;QAE1D,oBAAe,GAAG,KAAK,CAAC;IAqBpC,CAAC;IAnBoB,OAAO;QACxB,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,eAAe;YAAE,OAAO;QAElD,IAAI,CAAC,aAAa,CACd,IAAI,qBAAqB,CAAC,IAAI,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,eAAe,EAAC,CAAC,CAAC,CAAC;IAC7E,CAAC;IAEkB,SAAS,CAAC,KAAoB;QAC/C,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAE1B,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,CAAC;QAC3B,4EAA4E;QAC5E,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,aAAa,CAAC,OAAO,CAAC;YACjD,OAAO,KAAK,aAAa,CAAC,KAAK,EAAE;YACnC,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,aAAa,CAAC,IAAI,qBAAqB,CACxC,IAAI,EAAE,EAAC,IAAI,EAAE,YAAY,CAAC,OAAO,EAAE,GAAG,EAAE,OAAO,EAAC,CAAC,CAAC,CAAC;SACxD;IACH,CAAC;CACF;AA5BC;IADC,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAC,CAAC;gDAClD;AAKiC;IAAlD,QAAQ,CAAC,EAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAC,CAAC;8CAAkB","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {property} from 'lit/decorators.js';\n\nimport {ListItemLink} from '../../../list/internal/listitemlink/list-item-link.js';\nimport {CLOSE_REASON, DefaultCloseMenuEvent, isClosableKey, MenuItem, SELECTION_KEY} from '../shared.js';\n\n/**\n * @fires close-menu {CloseMenuEvent}\n */\nexport class MenuItemLink extends ListItemLink implements MenuItem {\n  /**\n   * READONLY: self-identifies as a menu item and sets its identifying attribute\n   */\n  @property({type: Boolean, attribute: 'md-menu-item', reflect: true})\n  isMenuItem = true;\n\n  /**\n   * Keeps the menu open if clicked or keyboard selected.\n   */\n  @property({type: Boolean, attribute: 'keep-open'}) keepOpen = false;\n\n  protected keepOpenOnClick = false;\n\n  protected override onClick() {\n    if (this.keepOpen || this.keepOpenOnClick) return;\n\n    this.dispatchEvent(\n        new DefaultCloseMenuEvent(this, {kind: CLOSE_REASON.CLICK_SELECTION}));\n  }\n\n  protected override onKeydown(event: KeyboardEvent) {\n    if (this.keepOpen) return;\n\n    const keyCode = event.code;\n    // Do not preventDefault on enter or else it will prevent from opening links\n    if (!event.defaultPrevented && isClosableKey(keyCode) &&\n        keyCode !== SELECTION_KEY.ENTER) {\n      event.preventDefault();\n      this.dispatchEvent(new DefaultCloseMenuEvent(\n          this, {kind: CLOSE_REASON.KEYDOWN, key: keyCode}));\n    }\n  }\n}\n"]}

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

@@ -1,33 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MenuItemLink } from './internal/menuitemlink/menu-item-link.js';
-export { ListItem } from '../list/internal/listitem/list-item.js';
-export { CloseMenuEvent, DeactivateItemsEvent, MenuItem } from './internal/shared.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'md-menu-item-link': MdMenuItemLink;
-    }
-}
-/**
- * @summary Menus display a list of choices on a temporary surface.
- *
- * @description
- * Menu items are the selectable choices within the menu. Menu items must
- * implement the `MenuItem` interface and also have the `md-menu-item`
- * attribute. Additionally menu items are list items so they must also have the
- * `md-list-item` attribute.
- *
- * Menu items can control a menu by selectively firing the `close-menu` and
- * `deselect-items` events.
- *
- * This is a linkable variant.
- *
- * @final
- * @suppress {visibility}
- */
-export declare class MdMenuItemLink extends MenuItemLink {
-    static styles: import("lit").CSSResult[];
-}

package/menu/menu-item-link.js

@@ -1,38 +0,0 @@
-/**
- * @license
- * Copyright 2023 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { __decorate } from "tslib";
-import { customElement } from 'lit/decorators.js';
-import { styles as listItemForcedColorsStyles } from '../list/internal/listitem/forced-colors-styles.css.js';
-import { styles as listItemStyles } from '../list/internal/listitem/list-item-styles.css.js';
-import { styles as forcedColorsStyles } from './internal/menuitem/forced-colors-styles.css.js';
-import { styles } from './internal/menuitem/menu-item-styles.css.js';
-import { MenuItemLink } from './internal/menuitemlink/menu-item-link.js';
-export { CloseMenuEvent, DeactivateItemsEvent } from './internal/shared.js';
-/**
- * @summary Menus display a list of choices on a temporary surface.
- *
- * @description
- * Menu items are the selectable choices within the menu. Menu items must
- * implement the `MenuItem` interface and also have the `md-menu-item`
- * attribute. Additionally menu items are list items so they must also have the
- * `md-list-item` attribute.
- *
- * Menu items can control a menu by selectively firing the `close-menu` and
- * `deselect-items` events.
- *
- * This is a linkable variant.
- *
- * @final
- * @suppress {visibility}
- */
-let MdMenuItemLink = class MdMenuItemLink extends MenuItemLink {
-};
-MdMenuItemLink.styles = [listItemStyles, styles, listItemForcedColorsStyles, forcedColorsStyles];
-MdMenuItemLink = __decorate([
-    customElement('md-menu-item-link')
-], MdMenuItemLink);
-export { MdMenuItemLink };
-//# sourceMappingURL=menu-item-link.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"menu-item-link.js","sourceRoot":"","sources":["menu-item-link.ts"],"names":[],"mappings":"AAAA;;;;GAIG;;AAEH,OAAO,EAAC,aAAa,EAAC,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAC,MAAM,IAAI,0BAA0B,EAAC,MAAM,uDAAuD,CAAC;AAC3G,OAAO,EAAC,MAAM,IAAI,cAAc,EAAC,MAAM,mDAAmD,CAAC;AAE3F,OAAO,EAAC,MAAM,IAAI,kBAAkB,EAAC,MAAM,iDAAiD,CAAC;AAC7F,OAAO,EAAC,MAAM,EAAC,MAAM,6CAA6C,CAAC;AACnE,OAAO,EAAC,YAAY,EAAC,MAAM,2CAA2C,CAAC;AAGvE,OAAO,EAAC,cAAc,EAAE,oBAAoB,EAAW,MAAM,sBAAsB,CAAC;AASpF;;;;;;;;;;;;;;;;GAgBG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,YAAY;;AAC9B,qBAAM,GAClB,CAAC,cAAc,EAAE,MAAM,EAAE,0BAA0B,EAAE,kBAAkB,CAAC,CAAC;AAFlE,cAAc;IAD1B,aAAa,CAAC,mBAAmB,CAAC;GACtB,cAAc,CAG1B;SAHY,cAAc","sourcesContent":["/**\n * @license\n * Copyright 2023 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {customElement} from 'lit/decorators.js';\n\nimport {styles as listItemForcedColorsStyles} from '../list/internal/listitem/forced-colors-styles.css.js';\nimport {styles as listItemStyles} from '../list/internal/listitem/list-item-styles.css.js';\n\nimport {styles as forcedColorsStyles} from './internal/menuitem/forced-colors-styles.css.js';\nimport {styles} from './internal/menuitem/menu-item-styles.css.js';\nimport {MenuItemLink} from './internal/menuitemlink/menu-item-link.js';\n\nexport {ListItem} from '../list/internal/listitem/list-item.js';\nexport {CloseMenuEvent, DeactivateItemsEvent, MenuItem} from './internal/shared.js';\n\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'md-menu-item-link': MdMenuItemLink;\n  }\n}\n\n/**\n * @summary Menus display a list of choices on a temporary surface.\n *\n * @description\n * Menu items are the selectable choices within the menu. Menu items must\n * implement the `MenuItem` interface and also have the `md-menu-item`\n * attribute. Additionally menu items are list items so they must also have the\n * `md-list-item` attribute.\n *\n * Menu items can control a menu by selectively firing the `close-menu` and\n * `deselect-items` events.\n *\n * This is a linkable variant.\n *\n * @final\n * @suppress {visibility}\n */\n@customElement('md-menu-item-link')\nexport class MdMenuItemLink extends MenuItemLink {\n  static override styles =\n      [listItemStyles, styles, listItemForcedColorsStyles, forcedColorsStyles];\n}\n"]}