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

@material/chips

Package Overview
Dependencies
Maintainers
14
Versions
1672
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/chips - npm Package Compare versions

Comparing version 15.0.0-canary.16fbd30ff.0 to 15.0.0-canary.1728a6dcf.0

2

action/foundation.d.ts

@@ -34,3 +34,3 @@ /**

handleClick(): void;
handleKeydown(event: KeyboardEvent): void;
handleKeydown(event: KeyboardEvent): true | undefined;
setDisabled(isDisabled: boolean): void;

@@ -37,0 +37,0 @@ isDisabled(): boolean;

2

action/foundation.js

@@ -74,2 +74,4 @@ /**

}
// signal to propagate the event since this Key isn't handled by chip
return true;
};

@@ -76,0 +78,0 @@ MDCChipActionFoundation.prototype.setDisabled = function (isDisabled) {

4

CHANGELOG.md

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

# [15.0.0-canary.16fbd30ff.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.16fbd30ff.0) (2023-01-26)
# [15.0.0-canary.1728a6dcf.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.1728a6dcf.0) (2023-09-26)

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

* **chip:** Propagate unhandled keyboard events ([6081d82](https://github.com/material-components/material-components-web/commit/6081d829b081384ff8433a92bf91db364c588e16))
* **chips:** Add missing tokens for leading icon for validation ([4356e05](https://github.com/material-components/material-components-web/commit/4356e05c5e17a58d0a714e9f087db4b5060085bd))

@@ -24,1 +25,2 @@ * **chips:** Update elevation resolver function and mixins that apply elevation ([96f4726](https://github.com/material-components/material-components-web/commit/96f472604cd098572f50987262bcab933574f7b2))

* **chips:** fix HCM chip styles ([86efd56](https://github.com/material-components/material-components-web/commit/86efd56f6a2aa9870a8457900e686bc35d3cb3bc))
* **chips:** Make light-theme tokens public ([51311e6](https://github.com/material-components/material-components-web/commit/51311e69ec61d62c214e0020fb856c39919ee657))

16

deprecated/chip-set/component.js

@@ -84,13 +84,13 @@ /**

}
this.handleChipInteraction = function (evt) {
_this.foundation.handleChipInteraction(evt.detail);
this.handleChipInteraction = function (event) {
_this.foundation.handleChipInteraction(event.detail);
};
this.handleChipSelection = function (evt) {
_this.foundation.handleChipSelection(evt.detail);
this.handleChipSelection = function (event) {
_this.foundation.handleChipSelection(event.detail);
};
this.handleChipRemoval = function (evt) {
_this.foundation.handleChipRemoval(evt.detail);
this.handleChipRemoval = function (event) {
_this.foundation.handleChipRemoval(event.detail);
};
this.handleChipNavigation = function (evt) {
_this.foundation.handleChipNavigation(evt.detail);
this.handleChipNavigation = function (event) {
_this.foundation.handleChipNavigation(event.detail);
};

@@ -97,0 +97,0 @@ this.listen(INTERACTION_EVENT, this.handleChipInteraction);

20

deprecated/chip/component.js

@@ -125,4 +125,4 @@ /**

this.handleTrailingActionNavigation =
function (evt) {
_this.foundation.handleTrailingActionNavigation(evt);
function (event) {
_this.foundation.handleTrailingActionNavigation(event);
};

@@ -133,13 +133,13 @@ // Native events

};
this.handleKeydown = function (evt) {
_this.foundation.handleKeydown(evt);
this.handleKeydown = function (event) {
_this.foundation.handleKeydown(event);
};
this.handleTransitionEnd = function (evt) {
_this.foundation.handleTransitionEnd(evt);
this.handleTransitionEnd = function (event) {
_this.foundation.handleTransitionEnd(event);
};
this.handleFocusIn = function (evt) {
_this.foundation.handleFocusIn(evt);
this.handleFocusIn = function (event) {
_this.foundation.handleFocusIn(event);
};
this.handleFocusOut = function (evt) {
_this.foundation.handleFocusOut(evt);
this.handleFocusOut = function (event) {
_this.foundation.handleFocusOut(event);
};

@@ -146,0 +146,0 @@ this.listen('transitionend', this.handleTransitionEnd);

10

deprecated/chip/foundation.d.ts

@@ -106,5 +106,5 @@ /**

*/
handleTransitionEnd(evt: TransitionEvent): void;
handleFocusIn(evt: FocusEvent): void;
handleFocusOut(evt: FocusEvent): void;
handleTransitionEnd(event: TransitionEvent): void;
handleFocusIn(event: FocusEvent): void;
handleFocusOut(event: FocusEvent): void;
/**

@@ -118,4 +118,4 @@ * Handles an interaction event on the trailing icon element. This is used to

*/
handleKeydown(evt: KeyboardEvent): void;
handleTrailingActionNavigation(evt: MDCChipTrailingActionNavigationEvent): void;
handleKeydown(event: KeyboardEvent): void;
handleTrailingActionNavigation(event: MDCChipTrailingActionNavigationEvent): void;
/**

@@ -122,0 +122,0 @@ * Called by the chip set to remove focus from the chip actions.

68

deprecated/chip/foundation.js

@@ -179,8 +179,8 @@ /**

*/
MDCChipFoundation.prototype.handleTransitionEnd = function (evt) {
MDCChipFoundation.prototype.handleTransitionEnd = function (event) {
var _this = this;
// Handle transition end event on the chip when it is about to be removed.
var shouldHandle = this.adapter.eventTargetHasClass(evt.target, cssClasses.CHIP_EXIT);
var widthIsAnimating = evt.propertyName === 'width';
var opacityIsAnimating = evt.propertyName === 'opacity';
var shouldHandle = this.adapter.eventTargetHasClass(event.target, cssClasses.CHIP_EXIT);
var widthIsAnimating = event.propertyName === 'width';
var opacityIsAnimating = event.propertyName === 'opacity';
if (shouldHandle && opacityIsAnimating) {

@@ -217,5 +217,5 @@ // See:

}
var shouldHideLeadingIcon = this.adapter.eventTargetHasClass(evt.target, cssClasses.LEADING_ICON) &&
var shouldHideLeadingIcon = this.adapter.eventTargetHasClass(event.target, cssClasses.LEADING_ICON) &&
this.adapter.hasClass(cssClasses.SELECTED);
var shouldShowLeadingIcon = this.adapter.eventTargetHasClass(evt.target, cssClasses.CHECKMARK) &&
var shouldShowLeadingIcon = this.adapter.eventTargetHasClass(event.target, cssClasses.CHECKMARK) &&
!this.adapter.hasClass(cssClasses.SELECTED);

@@ -231,5 +231,5 @@ if (shouldHideLeadingIcon) {

};
MDCChipFoundation.prototype.handleFocusIn = function (evt) {
MDCChipFoundation.prototype.handleFocusIn = function (event) {
// Early exit if the event doesn't come from the primary action
if (!this.eventFromPrimaryAction(evt)) {
if (!this.eventFromPrimaryAction(event)) {
return;

@@ -239,5 +239,5 @@ }

};
MDCChipFoundation.prototype.handleFocusOut = function (evt) {
MDCChipFoundation.prototype.handleFocusOut = function (event) {
// Early exit if the event doesn't come from the primary action
if (!this.eventFromPrimaryAction(evt)) {
if (!this.eventFromPrimaryAction(event)) {
return;

@@ -261,6 +261,6 @@ }

*/
MDCChipFoundation.prototype.handleKeydown = function (evt) {
MDCChipFoundation.prototype.handleKeydown = function (event) {
if (this.isEditing()) {
if (this.shouldFinishEditing(evt)) {
evt.preventDefault();
if (this.shouldFinishEditing(event)) {
event.preventDefault();
this.finishEditing();

@@ -273,8 +273,8 @@ }

if (this.isEditable()) {
if (this.shouldStartEditing(evt)) {
evt.preventDefault();
if (this.shouldStartEditing(event)) {
event.preventDefault();
this.startEditing();
}
}
if (this.shouldNotifyInteraction(evt)) {
if (this.shouldNotifyInteraction(event)) {
this.adapter.notifyInteraction();

@@ -284,4 +284,4 @@ this.setPrimaryActionFocusable(this.getFocusBehavior());

}
if (this.isDeleteAction(evt)) {
evt.preventDefault();
if (this.isDeleteAction(event)) {
event.preventDefault();
this.removeChip();

@@ -291,11 +291,11 @@ return;

// Early exit if the key is not usable
if (!navigationKeys.has(evt.key)) {
if (!navigationKeys.has(event.key)) {
return;
}
// Prevent default behavior for movement keys which could include scrolling
evt.preventDefault();
this.focusNextAction(evt.key, EventSource.PRIMARY);
event.preventDefault();
this.focusNextAction(event.key, EventSource.PRIMARY);
};
MDCChipFoundation.prototype.handleTrailingActionNavigation = function (evt) {
this.focusNextAction(evt.detail.key, EventSource.TRAILING);
MDCChipFoundation.prototype.handleTrailingActionNavigation = function (event) {
this.focusNextAction(event.detail.key, EventSource.TRAILING);
};

@@ -374,16 +374,16 @@ /**

};
MDCChipFoundation.prototype.shouldStartEditing = function (evt) {
return this.eventFromPrimaryAction(evt) && evt.key === strings.ENTER_KEY;
MDCChipFoundation.prototype.shouldStartEditing = function (event) {
return this.eventFromPrimaryAction(event) && event.key === strings.ENTER_KEY;
};
MDCChipFoundation.prototype.shouldFinishEditing = function (evt) {
return evt.key === strings.ENTER_KEY;
MDCChipFoundation.prototype.shouldFinishEditing = function (event) {
return event.key === strings.ENTER_KEY;
};
MDCChipFoundation.prototype.shouldNotifyInteraction = function (evt) {
return evt.key === strings.ENTER_KEY || evt.key === strings.SPACEBAR_KEY;
MDCChipFoundation.prototype.shouldNotifyInteraction = function (event) {
return event.key === strings.ENTER_KEY || event.key === strings.SPACEBAR_KEY;
};
MDCChipFoundation.prototype.isDeleteAction = function (evt) {
MDCChipFoundation.prototype.isDeleteAction = function (event) {
var isDeletable = this.adapter.hasClass(cssClasses.DELETABLE);
return isDeletable &&
(evt.key === strings.BACKSPACE_KEY || evt.key === strings.DELETE_KEY ||
evt.key === strings.IE_DELETE_KEY);
(event.key === strings.BACKSPACE_KEY || event.key === strings.DELETE_KEY ||
event.key === strings.IE_DELETE_KEY);
};

@@ -406,4 +406,4 @@ MDCChipFoundation.prototype.setSelectedImpl = function (selected) {

};
MDCChipFoundation.prototype.eventFromPrimaryAction = function (evt) {
return this.adapter.eventTargetHasClass(evt.target, cssClasses.PRIMARY_ACTION);
MDCChipFoundation.prototype.eventFromPrimaryAction = function (event) {
return this.adapter.eventTargetHasClass(event.target, cssClasses.PRIMARY_ACTION);
};

@@ -410,0 +410,0 @@ MDCChipFoundation.prototype.startEditing = function () {

8

deprecated/README.md

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

`beginExit() => void` | Begins the exit animation which leads to removal of the chip
`handleInteraction(evt: Event) => void` | Handles an interaction event on the root element
`handleTransitionEnd(evt: Event) => void` | Handles a transition end event on the root element
`handleTrailingIconInteraction(evt: Event) => void` | Handles an interaction event on the trailing icon element
`handleKeydown(evt: Event) => void` | Handles a keydown event on the root element
`handleInteraction(event: Event) => void` | Handles an interaction event on the root element
`handleTransitionEnd(event: Event) => void` | Handles a transition end event on the root element
`handleTrailingIconInteraction(event: Event) => void` | Handles an interaction event on the trailing icon element
`handleKeydown(event: Event) => void` | Handles a keydown event on the root element
`removeFocus() => void` | Removes focusability from the chip

@@ -467,0 +467,0 @@

8

deprecated/trailingaction/component.js

@@ -58,7 +58,7 @@ /**

var _this = this;
this.handleClick = function (evt) {
_this.foundation.handleClick(evt);
this.handleClick = function (event) {
_this.foundation.handleClick(event);
};
this.handleKeydown = function (evt) {
_this.foundation.handleKeydown(evt);
this.handleKeydown = function (event) {
_this.foundation.handleKeydown(event);
};

@@ -65,0 +65,0 @@ this.listen('click', this.handleClick);

4

deprecated/trailingaction/foundation.d.ts

@@ -35,4 +35,4 @@ /**

constructor(adapter?: Partial<MDCChipTrailingActionAdapter>);
handleClick(evt: MouseEvent): void;
handleKeydown(evt: KeyboardEvent): void;
handleClick(event: MouseEvent): void;
handleKeydown(event: KeyboardEvent): void;
removeFocus(): void;

@@ -39,0 +39,0 @@ focus(): void;

12

deprecated/trailingaction/foundation.js

@@ -53,9 +53,9 @@ /**

});
MDCChipTrailingActionFoundation.prototype.handleClick = function (evt) {
evt.stopPropagation();
MDCChipTrailingActionFoundation.prototype.handleClick = function (event) {
event.stopPropagation();
this.adapter.notifyInteraction(InteractionTrigger.CLICK);
};
MDCChipTrailingActionFoundation.prototype.handleKeydown = function (evt) {
evt.stopPropagation();
var key = normalizeKey(evt);
MDCChipTrailingActionFoundation.prototype.handleKeydown = function (event) {
event.stopPropagation();
var key = normalizeKey(event);
if (this.shouldNotifyInteractionFromKey(key)) {

@@ -66,3 +66,3 @@ var trigger = this.getTriggerFromKey(key);

}
if (isNavigationEvent(evt)) {
if (isNavigationEvent(event)) {
this.adapter.notifyNavigation(key);

@@ -69,0 +69,0 @@ return;

4

deprecated/trailingaction/README.md

@@ -114,4 +114,4 @@ # Trailing Action (deprecated)

`isNavigable() => boolean` | Returns the navigability of the trailing action
`handleClick(evt: MouseEvent) => void` | Handles a click event on the root element
`handleKeydown(evt: KeyboardEvent) => void` | Handles a keydown event on the root element
`handleClick(event: MouseEvent) => void` | Handles a click event on the root element
`handleKeydown(event: KeyboardEvent) => void` | Handles a keydown event on the root element

@@ -118,0 +118,0 @@ #### `MDCChipTrailingActionFoundation` Event Handlers

34

package.json
{
"name": "@material/chips",
"description": "The Material Components for the Web chips component",
"version": "15.0.0-canary.16fbd30ff.0",
"version": "15.0.0-canary.1728a6dcf.0",
"license": "MIT",

@@ -23,21 +23,21 @@ "main": "dist/mdc.chips.js",

"dependencies": {
"@material/animation": "15.0.0-canary.16fbd30ff.0",
"@material/base": "15.0.0-canary.16fbd30ff.0",
"@material/checkbox": "15.0.0-canary.16fbd30ff.0",
"@material/density": "15.0.0-canary.16fbd30ff.0",
"@material/dom": "15.0.0-canary.16fbd30ff.0",
"@material/elevation": "15.0.0-canary.16fbd30ff.0",
"@material/feature-targeting": "15.0.0-canary.16fbd30ff.0",
"@material/focus-ring": "15.0.0-canary.16fbd30ff.0",
"@material/ripple": "15.0.0-canary.16fbd30ff.0",
"@material/rtl": "15.0.0-canary.16fbd30ff.0",
"@material/shape": "15.0.0-canary.16fbd30ff.0",
"@material/theme": "15.0.0-canary.16fbd30ff.0",
"@material/tokens": "15.0.0-canary.16fbd30ff.0",
"@material/touch-target": "15.0.0-canary.16fbd30ff.0",
"@material/typography": "15.0.0-canary.16fbd30ff.0",
"@material/animation": "15.0.0-canary.1728a6dcf.0",
"@material/base": "15.0.0-canary.1728a6dcf.0",
"@material/checkbox": "15.0.0-canary.1728a6dcf.0",
"@material/density": "15.0.0-canary.1728a6dcf.0",
"@material/dom": "15.0.0-canary.1728a6dcf.0",
"@material/elevation": "15.0.0-canary.1728a6dcf.0",
"@material/feature-targeting": "15.0.0-canary.1728a6dcf.0",
"@material/focus-ring": "15.0.0-canary.1728a6dcf.0",
"@material/ripple": "15.0.0-canary.1728a6dcf.0",
"@material/rtl": "15.0.0-canary.1728a6dcf.0",
"@material/shape": "15.0.0-canary.1728a6dcf.0",
"@material/theme": "15.0.0-canary.1728a6dcf.0",
"@material/tokens": "15.0.0-canary.1728a6dcf.0",
"@material/touch-target": "15.0.0-canary.1728a6dcf.0",
"@material/typography": "15.0.0-canary.1728a6dcf.0",
"safevalues": "^0.3.4",
"tslib": "^2.1.0"
},
"gitHead": "f4c39ff05bbd1045563670b4ea50b0be51a91d01"
"gitHead": "3828aedf4f344a948780a69956ca4f069cef3daa"
}
deprecated/chip-set/mdc-chip-set.import.scss
deprecated/chip/mdc-chip.import.scss
_chip-theme.scss

Sorry, the diff of this file is not supported yet

_chip.scss

Sorry, the diff of this file is not supported yet

action/foundation.js.map

Sorry, the diff of this file is not supported yet

deprecated/chip-set/component.js.map

Sorry, the diff of this file is not supported yet

deprecated/chip/component.js.map

Sorry, the diff of this file is not supported yet

deprecated/chip/foundation.js.map

Sorry, the diff of this file is not supported yet

deprecated/trailingaction/component.js.map

Sorry, the diff of this file is not supported yet

deprecated/trailingaction/foundation.js.map

Sorry, the diff of this file is not supported yet

dist/mdc.chips.css

Sorry, the diff of this file is not supported yet

dist/mdc.chips.css.map

Sorry, the diff of this file is not supported yet

dist/mdc.chips.js

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

dist/mdc.chips.js.map

Sorry, the diff of this file is not supported yet

dist/mdc.chips.min.css

Sorry, the diff of this file is not supported yet

dist/mdc.chips.min.css.map

Sorry, the diff of this file is not supported yet

dist/mdc.chips.min.js

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

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