Version 1.0 introduces many API changes relative to previous releases. In addition to the specific changelog listing below, the follow general changes have been made. Note that during the development of 1.0, the master branch reflects the most up-to-date version, with a mixture of updated and to-be-updated components.
Contributions and pull requests are always welcome. Contributors may often be found on the #e-paper channel on slack. Building the dummy application by installing ember-paper as if it were an application will provide you an up-to-date interactive demo, templates, and code samples.
- Attributes are now
camelCasedrather thankebab-cased. - Components which accept user input, such as
paper-input,paper-checkbox,paper-switchandpaper-selectnow receive their input via the one-wayvalueattribute and notify of a changed value by theonChangeactions. - When provided by the API,
onChangeactions are required and throw an assertion if not provided. - Actions maybe be specified by a string action name (
onChange="updateValue") or an action closure (onChange=(action (mut "myValue"))). If you need to specify a target or additional parameter, you must use an action closure. - Many attributes have been renamed for clarity and consistency. See the specific changes below.
paper-icon'ssizeattribute now takes a size in pixels, andlgorsmvalues are no longer supported.- renamed the
paper-radio-grouppaper-radioto justradio-- usage would now begroup.radioas opposed togroup.paper-radio. - Flex and layout attributes are replaced by classes (see the documentation).
flex=trueon Ember Paper components has also been removed and replaced by classes.
- #679 fix outline on paper-menu
- #699 Removed paper-wormhole initializer in favor of the
contentForhook. This makes ember-paper more acceptance test friendly.
- 56b84cf fix sliders on android browsers
- 77274a0 set md-dragging class correctly. attach recognizers to the whole slider. big usability improvement.
- #670 paper-form yielded values had the length of validation messages. Now they are correctly coalesced to booleans.
- 5c66511 bump ember-composability-tools to
0.0.8 - 78b6efb and 7cb32b0 paper-form: trigger onValidityChange when global isTouched changes
- 4b168ec yield isTouched and isInvalidAndTouched
- 9f3da49 Fixes bug in slider dragging.
- 7ec7a7b Removes accidental text selection while dragging slider on Safari.
- 94c8ad9 Validation params can now change and the correct validation messages will appear (e.g change required from
truetofalseafter render). - 3cec77c Allow sidenav's
lockedOpento be toggled. - #649
paper-formnow renders a<form>html tag. This is for the greater good. If you want to keep it tagless, please use{{#paper-form tagName=""}}. - 9c09fd0 update angular material to
v1.0.7 - 948db82 update angular material to
v1.0.8 - f407257 checkboxes now have an optional indeterminate mode. If
indeterminateis true it will always take precedence overvalue. - 8a5e370 update angular material to
v1.0.9 - 10fddd9 Enhance customizability paper-{form, input, radio-group}
- a86bb64 fix paper-slider on iOS devices
- #663 Fix binding style attribute warning in paper-backdrop
- a03eccf paper-form's
onValidityChangenow sendsisValid,isTouchedandisInvalidAndTouched
- #636 Consuming apps can now specify
ENV['ember-paper'].insertFontLinksto prevent the insertion of google fonts links in the head tag. This is especially useful if you want to include your own fonts. - 4d363ff
paper-slideris now a DDAU component. It will trigger anonChangeaction with the new value. It is up to you to update the value yourself (likepaper-input,paper-checkbox,paper-switch, etc).
- #572 updated paper-slider. Smoother sliding and you can slide without having the cursor above the slider, like normal sliding.
- #626 Add autocorrect and autocapitalize to paper-input passThru attributes
- #629 ember-paper is now able to retrieve the parent application while being used from another addon
- 1465662 update eps and ebd
- #594 ember-paper is now compatible with ember-engines. As a side effect, we're no longer importing
hammerjs,matchmedia-polyfillandpropagating-hammerjsfrom bower. Feel free to delete them from your app's bower.json. ember-paper will keep track of its dependencies now. - e3a2f6b update ember and ember-cli
- 57d6b40 bump eps (1.0.0), ebd and wormhole
- 695650 Make backdrops work in iOS
- #600 fix unwanted repositions in async paper-select
- 4134ccd remove
onValidityChangecall on component destroy - a463108 remove leftover auto-generated
app.scssthat was causing some errors
- e923c51 fix sidenav opening glitch
- 741e03e fix bug on sidenav unregistration
- 6c980fb
paper-itemnow yieldscheckbox,switchandbuttoncontrols. These controls get proxied bypaper-itemclicks. - #577
paper-listupdate. Specifyseconday=truewhen you want controls to be placed on the right side ofpaper-item. - 350a2c7 Use timeouts to delete dialog clones after transition. Fixes bug where dialog clones were not removed.
- 82c53e4 Bugfix for for npm module resolution
- #562 Close autocomplete autocomplete's dropdown on tabKey
- #563 Make autocomplete more similar to paper-input (required star and passThru hash)
- a4acae4 Remove usage of
Ember.K - #560
paper-autocompleteworks withallowClear+ floating label - #567
paper-autocomplete-highlightnow highlights non-string labels - #527 Add paper-chips & paper-contact-chips
- #571 Allow css class on paper dialog and its container
- #542 paper-form now yields a submit button
- #549 Allow
titleattribute in paper-button - #551 avoids calling setValue when
paper-inputis destroyed - #552
paper-autocompletesearchText is now reseted properly
- #531 paper-select focus fix - doesn't call focusTarget.focus if there is no focusTarget (which is perfectly possible)
- #507 replace all instances of attribute based flex layout and replace with class based ones
- #469 Set the value before growing the textarea on render
- #541 allow touch devices to interact with autocomplete
- #395 The Great Update of paper-menu et al:
paper-menuwas updated. It uses ember-basic-dropdown under the hood and the API is the samepaper-selectandpaper-autocompletewere updated. They use ember-power-select under the hood and the API is the same- See the referenced projects and ember-paper's documentation examples to understand the new API
- Special thanks to the champions of this update @xomaczar and @ibarrick
- #521 Update Angular SCSS import to work with yarn and npm3 flat node_modules
- #520 fixes issues with people seeing
regeneratorRuntime is not defined - #515 paper-icon: set md-font-icon attribute to apply correct width
- #466 added autoprefixer configuration option
- #472 update ember-css-transitions
- #511 allow inner dialog clicks to bubble
- 5f35cf5 Glimmer 2 compatible
- #506 Add super calls inside paper-input lifecycle hooks (fixes paper-form)
- #441 fixed fastboot service check
- #449 Update
ember-css-transitionsto0.1.4 - #446 update
ember-wormholeto^0.4.0
- This version uses an updated version of
ember-css-transitionsfrom github rather than npm. - #384 update sidenav
paper-nav-containerwas renamed topaper-sidenav-containerlocked-openwas renamed tolockedOpen- sidenav opening now follows DDAU with the
openattribute andonToggleaction - animations work
- there is a
paperSidenavservice that allows sidenav toggling across the application paper-sidenav-toggleno longer sets a class to hide at certain breakpointspaper-sidenav-toggleis now tagless. It is essentially a functional component that yields an action to its blockpaper-sidenavnow can use apositionparam that positions the sidenavleft(default) orrightpaper-backdropactiononTapchanged toonClick
- #408 added paper-form component.
paper-input'sonInvalidaction renamed toonValidityChange - #430 added fastboot support. Removed errors associated with
documentwhen runningember fastboot
- #365 paper-button: Support for
fabandmini. - #362 paper-toolbar: Support for
tall. - #364 Support installation via both npm versions 2 and 3.
- #367 You should now use
paper-toolbar-toolscomponent (or respective contextual component) instead of themd-toolbar-toolsclass. - #370
paper-iconnow once again supports kebab cased icon names, and asizein pixels. - #372
paper-buttoncan generatealink elements, with an href and optional target attribute.
- 1a9b641 paper-progress-circular now uses
diameterinstead ofmd-diameter - cf2a8da paper-progress-linear now uses
bufferValueinstead ofbuffer-value - #285 paper-checkbox now uses actions up, data down.
onChangeaction is mandatory. - #286 paper-radio no longer has the class
paper-radio - #286 paper-radio now uses
groupValueinstead ofselected - #286 paper-radio now sends the action
onChangeinstead ofchangedand it is mandatory (see ddau) - #303 paper-menu template may now specify
dense=trueto display menu items compactly - #313 paper-backdrop
tapaction renamedonTapand required action closure. - #326
- paper-input now uses a passThru hash rather than individual attr-xxx attributes to pass attribute binds through to the underlying input.
- The required attribute can now be used to mean native validation, required label styling with an asterisk, and/or native html5 required validation.
- paper-input now uses
customValidationsinstead ofcustomValidation. customValidations has a new format. - the error messages can now be overriden by specifiying
errorMessages=(hash required="new message") - first validation message now has suffix
-0in its id - paper-checkbox now uses actions up, data down.
onChangeaction is mandatory.
- #324
- paper-button now uses
iconButtoninstead oficon-button - paper-button now uses the action
onClickinstead ofaction
- paper-button now uses
- #334
- paper-menu-item now uses action
onClickinstead ofaction. - paper-item now uses action
onClickinstead ofaction. - paper-menu now uses
valueinstead ofmodel. - paper-checkbox now uses
valueinstead ofchecked. - paper-switch now uses
valueinstead ofchecked. - paper-select now uses a required
onChangeaction. - paper-select now uses attribute
itemLabelCallbackinstead ofitem-label-callback. - paper-select now uses attribute
getItemsinstead ofon-open. - paper-menu now uses attribute
isOpeninstead ofis-open.
- paper-menu-item now uses action
- #338
- paper-card now uses contextual components. The old paper-card-content and paper-card-title components still work.
- paper-card now supports the same configurations as the Angular Material version.
- Updated the dependency on hammer from
hammerjstohammer.js. (Also backported to 0.2.14.)- Update your project's
bower.jsonto require"hammer.js": "^2.0.8". Removebower_components/hammerjs. Runbower cache clean, thenbower install.
- Update your project's
- 5521f3b Validation status on
paper-inputis exposed viaonInvalidaction.
- Updated the dependency on Hammer.js from
hammerjstohammer.js. - Update your project's
bower.jsonto require"hammer.js": "^2.0.8". Removebower_components/hammerjs. Runbower cache clean, thenbower install.
- #322 Remove documentation for searchTest in inverse block for
{{paper-autocomplete}}. - #323 Pass item through as expected rather than label to itemComponent for
{{paper-autocomplete}}. - #347 Don't import Hammer or matchMedia when building in node (FastBoot support)
- #307 Add paper-card title components
- #283 Adds support for
fullTextSearchattribute on{{paper-autocomplete}}. Enables passing Promises to themodelattribute on{{paper-autocomplete}}. Docs updated. - #311 Fixed issue with
paper-wormholediv in<head>tag.
- #253 Add
closeOnClickto paper-sidenav - #255 Add class to backdrops
- #260 Set jquery version to 1.11.3
- #261 Fixed #237 - didInsertElement deprecation warning for components using proxiable-mixin.
- #271 Add support for positional param
{{paper-icon "check"}}
- #178 Listen for model changes
- #219 Inject wormhole outlet through addon hook
- #209 Fix issue with
border-bottom-colorin paper-select - #213 Fixed a few stray color references that didnt use color utility
- Update ember-cli to 1.13.13
- #140 Implement Material Menu and Select component.
- #171 Add support for custom validations in paper-input component.
- #192 Add support for paper-grid-list component.
- #194 Fixed #173 - issue with paper-progress-circular.
- #154 Add support for inline paper-icon in paper-input component
- #152 Add support for .md-actions to {{paper-card}}
- #151 Only show validation errors if user has interacted with the element
- #138 Use sidenav and backdrop angular material styles. Use ember-css-transitions.
- #168 Added dynamic height to textarea
- #176 Documentation fix for autocomplete
- #170 Pass through input helper attributes
- #132 Added autocomplete component.
- #144 Fixed paper-icon sizes and added new size md-sm (size="sm").
- #146 Upgrade to ember 1.13.7 and ember-cli 1.13.8.
- #135 Fix deprecation bug in linear progress indicator.
- #136 Added circular progress indicator.
- Update to Ember-cli 1.13.1.
- #114 Added linear progress indicator.
- Created a color mixin. Specify
primary=true,accent=trueorwarn=trueto apply the respective color classes. - Paper button now applies
md-icon-buttonificon-button=true.
- #113 Added support for Ember 1.13.x
hasBlock.