@material/list - npm Package Compare versions

Comparing version 15.0.0-canary.a16dbd1a6.0 to 15.0.0-canary.a246a4439.0

CHANGELOG.md

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

		# [15.0.0-canary.a16dbd1a6.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.a16dbd1a6.0) (2023-02-04)
		# [15.0.0-canary.a246a4439.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.a246a4439.0) (2023-09-18)

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

		* 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))
		@@ -15,0 +19,0 @@ * list: Fixing css for calculating `$mdc-list-subheader-margin` param. ([357f2e5](https://github.com/material-components/material-components-web/commit/357f2e5f15f6374c9d93da135a8b070239ba7464))

component.js

		@@ -352,4 +352,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);
		@@ -361,4 +361,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);
		@@ -370,6 +370,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);
		};
		@@ -380,9 +380,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);
		};
		@@ -389,0 +386,0 @@ return MDCList;

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;

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

foundation.js

		@@ -387,3 +387,4 @@ /**
		}
		else if ((isEnter \|\| isSpace) && eventHasModifiers([])) {
		else if ((isEnter \|\| isSpace) &&
		(eventHasModifiers([]) \|\| eventHasModifiers(['Alt']))) {
		if (isRootListItem) {
		@@ -390,0 +391,0 @@ // Return early if enter key is pressed on anchor element which triggers

package.json

		{
		"name": "@material/list",
		"description": "The Material Components for the web list component",
		"version": "15.0.0-canary.a16dbd1a6.0",
		"version": "15.0.0-canary.a246a4439.0",
		"license": "MIT",
		@@ -20,15 +20,15 @@ "main": "dist/mdc.list.js",
		"dependencies": {
		"@material/base": "15.0.0-canary.a16dbd1a6.0",
		"@material/density": "15.0.0-canary.a16dbd1a6.0",
		"@material/dom": "15.0.0-canary.a16dbd1a6.0",
		"@material/feature-targeting": "15.0.0-canary.a16dbd1a6.0",
		"@material/ripple": "15.0.0-canary.a16dbd1a6.0",
		"@material/rtl": "15.0.0-canary.a16dbd1a6.0",
		"@material/shape": "15.0.0-canary.a16dbd1a6.0",
		"@material/theme": "15.0.0-canary.a16dbd1a6.0",
		"@material/tokens": "15.0.0-canary.a16dbd1a6.0",
		"@material/typography": "15.0.0-canary.a16dbd1a6.0",
		"@material/base": "15.0.0-canary.a246a4439.0",
		"@material/density": "15.0.0-canary.a246a4439.0",
		"@material/dom": "15.0.0-canary.a246a4439.0",
		"@material/feature-targeting": "15.0.0-canary.a246a4439.0",
		"@material/ripple": "15.0.0-canary.a246a4439.0",
		"@material/rtl": "15.0.0-canary.a246a4439.0",
		"@material/shape": "15.0.0-canary.a246a4439.0",
		"@material/theme": "15.0.0-canary.a246a4439.0",
		"@material/tokens": "15.0.0-canary.a246a4439.0",
		"@material/typography": "15.0.0-canary.a246a4439.0",
		"tslib": "^2.1.0"
		},
		"gitHead": "6b1923aa24f460ae50c61296787e46f524bcf15c"
		"gitHead": "40201df8b7e53b61aead4acdfa34b48fb1d155b8"
		}

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.

_list-theme.scss