@material/web 1.0.0-pre.6 → 1.0.0-pre.7

package/tokens/_md-comp-slider.scss

@@ -24,11 +24,23 @@ $_default: (
 );
 
 $_unsupported-tokens: (
+  'disabled-handle-opacity',
+  'label-container-elevation',
   'label-label-text-font',
   'label-label-text-line-height',
   'label-label-text-size',
   'label-label-text-tracking',
-  'label-label-text-weight'
+  'label-label-text-weight',
+  'track-elevation',
+  // for efficiency, tick marks are rendered as radial-gradients and
+  // have more limited customization
+  'with-tick-marks-active-container-opacity',
+  'with-tick-marks-container-shape',
+  'with-tick-marks-disabled-container-opacity',
+  'with-tick-marks-inactive-container-opacity',
+  // focus tokens no longer used.
+  'focus-state-layer-color',
+  'focus-state-layer-opacity'
 );
 
 @function values($deps: $_default, $exclude-hardcoded-values: false) {

package/tokens/_md-comp-suggestion-chip.scss

@@ -24,6 +24,8 @@ $supported-tokens: (
   'disabled-label-text-color',
   'disabled-label-text-opacity',
   'disabled-leading-icon-color',
+  'disabled-outline-color',
+  'disabled-outline-opacity',
   'elevated-container-color',
   'elevated-container-elevation',
   'elevated-container-shadow-color',
@@ -33,13 +35,9 @@ $supported-tokens: (
   'elevated-focus-container-elevation',
   'elevated-hover-container-elevation',
   'elevated-pressed-container-elevation',
-  'flat-disabled-outline-color',
-  'flat-disabled-outline-opacity',
-  'flat-focus-outline-color',
-  'flat-outline-color',
-  'flat-outline-width',
   'focus-label-text-color',
   'focus-leading-icon-color',
+  'focus-outline-color',
   'focus-state-layer-color',
   'focus-state-layer-opacity',
   'hover-label-text-color',
@@ -50,6 +48,8 @@ $supported-tokens: (
   'label-text-color',
   'label-text-type',
   'leading-icon-color',
+  'outline-color',
+  'outline-width',
   'pressed-label-text-color',
   'pressed-leading-icon-color',
   'pressed-state-layer-color',
@@ -59,12 +59,12 @@ $supported-tokens: (
 
 $unsupported-tokens: (
   // go/keep-sorted start
+  'container-elevation',
   'dragged-container-elevation',
   'dragged-label-text-color',
   'dragged-leading-icon-color',
   'dragged-state-layer-color',
   'dragged-state-layer-opacity',
-  'flat-container-elevation',
   'label-text-font',
   'label-text-line-height',
   'label-text-size',
@@ -73,20 +73,6 @@ $unsupported-tokens: (
   // go/keep-sorted end
 );
 
-$renamed-tokens: (
-  // Remove "with-leading-icon-*" prefix (b/273534858)
-  'with-leading-icon-disabled-leading-icon-color': 'disabled-leading-icon-color',
-  'with-leading-icon-disabled-leading-icon-opacity':
-    'disabled-leading-icon-opacity',
-  'with-leading-icon-dragged-leading-icon-color': 'dragged-leading-icon-color',
-  'with-leading-icon-focus-leading-icon-color': 'focus-leading-icon-color',
-  'with-leading-icon-hover-leading-icon-color': 'hover-leading-icon-color',
-  'with-leading-icon-leading-icon-color': 'leading-icon-color',
-  'with-leading-icon-pressed-leading-icon-color': 'pressed-leading-icon-color',
-  // Rename "leading-icon-size" to "icon-size" (b/275577569)
-  'with-leading-icon-leading-icon-size': 'icon-size'
-);
-
 $_default: (
   'md-sys-color': md-sys-color.values-light(),
   'md-sys-elevation': md-sys-elevation.values(),
@@ -100,7 +86,29 @@ $_default: (
     md-comp-suggestion-chip.values($deps, $exclude-hardcoded-values),
     $supported-tokens: $supported-tokens,
     $unsupported-tokens: $unsupported-tokens,
-    $renamed-tokens: $renamed-tokens
+    $renamed-tokens: (
+      // Remove "flat-*" prefix (b/275577569)
+      'flat-container-elevation': 'container-elevation',
+      'flat-disabled-outline-color': 'disabled-outline-color',
+      'flat-disabled-outline-opacity': 'disabled-outline-opacity',
+      'flat-focus-outline-color': 'focus-outline-color',
+      'flat-outline-color': 'outline-color',
+      'flat-outline-width': 'outline-width',
+      // Remove "with-*" prefixes (b/273534858)
+      'with-leading-icon-disabled-leading-icon-color':
+        'disabled-leading-icon-color',
+      'with-leading-icon-disabled-leading-icon-opacity':
+        'disabled-leading-icon-opacity',
+      'with-leading-icon-dragged-leading-icon-color':
+        'dragged-leading-icon-color',
+      'with-leading-icon-focus-leading-icon-color': 'focus-leading-icon-color',
+      'with-leading-icon-hover-leading-icon-color': 'hover-leading-icon-color',
+      'with-leading-icon-leading-icon-color': 'leading-icon-color',
+      'with-leading-icon-pressed-leading-icon-color':
+        'pressed-leading-icon-color',
+      // Rename "leading-icon-size" to "icon-size" (b/275577569)
+      'with-leading-icon-leading-icon-size': 'icon-size'
+    )
   );
 
   // TODO(b/271876162): remove when tokens compiler emits typescale tokens

package/tokens/_values.scss

@@ -37,6 +37,8 @@
 /// @param {Map} $new-tokens [null] - Keyword argument for a Map whose keys
 ///     and values are new tokens to be added. They must also appear in the
 ///     `$supported-tokens` list.
+/// @param {Bool} $is-subset [null] - Check if provided tokens are only a subset
+///     of the supported tokens. e.g. when generating a theme.
 /// @return {Map} The `tokens.md-comp-*-values()` Map with any unsupported
 ///     tokens removed, renamed tokens updated, and new tokens added.
 @function validate($values, $tokens...) {
@@ -50,7 +52,7 @@
 
     @each $old-token, $new-token in $renamed-tokens {
       @if not map.has-key($values, $old-token) {
-        @error 'values.validate($renamed-tokens: (\'#{$old-tokens}\': \'#{$new-token}\')) old-token in not the provided values.';
+        @error 'values.validate($renamed-tokens: (\'#{$old-token}\': \'#{$new-token}\')) old-token in not the provided values.';
       }
 
       $values: map.set($values, $new-token, map.get($values, $old-token));
@@ -102,7 +104,8 @@
   }
 
   @each $supported-token in $supported-tokens {
-    @if not map.has-key($values, $supported-token) {
+    $is-subset: map.get($tokens, 'is-subset');
+    @if not($is-subset or map.has-key($values, $supported-token)) {
       @error 'The provided values are missing the supported \'#{$supported-token}\' token.';
     }
   }

package/types/aria.d.ts

@@ -2,12 +2,72 @@
  * @license
  * Copyright 2022 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- *
+ */
+/**
  * @fileoverview Provides types for `ariaX` properties. These are required when
  * typing `ariaX` properties since lit analyzer requires strict aria string
  * types.
  */
 
+/**
+ * An extension of `ARIAMixin` that enforces strict value types for aria
+ * properties.
+ *
+ * This is needed for correct typing in render functions with lit analyzer.
+ *
+ * @example
+ * render() {
+ *   const {ariaLabel} = this as ARIAMixinStrict;
+ *   return html`
+ *     <button aria-label=${ariaLabel || nothing}>
+ *       <slot></slot>
+ *     </button>
+ *   `;
+ * }
+ */
+export interface ARIAMixinStrict extends ARIAMixin {
+  ariaAtomic: 'true'|'false'|null;
+  ariaAutoComplete: 'none'|'inline'|'list'|'both'|null;
+  ariaBusy: 'true'|'false'|null;
+  ariaChecked: 'true'|'false'|null;
+  ariaColCount: `${number}`|null;
+  ariaColIndex: `${number}`|null;
+  ariaColIndexText: string|null;
+  ariaColSpan: `${number}`|null;
+  ariaCurrent: 'page'|'step'|'location'|'date'|'time'|'true'|'false'|null;
+  ariaDisabled: 'true'|'false'|null;
+  ariaExpanded: 'true'|'false'|null;
+  ariaHasPopup: 'false'|'true'|'menu'|'listbox'|'tree'|'grid'|'dialog'|null;
+  ariaHidden: 'true'|'false'|null;
+  ariaInvalid: 'true'|'false'|null;
+  ariaKeyShortcuts: string|null;
+  ariaLabel: string|null;
+  ariaLevel: `${number}`|null;
+  ariaLive: 'assertive'|'off'|'polite'|null;
+  ariaModal: 'true'|'false'|null;
+  ariaMultiLine: 'true'|'false'|null;
+  ariaMultiSelectable: 'true'|'false'|null;
+  ariaOrientation: 'horizontal'|'vertical'|'undefined'|null;
+  ariaPlaceholder: string|null;
+  ariaPosInSet: `${number}`|null;
+  ariaPressed: 'true'|'false'|null;
+  ariaReadOnly: 'true'|'false'|null;
+  ariaRequired: 'true'|'false'|null;
+  ariaRoleDescription: string|null;
+  ariaRowCount: `${number}`|null;
+  ariaRowIndex: `${number}`|null;
+  ariaRowIndexText: string|null;
+  ariaRowSpan: `${number}`|null;
+  ariaSelected: 'true'|'false'|null;
+  ariaSetSize: `${number}`|null;
+  ariaSort: 'ascending'|'descending'|'none'|'other'|null;
+  ariaValueMax: `${number}`|null;
+  ariaValueMin: `${number}`|null;
+  ariaValueNow: `${number}`|null;
+  ariaValueText: string|null;
+  role: ARIARole|null;
+}
+
 /**
  * Valid values for `aria-expanded`.
  */

package/actionelement/action-element.d.ts

@@ -1,79 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement } from 'lit';
-import { ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig } from '../controller/action-controller.js';
-export { BeginPressConfig, EndPressConfig };
-/**
- * @soyCompatible
- *
- * ActionElement is a base class that provides a handy starting point for using
- * ActionController. Subclasses should add the event handlers on the interactive
- * node in the template, and override `beginPress` and `endPress` to handle
- * pressed state, ripple interaction, and any other "press" interaction.
- */
-export declare abstract class ActionElement extends LitElement implements ActionControllerHost {
-    /**
-     * ActionController needs to know if the component is disabled, so subclasses
-     * must implement a `disabled` property.
-     */
-    abstract disabled: boolean;
-    protected actionController: ActionController;
-    /**
-     * Hook method called when we've confirmed that the gesture is intended to be
-     * a press. Subclasses should change the visual state of the control to
-     * 'active' at this point, and possibly fire an event. Subclasses should
-     * override this method if more needs to be done.
-     *
-     * @param options `positionEvent` is the Event that is considered the
-     * beginning of the press. Null if this was a keyboard interaction.
-     */
-    beginPress(options: BeginPressConfig): void;
-    /**
-     * Hook method called when the control goes from a pressed to unpressed
-     * state.
-     *
-     * @param options If `cancelled` is true, means the user canceled the action.
-     *    Subclasses which trigger events on endPress() should check the value
-     *    of this flag, and modify their behavior accordingly.
-     */
-    endPress({ cancelled, actionData }: EndPressConfig): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerdown="${this.handlePointerDown}"`
-     */
-    handlePointerDown(e: PointerEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerup="${this.handlePointerUp}"`
-     */
-    handlePointerUp(e: PointerEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointercancel="${this.handlePointerCancel}"`
-     */
-    handlePointerCancel(e: PointerEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerleave="${this.handlePointerleave}"`
-     */
-    handlePointerLeave(e: PointerEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@click="${this.handleClick}"`
-     */
-    handleClick(e: MouseEvent): void;
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@contextmenu="${this.handleContextMenu}"`
-     */
-    handleContextMenu(): void;
-}

package/actionelement/action-element.js

@@ -1,97 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { LitElement } from 'lit';
-import { ActionController } from '../controller/action-controller.js';
-/**
- * @soyCompatible
- *
- * ActionElement is a base class that provides a handy starting point for using
- * ActionController. Subclasses should add the event handlers on the interactive
- * node in the template, and override `beginPress` and `endPress` to handle
- * pressed state, ripple interaction, and any other "press" interaction.
- */
-export class ActionElement extends LitElement {
-    constructor() {
-        super(...arguments);
-        this.actionController = new ActionController(this);
-    }
-    /**
-     * Hook method called when we've confirmed that the gesture is intended to be
-     * a press. Subclasses should change the visual state of the control to
-     * 'active' at this point, and possibly fire an event. Subclasses should
-     * override this method if more needs to be done.
-     *
-     * @param options `positionEvent` is the Event that is considered the
-     * beginning of the press. Null if this was a keyboard interaction.
-     */
-    beginPress(options) { }
-    /**
-     * Hook method called when the control goes from a pressed to unpressed
-     * state.
-     *
-     * @param options If `cancelled` is true, means the user canceled the action.
-     *    Subclasses which trigger events on endPress() should check the value
-     *    of this flag, and modify their behavior accordingly.
-     */
-    endPress({ cancelled, actionData }) {
-        if (!cancelled) {
-            this.dispatchEvent(new CustomEvent('action', {
-                detail: actionData,
-                bubbles: true,
-                composed: true,
-            }));
-        }
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerdown="${this.handlePointerDown}"`
-     */
-    handlePointerDown(e) {
-        this.actionController.pointerDown(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerup="${this.handlePointerUp}"`
-     */
-    handlePointerUp(e) {
-        this.actionController.pointerUp(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointercancel="${this.handlePointerCancel}"`
-     */
-    handlePointerCancel(e) {
-        this.actionController.pointerCancel(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@pointerleave="${this.handlePointerleave}"`
-     */
-    handlePointerLeave(e) {
-        this.actionController.pointerLeave(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@click="${this.handleClick}"`
-     */
-    handleClick(e) {
-        this.actionController.click(e);
-    }
-    /**
-     * Hook method for the ActionController.
-     * Subclasses should add this method as an event handler on the interactive
-     * template element with `@contextmenu="${this.handleContextMenu}"`
-     */
-    handleContextMenu() {
-        this.actionController.contextMenu();
-    }
-}
-//# sourceMappingURL=action-element.js.map

package/actionelement/action-element.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-element.js","sourceRoot":"","sources":["action-element.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAC,UAAU,EAAC,MAAM,KAAK,CAAC;AAE/B,OAAO,EAAC,gBAAgB,EAAyD,MAAM,oCAAoC,CAAC;AAI5H;;;;;;;GAOG;AACH,MAAM,OAAgB,aAAc,SAAQ,UAAU;IAAtD;;QAQY,qBAAgB,GAAG,IAAI,gBAAgB,CAAC,IAAI,CAAC,CAAC;IAoF1D,CAAC;IAlFC;;;;;;;;OAQG;IACH,UAAU,CAAC,OAAyB,IAAG,CAAC;IAExC;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAC,SAAS,EAAE,UAAU,EAAiB;QAC9C,IAAI,CAAC,SAAS,EAAE;YACd,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;gBAC3C,MAAM,EAAE,UAAU;gBAClB,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,IAAI;aACf,CAAC,CAAC,CAAC;SACL;IACH,CAAC;IAED;;;;OAIG;IACH,iBAAiB,CAAC,CAAe;QAC/B,IAAI,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;IACvC,CAAC;IAED;;;;OAIG;IACH,eAAe,CAAC,CAAe;QAC7B,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC;IAED;;;;OAIG;IACH,mBAAmB,CAAC,CAAe;QACjC,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC;IACzC,CAAC;IAED;;;;OAIG;IACH,kBAAkB,CAAC,CAAe;QAChC,IAAI,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC;IACxC,CAAC;IAED;;;;OAIG;IACH,WAAW,CAAC,CAAa;QACvB,IAAI,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IACjC,CAAC;IAED;;;;OAIG;IACH,iBAAiB;QACf,IAAI,CAAC,gBAAgB,CAAC,WAAW,EAAE,CAAC;IACtC,CAAC;CACF","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {LitElement} from 'lit';\n\nimport {ActionController, ActionControllerHost, BeginPressConfig, EndPressConfig} from '../controller/action-controller.js';\n\nexport {BeginPressConfig, EndPressConfig};\n\n/**\n * @soyCompatible\n *\n * ActionElement is a base class that provides a handy starting point for using\n * ActionController. Subclasses should add the event handlers on the interactive\n * node in the template, and override `beginPress` and `endPress` to handle\n * pressed state, ripple interaction, and any other \"press\" interaction.\n */\nexport abstract class ActionElement extends LitElement implements\n    ActionControllerHost {\n  /**\n   * ActionController needs to know if the component is disabled, so subclasses\n   * must implement a `disabled` property.\n   */\n  abstract disabled: boolean;\n\n  protected actionController = new ActionController(this);\n\n  /**\n   * Hook method called when we've confirmed that the gesture is intended to be\n   * a press. Subclasses should change the visual state of the control to\n   * 'active' at this point, and possibly fire an event. Subclasses should\n   * override this method if more needs to be done.\n   *\n   * @param options `positionEvent` is the Event that is considered the\n   * beginning of the press. Null if this was a keyboard interaction.\n   */\n  beginPress(options: BeginPressConfig) {}\n\n  /**\n   * Hook method called when the control goes from a pressed to unpressed\n   * state.\n   *\n   * @param options If `cancelled` is true, means the user canceled the action.\n   *    Subclasses which trigger events on endPress() should check the value\n   *    of this flag, and modify their behavior accordingly.\n   */\n  endPress({cancelled, actionData}: EndPressConfig) {\n    if (!cancelled) {\n      this.dispatchEvent(new CustomEvent('action', {\n        detail: actionData,\n        bubbles: true,\n        composed: true,\n      }));\n    }\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@pointerdown=\"${this.handlePointerDown}\"`\n   */\n  handlePointerDown(e: PointerEvent) {\n    this.actionController.pointerDown(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@pointerup=\"${this.handlePointerUp}\"`\n   */\n  handlePointerUp(e: PointerEvent) {\n    this.actionController.pointerUp(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@pointercancel=\"${this.handlePointerCancel}\"`\n   */\n  handlePointerCancel(e: PointerEvent) {\n    this.actionController.pointerCancel(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@pointerleave=\"${this.handlePointerleave}\"`\n   */\n  handlePointerLeave(e: PointerEvent) {\n    this.actionController.pointerLeave(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@click=\"${this.handleClick}\"`\n   */\n  handleClick(e: MouseEvent) {\n    this.actionController.click(e);\n  }\n\n  /**\n   * Hook method for the ActionController.\n   * Subclasses should add this method as an event handler on the interactive\n   * template element with `@contextmenu=\"${this.handleContextMenu}\"`\n   */\n  handleContextMenu() {\n    this.actionController.contextMenu();\n  }\n}\n"]}

package/button/lib/state.d.ts

@@ -1,10 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-export interface ButtonState {
-    disabled: boolean;
-    label: string;
-    trailingIcon: boolean;
-}

package/button/lib/state.js

@@ -1,7 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-export {};
-//# sourceMappingURL=state.js.map

package/button/lib/state.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"state.js","sourceRoot":"","sources":["state.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nexport interface ButtonState {\n  disabled: boolean;\n  label: string;\n  trailingIcon: boolean;\n}\n"]}

package/controller/action-controller.d.ts

@@ -1,147 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { ReactiveController, ReactiveControllerHost } from 'lit';
-/**
- * Delay time from touchstart to when element#beginPress is invoked.
- */
-export declare const TOUCH_DELAY_MS = 150;
-/**
- * Delay time from beginning to wait for synthetic mouse events till giving up.
- */
-export declare const WAIT_FOR_MOUSE_CLICK_MS = 500;
-/**
- * Interface for argument to beginPress.
- */
-export interface BeginPressConfig {
-    /**
-     * Event that was recorded at the start of the interaction.
-     * `null` if the press happened via keyboard.
-     */
-    positionEvent: Event | null;
-}
-/**
- * Interface for argument to endPress.
- */
-export interface EndPressConfig {
-    /**
-     * `true` if the press was cancelled.
-     */
-    cancelled: boolean;
-    /**
-     * Data object to pass along to clients in the `action` event, if relevant.
-     */
-    actionData?: {};
-}
-/**
- * The necessary interface for using an ActionController
- */
-export interface ActionControllerHost extends ReactiveControllerHost, HTMLElement {
-    disabled: boolean;
-    /**
-     * Determines if pointerdown or click events containing modifier keys should
-     * be ignored.
-     */
-    ignoreClicksWithModifiers?: boolean;
-    /**
-     * Called when a user interaction is determined to be a press.
-     */
-    beginPress(config: BeginPressConfig): void;
-    /**
-     * Called when a press ends or is cancelled.
-     */
-    endPress(config: EndPressConfig): void;
-}
-/**
- * ActionController normalizes user interaction on components and distills it
- * into calling `beginPress` and `endPress` on the component.
- *
- * `beginPress` is a good hook to affect visuals for pressed state, including
- * ripple.
- *
- * `endPress` is a good hook for firing events based on user interaction, and
- * cleaning up the pressed visual state.
- *
- * A component using an ActionController need only implement the ActionElement
- * interface and add the ActionController's event listeners to understand user
- * interaction.
- */
-export declare class ActionController implements ReactiveController {
-    private readonly element;
-    constructor(element: ActionControllerHost);
-    private get disabled();
-    private get ignoreClicksWithModifiers();
-    private phase;
-    private touchTimer;
-    private clickTimer;
-    private lastPositionEvent;
-    private pressed;
-    private checkBoundsAfterContextMenu;
-    private setPhase;
-    /**
-     * Calls beginPress and then endPress. Allows us to programmatically click
-     * on the element.
-     */
-    private press;
-    /**
-     * Call `beginPress` on element with triggering event, if applicable.
-     */
-    private beginPress;
-    /**
-     * Call `endPress` on element, and clean up timers.
-     */
-    private endPress;
-    private cleanup;
-    /**
-     * Call `endPress` with cancelled state on element, and cleanup timers.
-     */
-    private cancelPress;
-    private isTouch;
-    private touchDelayFinished;
-    private waitForClick;
-    /**
-     * Check if event should trigger actions on the element.
-     */
-    private shouldRespondToEvent;
-    /**
-     * Check if the event is within the bounds of the element.
-     *
-     * This is only needed for the "stuck" contextmenu longpress on Chrome.
-     */
-    private inBounds;
-    private eventHasModifiers;
-    /**
-     * Cancel interactions if the element is removed from the DOM.
-     */
-    hostDisconnected(): void;
-    /**
-     * If the element becomes disabled, cancel interactions.
-     */
-    hostUpdated(): void;
-    /**
-     * Pointer down event handler.
-     */
-    pointerDown: (e: PointerEvent) => void;
-    /**
-     * Pointer up event handler.
-     */
-    pointerUp: (e: PointerEvent) => void;
-    /**
-     * Click event handler.
-     */
-    click: (e: MouseEvent) => void;
-    /**
-     * Pointer leave event handler.
-     */
-    pointerLeave: (e: PointerEvent) => void;
-    /**
-     * Pointer cancel event handler.
-     */
-    pointerCancel: (e: PointerEvent) => void;
-    /**
-     * Contextmenu event handler.
-     */
-    contextMenu: () => void;
-}