Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@material/list

Package Overview
Dependencies
Maintainers
14
Versions
1698
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/list - npm Package Compare versions

Comparing version 15.0.0-canary.8647092f7.0 to 15.0.0-canary.8656bf0e0.0

_list.scss

4

adapter.d.ts

@@ -45,4 +45,4 @@ /**

/**
* Sets the tabindex to the value specified for all button/a element children of
* the list item at the index specified.
* Sets the tabindex to the value specified for all button/a element children
* of the list item at the index specified.
*/

@@ -49,0 +49,0 @@ setTabIndexForListItemChildren(listItemIndex: number, tabIndexValue: string): void;

21

CHANGELOG.md

@@ -6,3 +6,3 @@ # Change Log

# [15.0.0-canary.8647092f7.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.8647092f7.0) (2022-07-07)
# [15.0.0-canary.8656bf0e0.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.8656bf0e0.0) (2023-12-12)

@@ -12,3 +12,12 @@

* **list:** Remove ripple styles for disabled items in deprecated list. ([f52358d](https://github.com/material-components/material-components-web/commit/f52358dd0796308919bb78deffc573d0d933c7de))
* correct behavior of checkboxes/radios in a list. ([f771b09](https://github.com/material-components/material-components-web/commit/f771b091ce1e5b1b97b3a508f1459e4665008a80))
* **list:** Allow alt + enter to select index for lists. ([113b1a3](https://github.com/material-components/material-components-web/commit/113b1a38e87337fdd00c7495fda3299df2dbc317))
* **list:** behavior in case of changing focus from -1 to -1 with forceUpdate: true ([ae278a2](https://github.com/material-components/material-components-web/commit/ae278a2fe94fdb8c5d0716fb34cbe84a691d6146))
* **list:** Fix list leading/trailing icon theming ([36a4cba](https://github.com/material-components/material-components-web/commit/36a4cba9944392b391b86d41405ee21fb97f4c22))
* **list:** Fixes how list handles `CTRL-A` keyboard interactions for multi-selection lists when there are disabled list items. ([a911b38](https://github.com/material-components/material-components-web/commit/a911b386b2fded69e3468ef42e7ef25eb33fcd70))
* **list:** Fixing css for calculating `$mdc-list-subheader-margin` param. ([357f2e5](https://github.com/material-components/material-components-web/commit/357f2e5f15f6374c9d93da135a8b070239ba7464))
* **list:** Initialize selectedIndex as an array for checkbox list ([0347671](https://github.com/material-components/material-components-web/commit/034767110778aab3e5f0a3240937d8a07c21197e))
* **list:** only set overflow hidden on mdc-list-item--with-leading-image ([033ae08](https://github.com/material-components/material-components-web/commit/033ae083aad9ad4376e64aa328df936c7adb5a32))
* **list:** rolling back update of list styles since this is causing failures. ([eb103d4](https://github.com/material-components/material-components-web/commit/eb103d4b5d33e0d1535ea28ca0089d2c7002fab6))

@@ -18,3 +27,13 @@

* **list:** Add support for list-item-selected-container-color and list-item-selected-trailing-icon-color tokens. ([ece3e8d](https://github.com/material-components/material-components-web/commit/ece3e8d2155abd93bc1f9bdcf2dddea9e6eaab56))
* **list:** Add support for several new tokens ([cec7fb9](https://github.com/material-components/material-components-web/commit/cec7fb9878e548f7f070c5b0f9572cf34e3cce36))
* **list:** Added boilerplate code for list theming API implementation ([df47894](https://github.com/material-components/material-components-web/commit/df47894dbe5132b66af0df9c53a54d7d1030f397))
* **list:** Added Theming API to MDC list ([b18a873](https://github.com/material-components/material-components-web/commit/b18a873dcb2800b3263d7636e829fa94b3c12d6d))
* **list:** Changing default value of `areDisabledItemsFocusable` to false. ([65c4116](https://github.com/material-components/material-components-web/commit/65c411674c70291e64bf0deaca88f8b68586ba82))
* **list:** Creates a `static-styles` mixin that holds all the non-themeable list styles. ([73ca9db](https://github.com/material-components/material-components-web/commit/73ca9dbb058c47c557aff16137277a7bd33d0b8c))
* **list:** Creates a static-styles mixin that holds all the non-themeable list styles. ([58733ef](https://github.com/material-components/material-components-web/commit/58733ef418bf8641a5b3b7fd33e8e2bb1d0e7b97))
* **list:** Fixes focus behavior on disabled list items when `areDisabledItemsFocusable` is set to `false`. ([2aa8050](https://github.com/material-components/material-components-web/commit/2aa8050b46b7b170ab9ecc2a1fe9686ac40d79cc))
* **list:** Removes ripple styling on disabled list items. ([eaa0c3a](https://github.com/material-components/material-components-web/commit/eaa0c3a8603d70489b22b68a2b0e6ec4284de3a5))
* add icon support to menu theming ([40b18d0](https://github.com/material-components/material-components-web/commit/40b18d04314549060c2b4a28ed425cba9976687b))
* **list:** Defines a `theme` mixin for list component. Also adjusts the `theme-styles` mixin so that it emits custom properties. ([3cc30f6](https://github.com/material-components/material-components-web/commit/3cc30f6adb6a5496601dd458a8a9ef40ffef7ff6))
* **menu:** working on theming API ([f1e0371](https://github.com/material-components/material-components-web/commit/f1e0371502ee9bfe48f3501a63f70a42bfd79cb8))

10

component.d.ts

@@ -26,6 +26,8 @@ /**

import { MDCListIndex } from './types';
export declare type MDCListFactory = (el: Element, foundation?: MDCListFoundation) => MDCList;
/** MDC List Factory */
export declare type MDCListFactory = (el: HTMLElement, foundation?: MDCListFoundation) => MDCList;
/** MDC List */
export declare class MDCList extends MDCComponent<MDCListFoundation> {
set vertical(value: boolean);
get listElements(): Element[];
get listElements(): HTMLElement[];
set wrapFocus(value: boolean);

@@ -45,3 +47,3 @@ /**

set selectedIndex(index: MDCListIndex);
static attachTo(root: Element): MDCList;
static attachTo(root: HTMLElement): MDCList;
private handleKeydown;

@@ -92,3 +94,3 @@ private handleClick;

/**
* Used to figure out which list item this event is targetting. Or returns -1
* Used to figure out which list item this event is targeting. Or returns -1
* if there is no list item

@@ -95,0 +97,0 @@ */

46

component.js

@@ -28,2 +28,3 @@ /**

import { MDCListFoundation } from './foundation';
/** MDC List */
var MDCList = /** @class */ (function (_super) {

@@ -104,4 +105,3 @@ __extends(MDCList, _super);

MDCList.prototype.initialSyncWithDOM = function () {
this.isEvolutionEnabled =
evolutionAttribute in this.root.dataset;
this.isEvolutionEnabled = evolutionAttribute in this.root.dataset;
if (this.isEvolutionEnabled) {

@@ -238,6 +238,4 @@ this.classNameMap = evolutionClassNameMap;

focusItemAtIndex: function (index) {
var element = _this.listElements[index];
if (element) {
element.focus();
}
var _a;
(_a = _this.listElements[index]) === null || _a === void 0 ? void 0 : _a.focus();
},

@@ -279,3 +277,4 @@ getAttributeForElementIndex: function (index, attr) {

notifySelectionChange: function (changedIndices) {
_this.emit(strings.SELECTION_CHANGE_EVENT, { changedIndices: changedIndices }, /** shouldBubble */ true);
_this.emit(strings.SELECTION_CHANGE_EVENT, { changedIndices: changedIndices },
/** shouldBubble */ true);
},

@@ -291,3 +290,3 @@ removeClassForElementIndex: function (index, className) {

if (element) {
element.setAttribute(attr, value);
_this.safeSetAttribute(element, attr, value);
}

@@ -307,3 +306,3 @@ },

Array.prototype.forEach.call(element.querySelectorAll(selector), function (el) {
el.setAttribute('tabindex', tabIndexValue);
el.tabIndex = Number(tabIndexValue);
});

@@ -343,3 +342,3 @@ },

/**
* Used to figure out which list item this event is targetting. Or returns -1
* Used to figure out which list item this event is targeting. Or returns -1
* if there is no list item

@@ -360,4 +359,4 @@ */

*/
MDCList.prototype.handleFocusInEvent = function (evt) {
var index = this.getListItemIndex(evt.target);
MDCList.prototype.handleFocusInEvent = function (event) {
var index = this.getListItemIndex(event.target);
this.foundation.handleFocusIn(index);

@@ -369,4 +368,4 @@ };

*/
MDCList.prototype.handleFocusOutEvent = function (evt) {
var index = this.getListItemIndex(evt.target);
MDCList.prototype.handleFocusOutEvent = function (event) {
var index = this.getListItemIndex(event.target);
this.foundation.handleFocusOut(index);

@@ -378,6 +377,6 @@ };

*/
MDCList.prototype.handleKeydownEvent = function (evt) {
var index = this.getListItemIndex(evt.target);
var target = evt.target;
this.foundation.handleKeydown(evt, target.classList.contains(this.classNameMap[cssClasses.LIST_ITEM_CLASS]), index);
MDCList.prototype.handleKeydownEvent = function (event) {
var index = this.getListItemIndex(event.target);
var target = event.target;
this.foundation.handleKeydown(event, target.classList.contains(this.classNameMap[cssClasses.LIST_ITEM_CLASS]), index);
};

@@ -388,9 +387,6 @@ /**

*/
MDCList.prototype.handleClickEvent = function (evt) {
var index = this.getListItemIndex(evt.target);
var target = evt.target;
// Toggle the checkbox only if it's not the target of the event, or the
// checkbox will have 2 change events.
var toggleCheckbox = !matches(target, strings.CHECKBOX_RADIO_SELECTOR);
this.foundation.handleClick(index, toggleCheckbox, evt);
MDCList.prototype.handleClickEvent = function (event) {
var index = this.getListItemIndex(event.target);
var target = event.target;
this.foundation.handleClick(index, matches(target, strings.CHECKBOX_RADIO_SELECTOR), event);
};

@@ -397,0 +393,0 @@ return MDCList;

4

events.d.ts

@@ -27,4 +27,4 @@ /**

*
* @param evt keyboard event to be prevented.
* @param event keyboard event to be prevented.
*/
export declare const preventDefaultEvent: (evt: KeyboardEvent) => void;
export declare const preventDefaultEvent: (event: KeyboardEvent) => void;

8

events.js

@@ -28,6 +28,6 @@ /**

*
* @param evt keyboard event to be prevented.
* @param event keyboard event to be prevented.
*/
export var preventDefaultEvent = function (evt) {
var target = evt.target;
export var preventDefaultEvent = function (event) {
var target = event.target;
if (!target) {

@@ -38,5 +38,5 @@ return;

if (ELEMENTS_KEY_ALLOWED_IN.indexOf(tagName) === -1) {
evt.preventDefault();
event.preventDefault();
}
};
//# sourceMappingURL=events.js.map

49

foundation.d.ts

@@ -26,3 +26,6 @@ /**

import { MDCListIndex } from './types';
declare type SelectionUpdateOptions = {
/**
* Options for configuring how to update a selectable list item.
*/
interface SelectionUpdateOptions {
/** Whether the update was triggered by a user interaction. */

@@ -36,3 +39,9 @@ isUserInteraction?: boolean;

forceUpdate?: boolean;
};
/**
* Whether disabled items should be omitted from updates. This is most
* relevant when trying to update all the items in a selection list.
*/
omitDisabledItems?: boolean;
}
/** MDC List Foundation */
export declare class MDCListFoundation extends MDCFoundation<MDCListAdapter> {

@@ -49,2 +58,3 @@ static get strings(): {

ARIA_ORIENTATION_HORIZONTAL: string;
/** MDC List Foundation */
ARIA_ROLE_CHECKBOX_SELECTOR: string;

@@ -186,7 +196,13 @@ ARIA_SELECTED: string;

/**
* Toggles the state of all checkboxes in the given range (inclusive) based on
* the state of the checkbox at the `toggleIndex`. To determine whether to set
* the given range to checked or unchecked, read the value of the checkbox at
* the `toggleIndex` and negate it. Then apply that new checked state to all
* checkboxes in the range.
* Helper method for ensuring that the list of selected indices remains
* accurate when calling setCheckboxAtIndex with omitDisabledItems set to
* true.
*/
private resolveSelectedIndices;
/**
* Toggles the state of all checkboxes in the given range (inclusive) based
* on the state of the checkbox at the `toggleIndex`. To determine whether
* to set the given range to checked or unchecked, read the value of the
* checkbox at the `toggleIndex` and negate it. Then apply that new checked
* state to all checkboxes in the range.
* @param fromIndex The start of the range of checkboxes to toggle

@@ -206,2 +222,3 @@ * @param toIndex The end of the range of checkboxes to toggle

private getFirstSelectedOrFocusedItemIndex;
private getFirstEnabledItem;
private isIndexValid;

@@ -222,2 +239,3 @@ private isIndexInRange;

private focusItemAtIndex;
private getEnabledListItemCount;
private checkboxListToggleAll;

@@ -230,7 +248,7 @@ /**

* @param nextChar The next character to add to the prefix buffer.
* @param startingIndex The index from which to start matching. Only relevant
* when starting a new match sequence. To start a new match sequence,
* clear the buffer using `clearTypeaheadBuffer`, or wait for the buffer
* to clear after a set interval defined in list foundation. Defaults to
* the currently focused index.
* @param startingIndex The index from which to start matching. Only
* relevant when starting a new match sequence. To start a new match
* sequence, clear the buffer using `clearTypeaheadBuffer`, or wait for
* the buffer to clear after a set interval defined in list foundation.
* Defaults to the currently focused index.
* @return The index of the matched item, or -1 if no match.

@@ -240,6 +258,7 @@ */

/**
* Initializes the MDCListTextAndIndex data structure by indexing the current
* list items by primary text.
* Initializes the MDCListTextAndIndex data structure by indexing the
* current list items by primary text.
*
* @return The primary texts of all the list items sorted by first character.
* @return The primary texts of all the list items sorted by first
* character.
*/

@@ -246,0 +265,0 @@ private typeaheadInitSortedIndex;

159

foundation.js

@@ -23,3 +23,3 @@ /**

*/
import { __assign, __extends, __read, __spreadArray } from "tslib";
import { __assign, __extends, __read, __spreadArray, __values } from "tslib";
import { MDCFoundation } from '@material/base/foundation';

@@ -43,2 +43,3 @@ import { normalizeKey } from '@material/dom/keyboard';

}
/** MDC List Foundation */
var MDCListFoundation = /** @class */ (function (_super) {

@@ -51,3 +52,3 @@ __extends(MDCListFoundation, _super);

_this.isSingleSelectionList = false;
_this.areDisabledItemsFocusable = true;
_this.areDisabledItemsFocusable = false;
_this.selectedIndex = numbers.UNSET_INDEX;

@@ -121,2 +122,3 @@ _this.focusedItemIndex = numbers.UNSET_INDEX;

this.isCheckboxList = true;
this.selectedIndex = [];
}

@@ -389,3 +391,4 @@ else if (this.adapter.hasRadioAtIndex(0)) {

}
else if ((isEnter || isSpace) && eventHasModifiers([])) {
else if ((isEnter || isSpace) &&
(eventHasModifiers([]) || eventHasModifiers(['Alt']))) {
if (isRootListItem) {

@@ -491,3 +494,4 @@ // Return early if enter key is pressed on anchor element which triggers

firstChecked = firstChecked !== null && firstChecked !== void 0 ? firstChecked : nextIndex;
} while (!this.areDisabledItemsFocusable && this.isIndexDisabled(nextIndex));
} while (!this.areDisabledItemsFocusable &&
this.isIndexDisabled(nextIndex));
this.focusItemAtIndex(nextIndex);

@@ -518,3 +522,4 @@ return nextIndex;

firstChecked = firstChecked !== null && firstChecked !== void 0 ? firstChecked : prevIndex;
} while (!this.areDisabledItemsFocusable && this.isIndexDisabled(prevIndex));
} while (!this.areDisabledItemsFocusable &&
this.isIndexDisabled(prevIndex));
this.focusItemAtIndex(prevIndex);

@@ -630,3 +635,3 @@ return prevIndex;

};
MDCListFoundation.prototype.setCheckboxAtIndex = function (index, options) {
MDCListFoundation.prototype.setCheckboxAtIndex = function (indices, options) {
if (options === void 0) { options = {}; }

@@ -644,4 +649,7 @@ var currentIndex = this.selectedIndex;

for (var i = 0; i < this.adapter.getListItemCount(); i++) {
if (options.omitDisabledItems && this.isIndexDisabled(i)) {
continue;
}
var previousIsChecked = currentlySelected === null || currentlySelected === void 0 ? void 0 : currentlySelected.has(i);
var newIsChecked = index.indexOf(i) >= 0;
var newIsChecked = indices.indexOf(i) >= 0;
// If the selection has changed for this item, we keep track of it

@@ -655,3 +663,5 @@ // so that we can notify the adapter.

}
this.selectedIndex = index;
this.selectedIndex = options.omitDisabledItems ?
this.resolveSelectedIndices(indices) :
indices;
// If the selected value has changed through user interaction,

@@ -664,7 +674,24 @@ // we want to notify the selection change to the adapter.

/**
* Toggles the state of all checkboxes in the given range (inclusive) based on
* the state of the checkbox at the `toggleIndex`. To determine whether to set
* the given range to checked or unchecked, read the value of the checkbox at
* the `toggleIndex` and negate it. Then apply that new checked state to all
* checkboxes in the range.
* Helper method for ensuring that the list of selected indices remains
* accurate when calling setCheckboxAtIndex with omitDisabledItems set to
* true.
*/
MDCListFoundation.prototype.resolveSelectedIndices = function (setCheckedItems) {
var _this = this;
var currentlySelectedItems = this.selectedIndex === numbers.UNSET_INDEX ?
[] :
this.selectedIndex;
var currentlySelectedDisabledItems = currentlySelectedItems.filter(function (i) { return _this.isIndexDisabled(i); });
var enabledSetCheckedItems = setCheckedItems.filter(function (i) { return !_this.isIndexDisabled(i); });
// Updated selectedIndex should be the enabled setCheckedItems + any missing
// selected disabled items.
var updatedSelectedItems = __spreadArray([], __read(new Set(__spreadArray(__spreadArray([], __read(enabledSetCheckedItems)), __read(currentlySelectedDisabledItems)))));
return updatedSelectedItems.sort(function (a, b) { return a - b; });
};
/**
* Toggles the state of all checkboxes in the given range (inclusive) based
* on the state of the checkbox at the `toggleIndex`. To determine whether
* to set the given range to checked or unchecked, read the value of the
* checkbox at the `toggleIndex` and negate it. Then apply that new checked
* state to all checkboxes in the range.
* @param fromIndex The start of the range of checkboxes to toggle

@@ -703,4 +730,4 @@ * @param toIndex The end of the range of checkboxes to toggle

}
// If the selected value has changed, update and notify the selection change
// to the adapter.
// If the selected value has changed, update and notify the selection
// change to the adapter.
if (changedIndices.length) {

@@ -715,4 +742,4 @@ this.selectedIndex = __spreadArray([], __read(currentlySelected));

// If some list item was selected set first list item's tabindex to -1.
// Generally, tabindex is set to 0 on first list item of list that has no
// preselected items.
// Generally, tabindex is set to 0 on first list item of list that has
// no preselected items.
this.adapter.setAttributeForElementIndex(0, 'tabindex', '-1');

@@ -725,3 +752,4 @@ }

// in selection menus that are not visible, programmatically setting an
// option will not change focus but will change where tabindex should be 0.
// option will not change focus but will change where tabindex should be
// 0.
if (!(this.selectedIndex instanceof Array) &&

@@ -749,2 +777,4 @@ this.selectedIndex !== index &&

MDCListFoundation.prototype.getFirstSelectedOrFocusedItemIndex = function () {
var e_1, _a;
var firstFocusableListItem = this.getFirstEnabledItem();
if (this.adapter.getListItemCount() === 0) {

@@ -755,3 +785,3 @@ return numbers.UNSET_INDEX;

if (!this.isSelectableList()) {
return Math.max(this.focusedItemIndex, 0);
return Math.max(this.focusedItemIndex, firstFocusableListItem);
}

@@ -761,11 +791,43 @@ // Single-selection lists focus the selected item.

this.selectedIndex !== numbers.UNSET_INDEX) {
return this.selectedIndex;
return this.areDisabledItemsFocusable &&
this.isIndexDisabled(this.selectedIndex) ?
firstFocusableListItem :
this.selectedIndex;
}
// Multiple-selection lists focus the first selected item.
// Multiple-selection lists focus the first enabled selected item.
if (isNumberArray(this.selectedIndex) && this.selectedIndex.length > 0) {
return this.selectedIndex.reduce(function (minIndex, currentIndex) { return Math.min(minIndex, currentIndex); });
var sorted = __spreadArray([], __read(this.selectedIndex)).sort(function (a, b) { return a - b; });
try {
for (var sorted_1 = __values(sorted), sorted_1_1 = sorted_1.next(); !sorted_1_1.done; sorted_1_1 = sorted_1.next()) {
var index = sorted_1_1.value;
if (this.isIndexDisabled(index) && !this.areDisabledItemsFocusable) {
continue;
}
else {
return index;
}
}
}
catch (e_1_1) { e_1 = { error: e_1_1 }; }
finally {
try {
if (sorted_1_1 && !sorted_1_1.done && (_a = sorted_1.return)) _a.call(sorted_1);
}
finally { if (e_1) throw e_1.error; }
}
}
// Selection lists without a selection focus the first item.
return 0;
return firstFocusableListItem;
};
MDCListFoundation.prototype.getFirstEnabledItem = function () {
var listSize = this.adapter.getListItemCount();
var i = 0;
while (i < listSize) {
if (!this.isIndexDisabled(i)) {
break;
}
i++;
}
return i === listSize ? numbers.UNSET_INDEX : i;
};
MDCListFoundation.prototype.isIndexValid = function (index, validateListType) {

@@ -853,7 +915,25 @@ var _this = this;

};
MDCListFoundation.prototype.checkboxListToggleAll = function (currentlySelectedIndexes, isUserInteraction) {
var count = this.adapter.getListItemCount();
MDCListFoundation.prototype.getEnabledListItemCount = function () {
var listSize = this.adapter.getListItemCount();
var adjustedCount = 0;
for (var i = 0; i < listSize; i++) {
if (!this.isIndexDisabled(i)) {
adjustedCount++;
}
}
return adjustedCount;
};
MDCListFoundation.prototype.checkboxListToggleAll = function (currentlySelectedIndices, isUserInteraction) {
var _this = this;
var enabledListItemCount = this.getEnabledListItemCount();
var totalListItemCount = this.adapter.getListItemCount();
var currentlyEnabledSelectedIndices = currentlySelectedIndices.filter(function (i) { return !_this.isIndexDisabled(i); });
// If all items are selected, deselect everything.
if (currentlySelectedIndexes.length === count) {
this.setCheckboxAtIndex([], { isUserInteraction: isUserInteraction });
// We check >= rather than === to `enabledListItemCount` since a disabled
// item could be selected, and we don't take that into consideration when
// toggling the other checkbox values.
if (currentlyEnabledSelectedIndices.length >= enabledListItemCount) {
// Use omitDisabledItems option to ensure disabled selected items are not
// de-selected.
this.setCheckboxAtIndex([], { isUserInteraction: isUserInteraction, omitDisabledItems: true });
}

@@ -863,9 +943,11 @@ else {

var allIndexes = [];
for (var i = 0; i < count; i++) {
for (var i = 0; i < totalListItemCount; i++) {
if (!this.isIndexDisabled(i) ||
currentlySelectedIndexes.indexOf(i) > -1) {
currentlySelectedIndices.indexOf(i) > -1) {
allIndexes.push(i);
}
}
this.setCheckboxAtIndex(allIndexes, { isUserInteraction: isUserInteraction });
// Use omitDisabledItems option to ensure disabled selected items are not
// de-selected.
this.setCheckboxAtIndex(allIndexes, { isUserInteraction: isUserInteraction, omitDisabledItems: true });
}

@@ -879,7 +961,7 @@ };

* @param nextChar The next character to add to the prefix buffer.
* @param startingIndex The index from which to start matching. Only relevant
* when starting a new match sequence. To start a new match sequence,
* clear the buffer using `clearTypeaheadBuffer`, or wait for the buffer
* to clear after a set interval defined in list foundation. Defaults to
* the currently focused index.
* @param startingIndex The index from which to start matching. Only
* relevant when starting a new match sequence. To start a new match
* sequence, clear the buffer using `clearTypeaheadBuffer`, or wait for
* the buffer to clear after a set interval defined in list foundation.
* Defaults to the currently focused index.
* @return The index of the matched item, or -1 if no match.

@@ -903,6 +985,7 @@ */

/**
* Initializes the MDCListTextAndIndex data structure by indexing the current
* list items by primary text.
* Initializes the MDCListTextAndIndex data structure by indexing the
* current list items by primary text.
*
* @return The primary texts of all the list items sorted by first character.
* @return The primary texts of all the list items sorted by first
* character.
*/

@@ -909,0 +992,0 @@ MDCListFoundation.prototype.typeaheadInitSortedIndex = function () {

24

package.json
{
"name": "@material/list",
"description": "The Material Components for the web list component",
"version": "15.0.0-canary.8647092f7.0",
"version": "15.0.0-canary.8656bf0e0.0",
"license": "MIT",

@@ -20,15 +20,15 @@ "main": "dist/mdc.list.js",

"dependencies": {
"@material/base": "15.0.0-canary.8647092f7.0",
"@material/density": "15.0.0-canary.8647092f7.0",
"@material/dom": "15.0.0-canary.8647092f7.0",
"@material/feature-targeting": "15.0.0-canary.8647092f7.0",
"@material/ripple": "15.0.0-canary.8647092f7.0",
"@material/rtl": "15.0.0-canary.8647092f7.0",
"@material/shape": "15.0.0-canary.8647092f7.0",
"@material/theme": "15.0.0-canary.8647092f7.0",
"@material/tokens": "15.0.0-canary.8647092f7.0",
"@material/typography": "15.0.0-canary.8647092f7.0",
"@material/base": "15.0.0-canary.8656bf0e0.0",
"@material/density": "15.0.0-canary.8656bf0e0.0",
"@material/dom": "15.0.0-canary.8656bf0e0.0",
"@material/feature-targeting": "15.0.0-canary.8656bf0e0.0",
"@material/ripple": "15.0.0-canary.8656bf0e0.0",
"@material/rtl": "15.0.0-canary.8656bf0e0.0",
"@material/shape": "15.0.0-canary.8656bf0e0.0",
"@material/theme": "15.0.0-canary.8656bf0e0.0",
"@material/tokens": "15.0.0-canary.8656bf0e0.0",
"@material/typography": "15.0.0-canary.8656bf0e0.0",
"tslib": "^2.1.0"
},
"gitHead": "1edf72197ddaf5b6318f71205888f8ae695e9b29"
"gitHead": "36cab37e468233da3044a10c1df388f634163cc1"
}

8

README.md

@@ -676,6 +676,6 @@ <!--docs:

`setUseActivatedClass(useActivated: boolean) => void` | Sets the selection logic to apply/remove the `mdc-deprecated-list-item--activated` class.
`handleFocusIn(evt: Event) => void` | Handles the changing of `tabindex` to `0` for all button and anchor elements when a list item receives focus.
`handleFocusOut(evt: Event) => void` | Handles the changing of `tabindex` to `-1` for all button and anchor elements when a list item loses focus.
`handleKeydown(evt: Event) => void` | Handles determining if a focus action should occur when a key event is triggered.
`handleClick(evt: Event) => void` | Handles toggling the selected/deselected state for a list item when clicked. This method is only used by the single selection list.
`handleFocusIn(event: Event) => void` | Handles the changing of `tabindex` to `0` for all button and anchor elements when a list item receives focus.
`handleFocusOut(event: Event) => void` | Handles the changing of `tabindex` to `-1` for all button and anchor elements when a list item loses focus.
`handleKeydown(event: Event) => void` | Handles determining if a focus action should occur when a key event is triggered.
`handleClick(event: Event) => void` | Handles toggling the selected/deselected state for a list item when clicked. This method is only used by the single selection list.
`focusNextElement(index: number) => number` | Handles focusing the next element using the current `index`. Returns focused element index.

@@ -682,0 +682,0 @@ `focusPrevElement(index: number) => number` | Handles focusing the previous element using the current `index`. Returns focused element index.

8

typeahead.d.ts

@@ -51,3 +51,3 @@ /**

* @return Map that maps the first character of the primary text to the full
* list text and it's index
* list text and its index
*/

@@ -109,4 +109,4 @@ export declare function initSortedIndex(listItemCount: number, getPrimaryTextByItemIndex: (index: number) => string): Map<string, MDCListTextAndIndex[]>;

* Given a keydown event, it calculates whether or not to automatically focus a
* list item depending on what was typed mimicing the typeahead functionality of
* a standard <select> element that is open.
* list item depending on what was typed mimicking the typeahead functionality
* of a standard <select> element that is open.
*

@@ -123,4 +123,4 @@ * @param opts Options and accessors

*
* @returns index of the item matched by the keydown. -1 if not matched.
* @return index of the item matched by the keydown. -1 if not matched.
*/
export declare function handleKeydown(opts: HandleKeydownOpts, state: TypeaheadState): number;

8

typeahead.js

@@ -52,3 +52,3 @@ /**

* @return Map that maps the first character of the primary text to the full
* list text and it's index
* list text and its index
*/

@@ -222,4 +222,4 @@ export function initSortedIndex(listItemCount, getPrimaryTextByItemIndex) {

* Given a keydown event, it calculates whether or not to automatically focus a
* list item depending on what was typed mimicing the typeahead functionality of
* a standard <select> element that is open.
* list item depending on what was typed mimicking the typeahead functionality
* of a standard <select> element that is open.
*

@@ -236,3 +236,3 @@ * @param opts Options and accessors

*
* @returns index of the item matched by the keydown. -1 if not matched.
* @return index of the item matched by the keydown. -1 if not matched.
*/

@@ -239,0 +239,0 @@ export function handleKeydown(opts, state) {

_evolution-mixins.scss

Sorry, the diff of this file is not supported yet

_list-theme.scss

Sorry, the diff of this file is not supported yet

_mixins.scss

Sorry, the diff of this file is not supported yet

component.js.map

Sorry, the diff of this file is not supported yet

dist/mdc.list.css

Sorry, the diff of this file is not supported yet

dist/mdc.list.css.map

Sorry, the diff of this file is not supported yet

dist/mdc.list.js

Sorry, the diff of this file is too big to display

dist/mdc.list.js.map

Sorry, the diff of this file is not supported yet

dist/mdc.list.min.css

Sorry, the diff of this file is not supported yet

dist/mdc.list.min.css.map

Sorry, the diff of this file is not supported yet

dist/mdc.list.min.js

Sorry, the diff of this file is too big to display

events.js.map

Sorry, the diff of this file is not supported yet

foundation.js.map

Sorry, the diff of this file is not supported yet

mdc-list.import.scss

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc