@material/mwc-formfield
Advanced tools
Comparing version 0.8.0 to 0.9.0
@@ -17,17 +17,17 @@ /** | ||
*/ | ||
import { MDCFormFieldAdapter } from '@material/form-field/adapter.js'; | ||
import {MDCFormFieldAdapter} from '@material/form-field/adapter.js'; | ||
import MDCFormFieldFoundation from '@material/form-field/foundation.js'; | ||
import { BaseElement } from '@material/mwc-base/base-element.js'; | ||
import {BaseElement} from '@material/mwc-base/base-element.js'; | ||
export declare class FormfieldBase extends BaseElement { | ||
alignEnd: boolean; | ||
label: string; | ||
protected mdcRoot: HTMLElement; | ||
protected mdcFoundation: MDCFormFieldFoundation; | ||
protected readonly mdcFoundationClass: typeof MDCFormFieldFoundation; | ||
protected createAdapter(): MDCFormFieldAdapter; | ||
protected slotEl: HTMLElement; | ||
protected labelEl: HTMLLabelElement; | ||
protected readonly input: HTMLElement | null; | ||
protected render(): import("lit-html/lib/template-result").TemplateResult; | ||
private _labelClick; | ||
alignEnd: boolean; | ||
label: string; | ||
protected mdcRoot: HTMLElement; | ||
protected mdcFoundation: MDCFormFieldFoundation; | ||
protected readonly mdcFoundationClass: typeof MDCFormFieldFoundation; | ||
protected createAdapter(): MDCFormFieldAdapter; | ||
protected slotEl: HTMLElement; | ||
protected labelEl: HTMLLabelElement; | ||
protected readonly input: HTMLElement|null; | ||
protected render(): import('lit-element').TemplateResult; | ||
private _labelClick; | ||
} |
@@ -1,6 +0,8 @@ | ||
import { __decorate } from "tslib"; | ||
import * as tslib_1 from "tslib"; | ||
import MDCFormFieldFoundation from '@material/form-field/foundation.js'; | ||
import { BaseElement, classMap, html, observer, property, query } from '@material/mwc-base/base-element.js'; | ||
import { BaseElement, observer } from '@material/mwc-base/base-element.js'; | ||
import { FormElement } from '@material/mwc-base/form-element.js'; | ||
import { findAssignedElement } from '@material/mwc-base/utils.js'; | ||
import { html, property, query } from 'lit-element'; | ||
import { classMap } from 'lit-html/directives/class-map'; | ||
export class FormfieldBase extends BaseElement { | ||
@@ -56,6 +58,6 @@ constructor() { | ||
} | ||
__decorate([ | ||
tslib_1.__decorate([ | ||
property({ type: Boolean }) | ||
], FormfieldBase.prototype, "alignEnd", void 0); | ||
__decorate([ | ||
tslib_1.__decorate([ | ||
property({ type: String }), | ||
@@ -75,11 +77,11 @@ observer(async function (label) { | ||
], FormfieldBase.prototype, "label", void 0); | ||
__decorate([ | ||
tslib_1.__decorate([ | ||
query('.mdc-form-field') | ||
], FormfieldBase.prototype, "mdcRoot", void 0); | ||
__decorate([ | ||
tslib_1.__decorate([ | ||
query('slot') | ||
], FormfieldBase.prototype, "slotEl", void 0); | ||
__decorate([ | ||
tslib_1.__decorate([ | ||
query('label') | ||
], FormfieldBase.prototype, "labelEl", void 0); | ||
//# sourceMappingURL=mwc-formfield-base.js.map |
@@ -1,1 +0,1 @@ | ||
export declare const style: import("lit-element/lib/css-tag").CSSResult; | ||
export declare const style: import("lit-element").CSSResult; |
@@ -17,4 +17,4 @@ /** | ||
*/ | ||
import { css } from '@material/mwc-base/base-element'; | ||
import { css } from 'lit-element'; | ||
export const style = css `.mdc-form-field{font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{order:0;margin-right:auto;padding-left:4px}[dir=rtl] .mdc-form-field>label,.mdc-form-field[dir=rtl]>label{margin-left:auto;padding-right:4px}.mdc-form-field--align-end>label{order:-1;margin-left:auto;padding-right:4px}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end[dir=rtl]>label{margin-right:auto;padding-left:4px}.mdc-form-field{align-items:center}::slotted(*){font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch)[dir=rtl]{margin-left:10px}`; | ||
//# sourceMappingURL=mwc-formfield-css.js.map |
@@ -1,9 +0,9 @@ | ||
import { FormfieldBase } from './mwc-formfield-base.js'; | ||
import {FormfieldBase} from './mwc-formfield-base.js'; | ||
declare global { | ||
interface HTMLElementTagNameMap { | ||
'mwc-formfield': Formfield; | ||
} | ||
interface HTMLElementTagNameMap { | ||
'mwc-formfield': Formfield; | ||
} | ||
} | ||
export declare class Formfield extends FormfieldBase { | ||
static styles: import("lit-element/lib/css-tag").CSSResult; | ||
static styles: import('lit-element').CSSResult; | ||
} |
@@ -1,2 +0,2 @@ | ||
import { __decorate } from "tslib"; | ||
import * as tslib_1 from "tslib"; | ||
/** | ||
@@ -18,3 +18,3 @@ @license | ||
*/ | ||
import { customElement } from '@material/mwc-base/base-element.js'; | ||
import { customElement } from 'lit-element'; | ||
import { FormfieldBase } from './mwc-formfield-base.js'; | ||
@@ -25,3 +25,3 @@ import { style } from './mwc-formfield-css.js'; | ||
Formfield.styles = style; | ||
Formfield = __decorate([ | ||
Formfield = tslib_1.__decorate([ | ||
customElement('mwc-formfield') | ||
@@ -28,0 +28,0 @@ ], Formfield); |
{ | ||
"name": "@material/mwc-formfield", | ||
"version": "0.8.0", | ||
"version": "0.9.0", | ||
"description": "", | ||
@@ -19,3 +19,5 @@ "main": "mwc-formfield.js", | ||
"@material/form-field": "^3.0.0", | ||
"@material/mwc-base": "^0.8.0", | ||
"@material/mwc-base": "^0.9.0", | ||
"lit-element": "^2.2.1", | ||
"lit-html": "^1.1.2", | ||
"tslib": "^1.10.0" | ||
@@ -26,3 +28,3 @@ }, | ||
}, | ||
"gitHead": "e47de0d9d6e556ce8c4b0b92f87be25a3e18da79" | ||
"gitHead": "d6db9ceafe4b21572f967ac4acae9189da8c9c4f" | ||
} |
@@ -19,5 +19,7 @@ /** | ||
import MDCFormFieldFoundation from '@material/form-field/foundation.js'; | ||
import {BaseElement, classMap, EventType, html, observer, property, query, SpecificEventListener} from '@material/mwc-base/base-element.js'; | ||
import {BaseElement, EventType, observer, SpecificEventListener} from '@material/mwc-base/base-element.js'; | ||
import {FormElement} from '@material/mwc-base/form-element.js'; | ||
import {findAssignedElement} from '@material/mwc-base/utils.js'; | ||
import {html, property, query} from 'lit-element'; | ||
import {classMap} from 'lit-html/directives/class-map'; | ||
@@ -24,0 +26,0 @@ export class FormfieldBase extends BaseElement { |
@@ -17,4 +17,4 @@ /** | ||
*/ | ||
import {css} from '@material/mwc-base/base-element'; | ||
import {css} from 'lit-element'; | ||
export const style = css`.mdc-form-field{font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));display:inline-flex;align-items:center;vertical-align:middle}.mdc-form-field>label{order:0;margin-right:auto;padding-left:4px}[dir=rtl] .mdc-form-field>label,.mdc-form-field[dir=rtl]>label{margin-left:auto;padding-right:4px}.mdc-form-field--align-end>label{order:-1;margin-left:auto;padding-right:4px}[dir=rtl] .mdc-form-field--align-end>label,.mdc-form-field--align-end[dir=rtl]>label{margin-right:auto;padding-left:4px}.mdc-form-field{align-items:center}::slotted(*){font-family:Roboto, sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:.875rem;line-height:1.25rem;font-weight:400;letter-spacing:.0178571429em;text-decoration:inherit;text-transform:inherit;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}::slotted(mwc-switch){margin-right:10px}[dir=rtl] ::slotted(mwc-switch),::slotted(mwc-switch)[dir=rtl]{margin-left:10px}`; |
@@ -17,3 +17,3 @@ /** | ||
*/ | ||
import {customElement} from '@material/mwc-base/base-element.js'; | ||
import {customElement} from 'lit-element'; | ||
@@ -20,0 +20,0 @@ import {FormfieldBase} from './mwc-formfield-base.js'; |
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
39720
299
5
+ Addedlit-element@^2.2.1
+ Addedlit-html@^1.1.2
+ Added@material/mwc-base@0.9.1(transitive)
- Removed@material/mwc-base@0.8.0(transitive)
Updated@material/mwc-base@^0.9.0