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

package/menusurface/lib/constants.d.ts

@@ -1,71 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-declare const cssClasses: {
-    ANCHOR: string;
-    ANIMATING_CLOSED: string;
-    ANIMATING_OPEN: string;
-    FIXED: string;
-    IS_OPEN_BELOW: string;
-    OPEN: string;
-    ROOT: string;
-};
-declare const strings: {
-    CLOSED_EVENT: string;
-    CLOSING_EVENT: string;
-    OPENED_EVENT: string;
-    OPENING_EVENT: string;
-    FOCUSABLE_ELEMENTS: string;
-};
-declare const numbers: {
-    /** Total duration of menu-surface open animation. */
-    TRANSITION_OPEN_DURATION: number;
-    /** Total duration of menu-surface close animation. */
-    TRANSITION_CLOSE_DURATION: number;
-    /**
-     * Margin left to the edge of the viewport when menu-surface is at maximum
-     * possible height. Also used as a viewport margin.
-     */
-    MARGIN_TO_EDGE: number;
-    /**
-     * Ratio of anchor width to menu-surface width for switching from corner
-     * positioning to center positioning.
-     */
-    ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: number;
-    /**
-     * Amount of time to wait before restoring focus when closing the menu
-     * surface. This is important because if a touch event triggered the menu
-     * close, and the subsequent mouse event occurs after focus is restored, then
-     * the restored focus would be lost.
-     */
-    TOUCH_EVENT_WAIT_MS: number;
-};
-/**
- * Enum for bits in the {@see Corner) bitmap.
- */
-declare enum CornerBit {
-    BOTTOM = 1,
-    CENTER = 2,
-    RIGHT = 4,
-    FLIP_RTL = 8
-}
-/**
- * Enum for representing an element corner for positioning the menu-surface.
- *
- * The START constants map to LEFT if element directionality is left
- * to right and RIGHT if the directionality is right to left.
- * Likewise END maps to RIGHT or LEFT depending on the directionality.
- */
-declare enum Corner {
-    TOP_LEFT = 0,
-    TOP_RIGHT = 4,
-    BOTTOM_LEFT = 1,
-    BOTTOM_RIGHT = 5,
-    TOP_START = 8,
-    TOP_END = 12,
-    BOTTOM_START = 9,
-    BOTTOM_END = 13
-}
-export { cssClasses, strings, numbers, CornerBit, Corner };

package/menusurface/lib/constants.js

@@ -1,83 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-const cssClasses = {
-    ANCHOR: 'md3-menu-surface--anchor',
-    ANIMATING_CLOSED: 'md3-menu-surface--animating-closed',
-    ANIMATING_OPEN: 'md3-menu-surface--animating-open',
-    FIXED: 'md3-menu-surface--fixed',
-    IS_OPEN_BELOW: 'md3-menu-surface--is-open-below',
-    OPEN: 'md3-menu-surface--open',
-    ROOT: 'md3-menu-surface',
-};
-// tslint:disable:object-literal-sort-keys
-const strings = {
-    CLOSED_EVENT: 'MDCMenuSurface:closed',
-    CLOSING_EVENT: 'MDCMenuSurface:closing',
-    OPENED_EVENT: 'MDCMenuSurface:opened',
-    OPENING_EVENT: 'MDCMenuSurface:opening',
-    FOCUSABLE_ELEMENTS: [
-        'button:not(:disabled)',
-        '[href]:not([aria-disabled="true"])',
-        'input:not(:disabled)',
-        'select:not(:disabled)',
-        'textarea:not(:disabled)',
-        '[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])',
-    ].join(', '),
-};
-// tslint:enable:object-literal-sort-keys
-const numbers = {
-    /** Total duration of menu-surface open animation. */
-    TRANSITION_OPEN_DURATION: 120,
-    /** Total duration of menu-surface close animation. */
-    TRANSITION_CLOSE_DURATION: 75,
-    /**
-     * Margin left to the edge of the viewport when menu-surface is at maximum
-     * possible height. Also used as a viewport margin.
-     */
-    MARGIN_TO_EDGE: 32,
-    /**
-     * Ratio of anchor width to menu-surface width for switching from corner
-     * positioning to center positioning.
-     */
-    ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67,
-    /**
-     * Amount of time to wait before restoring focus when closing the menu
-     * surface. This is important because if a touch event triggered the menu
-     * close, and the subsequent mouse event occurs after focus is restored, then
-     * the restored focus would be lost.
-     */
-    TOUCH_EVENT_WAIT_MS: 30,
-};
-/**
- * Enum for bits in the {@see Corner) bitmap.
- */
-var CornerBit;
-(function (CornerBit) {
-    CornerBit[CornerBit["BOTTOM"] = 1] = "BOTTOM";
-    CornerBit[CornerBit["CENTER"] = 2] = "CENTER";
-    CornerBit[CornerBit["RIGHT"] = 4] = "RIGHT";
-    CornerBit[CornerBit["FLIP_RTL"] = 8] = "FLIP_RTL";
-})(CornerBit || (CornerBit = {}));
-/**
- * Enum for representing an element corner for positioning the menu-surface.
- *
- * The START constants map to LEFT if element directionality is left
- * to right and RIGHT if the directionality is right to left.
- * Likewise END maps to RIGHT or LEFT depending on the directionality.
- */
-var Corner;
-(function (Corner) {
-    Corner[Corner["TOP_LEFT"] = 0] = "TOP_LEFT";
-    Corner[Corner["TOP_RIGHT"] = 4] = "TOP_RIGHT";
-    Corner[Corner["BOTTOM_LEFT"] = 1] = "BOTTOM_LEFT";
-    Corner[Corner["BOTTOM_RIGHT"] = 5] = "BOTTOM_RIGHT";
-    Corner[Corner["TOP_START"] = 8] = "TOP_START";
-    Corner[Corner["TOP_END"] = 12] = "TOP_END";
-    Corner[Corner["BOTTOM_START"] = 9] = "BOTTOM_START";
-    Corner[Corner["BOTTOM_END"] = 13] = "BOTTOM_END";
-})(Corner || (Corner = {}));
-export { cssClasses, strings, numbers, CornerBit, Corner };
-//# sourceMappingURL=constants.js.map

package/menusurface/lib/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,UAAU,GAAG;IACjB,MAAM,EAAE,0BAA0B;IAClC,gBAAgB,EAAE,oCAAoC;IACtD,cAAc,EAAE,kCAAkC;IAClD,KAAK,EAAE,yBAAyB;IAChC,aAAa,EAAE,iCAAiC;IAChD,IAAI,EAAE,wBAAwB;IAC9B,IAAI,EAAE,kBAAkB;CACzB,CAAC;AAEF,0CAA0C;AAC1C,MAAM,OAAO,GAAG;IACd,YAAY,EAAE,uBAAuB;IACrC,aAAa,EAAE,wBAAwB;IACvC,YAAY,EAAE,uBAAuB;IACrC,aAAa,EAAE,wBAAwB;IACvC,kBAAkB,EAAE;QAClB,uBAAuB;QACvB,oCAAoC;QACpC,sBAAsB;QACtB,uBAAuB;QACvB,yBAAyB;QACzB,6DAA6D;KAC9D,CAAC,IAAI,CAAC,IAAI,CAAC;CACb,CAAC;AACF,yCAAyC;AAEzC,MAAM,OAAO,GAAG;IACd,qDAAqD;IACrD,wBAAwB,EAAE,GAAG;IAE7B,sDAAsD;IACtD,yBAAyB,EAAE,EAAE;IAE7B;;;OAGG;IACH,cAAc,EAAE,EAAE;IAElB;;;OAGG;IACH,kCAAkC,EAAE,IAAI;IAExC;;;;;OAKG;IACH,mBAAmB,EAAE,EAAE;CACxB,CAAC;AAEF;;GAEG;AACH,IAAK,SAKJ;AALD,WAAK,SAAS;IACZ,6CAAU,CAAA;IACV,6CAAU,CAAA;IACV,2CAAS,CAAA;IACT,iDAAY,CAAA;AACd,CAAC,EALI,SAAS,KAAT,SAAS,QAKb;AAED;;;;;;GAMG;AACH,IAAK,MAaJ;AAbD,WAAK,MAAM;IACT,2CAAY,CAAA;IACZ,6CAA2B,CAAA;IAC3B,iDAA8B,CAAA;IAC9B,mDACsC,CAAA;IACtC,6CAA8B,CAAA;IAC9B,0CACwC,CAAA;IACxC,mDACyC,CAAA;IACzC,gDACsB,CAAA;AACxB,CAAC,EAbI,MAAM,KAAN,MAAM,QAaV;AAED,OAAO,EAAC,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,EAAC,CAAC","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nconst cssClasses = {\n  ANCHOR: 'md3-menu-surface--anchor',\n  ANIMATING_CLOSED: 'md3-menu-surface--animating-closed',\n  ANIMATING_OPEN: 'md3-menu-surface--animating-open',\n  FIXED: 'md3-menu-surface--fixed',\n  IS_OPEN_BELOW: 'md3-menu-surface--is-open-below',\n  OPEN: 'md3-menu-surface--open',\n  ROOT: 'md3-menu-surface',\n};\n\n// tslint:disable:object-literal-sort-keys\nconst strings = {\n  CLOSED_EVENT: 'MDCMenuSurface:closed',\n  CLOSING_EVENT: 'MDCMenuSurface:closing',\n  OPENED_EVENT: 'MDCMenuSurface:opened',\n  OPENING_EVENT: 'MDCMenuSurface:opening',\n  FOCUSABLE_ELEMENTS: [\n    'button:not(:disabled)',\n    '[href]:not([aria-disabled=\"true\"])',\n    'input:not(:disabled)',\n    'select:not(:disabled)',\n    'textarea:not(:disabled)',\n    '[tabindex]:not([tabindex=\"-1\"]):not([aria-disabled=\"true\"])',\n  ].join(', '),\n};\n// tslint:enable:object-literal-sort-keys\n\nconst numbers = {\n  /** Total duration of menu-surface open animation. */\n  TRANSITION_OPEN_DURATION: 120,\n\n  /** Total duration of menu-surface close animation. */\n  TRANSITION_CLOSE_DURATION: 75,\n\n  /**\n   * Margin left to the edge of the viewport when menu-surface is at maximum\n   * possible height. Also used as a viewport margin.\n   */\n  MARGIN_TO_EDGE: 32,\n\n  /**\n   * Ratio of anchor width to menu-surface width for switching from corner\n   * positioning to center positioning.\n   */\n  ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67,\n\n  /**\n   * Amount of time to wait before restoring focus when closing the menu\n   * surface. This is important because if a touch event triggered the menu\n   * close, and the subsequent mouse event occurs after focus is restored, then\n   * the restored focus would be lost.\n   */\n  TOUCH_EVENT_WAIT_MS: 30,\n};\n\n/**\n * Enum for bits in the {@see Corner) bitmap.\n */\nenum CornerBit {\n  BOTTOM = 1,    // 0001\n  CENTER = 2,    // 0010\n  RIGHT = 4,     // 0100\n  FLIP_RTL = 8,  // 1000\n}\n\n/**\n * Enum for representing an element corner for positioning the menu-surface.\n *\n * The START constants map to LEFT if element directionality is left\n * to right and RIGHT if the directionality is right to left.\n * Likewise END maps to RIGHT or LEFT depending on the directionality.\n */\nenum Corner {\n  TOP_LEFT = 0,\n  TOP_RIGHT = CornerBit.RIGHT,\n  BOTTOM_LEFT = CornerBit.BOTTOM,\n  BOTTOM_RIGHT =\n      CornerBit.BOTTOM | CornerBit.RIGHT,  // tslint:disable-line:no-bitwise\n  TOP_START = CornerBit.FLIP_RTL,\n  TOP_END =\n      CornerBit.FLIP_RTL | CornerBit.RIGHT,  // tslint:disable-line:no-bitwise\n  BOTTOM_START =\n      CornerBit.BOTTOM | CornerBit.FLIP_RTL,  // tslint:disable-line:no-bitwise\n  BOTTOM_END = CornerBit.BOTTOM | CornerBit.RIGHT |\n      CornerBit.FLIP_RTL,  // tslint:disable-line:no-bitwise\n}\n\nexport {cssClasses, strings, numbers, CornerBit, Corner};\n"]}

package/menusurface/lib/foundation.d.ts

@@ -1,176 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCMenuSurfaceAdapter } from './adapter.js';
-import { Corner } from './constants.js';
-import { MDCMenuDistance } from './types.js';
-export declare class MDCMenuSurfaceFoundation {
-    static get cssClasses(): {
-        ANCHOR: string;
-        ANIMATING_CLOSED: string;
-        ANIMATING_OPEN: string;
-        FIXED: string;
-        IS_OPEN_BELOW: string;
-        OPEN: string;
-        ROOT: string;
-    };
-    static get strings(): {
-        CLOSED_EVENT: string;
-        CLOSING_EVENT: string;
-        OPENED_EVENT: string;
-        OPENING_EVENT: string;
-        FOCUSABLE_ELEMENTS: string;
-    };
-    static get numbers(): {
-        TRANSITION_OPEN_DURATION: number;
-        TRANSITION_CLOSE_DURATION: number;
-        MARGIN_TO_EDGE: number;
-        ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: number;
-        TOUCH_EVENT_WAIT_MS: number;
-    };
-    static get Corner(): typeof Corner;
-    /**
-     * @see {@link MDCMenuSurfaceAdapter} for typing information on parameters and return types.
-     */
-    static get defaultAdapter(): MDCMenuSurfaceAdapter;
-    private readonly adapter;
-    private isSurfaceOpen;
-    private isQuickOpen;
-    private isHoistedElement;
-    private isFixedPosition;
-    private isHorizontallyCenteredOnViewport;
-    private maxHeight;
-    private openBottomBias;
-    private openAnimationEndTimerId;
-    private closeAnimationEndTimerId;
-    private animationRequestId;
-    private anchorCorner;
-    /**
-     * Corner of the menu surface to which menu surface is attached to anchor.
-     *
-     *  Anchor corner --->+----------+
-     *                    |  ANCHOR  |
-     *                    +----------+
-     *  Origin corner --->+--------------+
-     *                    |              |
-     *                    |              |
-     *                    | MENU SURFACE |
-     *                    |              |
-     *                    |              |
-     *                    +--------------+
-     */
-    private originCorner;
-    private readonly anchorMargin;
-    private readonly position;
-    private dimensions;
-    private measurements;
-    constructor(adapter: Partial<MDCMenuSurfaceAdapter>);
-    init(): void;
-    destroy(): void;
-    /**
-     * @param corner Default anchor corner alignment of top-left menu surface
-     *     corner.
-     */
-    setAnchorCorner(corner: Corner): void;
-    /**
-     * Flips menu corner horizontally.
-     */
-    flipCornerHorizontally(): void;
-    /**
-     * @param margin Set of margin values from anchor.
-     */
-    setAnchorMargin(margin: Partial<MDCMenuDistance>): void;
-    /** Used to indicate if the menu-surface is hoisted to the body. */
-    setIsHoisted(isHoisted: boolean): void;
-    /**
-     * Used to set the menu-surface calculations based on a fixed position menu.
-     */
-    setFixedPosition(isFixedPosition: boolean): void;
-    /**
-     * @return Returns true if menu is in fixed (`position: fixed`) position.
-     */
-    isFixed(): boolean;
-    /** Sets the menu-surface position on the page. */
-    setAbsolutePosition(x: number, y: number): void;
-    /** Sets whether menu-surface should be horizontally centered to viewport. */
-    setIsHorizontallyCenteredOnViewport(isCentered: boolean): void;
-    setQuickOpen(quickOpen: boolean): void;
-    /**
-     * Sets maximum menu-surface height on open.
-     * @param maxHeight The desired max-height. Set to 0 (default) to
-     *     automatically calculate max height based on available viewport space.
-     */
-    setMaxHeight(maxHeight: number): void;
-    /**
-     * Set to a positive integer to influence the menu to preferentially open
-     * below the anchor instead of above.
-     * @param bias A value of `x` simulates an extra `x` pixels of available space
-     *     below the menu during positioning calculations.
-     */
-    setOpenBottomBias(bias: number): void;
-    isOpen(): boolean;
-    /**
-     * Open the menu surface.
-     */
-    open(): void;
-    /**
-     * Closes the menu surface.
-     */
-    close(skipRestoreFocus?: boolean): void;
-    /** Handle clicks and close if not within menu-surface element. */
-    handleBodyClick(evt: MouseEvent): void;
-    /** Handle keys that close the surface. */
-    handleKeydown(evt: KeyboardEvent): void;
-    private autoposition;
-    /**
-     * @return Measurements used to position menu surface popup.
-     */
-    private getAutoLayoutmeasurements;
-    /**
-     * Computes the corner of the anchor from which to animate and position the
-     * menu surface.
-     *
-     * Only LEFT or RIGHT bit is used to position the menu surface ignoring RTL
-     * context. E.g., menu surface will be positioned from right side on TOP_END.
-     */
-    private getOriginCorner;
-    /**
-     * @param corner Origin corner of the menu surface.
-     * @return Maximum height of the menu surface, based on available space. 0
-     *     indicates should not be set.
-     */
-    private getMenuSurfaceMaxHeight;
-    /**
-     * @param corner Origin corner of the menu surface.
-     * @return Horizontal offset of menu surface origin corner from corresponding
-     *     anchor corner.
-     */
-    private getHorizontalOriginOffset;
-    /**
-     * @param corner Origin corner of the menu surface.
-     * @return Vertical offset of menu surface origin corner from corresponding
-     *     anchor corner.
-     */
-    private getVerticalOriginOffset;
-    /**
-     * Calculates the offsets for positioning the menu-surface when the
-     * menu-surface has been hoisted to the body.
-     */
-    private adjustPositionForHoistedElement;
-    /**
-     * The last focused element when the menu surface was opened should regain
-     * focus, if the user is focused on or within the menu surface when it is
-     * closed.
-     */
-    private maybeRestoreFocus;
-    private hasBit;
-    private setBit;
-    private unsetBit;
-    /**
-     * isFinite that doesn't force conversion to number type.
-     * Equivalent to Number.isFinite in ES2015, which is not supported in IE.
-     */
-    private isFinite;
-}