MDC components as Aurelia Custom elements

This library contains different MDC components to use on the Aurelia Custom elements way. All the available components are described below. This package creates a bridge between MDC and Aurelia.

MDC <> Aurelia MDC Elements (AME) <> Aurelia

Because of the fast development of MDC, there are many breaking changes. All our applications need an update for these changes. That's why we made AME. When there are breaking changes in MDC, we only need to update the AME elements. The Aurelia Custom Elements we're using in the applications, won't be affected.

Recent changes can be found Here

Our demo page is available Here

Installation

You can use NPM to install this package. Install it with the following command:

npm install aurelia-mdc-elements

Components

• Checkbox
• Chips
• Details
• Menu
• Progress
• Radio
• Select
• Snackbar
• Switch
• Text-field
• Textarea

Styling

• Styling

[3.2.0] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v2.1.0...v3.2.0) (2019-09-30)

Bugfixed

• MDCTopAppBar: mdc-top-app-bar__navigation-icon changed to match new specs.

Features

• Material Design Components: UPDATED 2.1.1 > 3.2.0

[2.1.0] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.41.5...v2.1.0) (2019-05-15)

Bugfixed

• MDCTextfield: Floating label issues
• ADDED correct tabindexes
• MDCSelect: Selection issues solved
• Demopage optimized

Features

• Material Design Components: UPDATED 0.41.0 > 2.1.1
• MDCTextArea: Readonly type added

[0.41.5] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.41.3...v0.41.5) (2018-11-09)

Bugfixed

• MDCTextfield: ADDED Disabled class
• MDCTextarea: ADDED Disabled class
• MDCCheckbox: ADDED Disabled class
• MDCList: Item graphic fontsize (temp fix)

[0.41.4] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.41.3...v0.41.4) (2018-11-09)

Bugfixed

• MDCTextfield: Changed min-width
• MDCTextfield: FIXED undefined error
• MDCList: Item graphic fontsize (temp fix)

Features

• ADDED Demo data for mdc-textfield / mdc-textarea (pre-selected)

[0.41.3] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.41.1...v0.41.3) (2018-11-05)

Bugfixed

• Rebuild whole back-end of the project
• MDCCheckbox/MDCRadio: Added unique id's when no id is given. For label purposes.

Features

• ADDED Demo page
• MDCTextarea: ADDED option for modifiers
• MDCTextarea: ADDED secondarylabel for helpertext
• MDCSelect: ADDED option for modifiers
• MDCSelect: ADDED secondarylabel for helpertext
• ADDED global leading/trailing options

Breaking changes

• MDCTextarea: Dense option has been changed to modifiers
• MDCMenu: Icon is removed and replaced by Leading/Trailing options

[0.41.1] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.38.0...v0.41.1) (2018-08-06)

Bugfixed

• MDCTextfield: Init value label issue
• MDCSelect: Select caret was missing

Features

Breaking changes

[0.41.0] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.38.0...v0.41.0) (2018-08-06)

Bugfixed

• MDCMenu: Added surface class and aria-orientation
• MDCMenu: Changed anchor
• MDCMenu: Toggle only on title/icon
• CHANGED all references to the @material folder
• MDCChip ADDED.
• MDCExpansion styling fixed for iOS devices

Features

• Material Design Components: UPDATED 0.38.0 > 0.41.0
• MDCTextField: ADDED option for icons
• MDCTextField: ADDED option for modifiers
• CHANGED all paths to @material instead of material-components-web

Breaking changes

• MDCTextField: Dense option has been changed to modifiers
• MDCTextField: TextFields are by default not 100% width anymore

[0.38.0] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.34.3...v0.38.0) (2018-08-06)

Bugfixed

• Switch: Now using the MDC standard implementation
• All: FIXED imports from the MDC component (import from @material instead of complete js file)
• MDCSelect: ADDED disabled class
• MDCCheckbox: ADDED disabled class
• MDCTextField: FIXED label for (unique)

Features

• Material Design Components: UPDATED 0.34.1 > 0.38.0
• All: ADDED unique hashes for handling labels with inputs

Breaking changes

[0.34.3] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.34.2...v0.34.3) (2018-04-11)

Bugfixed

• Details: FIXED issue with click handlers

Features

Breaking changes

[0.34.2] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.34.1...v0.34.2) (2018-04-10)

Bugfixed

• MDCSelect: FIXED issue with doubleclick for selectbox

Features

Breaking changes

[0.34.1] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.34.0...v0.34.1) (2018-04-09)

Bugfixed

• MDCSelect: CHANGED fix font-size (inherit)

Features

Breaking changes

[0.34.0] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.33.0...v0.34.0) (2018-04-04)

Bugfixed

Features

• Material Design Components: UPDATED 0.33.0 > 0.34.1
• MDCSelect: ADDED new format as of 0.34.0 (with pure html selects)
• MDCTextfield: ADDED support for type="number"
• MDCTextfield: ADDED support for min (number&text), max(number&text), step (number only)
• MDCTextfield: dynamic required binding (can toggle on runtime)
• MDCCheckbox: ADDED required binding

Breaking changes

[0.33.0] (https://github.com/SpringflowNL/aurelia-mdc-elements/compare/v0.31.2...v0.33.0) (2018-03-23)

Bugfixed

• MDC textfield: RENAMED mdc-text-field__label to mdc-floating-label according to MDC

Features

Breaking changes

0.31.2 (2018-02-23)

Bugfixes

Features

• MDC Textarea: ADDED styling (always full width)

Breaking changes

• MDC Menu: REMOVED the name attribute in the slots tag. The <slot> tags must be removed.
• Styles folder: RELOCATED (now placed in src/styles)

0.31.1 (2018-02-21)

No changes were made (no breaking changes in MDC 0.31.0)

0.31.0 (2018-02-21)

No changes were made (no breaking changes in MDC 0.31.0)

0.30.1 (2018-02-21)

First real publish of AME