Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

ember-paper

Package Overview
Dependencies
Maintainers
1
Versions
96
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

ember-paper - npm Package Compare versions

Comparing version 0.0.7 to 0.0.8

addon/components/paper-divider.js

38

addon/components/paper-button.js
import Ember from 'ember';
import BaseFocusable from './base-focusable';
import ShadowMixin from '../mixins/shadow-mixin';
import RippleMixin from '../mixins/ripple-mixin';
export default BaseFocusable.extend(ShadowMixin,RippleMixin,{
tagName:'button',
classNames:['md-button','md-default-theme'],
export default BaseFocusable.extend(RippleMixin,{
attributeBindings: ['target', 'action'],
tagName: 'button',
classNames: ['md-button','md-default-theme'],
classNameBindings: ['raised:md-raised'],

@@ -14,30 +15,13 @@ /* RippleMixin overrides */

/* ShadowMixin properties */
z:1,
click: function(){
var target = this.get('target');
defaultZ:1,
activeZ:2,
disabledZ:0,
/*
* Function that handles button state changes.
* Changes z and sends action.
*/
stateDidChange:Ember.observer('active','focus','disabled','hover',function(){
var active = this.get('active'),
disabled = this.get('disabled'),
hover = this.get('hover'),
focus = this.get('focus');
if (active || focus || hover) {
this.set('z',this.get('activeZ'));
} else if (disabled) {
this.set('z',this.get('disabledZ'));
if (target) {
this.get('target').send(this.get('action'));
} else {
this.set('z',this.get('defaultZ'));
this.sendAction();
}
}),
click:function(){
this.sendAction();
return typeof this.get('bubbles') == 'undefined' || this.get('bubbles') == true;
}
});

@@ -7,12 +7,12 @@ {

"ember": "1.8.1",
"ember-resolver": "~0.1.7",
"loader.js": "stefanpenner/loader.js#1.0.1",
"ember-cli-shims": "stefanpenner/ember-cli-shims#0.0.3",
"ember-cli-test-loader": "rwjblue/ember-cli-test-loader#0.0.4",
"ember-load-initializers": "stefanpenner/ember-load-initializers#0.0.2",
"ember-resolver": "~0.1.11",
"loader.js": "ember-cli/loader.js#1.0.1",
"ember-cli-shims": "ember-cli/ember-cli-shims#0.0.3",
"ember-cli-test-loader": "ember-cli/ember-cli-test-loader#0.1.0",
"ember-load-initializers": "ember-cli/ember-load-initializers#0.0.2",
"ember-qunit": "0.1.8",
"ember-qunit-notifications": "0.0.4",
"qunit": "~1.15.0",
"ember-qunit-notifications": "0.0.5",
"qunit": "~1.17.1",
"hammerjs": "~2.0.4"
}
}

@@ -12,3 +12,3 @@ /* global require, module */

sass.renderFile({
sass.render({
file: path.resolve(__dirname, config.sassMain),

@@ -15,0 +15,0 @@ success: function(/*css*/) {

{
"name": "ember-paper",
"version": "0.0.7",
"version": "0.0.8",
"directories": {

@@ -5,0 +5,0 @@ "doc": "doc",

# Ember Paper
This project aims to bring Google's new [Material Design](https://www.google.com/design/spec/material-design/introduction.html) to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an [Ember-cli](http://www.ember-cli.com/) addon. This allows a much nicer "plug and play" experience, as you can see for yourself in the "Installation" section.
[![Join the chat at https://gitter.im/miguelcobain/ember-paper](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/miguelcobain/ember-paper?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
This project aims to bring Google's new [Material Design](https://www.google.com/design/spec/material-design/introduction.html) to Ember. The goal is to encapsulate everything possible in Ember components. This project is packaged as an [Ember-cli](http://www.ember-cli.com/) addon.
## Installation

@@ -10,4 +12,3 @@

```
$ npm install --save-dev ember-paper
$ ember g ember-paper
$ ember install:addon ember-paper
```

@@ -20,5 +21,5 @@

This is a very ambitious project. Google's design specs are extensive, and not trivial to implement. I've been porting [Angular Material](https://github.com/angular/material) to Ember. This seems to be the most useful resource at the moment. If you feel like porting or fixing an element or two, please drop a pull request or issue at GitHub!
This is a very ambitious project. Google's design specs are extensive, and not trivial to implement. `ember-paper` is heavily based on [Angular Material](https://github.com/angular/material) and [Web Starter Kit (material-sprint branch)](https://github.com/google/web-starter-kit/tree/material-sprint). These seem to be the most useful resources at the moment. If you feel like porting or fixing an element or two, please drop a pull request or issue at GitHub!
I believe that with the help of everyone we can bring these amazing design spec to Ember in a modular and robust way. The Ember way. **Help us on Github!**

@@ -13,5 +13,6 @@ import Ember from 'ember';

this.route('radio');
this.route('toggle');
this.route('switch');
this.route('typography');
this.route('lists');
this.route('list');
this.route('divider');
this.route('navigation');

@@ -18,0 +19,0 @@ this.route('textfield');

@@ -10,4 +10,7 @@ import Ember from 'ember';

alert('You pressed a flat button.');
},
targetButton:function() {
alert('You pressed a target button. -from route');
}
}
});

@@ -21,2 +21,4 @@ import {

equal(component._state, 'inDOM');
});

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

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

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc