material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-09-20 18:17:15 +03:00
Code Issues Projects Releases Wiki Activity
3,634 Commits 17 Branches 77 Tags 73 MiB
3445b631fe
Commit Graph

3634 Commits

This Branch
This Branch
All Branches
Author SHA1 Message Date
Material Web Team
d6a410aa91 Export TextfieldType to consumers 
PiperOrigin-RevId: 497035551
 2022-12-21 16:49:20 -08:00
Elizabeth Mitchell
d749db81dd chore(radio): clean up unit tests 
PiperOrigin-RevId: 496971608
 2022-12-21 11:47:31 -08:00
Material Web Team
91c24255c2 fix(radio): Radio supports form association and label activation by using FormController and setting formAssociated. 
PiperOrigin-RevId: 496788453
 2022-12-20 17:19:55 -08:00
Elizabeth Mitchell
72edae4c9d chore(radio): clean up implementation 
PiperOrigin-RevId: 496784670
 2022-12-20 16:58:00 -08:00
Daniel Freedman
f330c51d17 fix(checkbox): Make focus ring circular 
PiperOrigin-RevId: 496777780
 2022-12-20 16:20:26 -08:00
Material Web Team
8a35672c4a fix(ripple): Improves fix for Safari ripple overflow due to https://bugs.webkit.org/show_bug.cgi?id=247546 to handle hover and pressed states. 
PiperOrigin-RevId: 496747335
 2022-12-20 14:07:40 -08:00
Daniel Freedman
23d2c68111 chore(switch): Lazily render ripple, and remove ActionElement 
PiperOrigin-RevId: 496485990
 2022-12-19 14:04:02 -08:00
Elizabeth Mitchell
e7ededa579 chore(radio): remove ripple-theme.scss 
PiperOrigin-RevId: 496483211
 2022-12-19 13:52:45 -08:00
Elizabeth Mitchell
3185819d4a chore(radio): remove ActionElement 
PiperOrigin-RevId: 496464440
 2022-12-19 12:29:18 -08:00
Material Web Team
9add7345da chore: internal changes 
PiperOrigin-RevId: 496460018
 2022-12-19 20:24:34 +00:00
Liz Mitchell
b634a92f65 chore: release v0.1.0-alpha.1 2022-12-19 11:13:36 -08:00
Material Web Team
7b84fca5b8 feat(checkbox): Checkbox now supports form submission and label activation by using FormController and setting formAssociated. 
PiperOrigin-RevId: 496420219
 2022-12-19 09:34:40 -08:00
Material Web Team
6b74925d42 fix(ripple) Apply Safari workaround for incorrect ripple overflow, see https://bugs.webkit.org/show_bug.cgi?id=247546. 
PiperOrigin-RevId: 495999688
 2022-12-16 17:56:15 -08:00
Material Web Team
753a03be96 fix(formfield): Removed Formfield. 
BREAKING CHANGE: Removed Formfield. The <label> element can now be used, e.g. `<label>Checkbox <md-checkbox></md-checkbox></label>`.

PiperOrigin-RevId: 495996076
 2022-12-16 17:28:59 -08:00
Material Web Team
7473f4647d feat(switch): Switch now supports label activation by setting formAssociated. 
PiperOrigin-RevId: 495993033
 2022-12-16 17:06:39 -08:00
Material Web Team
3f6070ea31 chore(testing): Adds submitForm to testing harness. This submits the element's associated form if one exists and returns the submitted FormData object. 
* updates form_controller tests.
* updates switch tests.
* adds form submission tests to text field.

PiperOrigin-RevId: 495992202
 2022-12-16 17:01:56 -08:00
Daniel Freedman
0327283b7b feat(icon): Implement tokens for md-icon 
Adds tokens for color, size, font-family, font-weight and font-variation-settings.

Slotted svg icons will also be sized and colored with the tokens.

PiperOrigin-RevId: 495716570
 2022-12-15 15:46:19 -08:00
Material Web Team
cb55c90743 Improves how button handles activation clicks. Previously click() was overridden and this did not support directly dispatched click events. Now click events are explicitly handled if the event is targeted at the element itself. Since click() dispatches a click event, it no longer needs to be overridden. 
PiperOrigin-RevId: 495694515
 2022-12-15 14:17:03 -08:00
Material Web Team
4e3054bab3 feat(controller): add label activation support to FormController 
Extends `FormController` to provide label activation via form associated custom elements via a shim where not supported (currently just Safari).

Performing label activation is the responsibility of form associated elements.

Helpers are provided to facilitate this, including `isActivationClick` and `dispatchActivationClick`. Note, any element that should perform an action via a click, could use these helpers to help distinguish external "activation" clicks.

PiperOrigin-RevId: 495689270
 2022-12-15 13:56:49 -08:00
Material Web Team
2ce167ff70 clean up soy comments, remove hidden input, and add change event 
PiperOrigin-RevId: 495453747
 2022-12-14 16:49:43 -08:00
Daniel Freedman
cf0e6b41c6 chore(button): Normalize lazy ripple with other components 
PiperOrigin-RevId: 495429247
 2022-12-14 15:11:11 -08:00
Material Web Team
9796f6a694 Document Icon Button 
PiperOrigin-RevId: 495414969
 2022-12-14 14:18:45 -08:00
Material Web Team
f73c097141 Document focus-ring 
PiperOrigin-RevId: 495402514
 2022-12-14 13:32:05 -08:00
Daniel Freedman
f84e1557c2 chore(iconbutton): Remove ActionElement and create ripple lazily 
PiperOrigin-RevId: 495365790
 2022-12-14 11:15:52 -08:00
Material Web Team
74bda6e11c Document md-button 
PiperOrigin-RevId: 495160072
 2022-12-13 16:45:36 -08:00
Elizabeth Mitchell
27f7ea89ce feat(checkbox): refactor and simplify rendering/style logic 
BREAKING CHANGE: Removed reducedTouchTarget. Instead, set the width and height on the checkbox.

PiperOrigin-RevId: 495087302
 2022-12-13 11:59:05 -08:00
Elizabeth Mitchell
545c2eb494 fix(button): use new elevation component 
PiperOrigin-RevId: 495085105
 2022-12-13 11:51:20 -08:00
Elizabeth Mitchell
aef3ee3d3f chore(fab): use new elevation component 
PiperOrigin-RevId: 495078250
 2022-12-13 11:26:08 -08:00
Elizabeth Mitchell
7e316b8725 chore(navigationbar): use new elevation component 
PiperOrigin-RevId: 495076686
 2022-12-13 11:20:03 -08:00
Elizabeth Mitchell
9eb7bf081f feat(elevation): create md-elevation component 
PiperOrigin-RevId: 495074655
 2022-12-13 11:13:05 -08:00
Elizabeth Mitchell
ac94e489f1 chore(ripple): add ripple file instead of ripple-theme 
PiperOrigin-RevId: 495047382
 2022-12-13 09:40:29 -08:00
Material Web Team
c8341bbaee Document Switch 
PiperOrigin-RevId: 494890466
 2022-12-12 19:02:03 -08:00
Elizabeth Mitchell
a5850dccba chore(ripple): remove negative z-index 
PiperOrigin-RevId: 494293324
 2022-12-09 16:45:45 -08:00
Elizabeth Mitchell
eedb7f5d3c chore: replace * selector with :host 
PiperOrigin-RevId: 493992896
 2022-12-08 14:15:19 -08:00
Material Web Team
0ae1cccb8b Unblock TS4.8 upgrade. 
PiperOrigin-RevId: 493982496
 2022-12-08 13:36:27 -08:00
Material Web Team
212dd55dc5 IconButton now properly renders either an icon via the icon property or one specified via a slot, not both as it previously incorrectly did. 
PiperOrigin-RevId: 493653205
 2022-12-07 11:02:04 -08:00
Elizabeth Mitchell
89eee57074 chore(elevation): branch elevation styles 
PiperOrigin-RevId: 493625319
 2022-12-07 09:27:08 -08:00
Daniel Freedman
ca88cd765e chore(button): Create ripple lazily for buttons 
PiperOrigin-RevId: 493350615
 2022-12-06 10:44:09 -08:00
Material Web Team
07edf86432 Changes icon-button-toggle-*'s isOn property to be named selected. 
This matches the name used for Switch and other "selectable" elements that do not have platform analogs suggesting other names (i.e. Checkbox and Radio have a `checked` property).

PiperOrigin-RevId: 493098361
 2022-12-05 13:34:58 -08:00
Material Web Team
73ed7a0233 fix(checkbox): Update checkbox to use property bindings for disabled and checked on internal input element. 
After interaction with the native input, attribute bindings to it are ignored per platform standard behavior. Binding to the property fixes this issue.

PiperOrigin-RevId: 493048723
 2022-12-05 10:33:36 -08:00
Daniel Freedman
1f2f26caad chore(button): Use ripple directive instead of ActionElement 
PiperOrigin-RevId: 492334221
 2022-12-01 16:53:30 -08:00
Daniel Freedman
6746d0f685 feat(ripple): Create a ripple directive 
This directive encapsulates the event listeners necessary to drive the ripple component inside of an ElementPart directive, instead of relying on ActionController and ActionElement.

The ripple directive can take a Promise from `queryAsync`, or a function that returns a Ripple or a Promise that resolves to a ripple

Before:
```ts
// event listeners inherited from ActionElement
html`
<md-button
@pointerdown=${this.handlePointerDown}
@pointerleave=${this.handlePointerLeave}
@focus=${this.handleFocus}
...
>`
```

After:
```ts
html`
<md-button ${ripple(this.rippleElementPromise)}>
`
```
or
```
<md-button ${ripple(() => this.rippleElement)
```
or
```
<md-button ${ripple(() => {this.renderRipple = true; return this.rippleElementPromise})
```
PiperOrigin-RevId: 492300868
 2022-12-01 14:29:57 -08:00
Copybara-Service
c076fbc575 Merge pull request #3799 from material-components:ci-tests 
PiperOrigin-RevId: 492196098
 2022-12-01 07:57:38 -08:00
Alexander Marks
d64eb1b803 Comment out webkit 2022-11-30 15:46:03 -08:00
Alexander Marks
e8ef2dfc46 PR feedback 2022-11-30 15:43:43 -08:00
Alexander Marks
066219f082 Merge branch 'master' into ci-tests 2022-11-30 11:44:18 -08:00
Alexander Marks
933cb14ac8 chore: Comment-out jasmine import statements for external compatibility 
PiperOrigin-RevId: 491970248
 2022-11-30 11:18:44 -08:00
Elizabeth Mitchell
cb5eaa3e8e chore(tokens): remove v0.96 
PiperOrigin-RevId: 491952022
 2022-11-30 10:14:12 -08:00
Alexander Marks
9b598850dd Add build and test GitHub actions 2022-11-29 20:16:35 -08:00
Alexander Marks
3b81050d7e Check in package lock for more reliable CI build 2022-11-29 20:16:35 -08:00