@material/ripple
Advanced tools
Comparing version 15.0.0-canary.a16dbd1a6.0 to 15.0.0-canary.a246a4439.0
@@ -40,6 +40,6 @@ /** | ||
containsEventTarget(target: EventTarget | null): boolean; | ||
registerInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void; | ||
deregisterInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void; | ||
registerDocumentInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void; | ||
deregisterDocumentInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void; | ||
registerInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void; | ||
deregisterInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void; | ||
registerDocumentInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void; | ||
deregisterDocumentInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void; | ||
registerResizeHandler(handler: SpecificEventListener<'resize'>): void; | ||
@@ -46,0 +46,0 @@ deregisterResizeHandler(handler: SpecificEventListener<'resize'>): void; |
@@ -6,4 +6,4 @@ # 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) | ||
**Note:** Version bump only for package @material/ripple |
@@ -56,7 +56,7 @@ /** | ||
containsEventTarget: function (target) { return instance.root.contains(target); }, | ||
deregisterDocumentInteractionHandler: function (evtType, handler) { | ||
document.documentElement.removeEventListener(evtType, handler, applyPassive()); | ||
deregisterDocumentInteractionHandler: function (eventType, handler) { | ||
document.documentElement.removeEventListener(eventType, handler, applyPassive()); | ||
}, | ||
deregisterInteractionHandler: function (evtType, handler) { | ||
instance.root.removeEventListener(evtType, handler, applyPassive()); | ||
deregisterInteractionHandler: function (eventType, handler) { | ||
instance.root.removeEventListener(eventType, handler, applyPassive()); | ||
}, | ||
@@ -72,7 +72,7 @@ deregisterResizeHandler: function (handler) { | ||
isUnbounded: function () { return Boolean(instance.unbounded); }, | ||
registerDocumentInteractionHandler: function (evtType, handler) { | ||
document.documentElement.addEventListener(evtType, handler, applyPassive()); | ||
registerDocumentInteractionHandler: function (eventType, handler) { | ||
document.documentElement.addEventListener(eventType, handler, applyPassive()); | ||
}, | ||
registerInteractionHandler: function (evtType, handler) { | ||
instance.root.addEventListener(evtType, handler, applyPassive()); | ||
registerInteractionHandler: function (eventType, handler) { | ||
instance.root.addEventListener(eventType, handler, applyPassive()); | ||
}, | ||
@@ -79,0 +79,0 @@ registerResizeHandler: function (handler) { |
@@ -71,5 +71,5 @@ /** | ||
/** | ||
* @param evt Optional event containing position information. | ||
* @param event Optional event containing position information. | ||
*/ | ||
activate(evt?: Event): void; | ||
activate(event?: Event): void; | ||
deactivate(): void; | ||
@@ -76,0 +76,0 @@ layout(): void; |
@@ -169,6 +169,6 @@ /** | ||
/** | ||
* @param evt Optional event containing position information. | ||
* @param event Optional event containing position information. | ||
*/ | ||
MDCRippleFoundation.prototype.activate = function (evt) { | ||
this.activateImpl(evt); | ||
MDCRippleFoundation.prototype.activate = function (event) { | ||
this.activateImpl(event); | ||
}; | ||
@@ -237,4 +237,4 @@ MDCRippleFoundation.prototype.deactivate = function () { | ||
for (var ACTIVATION_EVENT_TYPES_1 = __values(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next(); !ACTIVATION_EVENT_TYPES_1_1.done; ACTIVATION_EVENT_TYPES_1_1 = ACTIVATION_EVENT_TYPES_1.next()) { | ||
var evtType = ACTIVATION_EVENT_TYPES_1_1.value; | ||
this.adapter.registerInteractionHandler(evtType, this.activateHandler); | ||
var eventType = ACTIVATION_EVENT_TYPES_1_1.value; | ||
this.adapter.registerInteractionHandler(eventType, this.activateHandler); | ||
} | ||
@@ -256,5 +256,5 @@ } | ||
}; | ||
MDCRippleFoundation.prototype.registerDeactivationHandlers = function (evt) { | ||
MDCRippleFoundation.prototype.registerDeactivationHandlers = function (event) { | ||
var e_2, _a; | ||
if (evt.type === 'keydown') { | ||
if (event.type === 'keydown') { | ||
this.adapter.registerInteractionHandler('keyup', this.deactivateHandler); | ||
@@ -265,4 +265,4 @@ } | ||
for (var POINTER_DEACTIVATION_EVENT_TYPES_1 = __values(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next(); !POINTER_DEACTIVATION_EVENT_TYPES_1_1.done; POINTER_DEACTIVATION_EVENT_TYPES_1_1 = POINTER_DEACTIVATION_EVENT_TYPES_1.next()) { | ||
var evtType = POINTER_DEACTIVATION_EVENT_TYPES_1_1.value; | ||
this.adapter.registerDocumentInteractionHandler(evtType, this.deactivateHandler); | ||
var eventType = POINTER_DEACTIVATION_EVENT_TYPES_1_1.value; | ||
this.adapter.registerDocumentInteractionHandler(eventType, this.deactivateHandler); | ||
} | ||
@@ -283,4 +283,4 @@ } | ||
for (var ACTIVATION_EVENT_TYPES_2 = __values(ACTIVATION_EVENT_TYPES), ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next(); !ACTIVATION_EVENT_TYPES_2_1.done; ACTIVATION_EVENT_TYPES_2_1 = ACTIVATION_EVENT_TYPES_2.next()) { | ||
var evtType = ACTIVATION_EVENT_TYPES_2_1.value; | ||
this.adapter.deregisterInteractionHandler(evtType, this.activateHandler); | ||
var eventType = ACTIVATION_EVENT_TYPES_2_1.value; | ||
this.adapter.deregisterInteractionHandler(eventType, this.activateHandler); | ||
} | ||
@@ -306,4 +306,4 @@ } | ||
for (var POINTER_DEACTIVATION_EVENT_TYPES_2 = __values(POINTER_DEACTIVATION_EVENT_TYPES), POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next(); !POINTER_DEACTIVATION_EVENT_TYPES_2_1.done; POINTER_DEACTIVATION_EVENT_TYPES_2_1 = POINTER_DEACTIVATION_EVENT_TYPES_2.next()) { | ||
var evtType = POINTER_DEACTIVATION_EVENT_TYPES_2_1.value; | ||
this.adapter.deregisterDocumentInteractionHandler(evtType, this.deactivateHandler); | ||
var eventType = POINTER_DEACTIVATION_EVENT_TYPES_2_1.value; | ||
this.adapter.deregisterDocumentInteractionHandler(eventType, this.deactivateHandler); | ||
} | ||
@@ -329,3 +329,3 @@ } | ||
}; | ||
MDCRippleFoundation.prototype.activateImpl = function (evt) { | ||
MDCRippleFoundation.prototype.activateImpl = function (event) { | ||
var _this = this; | ||
@@ -342,4 +342,4 @@ if (this.adapter.isSurfaceDisabled()) { | ||
var previousActivationEvent = this.previousActivationEvent; | ||
var isSameInteraction = previousActivationEvent && evt !== undefined && | ||
previousActivationEvent.type !== evt.type; | ||
var isSameInteraction = previousActivationEvent && event !== undefined && | ||
previousActivationEvent.type !== event.type; | ||
if (isSameInteraction) { | ||
@@ -349,10 +349,10 @@ return; | ||
activationState.isActivated = true; | ||
activationState.isProgrammatic = evt === undefined; | ||
activationState.activationEvent = evt; | ||
activationState.isProgrammatic = event === undefined; | ||
activationState.activationEvent = event; | ||
activationState.wasActivatedByPointer = activationState.isProgrammatic ? | ||
false : | ||
evt !== undefined && | ||
(evt.type === 'mousedown' || evt.type === 'touchstart' || | ||
evt.type === 'pointerdown'); | ||
var hasActivatedChild = evt !== undefined && | ||
event !== undefined && | ||
(event.type === 'mousedown' || event.type === 'touchstart' || | ||
event.type === 'pointerdown'); | ||
var hasActivatedChild = event !== undefined && | ||
activatedTargets.length > 0 && | ||
@@ -366,7 +366,7 @@ activatedTargets.some(function (target) { return _this.adapter.containsEventTarget(target); }); | ||
} | ||
if (evt !== undefined) { | ||
activatedTargets.push(evt.target); | ||
this.registerDeactivationHandlers(evt); | ||
if (event !== undefined) { | ||
activatedTargets.push(event.target); | ||
this.registerDeactivationHandlers(event); | ||
} | ||
activationState.wasElementMadeActive = this.checkElementMadeActive(evt); | ||
activationState.wasElementMadeActive = this.checkElementMadeActive(event); | ||
if (activationState.wasElementMadeActive) { | ||
@@ -379,5 +379,5 @@ this.animateActivation(); | ||
activatedTargets = []; | ||
if (!activationState.wasElementMadeActive && evt !== undefined && | ||
(evt.key === ' ' || | ||
evt.keyCode === 32)) { | ||
if (!activationState.wasElementMadeActive && event !== undefined && | ||
(event.key === ' ' || | ||
event.keyCode === 32)) { | ||
// If space was pressed, try again within an rAF call to detect :active, | ||
@@ -391,3 +391,3 @@ // because different UAs report active states inconsistently when | ||
// callback for a submit button interaction (#2241). | ||
activationState.wasElementMadeActive = _this.checkElementMadeActive(evt); | ||
activationState.wasElementMadeActive = _this.checkElementMadeActive(event); | ||
if (activationState.wasElementMadeActive) { | ||
@@ -403,4 +403,4 @@ _this.animateActivation(); | ||
}; | ||
MDCRippleFoundation.prototype.checkElementMadeActive = function (evt) { | ||
return (evt !== undefined && evt.type === 'keydown') ? | ||
MDCRippleFoundation.prototype.checkElementMadeActive = function (event) { | ||
return (event !== undefined && event.type === 'keydown') ? | ||
this.adapter.isSurfaceActive() : | ||
@@ -407,0 +407,0 @@ true; |
{ | ||
"name": "@material/ripple", | ||
"description": "The Material Components for the web Ink Ripple effect for web element interactions", | ||
"version": "15.0.0-canary.a16dbd1a6.0", | ||
"version": "15.0.0-canary.a246a4439.0", | ||
"license": "MIT", | ||
@@ -20,11 +20,11 @@ "keywords": [ | ||
"dependencies": { | ||
"@material/animation": "15.0.0-canary.a16dbd1a6.0", | ||
"@material/base": "15.0.0-canary.a16dbd1a6.0", | ||
"@material/dom": "15.0.0-canary.a16dbd1a6.0", | ||
"@material/feature-targeting": "15.0.0-canary.a16dbd1a6.0", | ||
"@material/rtl": "15.0.0-canary.a16dbd1a6.0", | ||
"@material/theme": "15.0.0-canary.a16dbd1a6.0", | ||
"@material/animation": "15.0.0-canary.a246a4439.0", | ||
"@material/base": "15.0.0-canary.a246a4439.0", | ||
"@material/dom": "15.0.0-canary.a246a4439.0", | ||
"@material/feature-targeting": "15.0.0-canary.a246a4439.0", | ||
"@material/rtl": "15.0.0-canary.a246a4439.0", | ||
"@material/theme": "15.0.0-canary.a246a4439.0", | ||
"tslib": "^2.1.0" | ||
}, | ||
"gitHead": "6b1923aa24f460ae50c61296787e46f524bcf15c" | ||
"gitHead": "40201df8b7e53b61aead4acdfa34b48fb1d155b8" | ||
} |
@@ -167,6 +167,6 @@ <!--docs: | ||
| `containsEventTarget(target: EventTarget) => boolean` | Whether or not the ripple surface contains the given event target | | ||
| `registerInteractionHandler(evtType: string, handler: EventListener) => void` | Registers an event handler on the ripple surface | | ||
| `deregisterInteractionHandler(evtType: string, handler: EventListener) => void` | Unregisters an event handler on the ripple surface | | ||
| `registerDocumentInteractionHandler(evtType: string, handler: EventListener) => void` | Registers an event handler on the documentElement | | ||
| `deregisterDocumentInteractionHandler(evtType: string, handler: EventListener) => void` | Unregisters an event handler on the documentElement | | ||
| `registerInteractionHandler(eventType: string, handler: EventListener) => void` | Registers an event handler on the ripple surface | | ||
| `deregisterInteractionHandler(eventType: string, handler: EventListener) => void` | Unregisters an event handler on the ripple surface | | ||
| `registerDocumentInteractionHandler(eventType: string, handler: EventListener) => void` | Registers an event handler on the documentElement | | ||
| `deregisterDocumentInteractionHandler(eventType: string, handler: EventListener) => void` | Unregisters an event handler on the documentElement | | ||
| `registerResizeHandler(handler: Function) => void` | Registers a handler to be called when the ripple surface (or its viewport) resizes | | ||
@@ -257,9 +257,9 @@ | `deregisterResizeHandler(handler: Function) => void` | Unregisters a handler to be called when the ripple surface (or its viewport) resizes | | ||
this.active = false; | ||
this.root.addEventListener('keydown', evt => { | ||
if (isSpace(evt)) { | ||
this.root.addEventListener('keydown', event => { | ||
if (isSpace(event)) { | ||
this.active = true; | ||
} | ||
}); | ||
this.root.addEventListener('keyup', evt => { | ||
if (isSpace(evt)) { | ||
this.root.addEventListener('keyup', event => { | ||
if (isSpace(event)) { | ||
this.active = false; | ||
@@ -266,0 +266,0 @@ } |
@@ -25,2 +25,2 @@ /** | ||
export declare function supportsCssVariables(windowObj: typeof globalThis, forceRefresh?: boolean): boolean; | ||
export declare function getNormalizedEventCoords(evt: Event | undefined, pageOffset: MDCRipplePoint, clientRect: DOMRect): MDCRipplePoint; | ||
export declare function getNormalizedEventCoords(event: Event | undefined, pageOffset: MDCRipplePoint, clientRect: DOMRect): MDCRipplePoint; |
10
util.js
@@ -28,4 +28,4 @@ /** | ||
} | ||
export function getNormalizedEventCoords(evt, pageOffset, clientRect) { | ||
if (!evt) { | ||
export function getNormalizedEventCoords(event, pageOffset, clientRect) { | ||
if (!event) { | ||
return { x: 0, y: 0 }; | ||
@@ -39,4 +39,4 @@ } | ||
// Determine touch point relative to the ripple container. | ||
if (evt.type === 'touchstart') { | ||
var touchEvent = evt; | ||
if (event.type === 'touchstart') { | ||
var touchEvent = event; | ||
normalizedX = touchEvent.changedTouches[0].pageX - documentX; | ||
@@ -46,3 +46,3 @@ normalizedY = touchEvent.changedTouches[0].pageY - documentY; | ||
else { | ||
var mouseEvent = evt; | ||
var mouseEvent = event; | ||
normalizedX = mouseEvent.pageX - documentX; | ||
@@ -49,0 +49,0 @@ normalizedY = mouseEvent.pageY - documentY; |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is too big to display
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
743020
47
+ Added@material/animation@15.0.0-canary.a246a4439.0(transitive)
+ Added@material/base@15.0.0-canary.a246a4439.0(transitive)
+ Added@material/dom@15.0.0-canary.a246a4439.0(transitive)
+ Added@material/feature-targeting@15.0.0-canary.a246a4439.0(transitive)
+ Added@material/rtl@15.0.0-canary.a246a4439.0(transitive)
+ Added@material/theme@15.0.0-canary.a246a4439.0(transitive)
- Removed@material/animation@15.0.0-canary.a16dbd1a6.0(transitive)
- Removed@material/base@15.0.0-canary.a16dbd1a6.0(transitive)
- Removed@material/dom@15.0.0-canary.a16dbd1a6.0(transitive)
- Removed@material/feature-targeting@15.0.0-canary.a16dbd1a6.0(transitive)
- Removed@material/rtl@15.0.0-canary.a16dbd1a6.0(transitive)
- Removed@material/theme@15.0.0-canary.a16dbd1a6.0(transitive)
Updated@material/feature-targeting@15.0.0-canary.a246a4439.0