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

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;
-}

package/controller/action-controller.js

@@ -1,286 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * Enumeration to keep track of the lifecycle of a touch event.
- */
-// State transition diagram:
-//     +-----------------------------+
-//     |                             v
-//     |    +------+------ WAITING_FOR_MOUSE_CLICK<----+
-//     |    |      |                ^                  |
-//     |    V      |                |                  |
-// => INACTIVE -> TOUCH_DELAY -> RELEASING          HOLDING
-//                 |                                   ^
-//                 |                                   |
-//                 +-----------------------------------+
-var Phase;
-(function (Phase) {
-    // Initial state of the control, no touch in progress.
-    // Transitions:
-    //     on touch down: transition to TOUCH_DELAY.
-    //     on mouse down: transition to WAITING_FOR_MOUSE_CLICK.
-    Phase["INACTIVE"] = "INACTIVE";
-    // Touch down has been received, waiting to determine if it's a swipe.
-    // Transitions:
-    //     on touch up: beginPress(); transition to RELEASING.
-    //     on cancel: transition to INACTIVE.
-    //     after TOUCH_DELAY_MS: beginPress(); transition to HOLDING.
-    Phase["TOUCH_DELAY"] = "TOUCH_DELAY";
-    // A touch has been deemed to be a press
-    // Transitions:
-    //     on pointerup: endPress(); transition to WAITING_FOR_MOUSE_CLICK.
-    Phase["HOLDING"] = "HOLDING";
-    // The user has released the mouse / touch, but we want to delay calling
-    // endPress for a little bit to avoid double clicks.
-    // Transitions:
-    //    mouse sequence after debounceDelay: endPress(); transition to INACTIVE
-    //    when in touch sequence: transitions directly to WAITING_FOR_MOUSE_CLICK
-    Phase["RELEASING"] = "RELEASING";
-    // The user has touched, but we want to delay endPress until synthetic mouse
-    // click event occurs. Stay in this state for a fixed amount of time before
-    // giving up and transitioning into rest state.
-    // Transitions:
-    //     on click: endPress(); transition to INACTIVE.
-    //     after WAIT_FOR_MOUSE_CLICK_MS: transition to INACTIVE.
-    Phase["WAITING_FOR_MOUSE_CLICK"] = "WAITING_FOR_MOUSE_CLICK";
-})(Phase || (Phase = {}));
-/**
- * Delay time from touchstart to when element#beginPress is invoked.
- */
-export const TOUCH_DELAY_MS = 150;
-/**
- * Delay time from beginning to wait for synthetic mouse events till giving up.
- */
-export const WAIT_FOR_MOUSE_CLICK_MS = 500;
-/**
- * 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 class ActionController {
-    constructor(element) {
-        this.element = element;
-        this.phase = Phase.INACTIVE;
-        this.touchTimer = null;
-        this.clickTimer = null;
-        this.lastPositionEvent = null;
-        this.pressed = false;
-        this.checkBoundsAfterContextMenu = false;
-        // event listeners
-        /**
-         * Pointer down event handler.
-         */
-        this.pointerDown = (e) => {
-            if (!this.shouldRespondToEvent(e) || this.phase !== Phase.INACTIVE) {
-                return;
-            }
-            if (this.isTouch(e)) {
-                // after a longpress contextmenu event, an extra `pointerdown` can be
-                // dispatched to the pressed element. Check that the down is within
-                // bounds of the element in this case.
-                if (this.checkBoundsAfterContextMenu && !this.inBounds(e)) {
-                    return;
-                }
-                this.checkBoundsAfterContextMenu = false;
-                this.lastPositionEvent = e;
-                this.setPhase(Phase.TOUCH_DELAY);
-                this.touchTimer = setTimeout(() => {
-                    this.touchDelayFinished();
-                }, TOUCH_DELAY_MS);
-            }
-            else {
-                const leftButtonPressed = e.button === 0;
-                if (!leftButtonPressed ||
-                    (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {
-                    return;
-                }
-                this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);
-                this.beginPress(e);
-            }
-        };
-        /**
-         * Pointer up event handler.
-         */
-        this.pointerUp = (e) => {
-            if (!this.isTouch(e) || !this.shouldRespondToEvent(e)) {
-                return;
-            }
-            if (this.phase === Phase.HOLDING) {
-                this.waitForClick();
-            }
-            else if (this.phase === Phase.TOUCH_DELAY) {
-                this.setPhase(Phase.RELEASING);
-                this.beginPress();
-                this.waitForClick();
-            }
-        };
-        /**
-         * Click event handler.
-         */
-        this.click = (e) => {
-            if (this.disabled ||
-                (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {
-                return;
-            }
-            if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {
-                this.endPress();
-                this.setPhase(Phase.INACTIVE);
-                return;
-            }
-            // keyboard synthesized click event
-            if (this.phase === Phase.INACTIVE && !this.pressed) {
-                this.press();
-            }
-        };
-        /**
-         * Pointer leave event handler.
-         */
-        this.pointerLeave = (e) => {
-            // cancel a held press that moves outside the element
-            if (this.shouldRespondToEvent(e) && !this.isTouch(e) && this.pressed) {
-                this.cancelPress();
-            }
-        };
-        /**
-         * Pointer cancel event handler.
-         */
-        this.pointerCancel = (e) => {
-            if (this.shouldRespondToEvent(e)) {
-                this.cancelPress();
-            }
-        };
-        /**
-         * Contextmenu event handler.
-         */
-        this.contextMenu = () => {
-            if (!this.disabled) {
-                this.checkBoundsAfterContextMenu = true;
-                this.cancelPress();
-            }
-        };
-        this.element.addController(this);
-    }
-    get disabled() {
-        return this.element.disabled;
-    }
-    get ignoreClicksWithModifiers() {
-        return this.element.ignoreClicksWithModifiers ?? false;
-    }
-    setPhase(newPhase) {
-        this.phase = newPhase;
-    }
-    /**
-     * Calls beginPress and then endPress. Allows us to programmatically click
-     * on the element.
-     */
-    press() {
-        this.beginPress(/* positionEvent= */ null);
-        this.setPhase(Phase.INACTIVE);
-        this.endPress();
-    }
-    /**
-     * Call `beginPress` on element with triggering event, if applicable.
-     */
-    beginPress(positionEvent = this.lastPositionEvent) {
-        this.pressed = true;
-        this.element.beginPress({ positionEvent });
-    }
-    /**
-     * Call `endPress` on element, and clean up timers.
-     */
-    endPress() {
-        this.pressed = false;
-        this.element.endPress({ cancelled: false });
-        this.cleanup();
-    }
-    cleanup() {
-        if (this.touchTimer) {
-            clearTimeout(this.touchTimer);
-        }
-        this.touchTimer = null;
-        if (this.clickTimer) {
-            clearTimeout(this.clickTimer);
-        }
-        this.clickTimer = null;
-        this.lastPositionEvent = null;
-    }
-    /**
-     * Call `endPress` with cancelled state on element, and cleanup timers.
-     */
-    cancelPress() {
-        this.pressed = false;
-        this.cleanup();
-        if (this.phase === Phase.TOUCH_DELAY) {
-            this.setPhase(Phase.INACTIVE);
-        }
-        else if (this.phase !== Phase.INACTIVE) {
-            this.setPhase(Phase.INACTIVE);
-            this.element.endPress({ cancelled: true });
-        }
-    }
-    isTouch(e) {
-        return e.pointerType === 'touch';
-    }
-    touchDelayFinished() {
-        if (this.phase !== Phase.TOUCH_DELAY) {
-            return;
-        }
-        this.setPhase(Phase.HOLDING);
-        this.beginPress();
-    }
-    waitForClick() {
-        this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);
-        this.clickTimer = setTimeout(() => {
-            // If a click event does not occur, clean up the interaction state.
-            if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {
-                this.cancelPress();
-            }
-        }, WAIT_FOR_MOUSE_CLICK_MS);
-    }
-    /**
-     * Check if event should trigger actions on the element.
-     */
-    shouldRespondToEvent(e) {
-        return !this.disabled && e.isPrimary;
-    }
-    /**
-     * Check if the event is within the bounds of the element.
-     *
-     * This is only needed for the "stuck" contextmenu longpress on Chrome.
-     */
-    inBounds(ev) {
-        const { top, left, bottom, right } = this.element.getBoundingClientRect();
-        const { x, y } = ev;
-        return x >= left && x <= right && y >= top && y <= bottom;
-    }
-    eventHasModifiers(e) {
-        return e.altKey || e.ctrlKey || e.shiftKey || e.metaKey;
-    }
-    /**
-     * Cancel interactions if the element is removed from the DOM.
-     */
-    hostDisconnected() {
-        this.cancelPress();
-    }
-    /**
-     * If the element becomes disabled, cancel interactions.
-     */
-    hostUpdated() {
-        if (this.disabled) {
-            this.cancelPress();
-        }
-    }
-}
-//# sourceMappingURL=action-controller.js.map

package/controller/action-controller.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"action-controller.js","sourceRoot":"","sources":["action-controller.ts"],"names":[],"mappings":"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","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {ReactiveController, ReactiveControllerHost} from 'lit';\n\n/**\n * Enumeration to keep track of the lifecycle of a touch event.\n */\n\n// State transition diagram:\n//     +-----------------------------+\n//     |                             v\n//     |    +------+------ WAITING_FOR_MOUSE_CLICK<----+\n//     |    |      |                ^                  |\n//     |    V      |                |                  |\n// => INACTIVE -> TOUCH_DELAY -> RELEASING          HOLDING\n//                 |                                   ^\n//                 |                                   |\n//                 +-----------------------------------+\nenum Phase {\n  // Initial state of the control, no touch in progress.\n  // Transitions:\n  //     on touch down: transition to TOUCH_DELAY.\n  //     on mouse down: transition to WAITING_FOR_MOUSE_CLICK.\n  INACTIVE = 'INACTIVE',\n\n  // Touch down has been received, waiting to determine if it's a swipe.\n  // Transitions:\n  //     on touch up: beginPress(); transition to RELEASING.\n  //     on cancel: transition to INACTIVE.\n  //     after TOUCH_DELAY_MS: beginPress(); transition to HOLDING.\n  TOUCH_DELAY = 'TOUCH_DELAY',\n\n  // A touch has been deemed to be a press\n  // Transitions:\n  //     on pointerup: endPress(); transition to WAITING_FOR_MOUSE_CLICK.\n  HOLDING = 'HOLDING',\n\n  // The user has released the mouse / touch, but we want to delay calling\n  // endPress for a little bit to avoid double clicks.\n  // Transitions:\n  //    mouse sequence after debounceDelay: endPress(); transition to INACTIVE\n  //    when in touch sequence: transitions directly to WAITING_FOR_MOUSE_CLICK\n  RELEASING = 'RELEASING',\n\n  // The user has touched, but we want to delay endPress until synthetic mouse\n  // click event occurs. Stay in this state for a fixed amount of time before\n  // giving up and transitioning into rest state.\n  // Transitions:\n  //     on click: endPress(); transition to INACTIVE.\n  //     after WAIT_FOR_MOUSE_CLICK_MS: transition to INACTIVE.\n  WAITING_FOR_MOUSE_CLICK = 'WAITING_FOR_MOUSE_CLICK'\n}\n\n/**\n * Delay time from touchstart to when element#beginPress is invoked.\n */\nexport const TOUCH_DELAY_MS = 150;\n\n/**\n * Delay time from beginning to wait for synthetic mouse events till giving up.\n */\nexport const WAIT_FOR_MOUSE_CLICK_MS = 500;\n\n/**\n * Interface for argument to beginPress.\n */\nexport interface BeginPressConfig {\n  /**\n   * Event that was recorded at the start of the interaction.\n   * `null` if the press happened via keyboard.\n   */\n  positionEvent: Event|null;\n}\n\n/**\n * Interface for argument to endPress.\n */\nexport interface EndPressConfig {\n  /**\n   * `true` if the press was cancelled.\n   */\n  cancelled: boolean;\n  /**\n   * Data object to pass along to clients in the `action` event, if relevant.\n   */\n  actionData?: {};\n}\n\n/**\n * The necessary interface for using an ActionController\n */\nexport interface ActionControllerHost extends ReactiveControllerHost,\n                                              HTMLElement {\n  disabled: boolean;\n  /**\n   * Determines if pointerdown or click events containing modifier keys should\n   * be ignored.\n   */\n  ignoreClicksWithModifiers?: boolean;\n  /**\n   * Called when a user interaction is determined to be a press.\n   */\n  beginPress(config: BeginPressConfig): void;\n  /**\n   * Called when a press ends or is cancelled.\n   */\n  endPress(config: EndPressConfig): void;\n}\n\n/**\n * ActionController normalizes user interaction on components and distills it\n * into calling `beginPress` and `endPress` on the component.\n *\n * `beginPress` is a good hook to affect visuals for pressed state, including\n * ripple.\n *\n * `endPress` is a good hook for firing events based on user interaction, and\n * cleaning up the pressed visual state.\n *\n * A component using an ActionController need only implement the ActionElement\n * interface and add the ActionController's event listeners to understand user\n * interaction.\n */\nexport class ActionController implements ReactiveController {\n  constructor(private readonly element: ActionControllerHost) {\n    this.element.addController(this);\n  }\n\n  private get disabled() {\n    return this.element.disabled;\n  }\n\n  private get ignoreClicksWithModifiers() {\n    return this.element.ignoreClicksWithModifiers ?? false;\n  }\n\n  private phase = Phase.INACTIVE;\n\n  private touchTimer: number|null = null;\n\n  private clickTimer: number|null = null;\n\n  private lastPositionEvent: PointerEvent|null = null;\n\n  private pressed = false;\n\n  private checkBoundsAfterContextMenu = false;\n\n  private setPhase(newPhase: Phase) {\n    this.phase = newPhase;\n  }\n\n  /**\n   * Calls beginPress and then endPress. Allows us to programmatically click\n   * on the element.\n   */\n  private press() {\n    this.beginPress(/* positionEvent= */ null);\n    this.setPhase(Phase.INACTIVE);\n    this.endPress();\n  }\n\n  /**\n   * Call `beginPress` on element with triggering event, if applicable.\n   */\n  private beginPress(positionEvent: Event|null = this.lastPositionEvent) {\n    this.pressed = true;\n    this.element.beginPress({positionEvent});\n  }\n\n  /**\n   * Call `endPress` on element, and clean up timers.\n   */\n  private endPress() {\n    this.pressed = false;\n    this.element.endPress({cancelled: false});\n    this.cleanup();\n  }\n\n  private cleanup() {\n    if (this.touchTimer) {\n      clearTimeout(this.touchTimer);\n    }\n    this.touchTimer = null;\n    if (this.clickTimer) {\n      clearTimeout(this.clickTimer);\n    }\n    this.clickTimer = null;\n    this.lastPositionEvent = null;\n  }\n\n  /**\n   * Call `endPress` with cancelled state on element, and cleanup timers.\n   */\n  private cancelPress() {\n    this.pressed = false;\n    this.cleanup();\n    if (this.phase === Phase.TOUCH_DELAY) {\n      this.setPhase(Phase.INACTIVE);\n    } else if (this.phase !== Phase.INACTIVE) {\n      this.setPhase(Phase.INACTIVE);\n      this.element.endPress({cancelled: true});\n    }\n  }\n\n  private isTouch(e: PointerEvent) {\n    return e.pointerType === 'touch';\n  }\n\n  private touchDelayFinished() {\n    if (this.phase !== Phase.TOUCH_DELAY) {\n      return;\n    }\n    this.setPhase(Phase.HOLDING);\n    this.beginPress();\n  }\n\n  private waitForClick() {\n    this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);\n    this.clickTimer = setTimeout(() => {\n      // If a click event does not occur, clean up the interaction state.\n      if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {\n        this.cancelPress();\n      }\n    }, WAIT_FOR_MOUSE_CLICK_MS);\n  }\n\n  /**\n   * Check if event should trigger actions on the element.\n   */\n  private shouldRespondToEvent(e: PointerEvent) {\n    return !this.disabled && e.isPrimary;\n  }\n\n  /**\n   * Check if the event is within the bounds of the element.\n   *\n   * This is only needed for the \"stuck\" contextmenu longpress on Chrome.\n   */\n  private inBounds(ev: PointerEvent) {\n    const {top, left, bottom, right} = this.element.getBoundingClientRect();\n    const {x, y} = ev;\n    return x >= left && x <= right && y >= top && y <= bottom;\n  }\n\n  private eventHasModifiers(e: MouseEvent) {\n    return e.altKey || e.ctrlKey || e.shiftKey || e.metaKey;\n  }\n\n  /**\n   * Cancel interactions if the element is removed from the DOM.\n   */\n  hostDisconnected() {\n    this.cancelPress();\n  }\n\n  /**\n   * If the element becomes disabled, cancel interactions.\n   */\n  hostUpdated() {\n    if (this.disabled) {\n      this.cancelPress();\n    }\n  }\n\n  // event listeners\n  /**\n   * Pointer down event handler.\n   */\n  pointerDown =\n      (e: PointerEvent) => {\n        if (!this.shouldRespondToEvent(e) || this.phase !== Phase.INACTIVE) {\n          return;\n        }\n        if (this.isTouch(e)) {\n          // after a longpress contextmenu event, an extra `pointerdown` can be\n          // dispatched to the pressed element. Check that the down is within\n          // bounds of the element in this case.\n          if (this.checkBoundsAfterContextMenu && !this.inBounds(e)) {\n            return;\n          }\n          this.checkBoundsAfterContextMenu = false;\n          this.lastPositionEvent = e;\n          this.setPhase(Phase.TOUCH_DELAY);\n          this.touchTimer = setTimeout(() => {\n            this.touchDelayFinished();\n          }, TOUCH_DELAY_MS);\n        } else {\n          const leftButtonPressed = e.button === 0;\n          if (!leftButtonPressed ||\n              (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {\n            return;\n          }\n          this.setPhase(Phase.WAITING_FOR_MOUSE_CLICK);\n          this.beginPress(e);\n        }\n      }\n\n  /**\n   * Pointer up event handler.\n   */\n  pointerUp =\n      (e: PointerEvent) => {\n        if (!this.isTouch(e) || !this.shouldRespondToEvent(e)) {\n          return;\n        }\n        if (this.phase === Phase.HOLDING) {\n          this.waitForClick();\n        } else if (this.phase === Phase.TOUCH_DELAY) {\n          this.setPhase(Phase.RELEASING);\n          this.beginPress();\n          this.waitForClick();\n        }\n      }\n\n  /**\n   * Click event handler.\n   */\n  click =\n      (e: MouseEvent) => {\n        if (this.disabled ||\n            (this.ignoreClicksWithModifiers && this.eventHasModifiers(e))) {\n          return;\n        }\n        if (this.phase === Phase.WAITING_FOR_MOUSE_CLICK) {\n          this.endPress();\n          this.setPhase(Phase.INACTIVE);\n          return;\n        }\n\n        // keyboard synthesized click event\n        if (this.phase === Phase.INACTIVE && !this.pressed) {\n          this.press();\n        }\n      }\n\n  /**\n   * Pointer leave event handler.\n   */\n  pointerLeave =\n      (e: PointerEvent) => {\n        // cancel a held press that moves outside the element\n        if (this.shouldRespondToEvent(e) && !this.isTouch(e) && this.pressed) {\n          this.cancelPress();\n        }\n      }\n\n  /**\n   * Pointer cancel event handler.\n   */\n  pointerCancel =\n      (e: PointerEvent) => {\n        if (this.shouldRespondToEvent(e)) {\n          this.cancelPress();\n        }\n      }\n\n  /**\n   * Contextmenu event handler.\n   */\n  contextMenu = () => {\n    if (!this.disabled) {\n      this.checkBoundsAfterContextMenu = true;\n      this.cancelPress();\n    }\n  }\n}\n"]}

package/controller/events.js

@@ -1,126 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * Re-dispatches an event from the provided element.
- *
- * This function is useful for forwarding non-composed events, such as `change`
- * events.
- *
- * @example
- * class MyInput extends LitElement {
- *   render() {
- *     return html`<input @change=${this.redispatchEvent}>`;
- *   }
- *
- *   protected redispatchEvent(event: Event) {
- *     redispatchEvent(this, event);
- *   }
- * }
- *
- * @param element The element to dispatch the event from.
- * @param event The event to re-dispatch.
- * @return Whether or not the event was dispatched (if cancelable).
- */
-export function redispatchEvent(element, event) {
-    // For bubbling events in SSR light DOM (or composed), stop their propagation
-    // and dispatch the copy.
-    if (event.bubbles && (!element.shadowRoot || event.composed)) {
-        event.stopPropagation();
-    }
-    const copy = Reflect.construct(event.constructor, [event.type, event]);
-    const dispatched = element.dispatchEvent(copy);
-    if (!dispatched) {
-        event.preventDefault();
-    }
-    return dispatched;
-}
-/**
- * Dispatches a click event to the given element that triggers a native action,
- * but is not composed and therefore is not seen outside the element.
- *
- * This is useful for responding to an external click event on the host element
- * that should trigger an internal action like a button click.
- *
- * Note, a helper is provided because setting this up correctly is a bit tricky.
- * In particular, calling `click` on an element creates a composed event, which
- * is not desirable, and a manually dispatched event must specifically be a
- * `MouseEvent` to trigger a native action.
- *
- * @example
- * hostClickListener = (event: MouseEvent) {
- *   if (isActivationClick(event)) {
- *     this.dispatchActivationClick(this.buttonElement);
- *   }
- * }
- *
- */
-export function dispatchActivationClick(element) {
-    const event = new MouseEvent('click', { bubbles: true });
-    element.dispatchEvent(event);
-    return event;
-}
-/**
- * Returns true if the click event should trigger an activation behavior. The
- * behavior is defined by the element and is whatever it should do when
- * clicked.
- *
- * Typically when an element needs to handle a click, the click is generated
- * from within the element and an event listener within the element implements
- * the needed behavior; however, it's possible to fire a click directly
- * at the element that the element should handle. This method helps
- * distinguish these "external" clicks.
- *
- * An "external" click can be triggered in a number of ways: via a click
- * on an associated label for a form  associated element, calling
- * `element.click()`, or calling
- * `element.dispatchEvent(new MouseEvent('click', ...))`.
- *
- * Also works around Firefox issue
- * https://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching
- * events for a microtask after called.
- *
- * @example
- * hostClickListener = (event: MouseEvent) {
- *   if (isActivationClick(event)) {
- *     this.dispatchActivationClick(this.buttonElement);
- *   }
- * }
- *
- */
-export function isActivationClick(event) {
-    // Event must start at the event target.
-    if (event.composedPath()[0] !== event.target) {
-        return false;
-    }
-    // Target must not be disabled; this should only occur for a synthetically
-    // dispatched click.
-    if (event.target.disabled) {
-        return false;
-    }
-    // This is an activation if the event should not be squelched.
-    return !squelchEvent(event);
-}
-// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)
-//  Remove when Firefox bug is addressed.
-function squelchEvent(event) {
-    const squelched = isSquelchingEvents;
-    if (squelched) {
-        event.preventDefault();
-        event.stopImmediatePropagation();
-    }
-    squelchEventsForMicrotask();
-    return squelched;
-}
-// Ignore events for one microtask only.
-let isSquelchingEvents = false;
-async function squelchEventsForMicrotask() {
-    isSquelchingEvents = true;
-    // Need to pause for just one microtask.
-    // tslint:disable-next-line
-    await null;
-    isSquelchingEvents = false;
-}
-//# sourceMappingURL=events.js.map

package/controller/events.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"events.js","sourceRoot":"","sources":["events.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,UAAU,eAAe,CAAC,OAAgB,EAAE,KAAY;IAC5D,6EAA6E;IAC7E,yBAAyB;IACzB,IAAI,KAAK,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,UAAU,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE;QAC5D,KAAK,CAAC,eAAe,EAAE,CAAC;KACzB;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IACvE,MAAM,UAAU,GAAG,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAC/C,IAAI,CAAC,UAAU,EAAE;QACf,KAAK,CAAC,cAAc,EAAE,CAAC;KACxB;IAED,OAAO,UAAU,CAAC;AACpB,CAAC;AAED;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,uBAAuB,CAAC,OAAoB;IAC1D,MAAM,KAAK,GAAG,IAAI,UAAU,CAAC,OAAO,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,CAAC;IACvD,OAAO,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC7B,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,MAAM,UAAU,iBAAiB,CAAC,KAAY;IAC5C,wCAAwC;IACxC,IAAI,KAAK,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,MAAM,EAAE;QAC5C,OAAO,KAAK,CAAC;KACd;IACD,0EAA0E;IAC1E,oBAAoB;IACpB,IAAK,KAAK,CAAC,MAA4C,CAAC,QAAQ,EAAE;QAChE,OAAO,KAAK,CAAC;KACd;IACD,8DAA8D;IAC9D,OAAO,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;AAC9B,CAAC;AAED,6DAA6D;AAC7D,yCAAyC;AACzC,SAAS,YAAY,CAAC,KAAY;IAChC,MAAM,SAAS,GAAG,kBAAkB,CAAC;IACrC,IAAI,SAAS,EAAE;QACb,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,KAAK,CAAC,wBAAwB,EAAE,CAAC;KAClC;IACD,yBAAyB,EAAE,CAAC;IAC5B,OAAO,SAAS,CAAC;AACnB,CAAC;AAED,wCAAwC;AACxC,IAAI,kBAAkB,GAAG,KAAK,CAAC;AAC/B,KAAK,UAAU,yBAAyB;IACtC,kBAAkB,GAAG,IAAI,CAAC;IAC1B,wCAAwC;IACxC,2BAA2B;IAC3B,MAAM,IAAI,CAAC;IACX,kBAAkB,GAAG,KAAK,CAAC;AAC7B,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2021 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * Re-dispatches an event from the provided element.\n *\n * This function is useful for forwarding non-composed events, such as `change`\n * events.\n *\n * @example\n * class MyInput extends LitElement {\n *   render() {\n *     return html`<input @change=${this.redispatchEvent}>`;\n *   }\n *\n *   protected redispatchEvent(event: Event) {\n *     redispatchEvent(this, event);\n *   }\n * }\n *\n * @param element The element to dispatch the event from.\n * @param event The event to re-dispatch.\n * @return Whether or not the event was dispatched (if cancelable).\n */\nexport function redispatchEvent(element: Element, event: Event) {\n  // For bubbling events in SSR light DOM (or composed), stop their propagation\n  // and dispatch the copy.\n  if (event.bubbles && (!element.shadowRoot || event.composed)) {\n    event.stopPropagation();\n  }\n\n  const copy = Reflect.construct(event.constructor, [event.type, event]);\n  const dispatched = element.dispatchEvent(copy);\n  if (!dispatched) {\n    event.preventDefault();\n  }\n\n  return dispatched;\n}\n\n/**\n * Dispatches a click event to the given element that triggers a native action,\n * but is not composed and therefore is not seen outside the element.\n *\n * This is useful for responding to an external click event on the host element\n * that should trigger an internal action like a button click.\n *\n * Note, a helper is provided because setting this up correctly is a bit tricky.\n * In particular, calling `click` on an element creates a composed event, which\n * is not desirable, and a manually dispatched event must specifically be a\n * `MouseEvent` to trigger a native action.\n *\n * @example\n * hostClickListener = (event: MouseEvent) {\n *   if (isActivationClick(event)) {\n *     this.dispatchActivationClick(this.buttonElement);\n *   }\n * }\n *\n */\nexport function dispatchActivationClick(element: HTMLElement) {\n  const event = new MouseEvent('click', {bubbles: true});\n  element.dispatchEvent(event);\n  return event;\n}\n\n/**\n * Returns true if the click event should trigger an activation behavior. The\n * behavior is defined by the element and is whatever it should do when\n * clicked.\n *\n * Typically when an element needs to handle a click, the click is generated\n * from within the element and an event listener within the element implements\n * the needed behavior; however, it's possible to fire a click directly\n * at the element that the element should handle. This method helps\n * distinguish these \"external\" clicks.\n *\n * An \"external\" click can be triggered in a number of ways: via a click\n * on an associated label for a form  associated element, calling\n * `element.click()`, or calling\n * `element.dispatchEvent(new MouseEvent('click', ...))`.\n *\n * Also works around Firefox issue\n * https://bugzilla.mozilla.org/show_bug.cgi?id=1804576 by squelching\n * events for a microtask after called.\n *\n * @example\n * hostClickListener = (event: MouseEvent) {\n *   if (isActivationClick(event)) {\n *     this.dispatchActivationClick(this.buttonElement);\n *   }\n * }\n *\n */\nexport function isActivationClick(event: Event) {\n  // Event must start at the event target.\n  if (event.composedPath()[0] !== event.target) {\n    return false;\n  }\n  // Target must not be disabled; this should only occur for a synthetically\n  // dispatched click.\n  if ((event.target as EventTarget & {disabled: boolean}).disabled) {\n    return false;\n  }\n  // This is an activation if the event should not be squelched.\n  return !squelchEvent(event);\n}\n\n// TODO(https://bugzilla.mozilla.org/show_bug.cgi?id=1804576)\n//  Remove when Firefox bug is addressed.\nfunction squelchEvent(event: Event) {\n  const squelched = isSquelchingEvents;\n  if (squelched) {\n    event.preventDefault();\n    event.stopImmediatePropagation();\n  }\n  squelchEventsForMicrotask();\n  return squelched;\n}\n\n// Ignore events for one microtask only.\nlet isSquelchingEvents = false;\nasync function squelchEventsForMicrotask() {\n  isSquelchingEvents = true;\n  // Need to pause for just one microtask.\n  // tslint:disable-next-line\n  await null;\n  isSquelchingEvents = false;\n}\n"]}

package/controller/form-associated.d.ts

@@ -1,14 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * FormAssociatedElement interface
- */
-export interface FormAssociatedElement extends HTMLElement {
-}
-/**
- * Returns true if the element is a form associated custom element (FACE).
- */
-export declare function isFormAssociated(element: FormAssociatedElement): boolean;

package/controller/form-associated.js

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * Returns true if the element is a form associated custom element (FACE).
- */
-export function isFormAssociated(element) {
-    return element.constructor.formAssociated;
-}
-//# sourceMappingURL=form-associated.js.map

package/controller/form-associated.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"form-associated.js","sourceRoot":"","sources":["form-associated.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAYH;;GAEG;AACH,MAAM,UAAU,gBAAgB,CAAC,OAA8B;IAC7D,OAAQ,OAAO,CAAC,WAA4C,CAAC,cAAc,CAAC;AAC9E,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * FormAssociatedElement interface\n */\nexport interface FormAssociatedElement extends HTMLElement {}\n\ndeclare var FormAssociatedElement: {\n  new (): FormAssociatedElement; prototype: FormAssociatedElement;\n  readonly formAssociated?: boolean;\n};\n\n/**\n * Returns true if the element is a form associated custom element (FACE).\n */\nexport function isFormAssociated(element: FormAssociatedElement) {\n  return (element.constructor as typeof FormAssociatedElement).formAssociated;\n}\n"]}