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

package/chips/chipset/lib/_chip-set.scss

@@ -1,46 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-@use './chip-set-theme';
-
-// stylelint-disable selector-class-pattern -- MDC internal usage.
-
-@mixin core-styles() {
-  @include _static-styles();
-  @include _theme-styles();
-}
-
-@mixin _static-styles() {
-  .md3-chip-set {
-    display: flex;
-  }
-
-  .md3-chip-set:focus {
-    outline: none;
-  }
-
-  .md3-chip-set__chips {
-    display: flex;
-    flex-flow: wrap;
-    min-width: 0;
-  }
-
-  .md3-chip-set--overflow .md3-chip-set__chips {
-    flex-flow: nowrap;
-  }
-}
-
-@mixin _theme-styles() {
-  .md3-chip-set {
-    @include chip-set-theme.horizontal-space-between-chips(
-      chip-set-theme.$space-between-chips
-    );
-
-    @include chip-set-theme.vertical-space-between-chips(
-      chip-set-theme.$space-between-chips
-    );
-  }
-}

package/chips/chipset/lib/adapter.d.ts

@@ -1,45 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCChipActionFocusBehavior, MDCChipActionType } from '../../action/lib/constants.js';
-import { MDCChipAnimation } from '../../chip/lib/constants.js';
-import { MDCChipSetAttributes, MDCChipSetEvents } from './constants.js';
-/**
- * Defines the shape of the adapter expected by the foundation.
- * Implement this adapter for your framework of choice to delegate updates to
- * the component in your framework of choice. See architecture documentation
- * for more details.
- * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md
- */
-export interface MDCChipSetAdapter {
-    /** Announces the message via an aria-live region */
-    announceMessage(message: string): void;
-    /** Emits the given event with the given detail. */
-    emitEvent<D extends object>(eventName: MDCChipSetEvents, eventDetail: D): void;
-    /** Returns the value for the given attribute, if it exists. */
-    getAttribute(attrName: MDCChipSetAttributes): string | null;
-    /** Returns the actions provided by the child chip at the given index. */
-    getChipActionsAtIndex(index: number): MDCChipActionType[];
-    /** Returns the number of child chips. */
-    getChipCount(): number;
-    /** Returns the ID of the chip at the given index. */
-    getChipIdAtIndex(index: number): string;
-    /** Returns the index of the child chip with the matching ID. */
-    getChipIndexById(chipID: string): number;
-    /** Proxies to the MDCChip#isActionFocusable method. */
-    isChipFocusableAtIndex(index: number, actionType: MDCChipActionType): boolean;
-    /** Proxies to the MDCChip#isActionSelectable method. */
-    isChipSelectableAtIndex(index: number, actionType: MDCChipActionType): boolean;
-    /** Proxies to the MDCChip#isActionSelected method. */
-    isChipSelectedAtIndex(index: number, actionType: MDCChipActionType): boolean;
-    /** Removes the chip at the given index. */
-    removeChipAtIndex(index: number): void;
-    /** Proxies to the MDCChip#setActionFocus method. */
-    setChipFocusAtIndex(index: number, action: MDCChipActionType, focus: MDCChipActionFocusBehavior): void;
-    /** Proxies to the MDCChip#setActionSelected method. */
-    setChipSelectedAtIndex(index: number, actionType: MDCChipActionType, isSelected: boolean): void;
-    /** Starts the chip animation at the given index. */
-    startChipAnimationAtIndex(index: number, animation: MDCChipAnimation): void;
-}

package/chips/chipset/lib/adapter.js

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

package/chips/chipset/lib/adapter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.js","sourceRoot":"","sources":["adapter.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipActionFocusBehavior, MDCChipActionType} from '../../action/lib/constants.js';\nimport {MDCChipAnimation} from '../../chip/lib/constants.js';\n\nimport {MDCChipSetAttributes, MDCChipSetEvents} from './constants.js';\n\n/**\n * Defines the shape of the adapter expected by the foundation.\n * Implement this adapter for your framework of choice to delegate updates to\n * the component in your framework of choice. See architecture documentation\n * for more details.\n * https://github.com/material-components/material-components-web/blob/master/docs/code/architecture.md\n */\nexport interface MDCChipSetAdapter {\n  /** Announces the message via an aria-live region */\n  announceMessage(message: string): void;\n\n  /** Emits the given event with the given detail. */\n  emitEvent<D extends object>(eventName: MDCChipSetEvents, eventDetail: D):\n      void;\n\n  /** Returns the value for the given attribute, if it exists. */\n  getAttribute(attrName: MDCChipSetAttributes): string|null;\n\n  /** Returns the actions provided by the child chip at the given index. */\n  getChipActionsAtIndex(index: number): MDCChipActionType[];\n\n  /** Returns the number of child chips. */\n  getChipCount(): number;\n\n  /** Returns the ID of the chip at the given index. */\n  getChipIdAtIndex(index: number): string;\n\n  /** Returns the index of the child chip with the matching ID. */\n  getChipIndexById(chipID: string): number;\n\n  /** Proxies to the MDCChip#isActionFocusable method. */\n  isChipFocusableAtIndex(index: number, actionType: MDCChipActionType): boolean;\n\n  /** Proxies to the MDCChip#isActionSelectable method. */\n  isChipSelectableAtIndex(index: number, actionType: MDCChipActionType):\n      boolean;\n\n  /** Proxies to the MDCChip#isActionSelected method. */\n  isChipSelectedAtIndex(index: number, actionType: MDCChipActionType): boolean;\n\n  /** Removes the chip at the given index. */\n  removeChipAtIndex(index: number): void;\n\n  /** Proxies to the MDCChip#setActionFocus method. */\n  setChipFocusAtIndex(\n      index: number, action: MDCChipActionType,\n      focus: MDCChipActionFocusBehavior): void;\n\n  /** Proxies to the MDCChip#setActionSelected method. */\n  setChipSelectedAtIndex(\n      index: number, actionType: MDCChipActionType, isSelected: boolean): void;\n\n  /** Starts the chip animation at the given index. */\n  startChipAnimationAtIndex(index: number, animation: MDCChipAnimation): void;\n}\n"]}

package/chips/chipset/lib/constants.d.ts

@@ -1,26 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * MDCChipSetAttributes provides the named constants for attributes used by the
- * foundation.
- */
-export declare enum MDCChipSetAttributes {
-    ARIA_MULTISELECTABLE = "aria-multiselectable"
-}
-/**
- * MDCChipSetCssClasses provides the named constants for class names.
- */
-export declare enum MDCChipSetCssClasses {
-    CHIP = "md3-chip"
-}
-/**
- * MDCChipSetEvents provides the constants for emitted events.
- */
-export declare enum MDCChipSetEvents {
-    INTERACTION = "MDCChipSet:interaction",
-    REMOVAL = "MDCChipSet:removal",
-    SELECTION = "MDCChipSet:selection"
-}

package/chips/chipset/lib/constants.js

@@ -1,30 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-/**
- * MDCChipSetAttributes provides the named constants for attributes used by the
- * foundation.
- */
-export var MDCChipSetAttributes;
-(function (MDCChipSetAttributes) {
-    MDCChipSetAttributes["ARIA_MULTISELECTABLE"] = "aria-multiselectable";
-})(MDCChipSetAttributes || (MDCChipSetAttributes = {}));
-/**
- * MDCChipSetCssClasses provides the named constants for class names.
- */
-export var MDCChipSetCssClasses;
-(function (MDCChipSetCssClasses) {
-    MDCChipSetCssClasses["CHIP"] = "md3-chip";
-})(MDCChipSetCssClasses || (MDCChipSetCssClasses = {}));
-/**
- * MDCChipSetEvents provides the constants for emitted events.
- */
-export var MDCChipSetEvents;
-(function (MDCChipSetEvents) {
-    MDCChipSetEvents["INTERACTION"] = "MDCChipSet:interaction";
-    MDCChipSetEvents["REMOVAL"] = "MDCChipSet:removal";
-    MDCChipSetEvents["SELECTION"] = "MDCChipSet:selection";
-})(MDCChipSetEvents || (MDCChipSetEvents = {}));
-//# sourceMappingURL=constants.js.map

package/chips/chipset/lib/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sourceRoot":"","sources":["constants.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH;;;GAGG;AACH,MAAM,CAAN,IAAY,oBAEX;AAFD,WAAY,oBAAoB;IAC9B,qEAA6C,CAAA;AAC/C,CAAC,EAFW,oBAAoB,KAApB,oBAAoB,QAE/B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,oBAEX;AAFD,WAAY,oBAAoB;IAC9B,yCAAiB,CAAA;AACnB,CAAC,EAFW,oBAAoB,KAApB,oBAAoB,QAE/B;AAED;;GAEG;AACH,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,0DAAsC,CAAA;IACtC,kDAA8B,CAAA;IAC9B,sDAAkC,CAAA;AACpC,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\n/**\n * MDCChipSetAttributes provides the named constants for attributes used by the\n * foundation.\n */\nexport enum MDCChipSetAttributes {\n  ARIA_MULTISELECTABLE = 'aria-multiselectable',\n}\n\n/**\n * MDCChipSetCssClasses provides the named constants for class names.\n */\nexport enum MDCChipSetCssClasses {\n  CHIP = 'md3-chip',\n}\n\n/**\n * MDCChipSetEvents provides the constants for emitted events.\n */\nexport enum MDCChipSetEvents {\n  INTERACTION = 'MDCChipSet:interaction',\n  REMOVAL = 'MDCChipSet:removal',\n  SELECTION = 'MDCChipSet:selection',\n}\n"]}

package/chips/chipset/lib/foundation.d.ts

@@ -1,68 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCChipActionType } from '../../action/lib/constants.js';
-import { MDCChipSetAdapter } from './adapter.js';
-import { ChipAnimationEvent, ChipInteractionEvent, ChipNavigationEvent } from './types.js';
-/**
- * MDCChipSetFoundation provides a foundation for all chips.
- */
-export declare class MDCChipSetFoundation {
-    private readonly adapter;
-    static get defaultAdapter(): MDCChipSetAdapter;
-    constructor(adapter?: Partial<MDCChipSetAdapter>);
-    handleChipAnimation({ detail }: ChipAnimationEvent): void;
-    handleChipInteraction({ detail }: ChipInteractionEvent): void;
-    handleChipNavigation({ detail }: ChipNavigationEvent): void;
-    /** Returns the unique selected indexes of the chips. */
-    getSelectedChipIndexes(): ReadonlySet<number>;
-    /** Sets the selected state of the chip at the given index and action. */
-    setChipSelected(index: number, action: MDCChipActionType, isSelected: boolean): void;
-    /** Returns the selected state of the chip at the given index and action. */
-    isChipSelected(index: number, action: MDCChipActionType): boolean;
-    /** Removes the chip at the given index. */
-    removeChip(index: number): void;
-    addChip(index: number): void;
-    /**
-     * Increments to find the first focusable chip.
-     */
-    private focusNextChipFrom;
-    /**
-     * Decrements to find the first focusable chip. Takes an optional target
-     * action that can be used to focus the first matching focusable action.
-     */
-    private focusPrevChipFrom;
-    /** Returns the appropriate focusable action, or null if none exist. */
-    private getFocusableAction;
-    /**
-     * Returs the first focusable action, regardless of type, or null if no
-     * focusable actions exist.
-     */
-    private getFirstFocusableAction;
-    /**
-     * If the actions contain a focusable action that matches the target action,
-     * return that. Otherwise, return the first focusable action, or null if no
-     * focusable action exists.
-     */
-    private getMatchingFocusableAction;
-    private focusChip;
-    private supportsMultiSelect;
-    private setSelection;
-    private removeAfterAnimation;
-    /**
-     * Find the first focusable action by moving bidirectionally horizontally
-     * from the start index.
-     *
-     * Given chip set [A, B, C, D, E, F, G]...
-     * Let's say we remove chip "F". We don't know where the nearest focusable
-     * action is since any of them could be disabled. The nearest focusable
-     * action could be E, it could be G, it could even be A. To find it, we
-     * start from the source index (5 for "F" in this case) and move out
-     * horizontally, checking each chip at each index.
-     *
-     */
-    private focusNearestFocusableAction;
-    private getNearestFocusableAction;
-}

package/chips/chipset/lib/foundation.js

@@ -1,314 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCChipActionFocusBehavior, MDCChipActionType } from '../../action/lib/constants.js';
-import { MDCChipAnimation } from '../../chip/lib/constants.js';
-import { MDCChipSetAttributes, MDCChipSetEvents } from './constants.js';
-var Operator;
-(function (Operator) {
-    Operator[Operator["INCREMENT"] = 0] = "INCREMENT";
-    Operator[Operator["DECREMENT"] = 1] = "DECREMENT";
-})(Operator || (Operator = {}));
-/**
- * MDCChipSetFoundation provides a foundation for all chips.
- */
-export class MDCChipSetFoundation {
-    constructor(adapter) {
-        this.adapter = { ...MDCChipSetFoundation.defaultAdapter, ...adapter };
-    }
-    static get defaultAdapter() {
-        return {
-            announceMessage: () => undefined,
-            emitEvent: () => undefined,
-            getAttribute: () => null,
-            getChipActionsAtIndex: () => [],
-            getChipCount: () => 0,
-            getChipIdAtIndex: () => '',
-            getChipIndexById: () => 0,
-            isChipFocusableAtIndex: () => false,
-            isChipSelectableAtIndex: () => false,
-            isChipSelectedAtIndex: () => false,
-            removeChipAtIndex: () => { },
-            setChipFocusAtIndex: () => undefined,
-            setChipSelectedAtIndex: () => undefined,
-            startChipAnimationAtIndex: () => undefined,
-        };
-    }
-    handleChipAnimation({ detail }) {
-        const { chipID, animation, isComplete, addedAnnouncement, removedAnnouncement } = detail;
-        const index = this.adapter.getChipIndexById(chipID);
-        if (animation === MDCChipAnimation.EXIT && isComplete) {
-            if (removedAnnouncement) {
-                this.adapter.announceMessage(removedAnnouncement);
-            }
-            this.removeAfterAnimation(index, chipID);
-            return;
-        }
-        if (animation === MDCChipAnimation.ENTER && isComplete &&
-            addedAnnouncement) {
-            this.adapter.announceMessage(addedAnnouncement);
-            return;
-        }
-    }
-    handleChipInteraction({ detail }) {
-        const { source, chipID, isSelectable, isSelected, shouldRemove } = detail;
-        const index = this.adapter.getChipIndexById(chipID);
-        if (shouldRemove) {
-            this.removeChip(index);
-            return;
-        }
-        this.focusChip(index, source, MDCChipActionFocusBehavior.FOCUSABLE);
-        this.adapter.emitEvent(MDCChipSetEvents.INTERACTION, {
-            chipIndex: index,
-            chipID,
-        });
-        if (isSelectable) {
-            this.setSelection(index, source, !isSelected);
-        }
-    }
-    handleChipNavigation({ detail }) {
-        const { chipID, key, isRTL, source } = detail;
-        const index = this.adapter.getChipIndexById(chipID);
-        const toNextChip = (key === 'ArrowRight' && !isRTL) || (key === 'ArrowLeft' && isRTL);
-        if (toNextChip) {
-            // Start from the next chip so we increment the index
-            this.focusNextChipFrom(index + 1);
-            return;
-        }
-        const toPreviousChip = (key === 'ArrowLeft' && !isRTL) || (key === 'ArrowRight' && isRTL);
-        if (toPreviousChip) {
-            // Start from the previous chip so we decrement the index
-            this.focusPrevChipFrom(index - 1);
-            return;
-        }
-        if (key === 'ArrowDown') {
-            // Start from the next chip so we increment the index
-            this.focusNextChipFrom(index + 1, source);
-            return;
-        }
-        if (key === 'ArrowUp') {
-            // Start from the previous chip so we decrement the index
-            this.focusPrevChipFrom(index - 1, source);
-            return;
-        }
-        if (key === 'Home') {
-            this.focusNextChipFrom(0, source);
-            return;
-        }
-        if (key === 'End') {
-            this.focusPrevChipFrom(this.adapter.getChipCount() - 1, source);
-            return;
-        }
-    }
-    /** Returns the unique selected indexes of the chips. */
-    getSelectedChipIndexes() {
-        const selectedIndexes = new Set();
-        const chipCount = this.adapter.getChipCount();
-        for (let i = 0; i < chipCount; i++) {
-            const actions = this.adapter.getChipActionsAtIndex(i);
-            for (const action of actions) {
-                if (this.adapter.isChipSelectedAtIndex(i, action)) {
-                    selectedIndexes.add(i);
-                }
-            }
-        }
-        return selectedIndexes;
-    }
-    /** Sets the selected state of the chip at the given index and action. */
-    setChipSelected(index, action, isSelected) {
-        if (this.adapter.isChipSelectableAtIndex(index, action)) {
-            this.setSelection(index, action, isSelected);
-        }
-    }
-    /** Returns the selected state of the chip at the given index and action. */
-    isChipSelected(index, action) {
-        return this.adapter.isChipSelectedAtIndex(index, action);
-    }
-    /** Removes the chip at the given index. */
-    removeChip(index) {
-        // Early exit if the index is out of bounds
-        if (index >= this.adapter.getChipCount() || index < 0)
-            return;
-        this.adapter.startChipAnimationAtIndex(index, MDCChipAnimation.EXIT);
-        this.adapter.emitEvent(MDCChipSetEvents.REMOVAL, {
-            chipID: this.adapter.getChipIdAtIndex(index),
-            chipIndex: index,
-            isComplete: false,
-        });
-    }
-    addChip(index) {
-        // Early exit if the index is out of bounds
-        if (index >= this.adapter.getChipCount() || index < 0)
-            return;
-        this.adapter.startChipAnimationAtIndex(index, MDCChipAnimation.ENTER);
-    }
-    /**
-     * Increments to find the first focusable chip.
-     */
-    focusNextChipFrom(startIndex, targetAction) {
-        const chipCount = this.adapter.getChipCount();
-        for (let i = startIndex; i < chipCount; i++) {
-            const focusableAction = this.getFocusableAction(i, Operator.INCREMENT, targetAction);
-            if (focusableAction) {
-                this.focusChip(i, focusableAction, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);
-                return;
-            }
-        }
-    }
-    /**
-     * Decrements to find the first focusable chip. Takes an optional target
-     * action that can be used to focus the first matching focusable action.
-     */
-    focusPrevChipFrom(startIndex, targetAction) {
-        for (let i = startIndex; i > -1; i--) {
-            const focusableAction = this.getFocusableAction(i, Operator.DECREMENT, targetAction);
-            if (focusableAction) {
-                this.focusChip(i, focusableAction, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);
-                return;
-            }
-        }
-    }
-    /** Returns the appropriate focusable action, or null if none exist. */
-    getFocusableAction(index, op, targetAction) {
-        const actions = this.adapter.getChipActionsAtIndex(index);
-        // Reverse the actions if decrementing
-        if (op === Operator.DECREMENT)
-            actions.reverse();
-        if (targetAction) {
-            return this.getMatchingFocusableAction(index, actions, targetAction);
-        }
-        return this.getFirstFocusableAction(index, actions);
-    }
-    /**
-     * Returs the first focusable action, regardless of type, or null if no
-     * focusable actions exist.
-     */
-    getFirstFocusableAction(index, actions) {
-        for (const action of actions) {
-            if (this.adapter.isChipFocusableAtIndex(index, action)) {
-                return action;
-            }
-        }
-        return null;
-    }
-    /**
-     * If the actions contain a focusable action that matches the target action,
-     * return that. Otherwise, return the first focusable action, or null if no
-     * focusable action exists.
-     */
-    getMatchingFocusableAction(index, actions, targetAction) {
-        let focusableAction = null;
-        for (const action of actions) {
-            if (this.adapter.isChipFocusableAtIndex(index, action)) {
-                focusableAction = action;
-            }
-            // Exit and return the focusable action if it matches the target
-            if (focusableAction === targetAction) {
-                return focusableAction;
-            }
-        }
-        return focusableAction;
-    }
-    focusChip(index, action, focus) {
-        this.adapter.setChipFocusAtIndex(index, action, focus);
-        const chipCount = this.adapter.getChipCount();
-        for (let i = 0; i < chipCount; i++) {
-            const actions = this.adapter.getChipActionsAtIndex(i);
-            for (const chipAction of actions) {
-                // Skip the action and index provided since we set it above
-                if (chipAction === action && i === index)
-                    continue;
-                this.adapter.setChipFocusAtIndex(i, chipAction, MDCChipActionFocusBehavior.NOT_FOCUSABLE);
-            }
-        }
-    }
-    supportsMultiSelect() {
-        return this.adapter.getAttribute(MDCChipSetAttributes.ARIA_MULTISELECTABLE) === 'true';
-    }
-    setSelection(index, action, isSelected) {
-        this.adapter.setChipSelectedAtIndex(index, action, isSelected);
-        this.adapter.emitEvent(MDCChipSetEvents.SELECTION, {
-            chipID: this.adapter.getChipIdAtIndex(index),
-            chipIndex: index,
-            isSelected,
-        });
-        // Early exit if we support multi-selection
-        if (this.supportsMultiSelect()) {
-            return;
-        }
-        // If we get here, we ony support single selection. This means we need to
-        // unselect all chips
-        const chipCount = this.adapter.getChipCount();
-        for (let i = 0; i < chipCount; i++) {
-            const actions = this.adapter.getChipActionsAtIndex(i);
-            for (const chipAction of actions) {
-                // Skip the action and index provided since we set it above
-                if (chipAction === action && i === index)
-                    continue;
-                this.adapter.setChipSelectedAtIndex(i, chipAction, false);
-            }
-        }
-    }
-    removeAfterAnimation(index, chipID) {
-        this.adapter.removeChipAtIndex(index);
-        this.adapter.emitEvent(MDCChipSetEvents.REMOVAL, {
-            chipIndex: index,
-            isComplete: true,
-            chipID,
-        });
-        const chipCount = this.adapter.getChipCount();
-        // Early exit if we have an empty chip set
-        if (chipCount <= 0)
-            return;
-        this.focusNearestFocusableAction(index);
-    }
-    /**
-     * Find the first focusable action by moving bidirectionally horizontally
-     * from the start index.
-     *
-     * Given chip set [A, B, C, D, E, F, G]...
-     * Let's say we remove chip "F". We don't know where the nearest focusable
-     * action is since any of them could be disabled. The nearest focusable
-     * action could be E, it could be G, it could even be A. To find it, we
-     * start from the source index (5 for "F" in this case) and move out
-     * horizontally, checking each chip at each index.
-     *
-     */
-    focusNearestFocusableAction(index) {
-        const chipCount = this.adapter.getChipCount();
-        let decrIndex = index;
-        let incrIndex = index;
-        while (decrIndex > -1 || incrIndex < chipCount) {
-            const focusAction = this.getNearestFocusableAction(decrIndex, incrIndex, MDCChipActionType.TRAILING);
-            if (focusAction) {
-                this.focusChip(focusAction.index, focusAction.action, MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);
-                return;
-            }
-            decrIndex--;
-            incrIndex++;
-        }
-    }
-    getNearestFocusableAction(decrIndex, incrIndex, actionType) {
-        const decrAction = this.getFocusableAction(decrIndex, Operator.DECREMENT, actionType);
-        if (decrAction) {
-            return {
-                index: decrIndex,
-                action: decrAction,
-            };
-        }
-        // Early exit if the incremented and decremented indices are identical
-        if (incrIndex === decrIndex)
-            return null;
-        const incrAction = this.getFocusableAction(incrIndex, Operator.INCREMENT, actionType);
-        if (incrAction) {
-            return {
-                index: incrIndex,
-                action: incrAction,
-            };
-        }
-        return null;
-    }
-}
-//# sourceMappingURL=foundation.js.map

package/chips/chipset/lib/foundation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"foundation.js","sourceRoot":"","sources":["foundation.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 {MDCChipActionFocusBehavior, MDCChipActionType} from '../../action/lib/constants.js';\nimport {MDCChipAnimation} from '../../chip/lib/constants.js';\n\nimport {MDCChipSetAdapter} from './adapter.js';\nimport {MDCChipSetAttributes, MDCChipSetEvents} from './constants.js';\nimport {ChipAnimationEvent, ChipInteractionEvent, ChipNavigationEvent, MDCChipSetInteractionEventDetail, MDCChipSetRemovalEventDetail, MDCChipSetSelectionEventDetail} from './types.js';\n\ninterface FocusAction {\n  action: MDCChipActionType;\n  index: number;\n}\n\nenum Operator {\n  INCREMENT,\n  DECREMENT,\n}\n\n/**\n * MDCChipSetFoundation provides a foundation for all chips.\n */\nexport class MDCChipSetFoundation {\n  private readonly adapter: MDCChipSetAdapter;\n\n  static get defaultAdapter(): MDCChipSetAdapter {\n    return {\n      announceMessage: () => undefined,\n      emitEvent: () => undefined,\n      getAttribute: () => null,\n      getChipActionsAtIndex: () => [],\n      getChipCount: () => 0,\n      getChipIdAtIndex: () => '',\n      getChipIndexById: () => 0,\n      isChipFocusableAtIndex: () => false,\n      isChipSelectableAtIndex: () => false,\n      isChipSelectedAtIndex: () => false,\n      removeChipAtIndex: () => {},\n      setChipFocusAtIndex: () => undefined,\n      setChipSelectedAtIndex: () => undefined,\n      startChipAnimationAtIndex: () => undefined,\n    };\n  }\n\n  constructor(adapter?: Partial<MDCChipSetAdapter>) {\n    this.adapter = {...MDCChipSetFoundation.defaultAdapter, ...adapter};\n  }\n\n  handleChipAnimation({detail}: ChipAnimationEvent) {\n    const {\n      chipID,\n      animation,\n      isComplete,\n      addedAnnouncement,\n      removedAnnouncement\n    } = detail;\n    const index = this.adapter.getChipIndexById(chipID);\n\n    if (animation === MDCChipAnimation.EXIT && isComplete) {\n      if (removedAnnouncement) {\n        this.adapter.announceMessage(removedAnnouncement);\n      }\n      this.removeAfterAnimation(index, chipID);\n      return;\n    }\n\n    if (animation === MDCChipAnimation.ENTER && isComplete &&\n        addedAnnouncement) {\n      this.adapter.announceMessage(addedAnnouncement);\n      return;\n    }\n  }\n\n  handleChipInteraction({detail}: ChipInteractionEvent) {\n    const {source, chipID, isSelectable, isSelected, shouldRemove} = detail;\n    const index = this.adapter.getChipIndexById(chipID);\n\n    if (shouldRemove) {\n      this.removeChip(index);\n      return;\n    }\n\n    this.focusChip(index, source, MDCChipActionFocusBehavior.FOCUSABLE);\n    this.adapter.emitEvent<MDCChipSetInteractionEventDetail>(\n        MDCChipSetEvents.INTERACTION, {\n          chipIndex: index,\n          chipID,\n        });\n\n    if (isSelectable) {\n      this.setSelection(index, source, !isSelected);\n    }\n  }\n\n  handleChipNavigation({detail}: ChipNavigationEvent) {\n    const {chipID, key, isRTL, source} = detail;\n    const index = this.adapter.getChipIndexById(chipID);\n\n    const toNextChip =\n        (key === 'ArrowRight' && !isRTL) || (key === 'ArrowLeft' && isRTL);\n    if (toNextChip) {\n      // Start from the next chip so we increment the index\n      this.focusNextChipFrom(index + 1);\n      return;\n    }\n\n    const toPreviousChip =\n        (key === 'ArrowLeft' && !isRTL) || (key === 'ArrowRight' && isRTL);\n    if (toPreviousChip) {\n      // Start from the previous chip so we decrement the index\n      this.focusPrevChipFrom(index - 1);\n      return;\n    }\n\n    if (key === 'ArrowDown') {\n      // Start from the next chip so we increment the index\n      this.focusNextChipFrom(index + 1, source);\n      return;\n    }\n\n    if (key === 'ArrowUp') {\n      // Start from the previous chip so we decrement the index\n      this.focusPrevChipFrom(index - 1, source);\n      return;\n    }\n\n    if (key === 'Home') {\n      this.focusNextChipFrom(0, source);\n      return;\n    }\n\n    if (key === 'End') {\n      this.focusPrevChipFrom(this.adapter.getChipCount() - 1, source);\n      return;\n    }\n  }\n\n  /** Returns the unique selected indexes of the chips. */\n  getSelectedChipIndexes(): ReadonlySet<number> {\n    const selectedIndexes = new Set<number>();\n    const chipCount = this.adapter.getChipCount();\n    for (let i = 0; i < chipCount; i++) {\n      const actions = this.adapter.getChipActionsAtIndex(i);\n      for (const action of actions) {\n        if (this.adapter.isChipSelectedAtIndex(i, action)) {\n          selectedIndexes.add(i);\n        }\n      }\n    }\n    return selectedIndexes;\n  }\n\n  /** Sets the selected state of the chip at the given index and action. */\n  setChipSelected(\n      index: number, action: MDCChipActionType, isSelected: boolean) {\n    if (this.adapter.isChipSelectableAtIndex(index, action)) {\n      this.setSelection(index, action, isSelected);\n    }\n  }\n\n  /** Returns the selected state of the chip at the given index and action. */\n  isChipSelected(index: number, action: MDCChipActionType): boolean {\n    return this.adapter.isChipSelectedAtIndex(index, action);\n  }\n\n  /** Removes the chip at the given index. */\n  removeChip(index: number) {\n    // Early exit if the index is out of bounds\n    if (index >= this.adapter.getChipCount() || index < 0) return;\n    this.adapter.startChipAnimationAtIndex(index, MDCChipAnimation.EXIT);\n    this.adapter.emitEvent<MDCChipSetRemovalEventDetail>(\n        MDCChipSetEvents.REMOVAL, {\n          chipID: this.adapter.getChipIdAtIndex(index),\n          chipIndex: index,\n          isComplete: false,\n        });\n  }\n\n  addChip(index: number) {\n    // Early exit if the index is out of bounds\n    if (index >= this.adapter.getChipCount() || index < 0) return;\n    this.adapter.startChipAnimationAtIndex(index, MDCChipAnimation.ENTER);\n  }\n\n  /**\n   * Increments to find the first focusable chip.\n   */\n  private focusNextChipFrom(\n      startIndex: number, targetAction?: MDCChipActionType) {\n    const chipCount = this.adapter.getChipCount();\n    for (let i = startIndex; i < chipCount; i++) {\n      const focusableAction =\n          this.getFocusableAction(i, Operator.INCREMENT, targetAction);\n      if (focusableAction) {\n        this.focusChip(\n            i, focusableAction,\n            MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n        return;\n      }\n    }\n  }\n\n  /**\n   * Decrements to find the first focusable chip. Takes an optional target\n   * action that can be used to focus the first matching focusable action.\n   */\n  private focusPrevChipFrom(\n      startIndex: number, targetAction?: MDCChipActionType) {\n    for (let i = startIndex; i > -1; i--) {\n      const focusableAction =\n          this.getFocusableAction(i, Operator.DECREMENT, targetAction);\n      if (focusableAction) {\n        this.focusChip(\n            i, focusableAction,\n            MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n        return;\n      }\n    }\n  }\n\n  /** Returns the appropriate focusable action, or null if none exist. */\n  private getFocusableAction(\n      index: number, op: Operator,\n      targetAction?: MDCChipActionType): MDCChipActionType|null {\n    const actions = this.adapter.getChipActionsAtIndex(index);\n    // Reverse the actions if decrementing\n    if (op === Operator.DECREMENT) actions.reverse();\n\n    if (targetAction) {\n      return this.getMatchingFocusableAction(index, actions, targetAction);\n    }\n\n    return this.getFirstFocusableAction(index, actions);\n  }\n\n  /**\n   * Returs the first focusable action, regardless of type, or null if no\n   * focusable actions exist.\n   */\n  private getFirstFocusableAction(index: number, actions: MDCChipActionType[]):\n      MDCChipActionType|null {\n    for (const action of actions) {\n      if (this.adapter.isChipFocusableAtIndex(index, action)) {\n        return action;\n      }\n    }\n    return null;\n  }\n\n  /**\n   * If the actions contain a focusable action that matches the target action,\n   * return that. Otherwise, return the first focusable action, or null if no\n   * focusable action exists.\n   */\n  private getMatchingFocusableAction(\n      index: number, actions: MDCChipActionType[],\n      targetAction: MDCChipActionType): MDCChipActionType|null {\n    let focusableAction = null;\n    for (const action of actions) {\n      if (this.adapter.isChipFocusableAtIndex(index, action)) {\n        focusableAction = action;\n      }\n\n      // Exit and return the focusable action if it matches the target\n      if (focusableAction === targetAction) {\n        return focusableAction;\n      }\n    }\n    return focusableAction;\n  }\n\n  private focusChip(\n      index: number, action: MDCChipActionType,\n      focus: MDCChipActionFocusBehavior) {\n    this.adapter.setChipFocusAtIndex(index, action, focus);\n    const chipCount = this.adapter.getChipCount();\n    for (let i = 0; i < chipCount; i++) {\n      const actions = this.adapter.getChipActionsAtIndex(i);\n      for (const chipAction of actions) {\n        // Skip the action and index provided since we set it above\n        if (chipAction === action && i === index) continue;\n        this.adapter.setChipFocusAtIndex(\n            i, chipAction, MDCChipActionFocusBehavior.NOT_FOCUSABLE);\n      }\n    }\n  }\n\n  private supportsMultiSelect(): boolean {\n    return this.adapter.getAttribute(\n               MDCChipSetAttributes.ARIA_MULTISELECTABLE) === 'true';\n  }\n\n  private setSelection(\n      index: number, action: MDCChipActionType, isSelected: boolean) {\n    this.adapter.setChipSelectedAtIndex(index, action, isSelected);\n    this.adapter.emitEvent<MDCChipSetSelectionEventDetail>(\n        MDCChipSetEvents.SELECTION, {\n          chipID: this.adapter.getChipIdAtIndex(index),\n          chipIndex: index,\n          isSelected,\n        });\n    // Early exit if we support multi-selection\n    if (this.supportsMultiSelect()) {\n      return;\n    }\n\n    // If we get here, we ony support single selection. This means we need to\n    // unselect all chips\n    const chipCount = this.adapter.getChipCount();\n    for (let i = 0; i < chipCount; i++) {\n      const actions = this.adapter.getChipActionsAtIndex(i);\n      for (const chipAction of actions) {\n        // Skip the action and index provided since we set it above\n        if (chipAction === action && i === index) continue;\n        this.adapter.setChipSelectedAtIndex(i, chipAction, false);\n      }\n    }\n  }\n\n  private removeAfterAnimation(index: number, chipID: string) {\n    this.adapter.removeChipAtIndex(index);\n    this.adapter.emitEvent<MDCChipSetRemovalEventDetail>(\n        MDCChipSetEvents.REMOVAL, {\n          chipIndex: index,\n          isComplete: true,\n          chipID,\n        });\n\n    const chipCount = this.adapter.getChipCount();\n    // Early exit if we have an empty chip set\n    if (chipCount <= 0) return;\n    this.focusNearestFocusableAction(index);\n  }\n\n  /**\n   * Find the first focusable action by moving bidirectionally horizontally\n   * from the start index.\n   *\n   * Given chip set [A, B, C, D, E, F, G]...\n   * Let's say we remove chip \"F\". We don't know where the nearest focusable\n   * action is since any of them could be disabled. The nearest focusable\n   * action could be E, it could be G, it could even be A. To find it, we\n   * start from the source index (5 for \"F\" in this case) and move out\n   * horizontally, checking each chip at each index.\n   *\n   */\n  private focusNearestFocusableAction(index: number) {\n    const chipCount = this.adapter.getChipCount();\n    let decrIndex = index;\n    let incrIndex = index;\n    while (decrIndex > -1 || incrIndex < chipCount) {\n      const focusAction = this.getNearestFocusableAction(\n          decrIndex, incrIndex, MDCChipActionType.TRAILING);\n      if (focusAction) {\n        this.focusChip(\n            focusAction.index, focusAction.action,\n            MDCChipActionFocusBehavior.FOCUSABLE_AND_FOCUSED);\n        return;\n      }\n\n      decrIndex--;\n      incrIndex++;\n    }\n  }\n\n  private getNearestFocusableAction(\n      decrIndex: number, incrIndex: number,\n      actionType?: MDCChipActionType): FocusAction|null {\n    const decrAction =\n        this.getFocusableAction(decrIndex, Operator.DECREMENT, actionType);\n    if (decrAction) {\n      return {\n        index: decrIndex,\n        action: decrAction,\n      };\n    }\n\n    // Early exit if the incremented and decremented indices are identical\n    if (incrIndex === decrIndex) return null;\n\n    const incrAction =\n        this.getFocusableAction(incrIndex, Operator.INCREMENT, actionType);\n    if (incrAction) {\n      return {\n        index: incrIndex,\n        action: incrAction,\n      };\n    }\n\n    return null;\n  }\n}\n"]}

package/chips/chipset/lib/types.d.ts

@@ -1,41 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-import { MDCChipAnimationEventDetail, MDCChipInteractionEventDetail, MDCChipNavigationEventDetail } from '../../chip/lib/types.js';
-/**
- * MDCChipSetInteractionEventDetail provides detail about the interaction event.
- */
-export interface MDCChipSetInteractionEventDetail {
-    chipID: string;
-    chipIndex: number;
-}
-/**
- * MDCChipSetRemovalEventDetail provides detail about the removal event.
- */
-export interface MDCChipSetRemovalEventDetail {
-    chipID: string;
-    chipIndex: number;
-    isComplete: boolean;
-}
-/**
- * MDCChipSetSelectionEventDetail provides detail about the selection event.
- */
-export interface MDCChipSetSelectionEventDetail {
-    chipID: string;
-    chipIndex: number;
-    isSelected: boolean;
-}
-/**
- * ChipInteractionEvent is the custom event for the interaction event.
- */
-export declare type ChipInteractionEvent = CustomEvent<MDCChipInteractionEventDetail>;
-/**
- * ChipNavigationEvent is the custom event for the navigation event.
- */
-export declare type ChipNavigationEvent = CustomEvent<MDCChipNavigationEventDetail>;
-/**
- * ChipAnimationEvent is the custom event for the animation event.
- */
-export declare type ChipAnimationEvent = CustomEvent<MDCChipAnimationEventDetail>;

package/chips/chipset/lib/types.js

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

package/chips/chipset/lib/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["types.ts"],"names":[],"mappings":"AAAA;;;;GAIG","sourcesContent":["/**\n * @license\n * Copyright 2022 Google LLC\n * SPDX-License-Identifier: Apache-2.0\n */\n\nimport {MDCChipAnimationEventDetail, MDCChipInteractionEventDetail, MDCChipNavigationEventDetail} from '../../chip/lib/types.js';\n\n/**\n * MDCChipSetInteractionEventDetail provides detail about the interaction event.\n */\nexport interface MDCChipSetInteractionEventDetail {\n  chipID: string;\n  chipIndex: number;\n}\n\n/**\n * MDCChipSetRemovalEventDetail provides detail about the removal event.\n */\nexport interface MDCChipSetRemovalEventDetail {\n  chipID: string;\n  chipIndex: number;\n  isComplete: boolean;\n}\n\n/**\n * MDCChipSetSelectionEventDetail provides detail about the selection event.\n */\nexport interface MDCChipSetSelectionEventDetail {\n  chipID: string;\n  chipIndex: number;\n  isSelected: boolean;\n}\n\n/**\n * ChipInteractionEvent is the custom event for the interaction event.\n */\nexport type ChipInteractionEvent = CustomEvent<MDCChipInteractionEventDetail>;\n\n/**\n * ChipNavigationEvent is the custom event for the navigation event.\n */\nexport type ChipNavigationEvent = CustomEvent<MDCChipNavigationEventDetail>;\n\n/**\n * ChipAnimationEvent is the custom event for the animation event.\n */\nexport type ChipAnimationEvent = CustomEvent<MDCChipAnimationEventDetail>;\n"]}