material-components/material-web
1
1
Fork 0
mirror of https://github.com/material-components/material-web.git synced 2024-08-17 09:30:27 +03:00
Code Issues Projects Releases Wiki Activity

Update dependencies

Browse Source 
* Update to webcomponents-bundle.js
* Update to LitElement 0.4.0
This commit is contained in:
Steven Orvell 2018-04-30 18:10:36 -07:00
parent 3e09ed34ff
commit 8310a76180
68 changed files with 681 additions and 337 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
demos/button.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>button demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

4
demos/card.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>card demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
@ -54,7 +54,7 @@ limitations under the License.
import '../node_modules/@material/mwc-ripple/mwc-ripple.js';
class DemoCard extends LitElement {
render() {
_render() {
return html`
${cardStyle}${typographyStyle}
<style>

2
demos/checkbox.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>checkbox demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-checkbox/mwc-checkbox.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

2
demos/chips.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>chips demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-chips/mwc-chip.js"></script>
<script type="module" src="../node_modules/@material/mwc-chips/mwc-chip-set.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>

2
demos/dialog.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>dialog demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
<script type="module" src="../node_modules/@material/mwc-dialog/mwc-dialog.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>

2
demos/fab.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>fab demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<script type="module" src="../node_modules/@material/mwc-fab/mwc-fab.js"></script>
<link rel="stylesheet" href="demo-component.css">

2
demos/formfield.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>formfield demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-formfield/mwc-formfield.js"></script>
<script type="module" src="../node_modules/@material/mwc-checkbox/mwc-checkbox.js"></script>
<script type="module" src="../node_modules/@material/mwc-radio/mwc-radio.js"></script>

2
demos/icon-toggle.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>icon-toggle demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon-toggle/mwc-icon-toggle.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

2
demos/icon.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>icon demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">
<style>

4
demos/index.html
View File

@ -23,13 +23,13 @@ limitations under the License.
<body>
<demo-view></demo-view>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module">
import {LitElement, html} from '@polymer/lit-element';
import {style as listStyle} from '@material/mwc-list/mwc-list-item-css.js';
class DemoView extends LitElement {
render() {
_render() {
return html`
${listStyle}
<style>

2
demos/linear-progress.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>linear-progress demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-linear-progress/mwc-linear-progress.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>

2
demos/menu.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>menu demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
<script type="module" src="../node_modules/@material/mwc-menu/mwc-menu.js"></script>
<script type="module" src="../node_modules/@material/mwc-list/mwc-list-item.js"></script>

2
demos/radio.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>radio demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-radio/mwc-radio.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

2
demos/ripple.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>ripple demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-ripple/mwc-ripple.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

2
demos/select.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>select demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-select/mwc-select.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

2
demos/slider.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>slider demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-slider/mwc-slider.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

2
demos/snackbar.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>snackbar demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-snackbar/mwc-snackbar.js"></script>
<script type="module" src="../node_modules/@material/mwc-button/mwc-button.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>

2
demos/switch.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>switch demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-switch/mwc-switch.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

2
demos/tabs.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>tabs demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-tabs/mwc-tab-bar-scroller.js"></script>
<script type="module" src="../node_modules/@material/mwc-tabs/mwc-tab-bar.js"></script>
<script type="module" src="../node_modules/@material/mwc-tabs/mwc-tab.js"></script>

2
demos/textfield.html
View File

@ -18,7 +18,7 @@ limitations under the License.
<html>
<head>
<title>textfield demo</title>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-lite.js"></script>
<script src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script type="module" src="../node_modules/@material/mwc-textfield/mwc-textfield.js"></script>
<script type="module" src="../node_modules/@material/mwc-icon/mwc-icon.js"></script>
<link rel="stylesheet" href="demo-component.css">

869
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

1
package.json
View File

@ -19,6 +19,7 @@
"update-styling": "./scripts/update-styling.sh"
},
"devDependencies": {
"@webcomponents/webcomponentsjs": "^2.0.0-0",
"babel-core": "^6.22.1",
"babel-loader": "^7.0.0",
"babel-plugin-transform-object-assign": "^6.8.0",

2
packages/base/package.json
View File

@ -8,6 +8,6 @@
"author": "",
"license": "ISC",
"dependencies": {
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
}
}

2
packages/button/mwc-button.js
View File

@ -60,7 +60,7 @@ export class Button extends LitElement {
return style;
}
render({raised, unelevated, stroked, dense, compact, disabled, icon, label}) {
_render({raised, unelevated, stroked, dense, compact, disabled, icon, label}) {
const hostClasses = c$({
'mdc-button--raised': raised,
'mdc-button--unelevated': unelevated,

2
packages/button/package.json
View File

@ -13,7 +13,7 @@
"@material/mwc-base": "^0.1.0",
"@material/mwc-icon": "^0.1.0",
"@material/mwc-ripple": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/card/mwc-card.js
View File

@ -33,7 +33,7 @@ export class Card extends LitElement {
return style;
}
render({stroke}) {
_render({stroke}) {
return html`
${this._renderStyle()}
<div class$="mdc-card ${stroke ? 'mdc-card--stroked' : ''}">

2
packages/card/package.json
View File

@ -9,7 +9,7 @@
"author": "",
"license": "Apache-2.0",
"dependencies": {
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/card": "^0.35.0",

2
packages/checkbox/mwc-checkbox.js
View File

@ -59,7 +59,7 @@ export class Checkbox extends FormableComponentElement {
return style;
}
render({checked, value}) {
_render({checked, value}) {
return html`
${this._renderStyle()}
<div class="mdc-checkbox">

2
packages/checkbox/package.json
View File

@ -11,7 +11,7 @@
"dependencies": {
"@material/checkbox": "^0.35.0",
"@material/mwc-base": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/chips/mwc-chip-set.js
View File

@ -53,7 +53,7 @@ export class ChipSet extends ComponentElement {
return style;
}
render({type}) {
_render({type}) {
const hostClasses = c$({
'mdc-chip-set--choice': type == 'choice',
'mdc-chip-set--filter': type == 'filter',

2
packages/chips/mwc-chip.js
View File

@ -53,7 +53,7 @@ export class Chip extends ComponentElement {
}
// TODO(sorvell): Note, nice to have vars for activated colors.
render({leadingIcon, trailingIcon, label}) {
_render({leadingIcon, trailingIcon, label}) {
const leadingIconPart = leadingIcon ? html`<i class="material-icons mdc-chip__icon mdc-chip__icon--leading">${leadingIcon}</i>` : '';
const trailingIconPart = trailingIcon ? html`<i class="material-icons mdc-chip__icon mdc-chip__icon--trailing">${trailingIcon}</i>` : '';
// TODO(sorvell) #css: added display

2
packages/chips/package.json
View File

@ -12,7 +12,7 @@
"@material/chips": "^0.35.0",
"@material/mwc-base": "^0.1.0",
"@material/mwc-icon": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/dialog/mwc-dialog.js
View File

@ -77,7 +77,7 @@ export class Dialog extends ComponentElement {
// TODO(sorvell): DialogFoundation's `isOff` method does not work with Shadow DOM
// because it assumes a parentNode is parentElement (thing you can call getComputedStyle on)
// TODO(sorvell) #css: added custom property
render({headerLabel, acceptLabel, declineLabel, scrollable}) {
_render({headerLabel, acceptLabel, declineLabel, scrollable}) {
return html`
${this._renderStyle()}
<aside

2
packages/dialog/package.json
View File

@ -12,7 +12,7 @@
"@material/dialog": "^0.35.0",
"@material/mwc-base": "^0.1.0",
"@material/mwc-button": "^0.1.0",
"@polymer/lit-element": "^0.3.0",
"@polymer/lit-element": "^0.4.0",
"blocking-elements": "^0.0.2",
"wicg-inert": "^1.1.6"
},

2
packages/fab/mwc-fab.js
View File

@ -51,7 +51,7 @@ export class Fab extends LitElement {
return style;
}
render({icon, mini, exited, disabled}) {
_render({icon, mini, exited, disabled}) {
const hostClasses = c$({
'mdc-fab--mini': mini,
'mdc-fab--exited': exited,

2
packages/fab/package.json
View File

@ -13,7 +13,7 @@
"@material/mwc-base": "^0.1.0",
"@material/mwc-icon": "^0.1.0",
"@material/mwc-ripple": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

4
packages/formfield/mwc-formfield.js
View File

@ -53,7 +53,7 @@ export class Formfield extends ComponentElement {
return style;
}
render({label, alignEnd, _labelClickHandler}) {
_render({label, alignEnd, _labelClickHandler}) {
return html`${this._renderStyle()}
<div class$="mdc-form-field ${alignEnd ? 'mdc-form-field--align-end' : ''}">
<slot></slot>
@ -61,7 +61,7 @@ export class Formfield extends ComponentElement {
</div>`;
}
didRender(props, changed) {
_didRender(props, changed) {
if ('label' in changed && this._input) {
if (this._input.localName == 'input') {
this._input.setAttribute('aria-label', props.label);

2
packages/formfield/package.json
View File

@ -11,7 +11,7 @@
"dependencies": {
"@material/form-field": "^0.35.0",
"@material/mwc-base": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

4
packages/icon-toggle/mwc-icon-toggle.js
View File

@ -66,7 +66,7 @@ export class IconToggle extends ComponentElement {
}
// TODO(sorvell) #css: added display
render({on, disabled, icon, offIcon, label, offLabel}) {
_render({on, disabled, icon, offIcon, label, offLabel}) {
offIcon = offIcon || icon;
return html`
${this._renderStyle()}
@ -80,7 +80,7 @@ export class IconToggle extends ComponentElement {
</span>`;
}
didRender(props, changed) {
_didRender(props, changed) {
if ('icon' in changed || 'label' in changed ||
'offIcon' in changed || 'offLabel' in changed) {
this.componentReady().then((component) => component.refreshToggleData());

2
packages/icon-toggle/package.json
View File

@ -12,7 +12,7 @@
"@material/icon-toggle": "^0.35.0",
"@material/mwc-base": "^0.1.0",
"@material/mwc-icon": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/icon/mwc-icon.js
View File

@ -22,7 +22,7 @@ export class Icon extends LitElement {
_renderStyle() {
return style;
}
render() {
_render() {
return html`${this._renderStyle()}<slot></slot>`;
}
}

2
packages/icon/package.json
View File

@ -10,7 +10,7 @@
"license": "ISC",
"dependencies": {
"@material/mwc-base": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

4
packages/linear-progress/mwc-linear-progress.js
View File

@ -53,7 +53,7 @@ export class LinearProgress extends ComponentElement {
return style;
}
render() {
_render() {
return html`
${this._renderStyle()}
<div role="progressbar" class="mdc-linear-progress">
@ -68,7 +68,7 @@ export class LinearProgress extends ComponentElement {
</div>`;
}
async didRender(props, changed, old) {
async _didRender(props, changed, old) {
if ('determinate' in changed) {
await this.componentReady();
this._component.determinate = props.determinate;

2
packages/linear-progress/package.json
View File

@ -11,7 +11,7 @@
"dependencies": {
"@material/linear-progress": "^0.35.0",
"@material/mwc-base": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/list/mwc-list-item-separator.js
View File

@ -22,7 +22,7 @@ export class ListItemSeparator extends LitElement {
return style;
}
render() {
_render() {
return html`
${style}
<div class="mdc-list-divider" role="separator"></div>`;

2
packages/list/mwc-list-item.js
View File

@ -39,7 +39,7 @@ export class ListItem extends LitElement {
}
// TODO(sorvell) #css: add styling for disabled.
render({label, icon, disabled}) {
_render({label, icon, disabled}) {
renderAttributes(this, {'aria-disabled': disabled ? 'true' : null});
return html`
${this._renderStyle()}

2
packages/list/package.json
View File

@ -11,7 +11,7 @@
"dependencies": {
"@material/mwc-icon": "^0.1.0",
"@material/list": "^0.35.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/menu/mwc-menu.js
View File

@ -81,7 +81,7 @@ export class Menu extends ComponentElement {
return style;
}
render() {
_render() {
return html`
${this._renderStyle()}
<div class="mdc-menu" tabindex="-1">

2
packages/menu/package.json
View File

@ -12,7 +12,7 @@
"@material/menu": "^0.35.0",
"@material/mwc-base": "^0.1.0",
"@material/mwc-list": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1",

2
packages/radio/mwc-radio.js
View File

@ -66,7 +66,7 @@ export class Radio extends FormableComponentElement {
return style;
}
render({checked, value, name}) {
_render({checked, value, name}) {
return html`
${this._renderStyle()}
<div class="mdc-radio">

2
packages/radio/package.json
View File

@ -11,7 +11,7 @@
"dependencies": {
"@material/mwc-base": "^0.1.0",
"@material/radio": "^0.35.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/ripple/mwc-ripple.js
View File

@ -84,7 +84,7 @@ export class Ripple extends LitElement {
}
// TODO(sorvell) #css: sizing.
render({primary, accent, unbounded}) {
_render({primary, accent, unbounded}) {
const classes = c$({
'mdc-ripple-surface--primary': primary,
'mdc-ripple-surface--accent': accent,

2
packages/ripple/package.json
View File

@ -11,7 +11,7 @@
"dependencies": {
"@material/mwc-base": "^0.1.0",
"@material/ripple": "^0.35.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/select/mwc-select.js
View File

@ -67,7 +67,7 @@ export class Select extends LitElement {
}
// TODO(sorvell) #css: flex for sizing
render({label, disabled, box}) {
_render({label, disabled, box}) {
return html`
<style>
:host {

2
packages/select/package.json
View File

@ -13,7 +13,7 @@
"@material/mwc-list": "^0.1.0",
"@material/mwc-menu": "^0.1.0",
"@material/select": "^0.35.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/slider/mwc-slider.js
View File

@ -70,7 +70,7 @@ export class Slider extends FormableComponentElement {
}
// TODO(sorvell) #css: needs a default width
render({disabled, step, min, max, value, discrete, markers}) {
_render({disabled, step, min, max, value, discrete, markers}) {
const hostClasses = c$({
'mdc-slider--discrete': discrete,
'mdc-slider--display-markers': markers && discrete,

2
packages/slider/package.json
View File

@ -11,7 +11,7 @@
"dependencies": {
"@material/mwc-base": "^0.1.0",
"@material/slider": "^0.35.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/snackbar/mwc-snackbar.js
View File

@ -56,7 +56,7 @@ export class Snackbar extends ComponentElement {
return style;
}
render({checked, value}) {
_render({checked, value}) {
return html`${this._renderStyle()}
<div class="mdc-snackbar"
aria-live="assertive"

2
packages/snackbar/package.json
View File

@ -11,7 +11,7 @@
"dependencies": {
"@material/mwc-base": "^0.1.0",
"@material/snackbar": "^0.35.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/switch/mwc-switch.js
View File

@ -34,7 +34,7 @@ export class Switch extends LitElement {
return style;
}
render({checked}) {
_render({checked}) {
return html`
${this._renderStyle()}
<div class="mdc-switch">

2
packages/switch/package.json
View File

@ -10,7 +10,7 @@
"license": "Apache-2.0",
"dependencies": {
"@material/mwc-base": "^0.1.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1",

4
packages/tabs/mwc-tab-bar-scroller.js
View File

@ -63,7 +63,7 @@ export class TabBarScroller extends LitElement {
return style;
}
render() {
_render() {
return html`
${this._renderStyle()}
<div class="mdc-tab-bar-scroller">
@ -89,7 +89,7 @@ export class TabBarScroller extends LitElement {
await afterNextRender();
await afterNextRender();
this._makeComponent();
this.invalidate();
this._requestRender();
}
_makeComponent() {

6
packages/tabs/mwc-tab-bar.js
View File

@ -50,7 +50,7 @@ export class TabBar extends LitElement {
}
// TODO(sorvell) #css: wrapping
render() {
_render() {
return html`
${this._renderStyle()}
<nav class="mdc-tab-bar">
@ -59,7 +59,7 @@ export class TabBar extends LitElement {
</nav>`;
}
didRender({activeTabIndex}, changed, old) {
_didRender({activeTabIndex}, changed, old) {
if (this._mdcComponent && (!old || (activeTabIndex !== old.activeTabIndex))) {
this._mdcComponent.activeTabIndex = activeTabIndex;
}
@ -69,7 +69,7 @@ export class TabBar extends LitElement {
super.ready();
await afterNextRender();
this._makeComponent();
this.invalidate();
this._requestRender();
}
_makeComponent() {

2
packages/tabs/mwc-tab.js
View File

@ -43,7 +43,7 @@ export class Tab extends LitElement {
}
// TODO(sorvell) #css: sizing with display:table!
render({icon, label, href}) {
_render({icon, label, href}) {
return html`
${this._renderStyle()}
<style>

2
packages/tabs/package.json
View File

@ -12,7 +12,7 @@
"@material/mwc-base": "^0.1.0",
"@material/mwc-icon": "^0.1.0",
"@material/tabs": "^0.35.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/textfield/mwc-textfield.js
View File

@ -73,7 +73,7 @@ export class Textfield extends ComponentElement {
}
// TODO(sorvell) #css: styling for fullwidth
render({value, label, box, outlined, disabled, icon, iconTrailing, fullWidth, required, placeHolder, helperText, type}) {
_render({value, label, box, outlined, disabled, icon, iconTrailing, fullWidth, required, placeHolder, helperText, type}) {
const hostClasses = c$({
'mdc-text-field--with-leading-icon': icon && !iconTrailing,
'mdc-text-field--with-trailing-icon': icon && iconTrailing,

2
packages/textfield/package.json
View File

@ -12,7 +12,7 @@
"@material/mwc-base": "^0.1.0",
"@material/mwc-icon": "^0.1.0",
"@material/textfield": "^0.35.0",
"@polymer/lit-element": "^0.3.0"
"@polymer/lit-element": "^0.4.0"
},
"devDependencies": {
"@material/mwc-sass-render": "^0.0.1"

2
packages/typography/package.json
View File

@ -9,7 +9,7 @@
"author": "",
"license": "Apache-2.0",
"dependencies": {
"@polymer/lit-element": "^0.3.0",
"@polymer/lit-element": "^0.4.0",
"@material/mwc-icon": "^0.1.0"
},
"devDependencies": {