Socket
Socket
Sign inDemoInstall

@material/textfield

Package Overview
Dependencies
Maintainers
14
Versions
1703
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@material/textfield - npm Package Compare versions

Comparing version 15.0.0-canary.8175d5eff.0 to 15.0.0-canary.819498d8c.0

_text-field.scss

8

adapter.d.ts

@@ -50,7 +50,7 @@ /**

*/
registerTextFieldInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
registerTextFieldInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
/**
* Deregisters an event handler on the root element for a given event.
*/
deregisterTextFieldInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
deregisterTextFieldInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
/**

@@ -89,3 +89,3 @@ * Registers a validation attribute change listener on the input element.

*/
registerInputInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
registerInputInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
/**

@@ -95,3 +95,3 @@ * Deregisters an event listener on the native input element for a given

*/
deregisterInputInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
deregisterInputInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
}

@@ -98,0 +98,0 @@ export interface MDCTextFieldLabelAdapter {

13

CHANGELOG.md

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

# [15.0.0-canary.8175d5eff.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.8175d5eff.0) (2022-12-28)
# [15.0.0-canary.819498d8c.0](https://github.com/material-components/material-components-web/compare/v14.0.0...v15.0.0-canary.819498d8c.0) (2024-03-15)

@@ -14,3 +14,5 @@

* **text-field:** Update textfield icons to allow spacebar keypresses to trigger an interaction ([c0a11ef](https://github.com/material-components/material-components-web/commit/c0a11ef0d000a098fd0c372be8f12d6a99302855))
* **textfield:** Add coverage for suffix and prefix text within the font size mixin. ([19bb36a](https://github.com/material-components/material-components-web/commit/19bb36a46b51e79d8bf08948ab5b7d8e9358c2d8))
* **textfield:** Add support for `focus-active-indicator-height` token. ([8c56759](https://github.com/material-components/material-components-web/commit/8c56759428e34766e263008470390487417f00c4))
* **textfield:** add support for placeholder color in theme api ([b994146](https://github.com/material-components/material-components-web/commit/b994146f6d849bd80f280c147d64adae5b930a3c))
* **textfield:** Fix bugs and compilation errors due to custom properties in the theme map ([1dc797e](https://github.com/material-components/material-components-web/commit/1dc797e7f4efe9010be7097b040c0fcb1902ca8c))

@@ -21,3 +23,5 @@ * **textfield:** Fix several tokens in theming API ([d3344c1](https://github.com/material-components/material-components-web/commit/d3344c16fd9c006059174e1c3b6d90d2302e8134))

* **textfield:** Improve textfield character counter for screen reader ([2797ff8](https://github.com/material-components/material-components-web/commit/2797ff8b651ee34900cf38b115dc69193abdb7b8))
* **textfield:** initializes 'valid' property from the DOM. ([b836b98](https://github.com/material-components/material-components-web/commit/b836b989225a6259220a98dd23fd2a4b99014031))
* **textfield:** Make it possible to customise leading and trailing icon in disabled states separately ([00d8de0](https://github.com/material-components/material-components-web/commit/00d8de0aadef3f3caffc1ca2a13cf932057dcdbe))
* **textfield:** styles that override floating-label font-size take into account that clients can change this font-size. ([ebb636f](https://github.com/material-components/material-components-web/commit/ebb636f3d44e1a194f822d7dfcb5d70feb817520))

@@ -27,5 +31,12 @@

* **datepicker, select, textfield:** Support customizing label size on these components. ([c0d21ec](https://github.com/material-components/material-components-web/commit/c0d21ecc9704bea1cb7c8cd83c1c6e2971f1d01b))
* **textfield:** $custom-property-prefix is no longer private variable (same as outlined textfield). ([d76666a](https://github.com/material-components/material-components-web/commit/d76666ad4c53a619946d70b3991ca35ae5d87d04))
* **textfield:** Add `static-styles` mixin ([82554d7](https://github.com/material-components/material-components-web/commit/82554d7709f8945af78415597d9b121afaddd1c0))
* **textfield:** Add character counter to theming api ([1d37bf6](https://github.com/material-components/material-components-web/commit/1d37bf601f471b43f5b313bbc8ea58def2cc5c9f))
* **textfield:** add support for several new tokens ([d71935c](https://github.com/material-components/material-components-web/commit/d71935c8bf8dd6e1a4a7a38e57d02d3de4f56f67))
* **textfield:** changed the visibility of the mixin `filled-no-label` to public ([8879557](https://github.com/material-components/material-components-web/commit/8879557e677d9b160a106e46279b1b6855926fb5))
* **textfield:** Changed visibility of $custom-property-prefix to public ([d96330c](https://github.com/material-components/material-components-web/commit/d96330c085b4fe8fc59c7eb835d41ebca3a08422))
* **textfield:** Changed visibility of $custom-property-prefix to public ([f323399](https://github.com/material-components/material-components-web/commit/f323399371aec4378186a05b5a839e53d9e464c0))
* **textfield:** Changed visibility of $custom-property-prefix to public. ([274610c](https://github.com/material-components/material-components-web/commit/274610c77e6a9c9f19780b688cc6686a97e453a1))
* **textfield:** Ensure Theming API feature consistency ([7134a77](https://github.com/material-components/material-components-web/commit/7134a7752e5d06837e1eb3da7f2b49d6ba9fb72c))
* Support '-5' density for text fields ([e457014](https://github.com/material-components/material-components-web/commit/e4570146f182059e919d089d26bc6b2813015f10))

4

character-counter/component.d.ts

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

/** MDC Text Field Character Counter Factory */
export declare type MDCTextFieldCharacterCounterFactory = (el: Element, foundation?: MDCTextFieldCharacterCounterFoundation) => MDCTextFieldCharacterCounter;
export declare type MDCTextFieldCharacterCounterFactory = (el: HTMLElement, foundation?: MDCTextFieldCharacterCounterFoundation) => MDCTextFieldCharacterCounter;
/** MDC Text Field Character Counter */
export declare class MDCTextFieldCharacterCounter extends MDCComponent<MDCTextFieldCharacterCounterFoundation> {
static attachTo(root: Element): MDCTextFieldCharacterCounter;
static attachTo(root: HTMLElement): MDCTextFieldCharacterCounter;
get foundationForTextField(): MDCTextFieldCharacterCounterFoundation;
getDefaultFoundation(): MDCTextFieldCharacterCounterFoundation;
}

2

component.d.ts

@@ -35,3 +35,3 @@ /**

export declare class MDCTextField extends MDCComponent<MDCTextFieldFoundation> implements MDCRippleCapableSurface {
static attachTo(root: Element): MDCTextField;
static attachTo(root: HTMLElement): MDCTextField;
ripple: MDCRipple | null;

@@ -38,0 +38,0 @@ private input;

26

component.js

@@ -400,7 +400,7 @@ /**

hasClass: function (className) { return _this.root.classList.contains(className); },
registerTextFieldInteractionHandler: function (evtType, handler) {
_this.listen(evtType, handler);
registerTextFieldInteractionHandler: function (eventType, handler) {
_this.listen(eventType, handler);
},
deregisterTextFieldInteractionHandler: function (evtType, handler) {
_this.unlisten(evtType, handler);
deregisterTextFieldInteractionHandler: function (eventType, handler) {
_this.unlisten(eventType, handler);
},

@@ -431,3 +431,3 @@ registerValidationAttributeChangeHandler: function (handler) {

setInputAttr: function (attr, value) {
_this.input.setAttribute(attr, value);
_this.safeSetAttribute(_this.input, attr, value);
},

@@ -438,7 +438,7 @@ removeInputAttr: function (attr) {

isFocused: function () { return document.activeElement === _this.input; },
registerInputInteractionHandler: function (evtType, handler) {
_this.input.addEventListener(evtType, handler, applyPassive());
registerInputInteractionHandler: function (eventType, handler) {
_this.input.addEventListener(eventType, handler, applyPassive());
},
deregisterInputInteractionHandler: function (evtType, handler) {
_this.input.removeEventListener(evtType, handler, applyPassive());
deregisterInputInteractionHandler: function (eventType, handler) {
_this.input.removeEventListener(eventType, handler, applyPassive());
},

@@ -524,6 +524,6 @@ };

// tslint:disable:object-literal-sort-keys Methods should be in the same order as the adapter interface.
var adapter = __assign(__assign({}, MDCRipple.createAdapter(this)), { isSurfaceActive: function () { return ponyfill.matches(_this.input, ':active'); }, registerInteractionHandler: function (evtType, handler) {
_this.input.addEventListener(evtType, handler, applyPassive());
}, deregisterInteractionHandler: function (evtType, handler) {
_this.input.removeEventListener(evtType, handler, applyPassive());
var adapter = __assign(__assign({}, MDCRipple.createAdapter(this)), { isSurfaceActive: function () { return ponyfill.matches(_this.input, ':active'); }, registerInteractionHandler: function (eventType, handler) {
_this.input.addEventListener(eventType, handler, applyPassive());
}, deregisterInteractionHandler: function (eventType, handler) {
_this.input.removeEventListener(eventType, handler, applyPassive());
} });

@@ -530,0 +530,0 @@ // tslint:enable:object-literal-sort-keys

4

foundation.d.ts

@@ -68,5 +68,5 @@ /**

private receivedUserInput;
private valid;
private useNativeValidation;
private validateOnValueChange;
private valid;
private readonly inputFocusHandler;

@@ -110,3 +110,3 @@ private readonly inputBlurHandler;

*/
setTransformOrigin(evt: TouchEvent | MouseEvent): void;
setTransformOrigin(event: TouchEvent | MouseEvent): void;
/**

@@ -113,0 +113,0 @@ * Handles input change of text input and text area.

29

foundation.js

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

_this.receivedUserInput = false;
_this.valid = true;
_this.useNativeValidation = true;

@@ -48,2 +47,4 @@ _this.validateOnValueChange = true;

_this.trailingIcon = foundationMap.trailingIcon;
_this.valid =
!_this.adapter.hasClass(MDCTextFieldFoundation.cssClasses.INVALID);
_this.inputFocusHandler = function () {

@@ -58,4 +59,4 @@ _this.activateFocus();

};
_this.setPointerXOffset = function (evt) {
_this.setTransformOrigin(evt);
_this.setPointerXOffset = function (event) {
_this.setTransformOrigin(event);
};

@@ -172,4 +173,4 @@ _this.textFieldInteractionHandler = function () {

for (var POINTERDOWN_EVENTS_1 = __values(POINTERDOWN_EVENTS), POINTERDOWN_EVENTS_1_1 = POINTERDOWN_EVENTS_1.next(); !POINTERDOWN_EVENTS_1_1.done; POINTERDOWN_EVENTS_1_1 = POINTERDOWN_EVENTS_1.next()) {
var evtType = POINTERDOWN_EVENTS_1_1.value;
this.adapter.registerInputInteractionHandler(evtType, this.setPointerXOffset);
var eventType = POINTERDOWN_EVENTS_1_1.value;
this.adapter.registerInputInteractionHandler(eventType, this.setPointerXOffset);
}

@@ -186,4 +187,4 @@ }

for (var INTERACTION_EVENTS_1 = __values(INTERACTION_EVENTS), INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next(); !INTERACTION_EVENTS_1_1.done; INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next()) {
var evtType = INTERACTION_EVENTS_1_1.value;
this.adapter.registerTextFieldInteractionHandler(evtType, this.textFieldInteractionHandler);
var eventType = INTERACTION_EVENTS_1_1.value;
this.adapter.registerTextFieldInteractionHandler(eventType, this.textFieldInteractionHandler);
}

@@ -209,4 +210,4 @@ }

for (var POINTERDOWN_EVENTS_2 = __values(POINTERDOWN_EVENTS), POINTERDOWN_EVENTS_2_1 = POINTERDOWN_EVENTS_2.next(); !POINTERDOWN_EVENTS_2_1.done; POINTERDOWN_EVENTS_2_1 = POINTERDOWN_EVENTS_2.next()) {
var evtType = POINTERDOWN_EVENTS_2_1.value;
this.adapter.deregisterInputInteractionHandler(evtType, this.setPointerXOffset);
var eventType = POINTERDOWN_EVENTS_2_1.value;
this.adapter.deregisterInputInteractionHandler(eventType, this.setPointerXOffset);
}

@@ -223,4 +224,4 @@ }

for (var INTERACTION_EVENTS_2 = __values(INTERACTION_EVENTS), INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next(); !INTERACTION_EVENTS_2_1.done; INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next()) {
var evtType = INTERACTION_EVENTS_2_1.value;
this.adapter.deregisterTextFieldInteractionHandler(evtType, this.textFieldInteractionHandler);
var eventType = INTERACTION_EVENTS_2_1.value;
this.adapter.deregisterTextFieldInteractionHandler(eventType, this.textFieldInteractionHandler);
}

@@ -302,8 +303,8 @@ }

*/
MDCTextFieldFoundation.prototype.setTransformOrigin = function (evt) {
MDCTextFieldFoundation.prototype.setTransformOrigin = function (event) {
if (this.isDisabled() || this.adapter.hasOutline()) {
return;
}
var touches = evt.touches;
var targetEvent = touches ? touches[0] : evt;
var touches = event.touches;
var targetEvent = touches ? touches[0] : event;
var targetClientRect = targetEvent.target.getBoundingClientRect();

@@ -310,0 +311,0 @@ var normalizedX = targetEvent.clientX - targetClientRect.left;

4

helper-text/component.d.ts

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

/** MDC Text Field Helper Text Factory */
export declare type MDCTextFieldHelperTextFactory = (el: Element, foundation?: MDCTextFieldHelperTextFoundation) => MDCTextFieldHelperText;
export declare type MDCTextFieldHelperTextFactory = (el: HTMLElement, foundation?: MDCTextFieldHelperTextFoundation) => MDCTextFieldHelperText;
/** MDC Text Field Helper Text */
export declare class MDCTextFieldHelperText extends MDCComponent<MDCTextFieldHelperTextFoundation> {
static attachTo(root: Element): MDCTextFieldHelperText;
static attachTo(root: HTMLElement): MDCTextFieldHelperText;
get foundationForTextField(): MDCTextFieldHelperTextFoundation;
getDefaultFoundation(): MDCTextFieldHelperTextFoundation;
}

2

helper-text/component.js

@@ -59,3 +59,3 @@ /**

setAttr: function (attr, value) {
_this.root.setAttribute(attr, value);
_this.safeSetAttribute(_this.root, attr, value);
},

@@ -62,0 +62,0 @@ removeAttr: function (attr) {

4

icon/adapter.d.ts

@@ -51,7 +51,7 @@ /**

*/
registerInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
registerInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
/**
* Deregisters an event listener on the icon element for a given event.
*/
deregisterInteractionHandler<K extends EventType>(evtType: K, handler: SpecificEventListener<K>): void;
deregisterInteractionHandler<K extends EventType>(eventType: K, handler: SpecificEventListener<K>): void;
/**

@@ -58,0 +58,0 @@ * Emits a custom event "MDCTextField:icon" denoting a user has clicked the

4

icon/component.d.ts

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

/** MDC Text Field Icon Factory */
export declare type MDCTextFieldIconFactory = (el: Element, foundation?: MDCTextFieldIconFoundation) => MDCTextFieldIcon;
export declare type MDCTextFieldIconFactory = (el: HTMLElement, foundation?: MDCTextFieldIconFoundation) => MDCTextFieldIcon;
/** MDC Text Field Icon */
export declare class MDCTextFieldIcon extends MDCComponent<MDCTextFieldIconFoundation> {
static attachTo(root: Element): MDCTextFieldIcon;
static attachTo(root: HTMLElement): MDCTextFieldIcon;
get foundationForTextField(): MDCTextFieldIconFoundation;
getDefaultFoundation(): MDCTextFieldIconFoundation;
}

12

icon/component.js

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

setAttr: function (attr, value) {
_this.root.setAttribute(attr, value);
_this.safeSetAttribute(_this.root, attr, value);
},

@@ -61,10 +61,10 @@ removeAttr: function (attr) {

},
registerInteractionHandler: function (evtType, handler) {
_this.listen(evtType, handler);
registerInteractionHandler: function (eventType, handler) {
_this.listen(eventType, handler);
},
deregisterInteractionHandler: function (evtType, handler) {
_this.unlisten(evtType, handler);
deregisterInteractionHandler: function (eventType, handler) {
_this.unlisten(eventType, handler);
},
notifyIconAction: function () {
_this.emit(MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* evtData */, true /* shouldBubble */);
_this.emit(MDCTextFieldIconFoundation.strings.ICON_EVENT, {} /* eventData */, true /* shouldBubble */);
},

@@ -71,0 +71,0 @@ };

2

icon/foundation.d.ts

@@ -47,4 +47,4 @@ /**

setContent(content: string): void;
handleInteraction(evt: MouseEvent | KeyboardEvent): void;
handleInteraction(event: MouseEvent | KeyboardEvent): void;
}
export default MDCTextFieldIconFoundation;

24

icon/foundation.js

@@ -33,4 +33,4 @@ /**

_this.savedTabIndex = null;
_this.interactionHandler = function (evt) {
_this.handleInteraction(evt);
_this.interactionHandler = function (event) {
_this.handleInteraction(event);
};

@@ -79,4 +79,4 @@ return _this;

for (var INTERACTION_EVENTS_1 = __values(INTERACTION_EVENTS), INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next(); !INTERACTION_EVENTS_1_1.done; INTERACTION_EVENTS_1_1 = INTERACTION_EVENTS_1.next()) {
var evtType = INTERACTION_EVENTS_1_1.value;
this.adapter.registerInteractionHandler(evtType, this.interactionHandler);
var eventType = INTERACTION_EVENTS_1_1.value;
this.adapter.registerInteractionHandler(eventType, this.interactionHandler);
}

@@ -96,4 +96,4 @@ }

for (var INTERACTION_EVENTS_2 = __values(INTERACTION_EVENTS), INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next(); !INTERACTION_EVENTS_2_1.done; INTERACTION_EVENTS_2_1 = INTERACTION_EVENTS_2.next()) {
var evtType = INTERACTION_EVENTS_2_1.value;
this.adapter.deregisterInteractionHandler(evtType, this.interactionHandler);
var eventType = INTERACTION_EVENTS_2_1.value;
this.adapter.deregisterInteractionHandler(eventType, this.interactionHandler);
}

@@ -128,8 +128,8 @@ }

};
MDCTextFieldIconFoundation.prototype.handleInteraction = function (evt) {
var isEnterKey = evt.key === 'Enter' ||
evt.keyCode === 13;
var isSpaceKey = evt.key === ' ';
if (evt.type === 'click' || isEnterKey || isSpaceKey) {
evt.preventDefault(); // stop click from causing host label to focus
MDCTextFieldIconFoundation.prototype.handleInteraction = function (event) {
var isEnterKey = event.key === 'Enter' ||
event.keyCode === 13;
var isSpaceKey = event.key === ' ';
if (event.type === 'click' || isEnterKey || isSpaceKey) {
event.preventDefault(); // stop click from causing host label to focus
// input

@@ -136,0 +136,0 @@ this.adapter.notifyIconAction();

6

icon/README.md

@@ -185,4 +185,4 @@ <!--docs:

`setContent(content: string) => void` | Sets the text content of the icon element.
`registerInteractionHandler(evtType: string, handler: EventListener) => void` | Registers an event listener for a given event.
`deregisterInteractionHandler(evtType: string, handler: EventListener) => void` | Deregisters an event listener for a given event.
`registerInteractionHandler(eventType: string, handler: EventListener) => void` | Registers an event listener for a given event.
`deregisterInteractionHandler(eventType: string, handler: EventListener) => void` | Deregisters an event listener for a given event.
`notifyIconAction() => void` | Emits a custom event "MDCTextField:icon" denoting a user has clicked the icon, which bubbles to the top-level text field element.

@@ -197,2 +197,2 @@

`setContent(content: string) => void` | Updates the icon's text content.
`handleInteraction(evt: Event) => void` | Handles a text field interaction event.
`handleInteraction(event: Event) => void` | Handles a text field interaction event.

32

package.json
{
"name": "@material/textfield",
"description": "The Material Components for the web text field component",
"version": "15.0.0-canary.8175d5eff.0",
"version": "15.0.0-canary.819498d8c.0",
"license": "MIT",

@@ -21,19 +21,19 @@ "keywords": [

"dependencies": {
"@material/animation": "15.0.0-canary.8175d5eff.0",
"@material/base": "15.0.0-canary.8175d5eff.0",
"@material/density": "15.0.0-canary.8175d5eff.0",
"@material/dom": "15.0.0-canary.8175d5eff.0",
"@material/feature-targeting": "15.0.0-canary.8175d5eff.0",
"@material/floating-label": "15.0.0-canary.8175d5eff.0",
"@material/line-ripple": "15.0.0-canary.8175d5eff.0",
"@material/notched-outline": "15.0.0-canary.8175d5eff.0",
"@material/ripple": "15.0.0-canary.8175d5eff.0",
"@material/rtl": "15.0.0-canary.8175d5eff.0",
"@material/shape": "15.0.0-canary.8175d5eff.0",
"@material/theme": "15.0.0-canary.8175d5eff.0",
"@material/tokens": "15.0.0-canary.8175d5eff.0",
"@material/typography": "15.0.0-canary.8175d5eff.0",
"@material/animation": "15.0.0-canary.819498d8c.0",
"@material/base": "15.0.0-canary.819498d8c.0",
"@material/density": "15.0.0-canary.819498d8c.0",
"@material/dom": "15.0.0-canary.819498d8c.0",
"@material/feature-targeting": "15.0.0-canary.819498d8c.0",
"@material/floating-label": "15.0.0-canary.819498d8c.0",
"@material/line-ripple": "15.0.0-canary.819498d8c.0",
"@material/notched-outline": "15.0.0-canary.819498d8c.0",
"@material/ripple": "15.0.0-canary.819498d8c.0",
"@material/rtl": "15.0.0-canary.819498d8c.0",
"@material/shape": "15.0.0-canary.819498d8c.0",
"@material/theme": "15.0.0-canary.819498d8c.0",
"@material/tokens": "15.0.0-canary.819498d8c.0",
"@material/typography": "15.0.0-canary.819498d8c.0",
"tslib": "^2.1.0"
},
"gitHead": "c3bb551a6b32480853dcc8e29f7f8513d62154a2"
"gitHead": "886876a8252aacefe1942b13ba9251af9204bcdd"
}

12

README.md

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

`hasClass(className: string) => boolean` | Returns true if the root element contains the given class name.
`registerTextFieldInteractionHandler(evtType: string, handler: EventListener) => void` | Registers an event handler on the root element for a given event.
`deregisterTextFieldInteractionHandler(evtType: string, handler: EventListener) => void` | Deregisters an event handler on the root element for a given event.
`registerInputInteractionHandler(evtType: string, handler: EventListener) => void` | Registers an event listener on the native input element for a given event.
`deregisterInputInteractionHandler(evtType: string, handler: EventListener) => void` | Deregisters an event listener on the native input element for a given event.
`registerTextFieldInteractionHandler(eventType: string, handler: EventListener) => void` | Registers an event handler on the root element for a given event.
`deregisterTextFieldInteractionHandler(eventType: string, handler: EventListener) => void` | Deregisters an event handler on the root element for a given event.
`registerInputInteractionHandler(eventType: string, handler: EventListener) => void` | Registers an event listener on the native input element for a given event.
`deregisterInputInteractionHandler(eventType: string, handler: EventListener) => void` | Deregisters an event listener on the native input element for a given event.
`registerValidationAttributeChangeHandler(handler: (attributeNames: string[]) => void) => MutationObserver` | Registers a validation attribute change listener on the input element. Handler accepts list of attribute changes.

@@ -536,3 +536,3 @@ `deregisterValidationAttributeChangeHandler(!MutationObserver) => void` | Disconnects a validation attribute observer on the input element.

`setDisabled(disabled: boolean) => void` | Updates the input's disabled state.
`handleTextFieldInteraction(evt: Event) => void` | Handles click and keydown events originating from inside the Text Field component.
`handleTextFieldInteraction(event: Event) => void` | Handles click and keydown events originating from inside the Text Field component.
`handleInput() => void` | Handles text input and textarea input event.

@@ -548,3 +548,3 @@ `handleValidationAttributeChange(attributesList: !Array<string>) => void` | Handles validation attribute changes.

`notchOutline(openNotch: boolean) => void` | Opens/closes the notched outline.
`setTransformOrigin(evt: TouchEvent \| MouseEvent) => void` | Sets the line ripple's transform origin, so that the line ripple activate animation will animate out from the user's click location.
`setTransformOrigin(event: TouchEvent \| MouseEvent) => void` | Sets the line ripple's transform origin, so that the line ripple activate animation will animate out from the user's click location.
`autoCompleteFocus() => void` | Activates the Text Field's focus state in cases when the input value is changed programmatically (i.e., without user action).

@@ -551,0 +551,0 @@ `setAutovalidate(shouldAutovalidate: boolean) => void` | Sets whether or not the textfield should validate its input when `value` changes.

_filled-text-field-theme.scss

Sorry, the diff of this file is not supported yet

_mixins.scss

Sorry, the diff of this file is not supported yet

_outlined-text-field-theme.scss

Sorry, the diff of this file is not supported yet

_text-field-theme.scss

Sorry, the diff of this file is not supported yet

character-counter/component.js.map

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.textfield.css

Sorry, the diff of this file is not supported yet

dist/mdc.textfield.css.map

Sorry, the diff of this file is not supported yet

dist/mdc.textfield.js

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

dist/mdc.textfield.js.map

Sorry, the diff of this file is not supported yet

dist/mdc.textfield.min.css

Sorry, the diff of this file is not supported yet

dist/mdc.textfield.min.css.map

Sorry, the diff of this file is not supported yet

dist/mdc.textfield.min.js

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

foundation.js.map

Sorry, the diff of this file is not supported yet

helper-text/component.js.map

Sorry, the diff of this file is not supported yet

icon/component.js.map

Sorry, the diff of this file is not supported yet

icon/foundation.js.map

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